strapi-plugin-bulk-updater 1.2.3 → 1.2.7

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React__default, { useState, useEffect, useRef } from "react";
+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, Table, Thead, Tr, Th, Tbody, Td, Alert, Field, Combobox, ComboboxOption, TextInput } from "@strapi/design-system";
+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 { V as ValidationRulesTab } from "./ValidationRulesTab-BGcqM9cN.mjs";
 function CsvManagerTab() {
@@ -14,7 +14,7 @@ function CsvManagerTab() {
   const [exportOnlyViolations, setExportOnlyViolations] = useState(false);
   const [rules, setRules] = useState([]);
   const [selectedRuleId, setSelectedRuleId] = useState("");
-  const [importMode, setImportMode] = useState("update");
+  const [importMode, setImportMode] = useState("auto");
   const [publishOnImport, setPublishOnImport] = useState(true);
   const [csvRawText, setCsvRawText] = useState("");
   const [fileName, setFileName] = useState("");
@@ -167,9 +167,14 @@ function CsvManagerTab() {
       });
       if (res.data && res.data.success) {
         setImportResult(res.data);
+        const stats = res.data.stats;
+        let notifMsg = `CSV Import complete: ${stats.created} created, ${stats.updated} updated.`;
+        if (stats.newWithoutDocId && stats.newWithoutDocId > 0) {
+          notifMsg += ` (${stats.newWithoutDocId} new entries created due to omitted documentId)`;
+        }
         toggleNotification({
           type: "success",
-          message: `CSV Import complete: ${res.data.stats.created} created, ${res.data.stats.updated} updated.`
+          message: notifMsg
         });
       } else {
         throw new Error(res.data?.error || "Import failed");
@@ -275,7 +280,20 @@ function CsvManagerTab() {
       /* @__PURE__ */ jsxs(Flex, { gap: 6, marginBottom: 4, wrap: "wrap", children: [
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 2, children: "Operation Mode" }),
-          /* @__PURE__ */ jsxs(Flex, { gap: 4, children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: "wrap", children: [
+            /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "center", gap: 6, cursor: "pointer" }, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: "importMode",
+                  value: "auto",
+                  checked: importMode === "auto",
+                  onChange: () => setImportMode("auto")
+                }
+              ),
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: importMode === "auto" ? "bold" : "normal", children: "Smart Auto-Detect (Auto-updates matching documentId, creates new if missing)" })
+            ] }),
             /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "center", gap: 6, cursor: "pointer" }, children: [
               /* @__PURE__ */ jsx(
                 "input",
@@ -287,7 +305,7 @@ function CsvManagerTab() {
                   onChange: () => setImportMode("update")
                 }
               ),
-              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: importMode === "update" ? "bold" : "normal", children: "Update Existing (Matches by documentId)" })
+              /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: importMode === "update" ? "bold" : "normal", children: "Update Existing Only (Requires documentId)" })
             ] }),
             /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "center", gap: 6, cursor: "pointer" }, children: [
               /* @__PURE__ */ jsx(
@@ -346,31 +364,73 @@ function CsvManagerTab() {
           ]
         }
       ),
-      parsedPreview.length > 0 && /* @__PURE__ */ jsxs(Box, { marginTop: 4, background: "neutral0", padding: 4, hasRadius: true, children: [
-        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
-          /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral700", children: [
-            "FILE PREVIEW (FIRST ",
-            parsedPreview.length,
-            " ROWS)"
+      parsedPreview.length > 0 && (() => {
+        const missingDocIdCount = parsedPreview.filter(
+          (row) => !(row.documentId || row.id || "").trim()
+        ).length;
+        const headers = Object.keys(parsedPreview[0]);
+        return /* @__PURE__ */ jsxs(Box, { marginTop: 4, background: "neutral0", padding: 4, hasRadius: true, children: [
+          /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral700", children: [
+                "FILE PREVIEW (FIRST ",
+                parsedPreview.length,
+                " ROWS)"
+              ] }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: [
+                parsedPreview.length,
+                " previewed row",
+                parsedPreview.length > 1 ? "s" : "",
+                " •",
+                " ",
+                missingDocIdCount > 0 ? `${missingDocIdCount} row${missingDocIdCount > 1 ? "s" : ""} missing documentId (will be created as new entries)` : "All previewed rows contain document IDs"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Badge, { backgroundColor: missingDocIdCount > 0 ? "warning100" : "success100", textColor: missingDocIdCount > 0 ? "warning700" : "success700", children: missingDocIdCount > 0 ? `${missingDocIdCount} New (No ID)` : "Ready to Import" })
           ] }),
-          /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral800", children: "Ready to Import" })
-        ] }),
-        /* @__PURE__ */ jsxs(Table, { colCount: Object.keys(parsedPreview[0]).length, rowCount: parsedPreview.length + 1, children: [
-          /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsx(Tr, { children: Object.keys(parsedPreview[0]).map((h) => /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: h }) }, h)) }) }),
-          /* @__PURE__ */ jsx(Tbody, { children: parsedPreview.map((row, rIdx) => /* @__PURE__ */ jsx(Tr, { children: Object.keys(parsedPreview[0]).map((h) => /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: row[h] || "-" }) }, h)) }, rIdx)) })
-        ] }),
-        /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", marginTop: 4, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "default",
-            size: "L",
-            startIcon: /* @__PURE__ */ jsx(Check, {}),
-            onClick: handleExecuteImport,
-            loading: importing,
-            children: importMode === "update" ? "Execute Bulk Update" : "Execute Add / Override"
-          }
-        ) })
-      ] }),
+          missingDocIdCount > 0 && /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsx(
+            Alert,
+            {
+              variant: importMode === "update" ? "warning" : "default",
+              title: importMode === "update" ? "Warning: Missing Document IDs" : "Smart Auto-Detect Active",
+              children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+                missingDocIdCount,
+                " row",
+                missingDocIdCount > 1 ? "s have" : " has",
+                " no ",
+                /* @__PURE__ */ jsx("code", { children: "documentId" }),
+                ".",
+                " ",
+                importMode === "auto" ? "Because no documentId is provided, the engine will automatically treat them as new entries and generate new database IDs for them." : importMode === "update" ? 'In "Update Existing Only" mode, rows without a documentId will be skipped. Switch to "Smart Auto-Detect" to automatically create them as new entries.' : "These will be created as new entries."
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Table, { colCount: headers.length + 1, rowCount: parsedPreview.length + 1, children: [
+            /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+              /* @__PURE__ */ jsx(Th, { style: { width: 140 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Detected Action" }) }),
+              headers.map((h) => /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: h }) }, h))
+            ] }) }),
+            /* @__PURE__ */ jsx(Tbody, { children: parsedPreview.map((row, rIdx) => {
+              const hasDocId = !!(row.documentId || row.id || "").trim();
+              return /* @__PURE__ */ jsxs(Tr, { children: [
+                /* @__PURE__ */ jsx(Td, { children: hasDocId ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "🔄 Match / Update" }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: "➕ New Entry" }) }),
+                headers.map((h) => /* @__PURE__ */ jsx(Td, { children: (h === "documentId" || h === "id") && !row[h]?.trim() ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning700", fontWeight: "bold", children: "(Auto-generate ID)" }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", children: row[h] || "-" }) }, h))
+              ] }, rIdx);
+            }) })
+          ] }),
+          /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", marginTop: 4, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "default",
+              size: "L",
+              startIcon: /* @__PURE__ */ jsx(Check, {}),
+              onClick: handleExecuteImport,
+              loading: importing,
+              children: importMode === "auto" ? "Execute Smart Import (Auto-Detect)" : importMode === "update" ? "Execute Bulk Update" : "Execute Add / Override"
+            }
+          ) })
+        ] });
+      })(),
       importResult && /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(
         Alert,
         {
@@ -383,8 +443,12 @@ function CsvManagerTab() {
                 importResult.stats.created,
                 " created"
               ] }),
-              ",",
-              " ",
+              importResult.stats.newWithoutDocId > 0 && /* @__PURE__ */ jsxs("span", { children: [
+                " (",
+                importResult.stats.newWithoutDocId,
+                " created as new entries because documentId was omitted)"
+              ] }),
+              ", ",
               /* @__PURE__ */ jsxs("strong", { children: [
                 importResult.stats.updated,
                 " updated"
@@ -399,6 +463,17 @@ function CsvManagerTab() {
               importResult.stats.total,
               " total rows."
             ] }),
+            importResult.stats.newWithoutDocId > 0 && /* @__PURE__ */ jsx(Box, { marginTop: 2, padding: 2, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral700", children: [
+              "ℹ️ ",
+              /* @__PURE__ */ jsx("strong", { children: "Note on new entries:" }),
+              " ",
+              importResult.stats.newWithoutDocId,
+              " row",
+              importResult.stats.newWithoutDocId > 1 ? "s" : "",
+              " had no ",
+              /* @__PURE__ */ jsx("code", { children: "documentId" }),
+              " specified in the CSV. The engine generated brand-new database entries with assigned document IDs. If you export this collection now, you will see their generated document IDs."
+            ] }) }),
             importResult.stats.errors.length > 0 && /* @__PURE__ */ jsxs(Box, { marginTop: 2, children: [
               /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger700", fontWeight: "bold", children: [
                 "Errors encountered (",
@@ -418,6 +493,626 @@ function CsvManagerTab() {
     ] })
   ] }) });
 }
+function formatVal(v) {
+  if (v === null || v === void 0) return "(empty)";
+  if (typeof v === "object") {
+    if (v.display) return v.display;
+    if (v.label) return v.label;
+    return JSON.stringify(v);
+  }
+  return String(v);
+}
+function downloadFile(content, filename, mimeType = "text/csv;charset=utf-8;") {
+  const blob = new Blob([content], { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  URL.revokeObjectURL(url);
+}
+function ProcessingDashboardModal({
+  isOpen,
+  onClose,
+  batchId,
+  initialJob,
+  isSubmitting = false
+}) {
+  const { get } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [job, setJob] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [filterStatus, setFilterStatus] = useState("all");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [downloading, setDownloading] = useState(false);
+  const [copiedBatchId, setCopiedBatchId] = useState(false);
+  useEffect(() => {
+    if (initialJob && initialJob.id) {
+      setJob((prev) => ({
+        id: initialJob.id,
+        createdAt: initialJob.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
+        startedAt: initialJob.startedAt,
+        completedAt: initialJob.completedAt,
+        createdBy: initialJob.createdBy || { email: "admin@system.local" },
+        status: initialJob.status || (isSubmitting ? "processing" : "successful"),
+        executionMode: initialJob.executionMode || "immediate",
+        scheduledFor: initialJob.scheduledFor,
+        attribute: initialJob.attribute || "",
+        value: initialJob.value || "",
+        totalTargets: initialJob.totalTargets || 0,
+        processedCount: initialJob.processedCount || 0,
+        updatedCount: initialJob.updatedCount || 0,
+        skippedCount: initialJob.skippedCount || 0,
+        failedCount: initialJob.failedCount || 0,
+        isLive: Boolean(initialJob.isLive),
+        publishOnApproval: initialJob.publishOnApproval ?? true,
+        policyMessage: initialJob.policyMessage,
+        makerNotes: initialJob.makerNotes,
+        results: initialJob.results || [],
+        error: initialJob.error
+      }));
+    }
+  }, [initialJob, isSubmitting]);
+  const fetchStatus = async () => {
+    const targetId = batchId || initialJob?.id;
+    if (!targetId) return;
+    try {
+      setLoading(true);
+      const res = await get(`/bulk-updater/batches/${targetId}/status`);
+      if (res.data?.success && res.data.batch) {
+        setJob(res.data.batch);
+      }
+    } catch (err) {
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    if (isOpen && (batchId || initialJob?.id)) {
+      fetchStatus();
+      if (isSubmitting || job?.status === "processing") {
+        const interval = setInterval(fetchStatus, 2e3);
+        return () => clearInterval(interval);
+      }
+    }
+  }, [isOpen, batchId, initialJob?.id, isSubmitting, job?.status]);
+  const handleCopyId = () => {
+    const idToCopy = job?.id || batchId;
+    if (idToCopy) {
+      navigator.clipboard.writeText(idToCopy);
+      setCopiedBatchId(true);
+      setTimeout(() => setCopiedBatchId(false), 2e3);
+    }
+  };
+  const handleDownloadReport = async (format = "csv") => {
+    const targetId = job?.id || batchId;
+    if (!targetId) return;
+    try {
+      setDownloading(true);
+      const res = await get(`/bulk-updater/batches/${targetId}/report?format=${format}`);
+      if (res.data?.success) {
+        if (format === "csv" && res.data.csvContent) {
+          downloadFile(res.data.csvContent, res.data.filename);
+        } else if (format === "json") {
+          const jsonStr = JSON.stringify(res.data.batch || job, null, 2);
+          downloadFile(jsonStr, `bulk_update_report_${targetId}.json`, "application/json");
+        }
+        toggleNotification({
+          type: "success",
+          message: `Execution report downloaded (${format.toUpperCase()})`
+        });
+      } else {
+        throw new Error(res.data?.error || "Failed generating report");
+      }
+    } catch (err) {
+      if (job && job.results) {
+        const csvRows = [
+          "Batch ID,Collection Name,Document ID,Record Label,Attribute,Old Value,New Value,Status,Live On Site,Message",
+          ...job.results.map(
+            (r) => [
+              job.id,
+              `"${r.collectionName}"`,
+              r.documentId,
+              `"${r.label.replace(/"/g, '""')}"`,
+              `"${r.attribute}"`,
+              `"${formatVal(r.oldValue).replace(/"/g, '""')}"`,
+              `"${formatVal(r.newValue).replace(/"/g, '""')}"`,
+              r.status,
+              r.isLive ? "YES" : "NO",
+              `"${r.message.replace(/"/g, '""')}"`
+            ].join(",")
+          )
+        ];
+        downloadFile(csvRows.join("\n"), `bulk_update_report_${targetId}.csv`);
+        toggleNotification({
+          type: "success",
+          message: "Execution report downloaded successfully"
+        });
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: err.message || "Error downloading execution report"
+        });
+      }
+    } finally {
+      setDownloading(false);
+    }
+  };
+  const filteredResults = useMemo(() => {
+    if (!job?.results) return [];
+    return job.results.filter((item) => {
+      if (filterStatus !== "all" && item.status !== filterStatus) return false;
+      if (searchQuery.trim() !== "") {
+        const q = searchQuery.toLowerCase();
+        const matchesCol = item.collectionName?.toLowerCase().includes(q);
+        const matchesLabel = item.label?.toLowerCase().includes(q);
+        const matchesId = item.documentId?.toLowerCase().includes(q);
+        const matchesMsg = item.message?.toLowerCase().includes(q);
+        if (!matchesCol && !matchesLabel && !matchesId && !matchesMsg) return false;
+      }
+      return true;
+    });
+  }, [job?.results, filterStatus, searchQuery]);
+  if (!isOpen) return null;
+  const currentStatus = isSubmitting ? "processing" : job?.status || "processing";
+  const progressPercent = job && job.totalTargets > 0 ? Math.min(Math.round((job.updatedCount + job.skippedCount + job.failedCount) / job.totalTargets * 100), 100) : isSubmitting ? 50 : 100;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(20, 20, 30, 0.75)",
+        backdropFilter: "blur(3px)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 9999,
+        padding: 16,
+        boxSizing: "border-box",
+        overflowY: "auto"
+      },
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          background: "neutral0",
+          hasRadius: true,
+          shadow: "popupShadow",
+          style: {
+            maxWidth: 960,
+            width: "100%",
+            maxHeight: "calc(100vh - 40px)",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden",
+            position: "relative",
+            boxShadow: "0 24px 48px rgba(0, 0, 0, 0.35)"
+          },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                padding: 5,
+                background: "neutral100",
+                style: { borderBottom: "1px solid #dcdce4", flexShrink: 0 },
+                children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                  /* @__PURE__ */ jsxs(Box, { children: [
+                    /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Bulk Update Processing Dashboard" }),
+                      currentStatus === "processing" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "🔄 PROCESSING" }),
+                      currentStatus === "successful" && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                        "🟢 CHANGES LIVE (",
+                        job?.updatedCount,
+                        " UPDATED)"
+                      ] }),
+                      currentStatus === "partial_failure" && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                        "⚠️ PARTIAL (",
+                        job?.updatedCount,
+                        " LIVE, ",
+                        job?.failedCount,
+                        " FAILED)"
+                      ] }),
+                      currentStatus === "failed" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "danger100", textColor: "danger700", children: "🔴 FAILED" }),
+                      currentStatus === "pending_approval" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: "⏳ PENDING CHECKER APPROVAL" }),
+                      currentStatus === "queued_offpeak" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "🕒 QUEUED FOR OFF-PEAK" })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, marginTop: 1, children: [
+                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+                        "Batch ID: ",
+                        /* @__PURE__ */ jsx("code", { style: { fontWeight: "bold" }, children: job?.id || batchId || "Generating..." })
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: handleCopyId,
+                          style: {
+                            background: "none",
+                            border: "none",
+                            padding: "0 4px",
+                            cursor: "pointer",
+                            fontSize: 12,
+                            color: "#4945ff"
+                          },
+                          children: copiedBatchId ? "✓ Copied" : "Copy ID"
+                        }
+                      ),
+                      job?.createdAt && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", children: [
+                        "• Submitted at ",
+                        new Date(job.createdAt).toLocaleTimeString()
+                      ] }),
+                      job?.createdBy?.email && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", children: [
+                        "• Operator: ",
+                        job.createdBy.email
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                    /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}), onClick: fetchStatus, loading, children: "Refresh" }),
+                    /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "S", onClick: onClose, children: "Close" })
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxs(Box, { padding: 5, style: { flex: "1 1 auto", overflowY: "auto" }, children: [
+              /* @__PURE__ */ jsxs(Box, { marginBottom: 5, padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: [
+                /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 2, children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral700", children: "PROCESSING PIPELINE & VERIFICATION" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: currentStatus === "successful" ? "success700" : "primary700", children: currentStatus === "processing" ? `In Progress... (${progressPercent}%)` : currentStatus === "successful" ? "100% Completed (Live on Server)" : currentStatus === "pending_approval" ? "Awaiting Checker Decision" : currentStatus === "queued_offpeak" ? "Scheduled for Off-Peak" : "Completed" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      width: "100%",
+                      height: 8,
+                      backgroundColor: "#dcdce4",
+                      borderRadius: 4,
+                      overflow: "hidden",
+                      marginBottom: 16
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          height: "100%",
+                          width: `${progressPercent}%`,
+                          backgroundColor: currentStatus === "failed" ? "#d02b20" : currentStatus === "successful" ? "#2f6846" : "#4945ff",
+                          transition: "width 0.4s ease"
+                        }
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, children: [
+                  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 22,
+                          height: 22,
+                          borderRadius: "50%",
+                          backgroundColor: "#2f6846",
+                          color: "#fff",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          fontSize: 12,
+                          fontWeight: "bold"
+                        },
+                        children: "✓"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: "1. Target Batch Queued" })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 22,
+                          height: 22,
+                          borderRadius: "50%",
+                          backgroundColor: currentStatus === "failed" && !job?.updatedCount ? "#d02b20" : "#2f6846",
+                          color: "#fff",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          fontSize: 12,
+                          fontWeight: "bold"
+                        },
+                        children: "✓"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: "2. Schema & Quotas Validated" })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 22,
+                          height: 22,
+                          borderRadius: "50%",
+                          backgroundColor: currentStatus === "processing" ? "#4945ff" : currentStatus === "failed" && !job?.updatedCount ? "#dcdce4" : "#2f6846",
+                          color: "#fff",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          fontSize: 12,
+                          fontWeight: "bold"
+                        },
+                        children: currentStatus === "processing" ? "•" : "✓"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: "3. Applied to Database" })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 22,
+                          height: 22,
+                          borderRadius: "50%",
+                          backgroundColor: currentStatus === "successful" ? "#2f6846" : currentStatus === "pending_approval" ? "#f5c000" : currentStatus === "queued_offpeak" ? "#666687" : currentStatus === "processing" ? "#dcdce4" : "#d02b20",
+                          color: "#fff",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          fontSize: 12,
+                          fontWeight: "bold"
+                        },
+                        children: currentStatus === "successful" ? "✓" : currentStatus === "pending_approval" ? "⏳" : "•"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: "4. Live Verification & Audit" })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { marginBottom: 5, children: [
+                currentStatus === "processing" && /* @__PURE__ */ jsx(Alert, { variant: "default", title: "Bulk Update In Progress", children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
+                  /* @__PURE__ */ jsx(Loader, { small: true }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "The engine is updating records across selected collections. Do not refresh or navigate away." })
+                ] }) }),
+                currentStatus === "successful" && /* @__PURE__ */ jsx(Alert, { variant: "success", title: "🟢 CHANGES ARE CURRENTLY LIVE ON SERVER", children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", display: "block", children: [
+                  "All ",
+                  /* @__PURE__ */ jsx("strong", { children: job?.updatedCount || 0 }),
+                  " matching records were successfully updated in the database",
+                  job?.publishOnApproval ? " and auto-published" : "",
+                  ". Your changes are now live and accessible in Strapi Content Manager and public APIs."
+                ] }) }),
+                currentStatus === "partial_failure" && /* @__PURE__ */ jsx(Alert, { variant: "warning", title: "⚠️ PARTIAL EXECUTION (SOME RECORDS ENCOUNTERED ERRORS)", children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", display: "block", children: [
+                  /* @__PURE__ */ jsx("strong", { children: job?.updatedCount || 0 }),
+                  " records were updated and are currently live, but",
+                  " ",
+                  /* @__PURE__ */ jsx("strong", { children: job?.failedCount || 0 }),
+                  " records failed. Inspect the itemized table below for exact error details."
+                ] }) }),
+                currentStatus === "failed" && /* @__PURE__ */ jsx(Alert, { variant: "danger", title: "🔴 EXECUTION FAILED (CHANGES NOT APPLIED)", children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", display: "block", children: [
+                  "The bulk update failed: ",
+                  job?.error || "One or more database mutations failed. No records were published."
+                ] }) }),
+                currentStatus === "pending_approval" && /* @__PURE__ */ jsx(Alert, { variant: "warning", title: "⏳ PENDING CHECKER APPROVAL (CHANGES NOT LIVE YET)", children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", display: "block", children: [
+                  "This batch was submitted under the ",
+                  /* @__PURE__ */ jsx("strong", { children: "4-Eyes Maker-Checker Policy" }),
+                  ". Changes will ",
+                  /* @__PURE__ */ jsx("strong", { children: "not" }),
+                  " go live until a Checker reviews and approves this batch in the",
+                  " ",
+                  /* @__PURE__ */ jsx("strong", { children: "Audit Trail & Approvals" }),
+                  " tab."
+                ] }) }),
+                currentStatus === "queued_offpeak" && /* @__PURE__ */ jsx(Alert, { variant: "default", title: `🕒 SCHEDULED FOR OFF-PEAK WINDOW (${job?.scheduledFor || "18:00"})`, children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", display: "block", children: [
+                  "This batch was scheduled to avoid peak database load during business hours. The scheduled background worker will automatically execute and publish these changes at",
+                  " ",
+                  /* @__PURE__ */ jsx("strong", { children: job?.scheduledFor || "off-peak" }),
+                  "."
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsx(Box, { marginBottom: 5, children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "grid",
+                    gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))",
+                    gap: 16
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", display: "block", children: "TOTAL TARGETS" }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", textColor: "neutral800", marginTop: 1, display: "block", children: job?.totalTargets || 0 }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Targeted entities" })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Box, { padding: 4, background: "success100", hasRadius: true, style: { border: "1px solid #b7eb8f" }, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "success700", display: "block", children: "LIVE / UPDATED" }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", textColor: "success700", marginTop: 1, display: "block", children: job?.updatedCount || 0 }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "success700", children: job?.isLive ? "✓ Active on site" : "Pending live" })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", display: "block", children: "SKIPPED" }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", textColor: "neutral800", marginTop: 1, display: "block", children: job?.skippedCount || 0 }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Attribute not in schema" })
+                    ] }),
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        padding: 4,
+                        background: (job?.failedCount || 0) > 0 ? "danger100" : "neutral100",
+                        hasRadius: true,
+                        style: { border: (job?.failedCount || 0) > 0 ? "1px solid #ffa39e" : "1px solid #eaeaef" },
+                        children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: (job?.failedCount || 0) > 0 ? "danger700" : "neutral600", display: "block", children: "FAILED / ERRORS" }),
+                          /* @__PURE__ */ jsx(
+                            Typography,
+                            {
+                              variant: "alpha",
+                              fontWeight: "bold",
+                              textColor: (job?.failedCount || 0) > 0 ? "danger700" : "neutral800",
+                              marginTop: 1,
+                              display: "block",
+                              children: job?.failedCount || 0
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: (job?.failedCount || 0) > 0 ? "danger700" : "neutral500", children: (job?.failedCount || 0) > 0 ? "Requires attention" : "0 errors" })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Box, { marginBottom: 4, padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", display: "block", children: "Execution Report & Verification Audit" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Download an itemized verification report showing every record's old value, new value, and live deployment status." })
+                ] }),
+                /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "default",
+                      startIcon: /* @__PURE__ */ jsx(Download, {}),
+                      onClick: () => handleDownloadReport("csv"),
+                      loading: downloading,
+                      children: "Download Execution Report (.csv)"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "secondary",
+                      startIcon: /* @__PURE__ */ jsx(Download, {}),
+                      onClick: () => handleDownloadReport("json"),
+                      loading: downloading,
+                      children: "JSON Report"
+                    }
+                  )
+                ] })
+              ] }) }),
+              job && job.results && job.results.length > 0 && /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, wrap: "wrap", gap: 2, children: [
+                  /* @__PURE__ */ jsxs(Typography, { variant: "delta", fontWeight: "bold", children: [
+                    "Itemized Changes (",
+                    filteredResults.length,
+                    " / ",
+                    job.results.length,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: filterStatus === "all" ? "secondary" : "tertiary",
+                        size: "S",
+                        onClick: () => setFilterStatus("all"),
+                        children: [
+                          "All (",
+                          job.results.length,
+                          ")"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: filterStatus === "updated" ? "secondary" : "tertiary",
+                        size: "S",
+                        onClick: () => setFilterStatus("updated"),
+                        children: [
+                          "Live / Updated (",
+                          job.updatedCount,
+                          ")"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: filterStatus === "skipped" ? "secondary" : "tertiary",
+                        size: "S",
+                        onClick: () => setFilterStatus("skipped"),
+                        children: [
+                          "Skipped (",
+                          job.skippedCount,
+                          ")"
+                        ]
+                      }
+                    ),
+                    job.failedCount > 0 && /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        variant: filterStatus === "error" ? "secondary" : "tertiary",
+                        size: "S",
+                        onClick: () => setFilterStatus("error"),
+                        children: [
+                          "Failed (",
+                          job.failedCount,
+                          ")"
+                        ]
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    placeholder: "Filter by collection name, title, or document ID...",
+                    value: searchQuery,
+                    onChange: (e) => setSearchQuery(e.target.value),
+                    size: "S"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: filteredResults.length + 1, children: [
+                  /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Th, { style: { width: 140 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Status" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Collection" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Record / Document ID" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Previous Value" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "New Live Value" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Details" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Tbody, { children: filteredResults.map((item, idx) => /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Td, { children: item.status === "updated" ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "🟢 Live / Updated" }) : item.status === "error" ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "danger100", textColor: "danger700", children: "❌ Failed" }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral700", children: "⚠️ Skipped" }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: item.collectionName }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Box, { children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "omega", display: "block", children: item.label }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: /* @__PURE__ */ jsx("code", { children: item.documentId }) })
+                    ] }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: formatVal(item.oldValue) }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "primary700", children: formatVal(item.newValue) }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: item.status === "error" ? "danger700" : "neutral600", children: item.message }) })
+                  ] }, idx)) })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", style: { borderTop: "1px solid #dcdce4", flexShrink: 0 }, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: job?.completedAt ? `Finished at ${new Date(job.completedAt).toLocaleTimeString()}` : isSubmitting ? "Processing live batch..." : "Status active" }),
+              /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "default",
+                    size: "M",
+                    startIcon: /* @__PURE__ */ jsx(Download, {}),
+                    onClick: () => handleDownloadReport("csv"),
+                    loading: downloading,
+                    children: "Download Report (.csv)"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "M", onClick: onClose, children: "Done" })
+              ] })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+}
 function getNestedValue(obj, path) {
   if (!obj || !path) return void 0;
   if (!path.includes(".")) return obj[path];
@@ -608,7 +1303,21 @@ const BulkUpdater = () => {
   const [executingNowBatchId, setExecutingNowBatchId] = useState(null);
   const [makerNotesInput, setMakerNotesInput] = useState("");
   const [publishOnApproval, setPublishOnApproval] = useState(true);
-  const [selectedAttribute, setSelectedAttribute] = useState("metaDescription");
+  const [showProcessingDashboard, setShowProcessingDashboard] = useState(false);
+  const [dashboardBatchId, setDashboardBatchId] = useState("");
+  const [dashboardJob, setDashboardJob] = useState(null);
+  const [isSubmittingBatch, setIsSubmittingBatch] = useState(false);
+  const MODELS_CACHE_KEY = "strapi_bulk_updater_models_cache";
+  const LAST_ATTR_KEY = "strapi_bulk_updater_last_attr";
+  const getInitialAttribute = () => {
+    try {
+      const stored = localStorage.getItem(LAST_ATTR_KEY);
+      if (stored) return stored;
+    } catch {
+    }
+    return "metaDescription";
+  };
+  const [selectedAttribute, setSelectedAttribute] = useState(getInitialAttribute);
   const [attributeValue, setAttributeValue] = useState("");
   const [selectedEntries, setSelectedEntries] = useState({});
   const [relationsMeta, setRelationsMeta] = useState({});
@@ -640,6 +1349,9 @@ const BulkUpdater = () => {
   const [collectionPages, setCollectionPages] = useState({});
   const [collectionSearch, setCollectionSearch] = useState("");
   const [visibleTypeUids, setVisibleTypeUids] = useState({});
+  const [typeVisibilitySearch, setTypeVisibilitySearch] = useState("");
+  const [attributeInfoExpanded, setAttributeInfoExpanded] = useState(false);
+  const [attributeInfoSearch, setAttributeInfoSearch] = useState("");
   const [defaultPageSize, setDefaultPageSize] = useState(10);
   const [collectionSorts, setCollectionSorts] = useState({});
   const [collectionColumnVisibility, setCollectionColumnVisibility] = useState({});
@@ -678,47 +1390,72 @@ const BulkUpdater = () => {
   const [expandedDiffBatchId, setExpandedDiffBatchId] = useState(null);
   const [auditNotice, setAuditNotice] = useState(null);
   const latestActiveBatch = auditHistory.find((rec) => !rec.isRolledBack);
+  const applyModelsData = (data) => {
+    if (!data) return;
+    const attrs = data.attributes || [];
+    setAttributes(attrs);
+    const cols = data.collections || [];
+    setCollections(cols);
+    setAuditEnabled(Boolean(data.auditEnabled));
+    if (data.executionWindow) {
+      setExecutionWindow(data.executionWindow);
+    }
+    const pages = {};
+    const initialVisibility = {};
+    const initialSorts = {};
+    cols.forEach((col) => {
+      const total = col.totalEntries !== void 0 ? col.totalEntries : col.entries ? col.entries.length : 0;
+      const initialPageSize = col.isSingleType ? 1 : 10;
+      pages[col.uid] = {
+        page: 1,
+        pageSize: initialPageSize,
+        total,
+        pageCount: col.isSingleType ? 1 : Math.ceil(total / initialPageSize) || 1,
+        entries: (col.entries || []).slice(0, initialPageSize),
+        loading: false
+      };
+      initialVisibility[col.uid] = true;
+      initialSorts[col.uid] = { field: "createdAt", order: "desc" };
+    });
+    setCollectionPages(pages);
+    setVisibleTypeUids(initialVisibility);
+    setCollectionSorts(initialSorts);
+    if (data.relationsMeta) {
+      setRelationsMeta(data.relationsMeta);
+    }
+    let storedAttr = null;
+    try {
+      storedAttr = localStorage.getItem(LAST_ATTR_KEY);
+    } catch {
+    }
+    const resolvedAttr = storedAttr && attrs.includes(storedAttr) ? storedAttr : attrs.includes(selectedAttribute) ? selectedAttribute : attrs[0] || "metaDescription";
+    setSelectedAttribute(resolvedAttr);
+    if (resolvedAttr && data.relationsMeta && data.relationsMeta[resolvedAttr]) {
+      fetchRelationOptions(data.relationsMeta[resolvedAttr].targetUid);
+    }
+  };
   const fetchModels = async () => {
     try {
-      setLoading(true);
+      const cached = sessionStorage.getItem(MODELS_CACHE_KEY);
+      if (cached) {
+        const parsed = JSON.parse(cached);
+        if (parsed && parsed.data) {
+          applyModelsData(parsed.data);
+          setLoading(false);
+        }
+      }
+    } catch {
+    }
+    try {
+      if (collections.length === 0) {
+        setLoading(true);
+      }
       const res = await get("/bulk-updater/models");
       if (res.data && res.data.success) {
-        setAttributes(res.data.attributes || []);
-        const cols = res.data.collections || [];
-        setCollections(cols);
-        setAuditEnabled(Boolean(res.data.auditEnabled));
-        if (res.data.executionWindow) {
-          setExecutionWindow(res.data.executionWindow);
-        }
-        const pages = {};
-        const initialVisibility = {};
-        const initialSorts = {};
-        cols.forEach((col) => {
-          const total = col.totalEntries !== void 0 ? col.totalEntries : col.entries ? col.entries.length : 0;
-          const initialPageSize = col.isSingleType ? 1 : 10;
-          pages[col.uid] = {
-            page: 1,
-            pageSize: initialPageSize,
-            total,
-            pageCount: col.isSingleType ? 1 : Math.ceil(total / initialPageSize) || 1,
-            entries: (col.entries || []).slice(0, initialPageSize),
-            loading: false
-          };
-          initialVisibility[col.uid] = true;
-          initialSorts[col.uid] = { field: "createdAt", order: "desc" };
-        });
-        setCollectionPages(pages);
-        setVisibleTypeUids(initialVisibility);
-        setCollectionSorts(initialSorts);
-        if (res.data.relationsMeta) {
-          setRelationsMeta(res.data.relationsMeta);
-        }
-        const activeAttr = selectedAttribute || res.data.attributes && res.data.attributes[0];
-        if (!selectedAttribute && activeAttr) {
-          setSelectedAttribute(activeAttr);
-        }
-        if (activeAttr && res.data.relationsMeta && res.data.relationsMeta[activeAttr]) {
-          fetchRelationOptions(res.data.relationsMeta[activeAttr].targetUid);
+        applyModelsData(res.data);
+        try {
+          sessionStorage.setItem(MODELS_CACHE_KEY, JSON.stringify({ timestamp: Date.now(), data: res.data }));
+        } catch {
         }
       }
     } catch (err) {
@@ -862,7 +1599,12 @@ const BulkUpdater = () => {
         if (isFilterActiveNow) {
           setSelectedEntries({});
         }
-        collections.forEach((col) => {
+        const targetCols = collections.filter((col) => {
+          if (visibleTypeUids[col.uid] === false) return false;
+          if (filterOperator !== "none" && !col.attributes.includes(selectedAttribute)) return false;
+          return true;
+        });
+        targetCols.forEach((col) => {
           loadCollectionPage(
             col.uid,
             1,
@@ -883,6 +1625,10 @@ const BulkUpdater = () => {
   const handleAttributeChange = (newAttr) => {
     if (newAttr !== selectedAttribute) {
       setSelectedAttribute(newAttr);
+      try {
+        localStorage.setItem(LAST_ATTR_KEY, newAttr);
+      } catch {
+      }
       setSelectedEntries({});
       setFilterOperator("none");
       setFilterQuery("");
@@ -894,7 +1640,10 @@ const BulkUpdater = () => {
       } else {
         setRelationOptions([]);
       }
-      collections.forEach((col) => {
+      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);
       });
     }
@@ -902,6 +1651,49 @@ const BulkUpdater = () => {
   const filteredCollections = collections.filter(
     (c) => visibleTypeUids[c.uid] !== false && (!collectionSearch.trim() || c.displayName.toLowerCase().includes(collectionSearch.toLowerCase().trim()) || c.uid.toLowerCase().includes(collectionSearch.toLowerCase().trim()))
   );
+  const supportedCollections = useMemo(() => {
+    return collections.filter((c) => c.attributes.includes(selectedAttribute));
+  }, [collections, selectedAttribute]);
+  const unsupportedCollections = useMemo(() => {
+    return collections.filter((c) => !c.attributes.includes(selectedAttribute));
+  }, [collections, selectedAttribute]);
+  const handleFocusOnlySupported = () => {
+    const newVis = {};
+    collections.forEach((c) => {
+      newVis[c.uid] = c.attributes.includes(selectedAttribute);
+    });
+    setVisibleTypeUids(newVis);
+    toggleNotification({
+      type: "info",
+      message: `Workspace focused: Showing ${supportedCollections.length} of ${collections.length} collections supporting "${selectedAttribute}".`
+    });
+  };
+  const handleShowAllTypes = () => {
+    const newVis = {};
+    collections.forEach((c) => {
+      newVis[c.uid] = true;
+    });
+    setVisibleTypeUids(newVis);
+  };
+  const handleHideAllTypes = () => {
+    const newVis = {};
+    collections.forEach((c) => {
+      newVis[c.uid] = false;
+    });
+    setVisibleTypeUids(newVis);
+  };
+  const memoizedComboboxOptions = useMemo(() => {
+    return attributes.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 }),
+        rel ? /* @__PURE__ */ jsxs(Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: [
+          "relation ➔ ",
+          rel.targetDisplayName
+        ] }) : attr.includes(".") ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral700", size: "S", children: "component" }) : null
+      ] }) }, attr);
+    });
+  }, [attributes, relationsMeta, selectedAttribute]);
   const handleGlobalPageSizeChange = (newSize) => {
     const capped = Math.min(500, Math.max(1, newSize));
     setDefaultPageSize(capped);
@@ -1086,7 +1878,27 @@ const BulkUpdater = () => {
     try {
       setUpdating(true);
       setShowConfirmModal(false);
+      setShowProcessingDashboard(true);
+      setIsSubmittingBatch(true);
       setLastResults(null);
+      const tempBatchId = `batch_${Date.now()}`;
+      setDashboardBatchId(tempBatchId);
+      setDashboardJob({
+        id: tempBatchId,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        status: "processing",
+        executionMode,
+        attribute: selectedAttribute,
+        value: attributeValue,
+        totalTargets: targets.length,
+        processedCount: 0,
+        updatedCount: 0,
+        skippedCount: 0,
+        failedCount: 0,
+        isLive: false,
+        publishOnApproval,
+        results: []
+      });
       const payload = {
         attribute: selectedAttribute,
         value: attributeValue,
@@ -1099,14 +1911,36 @@ const BulkUpdater = () => {
         publishOnApproval
       };
       const res = await post("/bulk-updater/batch-update", payload);
+      setIsSubmittingBatch(false);
       if (res.data && res.data.success) {
+        setSelectedEntries({});
+        const finalBatchId = res.data.batchId;
+        setDashboardBatchId(finalBatchId);
         if (res.data.pending) {
+          setDashboardJob({
+            id: finalBatchId,
+            createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+            status: res.data.status || "pending_approval",
+            executionMode,
+            scheduledFor: res.data.scheduledFor,
+            attribute: selectedAttribute,
+            value: attributeValue,
+            totalTargets: targets.length,
+            processedCount: 0,
+            updatedCount: 0,
+            skippedCount: 0,
+            failedCount: 0,
+            isLive: false,
+            publishOnApproval,
+            makerNotes: makerNotesInput,
+            policyMessage: res.data.message,
+            results: []
+          });
           toggleNotification({
             type: "success",
             message: res.data.message || "Batch submitted successfully."
           });
           await fetchPendingBatches();
-          setActiveTab("audit");
         } else {
           setLastResults(res.data.results || []);
           setUpdateSummary({
@@ -1114,6 +1948,23 @@ const BulkUpdater = () => {
             skippedCount: res.data.skippedCount || 0,
             batchId: res.data.batchId
           });
+          setDashboardJob({
+            id: finalBatchId,
+            createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+            completedAt: (/* @__PURE__ */ new Date()).toISOString(),
+            status: res.data.status || "successful",
+            executionMode: "immediate",
+            attribute: selectedAttribute,
+            value: attributeValue,
+            totalTargets: res.data.totalTargets || targets.length,
+            processedCount: res.data.results?.length || targets.length,
+            updatedCount: res.data.updatedCount || 0,
+            skippedCount: res.data.skippedCount || 0,
+            failedCount: res.data.failedCount || 0,
+            isLive: res.data.isLive !== false && res.data.updatedCount > 0,
+            publishOnApproval,
+            results: res.data.results || []
+          });
           toggleNotification({
             type: "success",
             message: `Bulk update complete! Batch ID: ${res.data.batchId}. Updated: ${res.data.updatedCount}, Skipped: ${res.data.skippedCount}`
@@ -1122,15 +1973,28 @@ const BulkUpdater = () => {
           await fetchAuditHistory();
         }
       } else {
+        setIsSubmittingBatch(false);
+        setDashboardJob((prev) => ({
+          ...prev,
+          status: "failed",
+          error: res.data?.error || "Batch update encountered an error"
+        }));
         toggleNotification({
           type: "danger",
           message: res.data?.error || "Batch update encountered an error"
         });
       }
     } catch (err) {
+      setIsSubmittingBatch(false);
+      const errMsg = err.response?.data?.error || err.message || "Batch update failed";
+      setDashboardJob((prev) => ({
+        ...prev,
+        status: "failed",
+        error: errMsg
+      }));
       toggleNotification({
         type: "danger",
-        message: err.response?.data?.error || err.message || "Batch update failed"
+        message: errMsg
       });
     } finally {
       setUpdating(false);
@@ -1142,6 +2006,7 @@ const BulkUpdater = () => {
       setApprovingBatchId(batchId);
       const res = await post(`/bulk-updater/batches/${batchId}/approve`, { executeImmediately: true });
       if (res.data && res.data.success) {
+        setSelectedEntries({});
         toggleNotification({
           type: "success",
           message: res.data.message || `Batch ${batchId} approved and executed successfully!`
@@ -1195,6 +2060,7 @@ const BulkUpdater = () => {
       setExecutingNowBatchId(batchId);
       const res = await post(`/bulk-updater/batches/${batchId}/execute-now`);
       if (res.data && res.data.success) {
+        setSelectedEntries({});
         toggleNotification({
           type: "success",
           message: `Batch ${batchId} executed immediately!`
@@ -1324,16 +2190,29 @@ const BulkUpdater = () => {
             ] }),
             /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "Cross-collection batch attribute management with declarative audit trail and one-click rollback." })
           ] }),
-          /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
-              variant: "tertiary",
-              onClick: activeTab === "editor" ? fetchModels : fetchAuditHistory,
-              loading: loading || auditLoading,
-              children: "Refresh"
-            }
-          ) })
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                startIcon: /* @__PURE__ */ jsx(Download, {}),
+                variant: "secondary",
+                onClick: () => {
+                  setShowProcessingDashboard(true);
+                },
+                children: "Processing Tracker & Reports"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+                variant: "tertiary",
+                onClick: activeTab === "editor" ? fetchModels : fetchAuditHistory,
+                loading: loading || auditLoading,
+                children: "Refresh"
+              }
+            )
+          ] })
         ] }) }),
         /* @__PURE__ */ jsxs(Flex, { gap: 2, marginBottom: 4, wrap: "wrap", justifyContent: "space-between", alignItems: "center", children: [
           /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
@@ -1437,7 +2316,22 @@ const BulkUpdater = () => {
             ] })
           }
         ),
-        activeTab === "editor" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        activeTab === "editor" && loading && collections.length === 0 ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            padding: 8,
+            background: "neutral0",
+            shadow: "filterShadow",
+            hasRadius: true,
+            marginBottom: 6,
+            style: { width: "100%", textAlign: "center" },
+            children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 3, children: [
+              /* @__PURE__ */ jsx(Loader, { children: "Discovering schema attributes and collections..." }),
+              /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "semiBold", textColor: "neutral800", children: "Discovering Schema Attributes & Collections..." }),
+              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Scanning collection types, components, and relations across your Strapi schema." })
+            ] })
+          }
+        ) : activeTab === "editor" ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
             Box,
             {
@@ -1458,23 +2352,15 @@ const BulkUpdater = () => {
                         autocomplete: { type: "list", filter: "contains" },
                         placeholder: "Search attribute by name or relation...",
                         value: selectedAttribute,
+                        textValue: selectedAttribute,
+                        loading: loading && attributes.length === 0,
+                        loadingMessage: "Discovering schema attributes...",
                         onChange: (val) => {
                           if (val && typeof val === "string") {
                             handleAttributeChange(val);
                           }
                         },
-                        children: attributes.map((attr) => {
-                          const rel = relationsMeta[attr];
-                          const cleanParts = attr.includes(".") ? attr.split(".").join(" ") : "";
-                          const labelText = `${attr} ${cleanParts} ${rel ? `relation ${rel.targetDisplayName}` : ""}`.trim();
-                          return /* @__PURE__ */ jsx(ComboboxOption, { value: attr, textValue: labelText, 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 ➔ ",
-                              rel.targetDisplayName
-                            ] }) : attr.includes(".") ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral700", size: "S", children: "component" }) : null
-                          ] }) }, attr);
-                        })
+                        children: memoizedComboboxOptions
                       }
                     )
                   ] }) }),
@@ -1589,30 +2475,85 @@ const BulkUpdater = () => {
                     }
                   ) })
                 ] }) }),
-                selectedAttribute && /* @__PURE__ */ jsx(Box, { marginTop: 4, padding: 3, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: "Attribute Info:" }),
-                  /* @__PURE__ */ jsxs(Typography, { variant: "pi", children: [
-                    "Targeting attribute ",
-                    /* @__PURE__ */ jsx("strong", { children: selectedAttribute }),
-                    "."
+                selectedAttribute && /* @__PURE__ */ jsxs(Box, { marginTop: 4, padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: [
+                  /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: "Attribute Info:" }),
+                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", children: [
+                        "Targeting attribute ",
+                        /* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx("code", { children: selectedAttribute }) })
+                      ] }),
+                      /* @__PURE__ */ jsxs(Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                        "✓ Supported in ",
+                        supportedCollections.length,
+                        " of ",
+                        collections.length,
+                        " Collections"
+                      ] }),
+                      unsupportedCollections.length > 0 && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "neutral200", textColor: "neutral700", children: [
+                        "— Not in schema: ",
+                        unsupportedCollections.length
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                      /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "secondary",
+                          size: "S",
+                          onClick: handleFocusOnlySupported,
+                          children: [
+                            "Focus Workspace: Show Supported Only (",
+                            supportedCollections.length,
+                            ")"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "tertiary",
+                          size: "S",
+                          onClick: () => setAttributeInfoExpanded((prev) => !prev),
+                          children: attributeInfoExpanded ? "Hide Schema Breakdown ▲" : "Inspect Breakdown ▼"
+                        }
+                      )
+                    ] })
                   ] }),
-                  collections.map((c) => {
-                    const hasAttr = c.attributes.includes(selectedAttribute);
-                    return /* @__PURE__ */ jsxs(
-                      Badge,
-                      {
-                        backgroundColor: hasAttr ? "success100" : "neutral200",
-                        textColor: hasAttr ? "success700" : "neutral600",
-                        children: [
-                          c.displayName,
-                          ": ",
-                          hasAttr ? "Attribute exists" : "Not in schema"
-                        ]
-                      },
-                      c.uid
-                    );
-                  })
-                ] }) })
+                  attributeInfoExpanded && /* @__PURE__ */ jsxs(Box, { marginTop: 3, paddingTop: 3, style: { borderTop: "1px solid #dcdce4" }, children: [
+                    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, wrap: "wrap", gap: 2, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Showing collection types schema compatibility. Type to filter:" }),
+                      /* @__PURE__ */ jsx(Box, { style: { width: 220 }, children: /* @__PURE__ */ jsx(
+                        TextInput,
+                        {
+                          placeholder: "Filter collection name...",
+                          size: "S",
+                          value: attributeInfoSearch,
+                          onChange: (e) => setAttributeInfoSearch(e.target.value)
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: 2, alignItems: "center", style: { maxHeight: 180, overflowY: "auto" }, children: collections.filter(
+                      (c) => !attributeInfoSearch.trim() || c.displayName.toLowerCase().includes(attributeInfoSearch.toLowerCase().trim()) || c.uid.toLowerCase().includes(attributeInfoSearch.toLowerCase().trim())
+                    ).map((c) => {
+                      const hasAttr = c.attributes.includes(selectedAttribute);
+                      return /* @__PURE__ */ jsxs(
+                        Badge,
+                        {
+                          backgroundColor: hasAttr ? "success100" : "neutral200",
+                          textColor: hasAttr ? "success700" : "neutral600",
+                          size: "S",
+                          children: [
+                            c.displayName,
+                            ": ",
+                            hasAttr ? "✓ Supported" : "— Not in schema"
+                          ]
+                        },
+                        c.uid
+                      );
+                    }) })
+                  ] })
+                ] })
               ]
             }
           ),
@@ -1726,30 +2667,54 @@ const BulkUpdater = () => {
                     background: "neutral100",
                     hasRadius: true,
                     marginBottom: 4,
-                    style: { width: "100%", maxWidth: "100%", boxSizing: "border-box" },
+                    style: { width: "100%", maxWidth: "100%", boxSizing: "border-box", border: "1px solid #eaeaef" },
                     children: [
-                      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, marginBottom: 3, children: [
-                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, marginBottom: 3, children: [
+                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
                           /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: "Filter Visible Content Types:" }),
                           /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
                             filteredCollections.length,
                             " of ",
                             collections.length,
                             " visible"
+                          ] }),
+                          /* @__PURE__ */ jsxs(Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                            supportedCollections.filter((c) => visibleTypeUids[c.uid] !== false).length,
+                            " of ",
+                            supportedCollections.length,
+                            " supported visible"
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                          /* @__PURE__ */ jsx(Box, { style: { width: 220 }, children: /* @__PURE__ */ jsx(
+                            TextInput,
+                            {
+                              placeholder: "Search types...",
+                              size: "S",
+                              value: typeVisibilitySearch,
+                              onChange: (e) => setTypeVisibilitySearch(e.target.value)
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxs(
+                            Button,
+                            {
+                              variant: "secondary",
+                              size: "S",
+                              onClick: handleFocusOnlySupported,
+                              children: [
+                                "Show Supported Only (",
+                                supportedCollections.length,
+                                ")"
+                              ]
+                            }
+                          ),
                           /* @__PURE__ */ jsx(
                             Button,
                             {
                               variant: "tertiary",
                               size: "S",
-                              onClick: () => {
-                                const allVis = {};
-                                collections.forEach((c) => allVis[c.uid] = true);
-                                setVisibleTypeUids(allVis);
-                              },
-                              children: "Show All Types"
+                              onClick: handleShowAllTypes,
+                              children: "Show All"
                             }
                           ),
                           /* @__PURE__ */ jsx(
@@ -1757,44 +2722,63 @@ const BulkUpdater = () => {
                             {
                               variant: "tertiary",
                               size: "S",
-                              onClick: () => {
-                                const allVis = {};
-                                collections.forEach((c) => allVis[c.uid] = false);
-                                setVisibleTypeUids(allVis);
-                              },
-                              children: "Hide All Types"
+                              onClick: handleHideAllTypes,
+                              children: "Hide All"
                             }
                           )
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: 2, alignItems: "center", children: collections.map((col) => {
-                        const isVisible = visibleTypeUids[col.uid] !== false;
-                        return /* @__PURE__ */ jsx(
-                          Box,
-                          {
-                            padding: 2,
-                            paddingLeft: 3,
-                            paddingRight: 3,
-                            background: isVisible ? "neutral0" : "neutral200",
-                            hasRadius: true,
-                            borderStyle: "solid",
-                            borderWidth: "1px",
-                            borderColor: isVisible ? "primary200" : "neutral300",
-                            children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-                              /* @__PURE__ */ jsx(
-                                Checkbox,
-                                {
-                                  checked: isVisible,
-                                  onCheckedChange: (checked) => setVisibleTypeUids((prev) => ({ ...prev, [col.uid]: Boolean(checked) })),
-                                  children: /* @__PURE__ */ jsx(Typography, { fontWeight: isVisible ? "semiBold" : "regular", children: col.displayName })
-                                }
-                              ),
-                              col.isSingleType ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: "Single Type" }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral600", size: "S", children: "Collection" })
-                            ] })
+                      /* @__PURE__ */ jsx(
+                        Box,
+                        {
+                          style: {
+                            maxHeight: 220,
+                            overflowY: "auto",
+                            padding: 8,
+                            background: "#ffffff",
+                            borderRadius: 4,
+                            border: "1px solid #dcdce4",
+                            display: "grid",
+                            gridTemplateColumns: "repeat(auto-fill, minmax(260px, 1fr))",
+                            gap: 8
                           },
-                          col.uid
-                        );
-                      }) })
+                          children: collections.filter(
+                            (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);
+                            return /* @__PURE__ */ jsx(
+                              Box,
+                              {
+                                padding: 2,
+                                paddingLeft: 3,
+                                paddingRight: 3,
+                                background: isVisible ? "#f0f0ff" : "#f6f6f9",
+                                hasRadius: true,
+                                style: {
+                                  border: isVisible ? "1px solid #4945ff" : "1px solid #eaeaef",
+                                  transition: "all 0.15s ease"
+                                },
+                                children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
+                                  /* @__PURE__ */ jsx(
+                                    Checkbox,
+                                    {
+                                      checked: isVisible,
+                                      onCheckedChange: (checked) => setVisibleTypeUids((prev) => ({ ...prev, [col.uid]: Boolean(checked) })),
+                                      children: /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: isVisible ? "bold" : "regular", children: col.displayName })
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+                                    col.isSingleType ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: "Single" }) : null,
+                                    hasAttr ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", size: "S", children: "✓ Supports" }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral600", size: "S", children: "—" })
+                                  ] })
+                                ] })
+                              },
+                              col.uid
+                            );
+                          })
+                        }
+                      )
                     ]
                   }
                 ),
@@ -2237,7 +3221,7 @@ const BulkUpdater = () => {
               ]
             }
           )
-        ] }),
+        ] }) : null,
         activeTab === "audit" && /* @__PURE__ */ jsxs(
           Box,
           {
@@ -2461,6 +3445,19 @@ const BulkUpdater = () => {
                             ] })
                           ] }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "ACTIVE (APPLIED)" }) }),
                           /* @__PURE__ */ jsx(Td, { style: { minWidth: 160, textAlign: "right", whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "secondary",
+                                size: "S",
+                                startIcon: /* @__PURE__ */ jsx(Download, {}),
+                                onClick: () => {
+                                  setDashboardBatchId(rec.batchId);
+                                  setShowProcessingDashboard(true);
+                                },
+                                children: "Report"
+                              }
+                            ),
                             /* @__PURE__ */ jsx(
                               Button,
                               {
@@ -2770,6 +3767,16 @@ const BulkUpdater = () => {
               }
             )
           }
+        ),
+        /* @__PURE__ */ jsx(
+          ProcessingDashboardModal,
+          {
+            isOpen: showProcessingDashboard,
+            onClose: () => setShowProcessingDashboard(false),
+            batchId: dashboardBatchId,
+            initialJob: dashboardJob,
+            isSubmitting: isSubmittingBatch
+          }
         )
       ]
     }
@@ -2781,4 +3788,4 @@ export {
   getAvailableColumnsForCollection,
   getNestedValue
 };
-//# sourceMappingURL=BulkUpdater-BYtO2SHc.mjs.map
+//# sourceMappingURL=BulkUpdater-DR8Z9z95.mjs.map