strapi-plugin-bulk-updater 1.4.2 → 1.4.6

package/dist/_chunks/{BulkUpdater-D4v5fP-1.mjs → BulkUpdater-CMkPdA9_.mjs}

@@ -1,8 +1,8 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo, useRef } from "react";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
-import { Box, Flex, Typography, Button, SingleSelect, SingleSelectOption, Badge, Checkbox, Alert, Table, Thead, Tr, Th, Tbody, Td, Loader, TextInput, ComboboxOption, Field, Combobox } from "@strapi/design-system";
-import { ArrowClockwise, Download, Upload, Check, Cog, Eye, Play } from "@strapi/icons";
+import { Box, Flex, Typography, Button, SingleSelect, SingleSelectOption, Badge, Checkbox, Alert, Table, Thead, Tr, Th, Tbody, Td, TextInput, Loader, ComboboxOption, Field, Combobox } from "@strapi/design-system";
+import { ArrowClockwise, Download, Upload, ChevronLeft, ChevronRight, Eye, Check, Cog, Play } from "@strapi/icons";
 import { i as isAbortError, V as ValidationRulesTab } from "./ValidationRulesTab-BtOCWK8E.mjs";
 function parseCsvRows(csvText) {
   if (!csvText) return [];
@@ -142,7 +142,7 @@ function CsvManagerTab() {
   const [collections, setCollections] = useState([]);
   const [loadingCollections, setLoadingCollections] = useState(true);
   const [selectedUid, setSelectedUid] = useState("");
-  const [exportLimit, setExportLimit] = useState(1e3);
+  const [exportLimit, setExportLimit] = useState(0);
   const [exportOnlyViolations, setExportOnlyViolations] = useState(false);
   const [rules, setRules] = useState([]);
   const [selectedRuleId, setSelectedRuleId] = useState("");
@@ -150,9 +150,18 @@ function CsvManagerTab() {
   const [publishOnImport, setPublishOnImport] = useState(true);
   const [csvRawText, setCsvRawText] = useState("");
   const [fileName, setFileName] = useState("");
-  const [parsedPreview, setParsedPreview] = useState([]);
+  const [allParsedRecords, setAllParsedRecords] = useState([]);
+  const [previewPage, setPreviewPage] = useState(1);
+  const [previewPageSize, setPreviewPageSize] = useState(10);
   const [importing, setImporting] = useState(false);
+  const [importProgress, setImportProgress] = useState(null);
   const [importResult, setImportResult] = useState(null);
+  const [executionWindow, setExecutionWindow] = useState(null);
+  const [preflightLoading, setPreflightLoading] = useState(false);
+  const [preflightReport, setPreflightReport] = useState(null);
+  const [showConfirmModal, setShowConfirmModal] = useState(false);
+  const [makerNotesInput, setMakerNotesInput] = useState("");
+  const [submittingBatch, setSubmittingBatch] = useState(false);
   useEffect(() => {
     fetchInitialData();
   }, []);
@@ -163,6 +172,9 @@ function CsvManagerTab() {
         get("/bulk-updater/models"),
         get("/bulk-updater/validation-rules")
       ]);
+      if (modelsRes.data?.executionWindow) {
+        setExecutionWindow(modelsRes.data.executionWindow);
+      }
       if (modelsRes.data?.collections) {
         setCollections(modelsRes.data.collections);
         if (modelsRes.data.collections.length > 0) {
@@ -213,7 +225,7 @@ function CsvManagerTab() {
       downloadCsvFile(csvStr, filename);
       toggleNotification({
         type: "success",
-        message: "Collection exported to CSV successfully"
+        message: `Collection exported successfully (${res.data?.count ?? 0} records)`
       });
     } catch (err) {
       if (isAbortError(err)) return;
@@ -266,34 +278,93 @@ function CsvManagerTab() {
     if (!file) return;
     setFileName(file.name);
     setImportResult(null);
+    setImportProgress(null);
     const reader = new FileReader();
     reader.onload = (event) => {
       const text = event.target?.result;
       setCsvRawText(text);
       try {
         const records = parseCsv(text);
-        setParsedPreview(records.slice(0, 10));
+        setAllParsedRecords(records);
+        setPreviewPage(1);
       } catch (err) {
-        setParsedPreview([]);
+        setAllParsedRecords([]);
       }
     };
     reader.readAsText(file);
   };
   const handleExecuteImport = async () => {
-    if (!selectedUid || !csvRawText) return;
+    if (!selectedUid || allParsedRecords.length === 0) return;
+    const totalRows = allParsedRecords.length;
+    const CHUNK_SIZE = 100;
+    const totalChunks = Math.ceil(totalRows / CHUNK_SIZE);
+    const batchId = `csv_batch_${Date.now()}_${Math.random().toString(36).substring(2, 7)}`;
     try {
       setImporting(true);
       setImportResult(null);
-      const res = await post("/bulk-updater/csv/import", {
-        uid: selectedUid,
-        csvText: csvRawText,
-        mode: importMode,
-        publish: publishOnImport
+      let liveCreated = 0;
+      let liveUpdated = 0;
+      let liveSkipped = 0;
+      let liveErrors = 0;
+      let finalResultData = null;
+      setImportProgress({
+        currentChunk: 0,
+        totalChunks,
+        percent: 0,
+        processedRows: 0,
+        totalRows,
+        liveCreated: 0,
+        liveUpdated: 0,
+        liveSkipped: 0,
+        liveErrors: 0
       });
-      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.`;
+      for (let chunkIdx = 0; chunkIdx < totalChunks; chunkIdx++) {
+        const startIdx = chunkIdx * CHUNK_SIZE;
+        const endIdx = Math.min(startIdx + CHUNK_SIZE, totalRows);
+        const chunkRows = allParsedRecords.slice(startIdx, endIdx);
+        const isFirst = chunkIdx === 0;
+        const isLast = chunkIdx === totalChunks - 1;
+        const startRowNumber = startIdx + 2;
+        const res = await post("/bulk-updater/csv/import-chunk", {
+          uid: selectedUid,
+          rows: chunkRows,
+          batchId,
+          isFirstChunk: isFirst,
+          isLastChunk: isLast,
+          startRowNumber,
+          mode: importMode,
+          publish: publishOnImport
+        });
+        if (!res.data || !res.data.success) {
+          throw new Error(res.data?.error || `Chunk ${chunkIdx + 1} failed to process`);
+        }
+        const chunkStats = res.data.chunkStats;
+        if (chunkStats) {
+          liveCreated += chunkStats.created || 0;
+          liveUpdated += chunkStats.updated || 0;
+          liveSkipped += chunkStats.skipped || 0;
+          liveErrors += chunkStats.errors?.length || 0;
+        }
+        const currentProgressPercent = Math.round((chunkIdx + 1) / totalChunks * 100);
+        setImportProgress({
+          currentChunk: chunkIdx + 1,
+          totalChunks,
+          percent: currentProgressPercent,
+          processedRows: endIdx,
+          totalRows,
+          liveCreated,
+          liveUpdated,
+          liveSkipped,
+          liveErrors
+        });
+        if (isLast) {
+          finalResultData = res.data;
+        }
+      }
+      if (finalResultData && finalResultData.stats) {
+        setImportResult(finalResultData);
+        const stats = finalResultData.stats;
+        let notifMsg = `CSV Import complete: ${stats.created} created, ${stats.updated} updated across ${stats.total} records.`;
         if (stats.newWithoutDocId && stats.newWithoutDocId > 0) {
           notifMsg += ` (${stats.newWithoutDocId} new entries created due to omitted documentId)`;
         }
@@ -301,348 +372,864 @@ function CsvManagerTab() {
           type: "success",
           message: notifMsg
         });
-      } else {
-        throw new Error(res.data?.error || "Import failed");
       }
     } catch (err) {
       if (isAbortError(err)) return;
       toggleNotification({
         type: "danger",
-        message: err.message || "Error processing CSV import"
+        message: err.message || "Error processing CSV import batch"
       });
     } finally {
       setImporting(false);
     }
   };
+  const handleRunPreflight = async () => {
+    if (!selectedUid || allParsedRecords.length === 0) return;
+    try {
+      setPreflightLoading(true);
+      const res = await post("/bulk-updater/csv/validate-preflight", {
+        uid: selectedUid,
+        rows: allParsedRecords,
+        mode: importMode
+      });
+      if (res.data && res.data.success) {
+        setPreflightReport(res.data);
+        if (res.data.hasErrors) {
+          toggleNotification({
+            type: "warning",
+            message: `Pre-flight validation: ${res.data.totalErrorCount} error(s) and ${res.data.totalWarningCount} warning(s) detected.`
+          });
+        } else if (res.data.hasWarnings) {
+          toggleNotification({
+            type: "warning",
+            message: `Pre-flight validation passed with ${res.data.totalWarningCount} warning(s).`
+          });
+        } else {
+          toggleNotification({
+            type: "success",
+            message: `Pre-flight validation passed! All ${res.data.validRows} rows are ready for import.`
+          });
+        }
+      }
+    } catch (err) {
+      if (isAbortError(err)) return;
+      toggleNotification({
+        type: "danger",
+        message: err.message || "Failed running pre-flight validation"
+      });
+    } finally {
+      setPreflightLoading(false);
+    }
+  };
+  const submitBatchWithMode = async (executionMode, forceImmediate = false) => {
+    if (!selectedUid || allParsedRecords.length === 0) return;
+    if (executionMode === "immediate") {
+      setShowConfirmModal(false);
+      await handleExecuteImport();
+      return;
+    }
+    try {
+      setSubmittingBatch(true);
+      const res = await post("/bulk-updater/csv/submit-batch", {
+        uid: selectedUid,
+        rows: allParsedRecords,
+        executionMode,
+        makerNotes: makerNotesInput,
+        forceImmediate,
+        mode: importMode,
+        publish: publishOnImport
+      });
+      setShowConfirmModal(false);
+      if (res.data && res.data.pending) {
+        setMakerNotesInput("");
+        toggleNotification({
+          type: "success",
+          message: res.data.message || "CSV batch submitted for Checker authorization."
+        });
+      } else if (res.data && res.data.executeNow) {
+        await handleExecuteImport();
+      }
+    } catch (err) {
+      if (isAbortError(err)) return;
+      toggleNotification({
+        type: "danger",
+        message: err.message || "Failed submitting CSV batch"
+      });
+    } finally {
+      setSubmittingBatch(false);
+    }
+  };
   const selectedCol = collections.find((c) => c.uid === selectedUid);
-  return /* @__PURE__ */ jsx(Box, { padding: 6, background: "neutral0", hasRadius: true, shadow: "filterShadow", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
-    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", fontWeight: "bold", children: "CSV Export & Import Center" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Export all records, filtered subsets, or rule violations into CSV. Correct or add records in spreadsheets and re-upload with full schema & quota enforcement." })
+  return /* @__PURE__ */ jsxs(Box, { padding: 6, background: "neutral0", hasRadius: true, shadow: "filterShadow", children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", fontWeight: "bold", children: "CSV Export & Import Center" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Export all records (including 10,000+ datasets), filtered subsets, or rule violations into CSV. Correct or add records in spreadsheets and re-upload with high-performance chunked batch processing." })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}), onClick: fetchInitialData, children: "Refresh" })
       ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}), onClick: fetchInitialData, children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "flex-end", children: [
-      /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 2, children: "Target Collection Type" }),
+      /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "flex-end", children: [
+        /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 2, children: "Target Collection Type" }),
+          /* @__PURE__ */ jsx(
+            SingleSelect,
+            {
+              value: selectedUid,
+              onChange: (val) => {
+                setSelectedUid(val);
+                setImportResult(null);
+                setImportProgress(null);
+              },
+              disabled: loadingCollections,
+              placeholder: "Select a collection...",
+              children: collections.map((col) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: col.uid, children: [
+                col.displayName,
+                " (",
+                col.totalEntries ?? 0,
+                " records)"
+              ] }, col.uid))
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(
-          SingleSelect,
-          {
-            value: selectedUid,
-            onChange: (val) => {
-              setSelectedUid(val);
-              setImportResult(null);
-            },
-            disabled: loadingCollections,
-            placeholder: "Select a collection...",
-            children: collections.map((col) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: col.uid, children: [
-              col.displayName,
-              " (",
-              col.totalEntries ?? 0,
-              " records)"
-            ] }, col.uid))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "tertiary",
-          startIcon: /* @__PURE__ */ jsx(Download, {}),
-          onClick: handleDownloadTemplate,
-          disabled: !selectedUid,
-          children: "Download Sample CSV Template"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "1. Export Data to CSV" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, children: "Extract entire collections or pinpoint records violating validation quotas." }),
-      /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: "wrap", alignItems: "center", marginTop: 3, children: [
-        /* @__PURE__ */ jsxs(
           Button,
           {
-            variant: "default",
+            variant: "tertiary",
             startIcon: /* @__PURE__ */ jsx(Download, {}),
-            onClick: handleExportCollection,
+            onClick: handleDownloadTemplate,
             disabled: !selectedUid,
-            children: [
-              "Export All ",
-              selectedCol?.displayName || "Collection",
-              " Records (.csv)"
-            ]
+            children: "Download Sample CSV Template"
           }
-        ),
-        rules.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", style: { marginLeft: "auto" }, children: [
-          /* @__PURE__ */ jsx(
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs(Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "1. Export Data to CSV" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, children: "Extract entire collections without artificial limits (streams 10,000+ records in paged chunks) or pinpoint records violating validation quotas." }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: "wrap", alignItems: "center", marginTop: 3, children: [
+          /* @__PURE__ */ jsx(Box, { style: { width: 220 }, children: /* @__PURE__ */ jsxs(
             SingleSelect,
             {
-              value: selectedRuleId,
-              onChange: (val) => setSelectedRuleId(val),
-              placeholder: "Select Quota Rule...",
-              children: rules.map((r) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: r.id, children: [
-                "Rule: ",
-                r.name
-              ] }, r.id))
+              value: String(exportLimit),
+              onChange: (val) => setExportLimit(Number(val)),
+              placeholder: "Export Limit",
+              children: [
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "0", children: "All Records (No Limit)" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "10000", children: "Up to 10,000 Records" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "5000", children: "Up to 5,000 Records" }),
+                /* @__PURE__ */ jsx(SingleSelectOption, { value: "1000", children: "Up to 1,000 Records" })
+              ]
             }
-          ),
-          /* @__PURE__ */ jsx(
+          ) }),
+          /* @__PURE__ */ jsxs(
             Button,
             {
-              variant: "danger-light",
+              variant: "default",
               startIcon: /* @__PURE__ */ jsx(Download, {}),
-              onClick: handleExportViolations,
-              disabled: !selectedRuleId,
-              children: "Export Violators CSV"
+              onClick: handleExportCollection,
+              disabled: !selectedUid,
+              children: [
+                "Export ",
+                exportLimit === 0 ? "All" : `${exportLimit}`,
+                " ",
+                selectedCol?.displayName || "Collection",
+                " Records (.csv)"
+              ]
             }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "2. Import & Batch Override CSV" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, children: "Upload an updated CSV file to bulk update existing records or insert new records." }),
-      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, wrap: "wrap", gap: 4, children: [
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Operation Mode" }),
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
-            /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "⚡ Smart Auto-Detect" }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
-              "Automatically updates matching records by ",
-              /* @__PURE__ */ jsx("code", { children: "documentId" }),
-              " and creates new entries when ID is omitted."
-            ] })
+          ),
+          rules.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", style: { marginLeft: "auto" }, children: [
+            /* @__PURE__ */ jsx(
+              SingleSelect,
+              {
+                value: selectedRuleId,
+                onChange: (val) => setSelectedRuleId(val),
+                placeholder: "Select Quota Rule...",
+                children: rules.map((r) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: r.id, children: [
+                  "Rule: ",
+                  r.name
+                ] }, r.id))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "danger-light",
+                startIcon: /* @__PURE__ */ jsx(Download, {}),
+                onClick: handleExportViolations,
+                disabled: !selectedRuleId,
+                children: "Export Violators CSV"
+              }
+            )
           ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Publish Options" }),
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              checked: publishOnImport,
-              onValueChange: (val) => setPublishOnImport(val),
-              children: "Auto-publish on import"
-            }
-          )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(
-        Box,
-        {
-          padding: 6,
-          background: "neutral0",
-          hasRadius: true,
-          style: {
-            border: "2px dashed #dcdce4",
-            textAlign: "center",
-            cursor: "pointer"
-          },
-          children: [
+      /* @__PURE__ */ jsxs(Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "2. Import & Batch Override CSV" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, children: "Upload an updated CSV file (supports 10,000+ records via chunked streaming) to bulk update existing records or insert new records." }),
+        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, wrap: "wrap", gap: 4, children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Operation Mode" }),
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+              /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "⚡ Smart Auto-Detect" }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+                "Automatically updates matching records by ",
+                /* @__PURE__ */ jsx("code", { children: "documentId" }),
+                " and creates new entries when ID is omitted."
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Publish Options" }),
             /* @__PURE__ */ jsx(
-              "input",
+              Checkbox,
               {
-                type: "file",
-                accept: ".csv",
-                id: "csv-file-input",
-                style: { display: "none" },
-                onChange: handleFileUpload
+                checked: publishOnImport,
+                onValueChange: (val) => setPublishOnImport(val),
+                children: "Auto-publish on import"
               }
-            ),
-            /* @__PURE__ */ jsxs("label", { htmlFor: "csv-file-input", style: { cursor: "pointer", display: "block" }, children: [
-              /* @__PURE__ */ jsx(Upload, { style: { width: 32, height: 32, margin: "0 auto 8px", color: "#4945ff" } }),
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", display: "block", children: fileName ? `Selected: ${fileName}` : "Click here or drag a .csv file to upload" }),
-              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "UTF-8 encoded CSV matching collection schema headers" })
-            ] })
-          ]
-        }
-      ),
-      parsedPreview.length > 0 && (() => {
-        const missingDocIdCount = parsedPreview.filter(
-          (row) => !extractDocId(row)
-        ).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(
+          Box,
+          {
+            padding: 6,
+            background: "neutral0",
+            hasRadius: true,
+            style: {
+              border: "2px dashed #dcdce4",
+              textAlign: "center",
+              cursor: "pointer"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "file",
+                  accept: ".csv",
+                  id: "csv-file-input",
+                  style: { display: "none" },
+                  onChange: handleFileUpload
+                }
+              ),
+              /* @__PURE__ */ jsxs("label", { htmlFor: "csv-file-input", style: { cursor: "pointer", display: "block" }, children: [
+                /* @__PURE__ */ jsx(Upload, { style: { width: 32, height: 32, margin: "0 auto 8px", color: "#4945ff" } }),
+                /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", display: "block", children: fileName ? `Selected: ${fileName}` : "Click here or drag a .csv file to upload" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "UTF-8 encoded CSV matching collection schema headers" })
+              ] })
+            ]
+          }
+        ),
+        allParsedRecords.length > 0 && (() => {
+          const totalRows = allParsedRecords.length;
+          const missingDocIdCount = allParsedRecords.filter((row) => !extractDocId(row)).length;
+          const updateCount = totalRows - missingDocIdCount;
+          const headers = Object.keys(allParsedRecords[0]);
+          const totalPages = Math.ceil(totalRows / previewPageSize) || 1;
+          const safePage = Math.min(Math.max(1, previewPage), totalPages);
+          const startIndex = (safePage - 1) * previewPageSize;
+          const endIndex = Math.min(startIndex + previewPageSize, totalRows);
+          const displayedRows = allParsedRecords.slice(startIndex, endIndex);
+          return /* @__PURE__ */ jsxs(Box, { marginTop: 4, background: "neutral0", padding: 4, hasRadius: true, children: [
+            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, wrap: "wrap", gap: 2, children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral700", children: [
+                  "FILE PREVIEW — ",
+                  totalRows.toLocaleString(),
+                  " RECORDS DETECTED IN CSV"
+                ] }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: [
+                  totalRows.toLocaleString(),
+                  " total row",
+                  totalRows > 1 ? "s" : "",
+                  " •",
+                  " ",
+                  updateCount > 0 ? `${updateCount.toLocaleString()} updates` : "",
+                  updateCount > 0 && missingDocIdCount > 0 ? ", " : "",
+                  missingDocIdCount > 0 ? `${missingDocIdCount.toLocaleString()} new entries (missing documentId)` : ""
+                ] })
               ] }),
-              /* @__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__ */ jsxs(Flex, { gap: 2, children: [
+                /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                  "🔄 ",
+                  updateCount.toLocaleString(),
+                  " Updates"
+                ] }),
+                missingDocIdCount > 0 && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                  "➕ ",
+                  missingDocIdCount.toLocaleString(),
+                  " New (No ID)"
+                ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsx(Badge, { backgroundColor: missingDocIdCount > 0 ? "warning100" : "success100", textColor: missingDocIdCount > 0 ? "warning700" : "success700", children: missingDocIdCount > 0 ? `${missingDocIdCount} New (No ID)` : "Ready to Import" })
-          ] }),
-          missingDocIdCount > 0 && /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsx(
-            Alert,
-            {
-              variant: "default",
-              title: "Smart Auto-Detect Active",
-              children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
-                missingDocIdCount,
-                " row",
-                missingDocIdCount > 1 ? "s have" : " has",
-                " no ",
-                /* @__PURE__ */ jsx("code", { children: "documentId" }),
-                ".",
-                " ",
-                "Because no documentId is provided, the engine will automatically treat them as new entries and generate new database IDs for them."
-              ] })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Box, { style: { overflowX: "auto", maxWidth: "100%", border: "1px solid #e0e0e0", borderRadius: 4 }, children: /* @__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: 150, minWidth: 150 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Detected Action" }) }),
-              headers.map((h) => /* @__PURE__ */ jsx(Th, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: h }) }, h))
+            preflightReport && /* @__PURE__ */ jsx(
+              Box,
+              {
+                marginBottom: 3,
+                padding: 4,
+                background: preflightReport.hasErrors ? "danger100" : preflightReport.hasWarnings ? "warning100" : "success100",
+                hasRadius: true,
+                style: { border: `1px solid ${preflightReport.hasErrors ? "#d9534f" : preflightReport.hasWarnings ? "#f0ad4e" : "#5cb85c"}` },
+                children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+                  /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, children: [
+                    /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: preflightReport.hasErrors ? "danger700" : preflightReport.hasWarnings ? "warning700" : "success700", children: preflightReport.hasErrors ? `⚠️ Pre-Flight Check: ${preflightReport.totalErrorCount} error(s) detected` : preflightReport.hasWarnings ? `⚡ Pre-Flight Check: ${preflightReport.validRows} valid rows with ${preflightReport.totalWarningCount} warning(s)` : `✅ Pre-Flight Check Passed: All ${preflightReport.validRows} rows are ready for import` }),
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                      /* @__PURE__ */ jsxs(Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                        "✓ ",
+                        preflightReport.validRows,
+                        " Valid Rows"
+                      ] }),
+                      /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                        "🔄 ",
+                        preflightReport.estimatedUpdates,
+                        " Updates"
+                      ] }),
+                      /* @__PURE__ */ jsxs(Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                        "➕ ",
+                        preflightReport.estimatedCreates,
+                        " New"
+                      ] })
+                    ] })
+                  ] }),
+                  preflightReport.hasErrors && /* @__PURE__ */ jsxs(Box, { marginTop: 2, background: "neutral0", padding: 3, hasRadius: true, style: { maxHeight: 160, overflowY: "auto" }, children: [
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "danger700", display: "block", marginBottom: 1, children: [
+                      "Validation Errors (",
+                      preflightReport.totalErrorCount,
+                      "):"
+                    ] }),
+                    preflightReport.errors.map((e, idx) => /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger700", display: "block", children: [
+                      "• Row ",
+                      e.row,
+                      ": ",
+                      e.error
+                    ] }, idx))
+                  ] }),
+                  preflightReport.hasWarnings && /* @__PURE__ */ jsxs(Box, { marginTop: 2, background: "neutral0", padding: 3, hasRadius: true, style: { maxHeight: 140, overflowY: "auto" }, children: [
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "warning700", display: "block", marginBottom: 1, children: [
+                      "Warnings (",
+                      preflightReport.totalWarningCount,
+                      "):"
+                    ] }),
+                    preflightReport.warnings.map((w, idx) => /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "warning700", display: "block", children: [
+                      "• Row ",
+                      w.row,
+                      ": ",
+                      w.warning
+                    ] }, idx))
+                  ] })
+                ] })
+              }
+            ),
+            missingDocIdCount > 0 && /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsx(Alert, { variant: "default", title: "Smart Auto-Detect Active", children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+              missingDocIdCount.toLocaleString(),
+              " row",
+              missingDocIdCount > 1 ? "s have" : " has",
+              " no ",
+              /* @__PURE__ */ jsx("code", { children: "documentId" }),
+              ".",
+              " ",
+              "Because no documentId is provided, the engine will automatically treat them as new entries and generate new database IDs for them."
+            ] }) }) }),
+            /* @__PURE__ */ jsx(Box, { style: { overflowX: "auto", maxWidth: "100%", border: "1px solid #e0e0e0", borderRadius: 4 }, children: /* @__PURE__ */ jsxs(Table, { colCount: headers.length + 1, rowCount: displayedRows.length + 1, children: [
+              /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                /* @__PURE__ */ jsx(Th, { style: { width: 150, minWidth: 150 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Detected Action" }) }),
+                headers.map((h) => /* @__PURE__ */ jsx(Th, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: h }) }, h))
+              ] }) }),
+              /* @__PURE__ */ jsx(Tbody, { children: displayedRows.map((row, rIdx) => {
+                const hasDocId = !!extractDocId(row);
+                const actualRowIndex = startIndex + rIdx + 1;
+                return /* @__PURE__ */ jsxs(Tr, { children: [
+                  /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
+                    hasDocId ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "🔄 Update" }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: "➕ New Entry" }),
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", children: [
+                      "Row #",
+                      actualRowIndex
+                    ] })
+                  ] }) }),
+                  headers.map((h) => /* @__PURE__ */ jsx(Td, { style: { verticalAlign: "top", maxWidth: 300 }, 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",
+                      style: {
+                        display: "-webkit-box",
+                        WebkitLineClamp: 3,
+                        WebkitBoxOrient: "vertical",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        whiteSpace: "pre-wrap",
+                        wordBreak: "break-word",
+                        maxHeight: 65
+                      },
+                      title: row[h] || "",
+                      children: row[h] || "-"
+                    }
+                  ) }, h))
+                ] }, rIdx);
+              }) })
             ] }) }),
-            /* @__PURE__ */ jsx(Tbody, { children: parsedPreview.map((row, rIdx) => {
-              const hasDocId = !!extractDocId(row);
-              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, { style: { verticalAlign: "top", maxWidth: 300 }, children: (h === "documentId" || h === "id") && !row[h]?.trim() ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning700", fontWeight: "bold", children: "(Auto-generate ID)" }) : /* @__PURE__ */ jsx(
-                  Typography,
+            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 3, wrap: "wrap", gap: 3, children: [
+              /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Rows per page:" }),
+                /* @__PURE__ */ jsx(Box, { style: { width: 80 }, children: /* @__PURE__ */ jsxs(
+                  SingleSelect,
                   {
-                    variant: "omega",
-                    style: {
-                      display: "-webkit-box",
-                      WebkitLineClamp: 3,
-                      WebkitBoxOrient: "vertical",
-                      overflow: "hidden",
-                      textOverflow: "ellipsis",
-                      whiteSpace: "pre-wrap",
-                      wordBreak: "break-word",
-                      maxHeight: 65
+                    value: String(previewPageSize),
+                    onChange: (val) => {
+                      setPreviewPageSize(Number(val));
+                      setPreviewPage(1);
                     },
-                    title: row[h] || "",
-                    children: row[h] || "-"
+                    children: [
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: "10" }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "25", children: "25" }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "50", children: "50" }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "100", children: "100" })
+                    ]
                   }
-                ) }, h))
-              ] }, rIdx);
-            }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", marginTop: 4, children: /* @__PURE__ */ jsx(
-            Button,
+                ) }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+                  "Showing ",
+                  startIndex + 1,
+                  "–",
+                  endIndex,
+                  " of ",
+                  totalRows.toLocaleString(),
+                  " rows"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    startIcon: /* @__PURE__ */ jsx(ChevronLeft, {}),
+                    disabled: safePage <= 1 || importing,
+                    onClick: () => setPreviewPage((p) => Math.max(1, p - 1)),
+                    children: "Prev"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral700", children: [
+                  "Page ",
+                  safePage,
+                  " of ",
+                  totalPages
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    endIcon: /* @__PURE__ */ jsx(ChevronRight, {}),
+                    disabled: safePage >= totalPages || importing,
+                    onClick: () => setPreviewPage((p) => Math.min(totalPages, p + 1)),
+                    children: "Next"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 4, wrap: "wrap", gap: 3, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "secondary",
+                  size: "L",
+                  startIcon: /* @__PURE__ */ jsx(Eye, {}),
+                  onClick: handleRunPreflight,
+                  loading: preflightLoading,
+                  disabled: importing,
+                  children: "Run Pre-Flight Dry Run"
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "default",
+                  size: "L",
+                  startIcon: /* @__PURE__ */ jsx(Check, {}),
+                  onClick: () => setShowConfirmModal(true),
+                  loading: importing || submittingBatch,
+                  children: [
+                    "Review & Import (",
+                    totalRows.toLocaleString(),
+                    " Records)..."
+                  ]
+                }
+              )
+            ] })
+          ] });
+        })(),
+        importProgress && /* @__PURE__ */ jsxs(Box, { marginTop: 4, padding: 4, background: "neutral0", hasRadius: true, style: { border: "1px solid #4945ff" }, children: [
+          /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 2, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", textColor: "primary700", children: importing ? `Processing Batch Chunk ${importProgress.currentChunk} of ${importProgress.totalChunks} (${importProgress.percent}%)` : "Batch Import Complete" }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral700", children: [
+              importProgress.processedRows.toLocaleString(),
+              " / ",
+              importProgress.totalRows.toLocaleString(),
+              " rows processed"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { style: { width: "100%", height: 10, background: "#e0e0e0", borderRadius: 5, overflow: "hidden", marginBottom: 12 }, children: /* @__PURE__ */ jsx(
+            Box,
             {
-              variant: "default",
-              size: "L",
-              startIcon: /* @__PURE__ */ jsx(Check, {}),
-              onClick: handleExecuteImport,
-              loading: importing,
-              children: "Execute Smart Import (Auto-Detect)"
+              style: {
+                width: `${importProgress.percent}%`,
+                height: "100%",
+                background: importProgress.percent === 100 ? "#2f6846" : "#4945ff",
+                transition: "width 0.2s ease-in-out"
+              }
             }
-          ) })
-        ] });
-      })(),
-      importResult && /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(
-        Alert,
-        {
-          variant: importResult.stats.errors.length > 0 ? "warning" : "success",
-          title: "CSV Import Results",
-          children: [
-            /* @__PURE__ */ jsxs(Typography, { variant: "omega", display: "block", marginBottom: 1, children: [
-              "Successfully processed: ",
-              /* @__PURE__ */ jsxs("strong", { children: [
-                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"
-              ] }),
-              ",",
-              " ",
-              /* @__PURE__ */ jsxs("strong", { children: [
-                importResult.stats.skipped,
-                " skipped"
-              ] }),
-              " out of ",
-              importResult.stats.total,
-              " total rows."
+          ) }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 3, wrap: "wrap", alignItems: "center", children: [
+            /* @__PURE__ */ jsxs(Badge, { backgroundColor: "success100", textColor: "success700", children: [
+              "Created: ",
+              importProgress.liveCreated.toLocaleString()
             ] }),
-            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 (",
-                importResult.stats.errors.length,
-                "):"
-              ] }),
-              /* @__PURE__ */ jsx("ul", { style: { margin: "4px 0 0 16px", padding: 0 }, children: importResult.stats.errors.slice(0, 10).map((err, idx) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "2px" }, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger600", children: [
-                "Row ",
-                err.row,
-                ": ",
-                err.error
-              ] }) }, idx)) }),
-              importResult.stats.errors.length > 10 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", marginTop: 4, fontStyle: "italic" }, children: [
-                "...and ",
-                importResult.stats.errors.length - 10,
-                " more error",
-                importResult.stats.errors.length - 10 > 1 ? "s" : ""
-              ] })
+            /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+              "Updated: ",
+              importProgress.liveUpdated.toLocaleString()
+            ] }),
+            /* @__PURE__ */ jsxs(Badge, { backgroundColor: "neutral150", textColor: "neutral700", children: [
+              "Skipped: ",
+              importProgress.liveSkipped.toLocaleString()
             ] }),
-            importResult.stats.diffs && importResult.stats.diffs.length > 0 && /* @__PURE__ */ jsxs(Box, { marginTop: 3, padding: 3, background: "neutral0", hasRadius: true, style: { border: "1px solid #dcdce4" }, children: [
-              /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral800", fontWeight: "bold", display: "block", marginBottom: 2, children: [
-                "CHANGES APPLIED (",
-                importResult.stats.diffs.length,
-                "):"
+            importProgress.liveErrors > 0 && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "danger100", textColor: "danger700", children: [
+              "Errors: ",
+              importProgress.liveErrors.toLocaleString()
+            ] })
+          ] })
+        ] }),
+        importResult && /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsxs(
+          Alert,
+          {
+            variant: importResult.stats.errors.length > 0 ? "warning" : "success",
+            title: "CSV Import Results",
+            children: [
+              /* @__PURE__ */ jsxs(Typography, { variant: "omega", display: "block", marginBottom: 1, children: [
+                "Successfully processed: ",
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  importResult.stats.created.toLocaleString(),
+                  " created"
+                ] }),
+                importResult.stats.newWithoutDocId > 0 && /* @__PURE__ */ jsxs("span", { children: [
+                  " (",
+                  importResult.stats.newWithoutDocId.toLocaleString(),
+                  " created as new entries because documentId was omitted)"
+                ] }),
+                ", ",
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  importResult.stats.updated.toLocaleString(),
+                  " updated"
+                ] }),
+                ",",
+                " ",
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  importResult.stats.skipped.toLocaleString(),
+                  " skipped"
+                ] }),
+                " out of ",
+                importResult.stats.total.toLocaleString(),
+                " total rows."
               ] }),
-              /* @__PURE__ */ jsx(Box, { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: importResult.stats.diffs.length + 1, children: [
-                /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Entry / Document" }) }),
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Attribute" }) }),
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Previous Value" }) }),
-                  /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Applied Value" }) })
-                ] }) }),
-                /* @__PURE__ */ jsx(Tbody, { children: importResult.stats.diffs.slice(0, 10).map((d, idx) => {
-                  const oldDisplay = d.oldValue !== null && d.oldValue !== void 0 ? typeof d.oldValue === "object" ? JSON.stringify(d.oldValue) : String(d.oldValue) : "(empty)";
-                  const newDisplay = d.newValue !== null && d.newValue !== void 0 ? typeof d.newValue === "object" ? JSON.stringify(d.newValue) : String(d.newValue) : "(empty)";
-                  return /* @__PURE__ */ jsxs(Tr, { children: [
-                    /* @__PURE__ */ jsxs(Td, { children: [
-                      /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: d.label || d.documentId }),
-                      d.documentId && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: d.documentId })
-                    ] }),
-                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: d.attribute || "field" }) }),
-                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "danger600", children: oldDisplay }) }),
-                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "success600", fontWeight: "semiBold", children: newDisplay }) })
-                  ] }, idx);
-                }) })
+              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.diffs.length > 10 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", marginTop: 6, fontStyle: "italic" }, children: [
-                "...and ",
-                importResult.stats.diffs.length - 10,
-                " more change",
-                importResult.stats.diffs.length - 10 > 1 ? "s" : "",
-                " recorded in Audit Trail & Version History."
+              importResult.stats.errors.length > 0 && /* @__PURE__ */ jsxs(Box, { marginTop: 2, children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger700", fontWeight: "bold", children: [
+                  "Errors encountered (",
+                  importResult.stats.errors.length,
+                  "):"
+                ] }),
+                /* @__PURE__ */ jsx("ul", { style: { margin: "4px 0 0 16px", padding: 0 }, children: importResult.stats.errors.slice(0, 10).map((err, idx) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "2px" }, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger600", children: [
+                  "Row ",
+                  err.row,
+                  ": ",
+                  err.error
+                ] }) }, idx)) }),
+                importResult.stats.errors.length > 10 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", marginTop: 4, fontStyle: "italic" }, children: [
+                  "...and ",
+                  importResult.stats.errors.length - 10,
+                  " more error",
+                  importResult.stats.errors.length - 10 > 1 ? "s" : ""
+                ] })
+              ] }),
+              importResult.stats.diffs && importResult.stats.diffs.length > 0 && /* @__PURE__ */ jsxs(Box, { marginTop: 3, padding: 3, background: "neutral0", hasRadius: true, style: { border: "1px solid #dcdce4" }, children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "neutral800", fontWeight: "bold", display: "block", marginBottom: 2, children: [
+                  "CHANGES APPLIED (",
+                  importResult.stats.diffs.length.toLocaleString(),
+                  "):"
+                ] }),
+                /* @__PURE__ */ jsx(Box, { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: importResult.stats.diffs.length + 1, children: [
+                  /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Entry / Document" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Attribute" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Previous Value" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Applied Value" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Tbody, { children: importResult.stats.diffs.slice(0, 10).map((d, idx) => {
+                    const oldDisplay = d.oldValue !== null && d.oldValue !== void 0 ? typeof d.oldValue === "object" ? JSON.stringify(d.oldValue) : String(d.oldValue) : "(empty)";
+                    const newDisplay = d.newValue !== null && d.newValue !== void 0 ? typeof d.newValue === "object" ? JSON.stringify(d.newValue) : String(d.newValue) : "(empty)";
+                    return /* @__PURE__ */ jsxs(Tr, { children: [
+                      /* @__PURE__ */ jsxs(Td, { children: [
+                        /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: d.label || d.documentId }),
+                        d.documentId && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: d.documentId })
+                      ] }),
+                      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: d.attribute || "field" }) }),
+                      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "danger600", children: oldDisplay }) }),
+                      /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "success600", fontWeight: "semiBold", children: newDisplay }) })
+                    ] }, idx);
+                  }) })
+                ] }) }),
+                importResult.stats.diffs.length > 10 && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { display: "block", marginTop: 6, fontStyle: "italic" }, children: [
+                  "...and ",
+                  importResult.stats.diffs.length - 10,
+                  " more change",
+                  importResult.stats.diffs.length - 10 > 1 ? "s" : "",
+                  " recorded in Audit Trail & Version History."
+                ] })
               ] })
-            ] })
-          ]
-        }
-      ) })
-    ] })
-  ] }) });
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    showConfirmModal && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          backgroundColor: "rgba(20, 20, 30, 0.65)",
+          backdropFilter: "blur(2px)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          zIndex: 9999,
+          padding: 16,
+          boxSizing: "border-box",
+          overflowY: "auto"
+        },
+        onClick: () => setShowConfirmModal(false),
+        children: /* @__PURE__ */ jsxs(
+          Box,
+          {
+            background: "neutral0",
+            hasRadius: true,
+            shadow: "popupShadow",
+            style: {
+              maxWidth: 680,
+              width: "100%",
+              maxHeight: "calc(100vh - 48px)",
+              display: "flex",
+              flexDirection: "column",
+              overflow: "hidden",
+              position: "relative",
+              boxShadow: "0 24px 48px rgba(0, 0, 0, 0.32), 0 0 1px rgba(0, 0, 0, 0.2)"
+            },
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  padding: 5,
+                  background: "neutral100",
+                  style: {
+                    borderBottom: "1px solid rgba(120, 120, 150, 0.2)",
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ jsxs(Box, { children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Confirm CSV Bulk Import" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", display: "block", children: "Review import target, record actions, publishing mode, and execution window policies before proceeding." })
+                  ] }) })
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  padding: 5,
+                  style: {
+                    flex: "1 1 auto",
+                    minHeight: 0,
+                    overflowY: "auto",
+                    WebkitOverflowScrolling: "touch"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, marginBottom: 4, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: "IMPORT DETAILS" }),
+                      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+                        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Target Collection:" }),
+                          /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: selectedCol?.displayName || selectedUid })
+                        ] }),
+                        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Total Detected Records:" }),
+                          /* @__PURE__ */ jsxs(Typography, { fontWeight: "bold", textColor: "primary600", children: [
+                            allParsedRecords.length.toLocaleString(),
+                            " records"
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Action Breakdown:" }),
+                          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                            /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                              "🔄 ",
+                              allParsedRecords.filter((r) => !!extractDocId(r)).length.toLocaleString(),
+                              " Updates"
+                            ] }),
+                            /* @__PURE__ */ jsxs(Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                              "➕ ",
+                              allParsedRecords.filter((r) => !extractDocId(r)).length.toLocaleString(),
+                              " New (No ID)"
+                            ] })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Import Mode:" }),
+                          /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral200", textColor: "neutral800", children: importMode === "update" ? "Update Only (Exact Document IDs)" : importMode === "create_or_override" ? "Create or Override" : "Smart Auto-Detect" })
+                        ] }),
+                        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Publishing Mode:" }),
+                          /* @__PURE__ */ jsx(
+                            Badge,
+                            {
+                              backgroundColor: publishOnImport ? "success100" : "warning100",
+                              textColor: publishOnImport ? "success700" : "warning700",
+                              children: publishOnImport ? "Publish Immediately" : "Keep as Draft"
+                            }
+                          )
+                        ] }),
+                        preflightReport && /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 2, paddingTop: 2, style: { borderTop: "1px solid #eaeaef" }, children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Pre-Flight Status:" }),
+                          /* @__PURE__ */ jsx(
+                            Typography,
+                            {
+                              variant: "pi",
+                              fontWeight: "bold",
+                              textColor: preflightReport.hasErrors ? "danger700" : preflightReport.hasWarnings ? "warning700" : "success700",
+                              children: preflightReport.hasErrors ? `⚠️ ${preflightReport.totalErrorCount} errors found` : preflightReport.hasWarnings ? `⚡ Passed with ${preflightReport.totalWarningCount} warnings` : "✅ 100% Passed"
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx(Box, { padding: 4, hasRadius: true, marginBottom: 4, background: executionWindow?.isBusinessHours ? "warning100" : "success100", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
+                      /* @__PURE__ */ jsx(Flex, { gap: 2, alignItems: "center", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: executionWindow?.isBusinessHours ? "warning700" : "success700", children: executionWindow?.isBusinessHours ? "⏰ Peak Business Hours Restriction Active" : "✅ Server Off-Peak Window Active" }) }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: executionWindow?.isBusinessHours ? "warning700" : "success700", children: executionWindow?.policyMessage || (executionWindow?.isBusinessHours ? "Server policy restricts bulk operations during peak business hours (09:00 - 18:00). Direct execution is paused to preserve API throughput." : "Currently outside peak business hours. Direct execution is permitted.") })
+                    ] }) }),
+                    /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        padding: 4,
+                        background: "neutral100",
+                        hasRadius: true,
+                        marginBottom: 4,
+                        style: { border: "1px solid rgba(120, 120, 150, 0.15)" },
+                        children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
+                          /* @__PURE__ */ jsx(
+                            Checkbox,
+                            {
+                              checked: publishOnImport,
+                              onValueChange: (val) => setPublishOnImport(Boolean(val))
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs(Box, { style: { cursor: "pointer" }, onClick: () => setPublishOnImport(!publishOnImport), children: [
+                            /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", display: "block", children: "Publish immediately upon checker approval / execution" }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "When checked (default), content types with Draft & Publish enabled will have their updated documents published immediately upon execution. When unchecked, changes remain in Draft for further editorial review." })
+                          ] })
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Box, { marginBottom: 2, children: /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        label: "Change Request / Release Notes (Optional)",
+                        name: "makerNotes",
+                        placeholder: "e.g. REL-5040: Bulk updating catalog attributes via CSV",
+                        value: makerNotesInput,
+                        onChange: (e) => setMakerNotesInput(e.target.value)
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  padding: 4,
+                  background: "neutral100",
+                  style: {
+                    borderTop: "1px solid rgba(120, 120, 150, 0.2)",
+                    flexShrink: 0,
+                    position: "sticky",
+                    bottom: 0,
+                    zIndex: 20,
+                    boxShadow: "0 -4px 16px rgba(0, 0, 0, 0.08)"
+                  },
+                  children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", gap: 3, style: { width: "100%" }, children: [
+                    /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "M", onClick: () => setShowConfirmModal(false), children: "Cancel" }),
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", justifyContent: "flex-end", alignItems: "center", children: [
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: executionWindow?.isBusinessHours ? "default" : "secondary",
+                          size: "M",
+                          onClick: () => submitBatchWithMode("maker_checker"),
+                          loading: submittingBatch,
+                          children: "Submit for Checker Approval"
+                        }
+                      ),
+                      executionWindow?.isBusinessHours ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: "secondary",
+                            size: "M",
+                            onClick: () => submitBatchWithMode("queue_offpeak"),
+                            loading: submittingBatch,
+                            children: [
+                              "Queue for Off-Peak (",
+                              executionWindow?.offPeakStartTime || "18:00",
+                              ")"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "danger-light",
+                            size: "S",
+                            onClick: () => submitBatchWithMode("immediate", true),
+                            loading: importing,
+                            children: "Force Run Now"
+                          }
+                        )
+                      ] }) : /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "default",
+                          size: "M",
+                          onClick: () => submitBatchWithMode("immediate"),
+                          loading: importing,
+                          children: "Confirm & Execute Now"
+                        }
+                      )
+                    ] })
+                  ] })
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
 }
 function formatVal(v) {
   if (v === null || v === void 0) return "(empty)";
@@ -1599,9 +2186,75 @@ const BulkUpdatePreviewModal = ({
     }
   );
 };
+function parseDynamicZonePath(path) {
+  if (!path) return { cleanPath: "", rootKey: "", subPath: "" };
+  const bracketMatch = path.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+  if (bracketMatch) {
+    const rootKey = bracketMatch[1];
+    const selector = bracketMatch[2];
+    const subPath = bracketMatch[3];
+    const cleanPath = `${rootKey}.${subPath}`;
+    if (/^\d+$/.test(selector)) {
+      return { cleanPath, rootKey, subPath, targetIndex: parseInt(selector, 10) };
+    }
+    return { cleanPath, rootKey, subPath, targetComponentUid: selector };
+  }
+  const parts = path.split(".");
+  return {
+    cleanPath: path,
+    rootKey: parts[0] || "",
+    subPath: parts.slice(1).join(".")
+  };
+}
+function formatComponentName(compUid) {
+  if (!compUid) return "Component";
+  const name = compUid.includes(".") ? compUid.split(".")[1] : compUid;
+  return name.split(/[-_]/).map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+function getAllNestedValues(obj, path, availableAttributes) {
+  if (!obj || !path) return [];
+  const parsed = parseDynamicZonePath(path);
+  const parts = parsed.cleanPath.split(".");
+  const [head, ...tail] = parts;
+  const rootTarget = obj[head];
+  if (Array.isArray(rootTarget)) {
+    const results = [];
+    rootTarget.forEach((item, idx) => {
+      if (!item || typeof item !== "object") return;
+      if (parsed.targetIndex !== void 0 && idx !== parsed.targetIndex) return;
+      if (parsed.targetComponentUid && item.__component !== parsed.targetComponentUid) return;
+      const subPath = tail.join(".");
+      const scopedPath = item.__component ? `${head}[${item.__component}].${subPath}` : "";
+      const isSupported = availableAttributes ? availableAttributes.includes(scopedPath) : false;
+      const subVal = tail.length > 0 ? getNestedValue(item, subPath) : item;
+      if (subVal !== void 0 || isSupported) {
+        results.push({
+          index: idx,
+          componentUid: item.__component,
+          componentName: formatComponentName(item.__component),
+          value: subVal !== void 0 ? subVal : null,
+          path: `${head}[#${idx}${item.__component ? ` ${formatComponentName(item.__component)}` : ""}].${subPath}`
+        });
+      }
+    });
+    return results;
+  }
+  const singleVal = getNestedValue(obj, parsed.cleanPath);
+  if (singleVal !== void 0) {
+    return [
+      {
+        index: 0,
+        value: singleVal,
+        path: parsed.cleanPath
+      }
+    ];
+  }
+  return [];
+}
 function getNestedValue(obj, path) {
   if (!obj || !path) return void 0;
-  const parts = path.split(".");
+  const parsed = parseDynamicZonePath(path);
+  const parts = parsed.cleanPath.split(".");
   function extract(current, remainingParts) {
     if (current === void 0 || current === null) return void 0;
     if (remainingParts.length === 0) return current;
@@ -1610,7 +2263,10 @@ function getNestedValue(obj, path) {
       if (/^\d+$/.test(head)) {
         return extract(current[parseInt(head, 10)], tail);
       }
-      for (const item of current) {
+      for (let idx = 0; idx < current.length; idx++) {
+        const item = current[idx];
+        if (parsed.targetIndex !== void 0 && idx !== parsed.targetIndex) continue;
+        if (parsed.targetComponentUid && item?.__component !== parsed.targetComponentUid) continue;
         const found = extract(item?.[head], tail);
         if (found !== void 0 && found !== null) return found;
       }
@@ -1640,7 +2296,18 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
     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);
+    let formattedLabel = attr;
+    const bracketMatch = attr.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+    if (bracketMatch) {
+      const root = bracketMatch[1].charAt(0).toUpperCase() + bracketMatch[1].slice(1);
+      const comp = formatComponentName(bracketMatch[2]);
+      const sub = bracketMatch[3].split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+      formattedLabel = `${root} [${comp}] > ${sub}`;
+    } else if (attr.includes(".")) {
+      formattedLabel = attr.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+    } else {
+      formattedLabel = attr.charAt(0).toUpperCase() + attr.slice(1);
+    }
     cols.push({
       key: `attr_${attr}`,
       label: formattedLabel,
@@ -1649,7 +2316,16 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
     });
   });
   if (searchAttribute && searchAttribute !== selectedAttribute) {
-    const formattedSearchLabel = searchAttribute.includes(".") ? searchAttribute.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ") : searchAttribute;
+    let formattedSearchLabel = searchAttribute;
+    const bracketMatch = searchAttribute.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+    if (bracketMatch) {
+      const root = bracketMatch[1].charAt(0).toUpperCase() + bracketMatch[1].slice(1);
+      const comp = formatComponentName(bracketMatch[2]);
+      const sub = bracketMatch[3].split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+      formattedSearchLabel = `${root} [${comp}] > ${sub}`;
+    } else if (searchAttribute.includes(".")) {
+      formattedSearchLabel = searchAttribute.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+    }
     cols.push({
       key: "search_attr",
       label: `Search: "${formattedSearchLabel}"`,
@@ -1658,7 +2334,17 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
     });
   }
   if (selectedAttribute && selectedAttribute.trim()) {
-    const targetLabel = searchAttribute && searchAttribute !== selectedAttribute ? `Update Target: "${selectedAttribute}"` : `Current "${selectedAttribute}"`;
+    let formattedTargetLabel = selectedAttribute;
+    const bracketMatch = selectedAttribute.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
+    if (bracketMatch) {
+      const root = bracketMatch[1].charAt(0).toUpperCase() + bracketMatch[1].slice(1);
+      const comp = formatComponentName(bracketMatch[2]);
+      const sub = bracketMatch[3].split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+      formattedTargetLabel = `${root} [${comp}] > ${sub}`;
+    } else if (selectedAttribute.includes(".")) {
+      formattedTargetLabel = selectedAttribute.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+    }
+    const targetLabel = searchAttribute && searchAttribute !== selectedAttribute ? `Update Target: "${formattedTargetLabel}"` : `Current "${formattedTargetLabel}"`;
     cols.push({
       key: "target_attr",
       label: targetLabel,
@@ -1783,7 +2469,7 @@ function getEntryLifecycleStatus(entry, col, pendingBatches = []) {
     textColor: "neutral700"
   };
 }
-function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribute, isMatch, hasAttr, isSelected, onToggleSelect, pendingBatches = []) {
+function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribute, isMatch, hasAttr, isSelected, onToggleSelect, pendingBatches = [], isDzExpanded = false, onToggleExpandDz, filterQuery = "") {
   switch (colDef.key) {
     case "select":
       return /* @__PURE__ */ jsx(
@@ -1795,51 +2481,162 @@ function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribut
       );
     case "identifier": {
       const mainText = entry.name || entry.title || `Entry #${entry.id || entry.documentId}`;
+      const dzField = Object.keys(entry).find(
+        (k) => Array.isArray(entry[k]) && entry[k].length > 0 && entry[k].some((item) => item && item.__component)
+      );
+      const dzItemsCount = dzField ? entry[dzField].length : 0;
       return /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: mainText }),
-        entry.email && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: entry.email })
+        entry.email && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: entry.email }),
+        dzItemsCount > 0 && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "S",
+            onClick: onToggleExpandDz,
+            style: {
+              padding: "2px 6px",
+              height: "auto",
+              fontSize: "0.72rem",
+              color: isDzExpanded ? "#4945ff" : "#666687",
+              backgroundColor: isDzExpanded ? "rgba(73, 69, 255, 0.08)" : "rgba(0, 0, 0, 0.04)",
+              borderRadius: 4
+            },
+            children: isDzExpanded ? `▲ Hide ${dzField} (${dzItemsCount} blocks)` : `▼ View ${dzField} (${dzItemsCount} blocks)`
+          }
+        ) })
       ] });
     }
     case "search_attr": {
-      const val = getNestedValue(entry, searchAttribute);
-      const displayStr = formatDisplayValue(val);
-      const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
-      return /* @__PURE__ */ jsx(
-        Typography,
-        {
-          textColor: isUnset ? "neutral500" : "primary700",
-          fontWeight: "semiBold",
-          style: {
-            fontStyle: isUnset ? "italic" : "normal",
-            display: "inline-block",
-            maxWidth: 260,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
+      const matches = getAllNestedValues(entry, searchAttribute, col?.attributes);
+      if (matches.length === 0) {
+        return /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", style: { fontStyle: "italic" }, children: "(empty / not set)" });
+      }
+      if (matches.length === 1 && !matches[0].componentUid) {
+        const displayStr = formatDisplayValue(matches[0].value);
+        const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
+        return /* @__PURE__ */ jsx(
+          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
+          }
+        );
+      }
+      const qLower = (filterQuery || "").trim().toLowerCase();
+      return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 1, alignItems: "flex-start", style: { maxWidth: 320 }, children: matches.map((m) => {
+        const displayStr = formatDisplayValue(m.value);
+        const isMatchItem = qLower && displayStr.toLowerCase().includes(qLower);
+        return /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            gap: 1,
+            alignItems: "center",
+            style: {
+              backgroundColor: isMatchItem ? "rgba(46, 213, 115, 0.15)" : "rgba(0, 0, 0, 0.03)",
+              padding: "2px 6px",
+              borderRadius: 4,
+              border: isMatchItem ? "1px solid #2ed573" : "1px solid transparent"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Badge, { size: "S", backgroundColor: isMatchItem ? "success100" : "primary100", textColor: isMatchItem ? "success700" : "primary700", children: [
+                "#",
+                m.index,
+                " ",
+                m.componentName
+              ] }),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "pi",
+                  fontWeight: isMatchItem ? "bold" : "normal",
+                  textColor: isMatchItem ? "success700" : "neutral800",
+                  style: {
+                    maxWidth: 200,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: displayStr
+                }
+              )
+            ]
           },
-          children: displayStr
-        }
-      );
+          m.index
+        );
+      }) });
     }
     case "target_attr": {
-      const val = getNestedValue(entry, selectedAttribute);
-      const displayStr = formatDisplayValue(val);
-      const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
-      return /* @__PURE__ */ jsx(
-        Typography,
-        {
-          textColor: isUnset ? "neutral500" : "neutral800",
-          style: {
-            fontStyle: isUnset ? "italic" : "normal",
-            display: "inline-block",
-            maxWidth: 260,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
+      const matches = getAllNestedValues(entry, selectedAttribute, col?.attributes);
+      if (matches.length === 0) {
+        return /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", style: { fontStyle: "italic" }, children: "(empty / not set)" });
+      }
+      if (matches.length === 1 && !matches[0].componentUid) {
+        const displayStr = formatDisplayValue(matches[0].value);
+        const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
+        return /* @__PURE__ */ jsx(
+          Typography,
+          {
+            textColor: isUnset ? "neutral500" : "neutral800",
+            style: {
+              fontStyle: isUnset ? "italic" : "normal",
+              display: "inline-block",
+              maxWidth: 260,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            },
+            children: displayStr
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 1, alignItems: "flex-start", style: { maxWidth: 320 }, children: matches.map((m) => {
+        const displayStr = formatDisplayValue(m.value);
+        return /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            gap: 1,
+            alignItems: "center",
+            style: {
+              backgroundColor: "rgba(0, 0, 0, 0.03)",
+              padding: "2px 6px",
+              borderRadius: 4
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Badge, { size: "S", backgroundColor: "neutral200", textColor: "neutral800", children: [
+                "#",
+                m.index,
+                " ",
+                m.componentName
+              ] }),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "pi",
+                  textColor: "neutral800",
+                  style: {
+                    maxWidth: 200,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: displayStr
+                }
+              )
+            ]
           },
-          children: displayStr
-        }
-      );
+          m.index
+        );
+      }) });
     }
     case "status": {
       if (selectedAttribute && !hasAttr) {
@@ -1936,6 +2733,8 @@ const BulkUpdater = () => {
   const [selectedAttribute, setSelectedAttribute] = useState(getInitialAttribute);
   const [attributeValue, setAttributeValue] = useState("");
   const [selectedEntries, setSelectedEntries] = useState({});
+  const [expandedDzEntries, setExpandedDzEntries] = useState({});
+  const [selectedDzBlocks, setSelectedDzBlocks] = useState({});
   const [relationsMeta, setRelationsMeta] = useState({});
   const [relationOptions, setRelationOptions] = useState([]);
   const [relationOptionsLoading, setRelationOptionsLoading] = useState(false);
@@ -2478,40 +3277,78 @@ const BulkUpdater = () => {
   };
   const toggleEntry = (uid, documentId) => {
     const key = `${uid}${KEY_SEP}${documentId}`;
+    const nextVal = !selectedEntries[key];
     setSelectedEntries((prev) => ({
       ...prev,
-      [key]: !prev[key]
+      [key]: nextVal
     }));
+    if (!nextVal) {
+      setSelectedDzBlocks((prev) => {
+        const copy = { ...prev };
+        delete copy[key];
+        return copy;
+      });
+    }
+  };
+  const toggleDzBlock = (uid, documentId, blockIndex, allApplicableIndexes) => {
+    const key = `${uid}${KEY_SEP}${documentId}`;
+    setSelectedDzBlocks((prev) => {
+      const currentSelected = prev[key] !== void 0 ? prev[key] : [...allApplicableIndexes];
+      let nextSelected;
+      if (currentSelected.includes(blockIndex)) {
+        nextSelected = currentSelected.filter((idx) => idx !== blockIndex);
+      } else {
+        nextSelected = [...currentSelected, blockIndex];
+      }
+      if (nextSelected.length > 0) {
+        setSelectedEntries((e) => ({ ...e, [key]: true }));
+      } else {
+        setSelectedEntries((e) => ({ ...e, [key]: false }));
+      }
+      return {
+        ...prev,
+        [key]: nextSelected
+      };
+    });
   };
   const entryMatchesFilter = (entry, attr) => {
+    const matches = getAllNestedValues(entry, attr);
     if (useRegex && regexPattern.trim()) {
       try {
         const regex = new RegExp(regexPattern, "i");
-        const targetSearchVal = formatDisplayValue(getNestedValue(entry, attr));
-        if (!regex.test(targetSearchVal)) {
+        const anyRegexMatch = matches.some((m) => regex.test(formatDisplayValue(m.value)));
+        if (!anyRegexMatch) {
           return false;
         }
       } catch {
       }
     }
     if (filterOperator === "none") return true;
-    const val = getNestedValue(entry, attr);
-    const displayStr = formatDisplayValue(val);
-    const isValEmpty = val === void 0 || val === null || displayStr.trim() === "" || displayStr.trim().toLowerCase() === "(not set)" || displayStr.trim().toLowerCase() === "(empty / not set)" || displayStr.trim().toLowerCase() === "(empty / unlinked)";
-    switch (filterOperator) {
-      case "empty":
-        return isValEmpty;
-      case "not_empty":
-        return !isValEmpty;
-      case "equals":
-        return !isValEmpty && displayStr.trim().toLowerCase() === filterQuery.trim().toLowerCase();
-      case "contains":
-        return !isValEmpty && displayStr.toLowerCase().includes(filterQuery.trim().toLowerCase());
-      case "starts_with":
-        return !isValEmpty && displayStr.trim().toLowerCase().startsWith(filterQuery.trim().toLowerCase());
-      default:
-        return true;
+    if (matches.length === 0) {
+      return filterOperator === "empty";
     }
+    const checkMatch = (val) => {
+      const displayStr = formatDisplayValue(val);
+      const isValEmpty = val === void 0 || val === null || displayStr.trim() === "" || displayStr.trim().toLowerCase() === "(not set)" || displayStr.trim().toLowerCase() === "(empty / not set)" || displayStr.trim().toLowerCase() === "(empty / unlinked)";
+      switch (filterOperator) {
+        case "empty":
+          return isValEmpty;
+        case "not_empty":
+          return !isValEmpty;
+        case "equals":
+          return !isValEmpty && displayStr.trim().toLowerCase() === filterQuery.trim().toLowerCase();
+        case "contains":
+          return !isValEmpty && displayStr.toLowerCase().includes(filterQuery.trim().toLowerCase());
+        case "starts_with":
+          return !isValEmpty && displayStr.trim().toLowerCase().startsWith(filterQuery.trim().toLowerCase());
+        default:
+          return true;
+      }
+    };
+    if (filterOperator === "empty") {
+      return matches.every((m) => checkMatch(m.value));
+    }
+    return matches.some((m) => checkMatch(m.value));
   };
   const getVisibleEntries = (col) => {
     const pageState = collectionPages[col.uid];
@@ -2649,7 +3486,11 @@ const BulkUpdater = () => {
       if (selectedEntries[key]) {
         const parts = key.split(KEY_SEP);
         if (parts.length === 2) {
-          targets.push({ uid: parts[0], documentId: parts[1] });
+          const targetObj = { uid: parts[0], documentId: parts[1] };
+          if (selectedDzBlocks[key] && selectedDzBlocks[key].length > 0) {
+            targetObj.dynamicZoneIndexes = selectedDzBlocks[key];
+          }
+          targets.push(targetObj);
         }
       }
     });
@@ -2694,7 +3535,11 @@ const BulkUpdater = () => {
       if (selectedEntries[key]) {
         const parts = key.split(KEY_SEP);
         if (parts.length === 2) {
-          targets.push({ uid: parts[0], documentId: parts[1] });
+          const targetObj = { uid: parts[0], documentId: parts[1] };
+          if (selectedDzBlocks[key] && selectedDzBlocks[key].length > 0) {
+            targetObj.dynamicZoneIndexes = selectedDzBlocks[key];
+          }
+          targets.push(targetObj);
         }
       }
     });
@@ -2737,6 +3582,7 @@ const BulkUpdater = () => {
       setIsSubmittingBatch(false);
       if (res.data && res.data.success) {
         setSelectedEntries({});
+        setSelectedDzBlocks({});
         const finalBatchId = res.data.batchId;
         setDashboardBatchId(finalBatchId);
         if (res.data.pending) {
@@ -2794,6 +3640,20 @@ const BulkUpdater = () => {
           });
           await fetchModels();
           await fetchAuditHistory();
+          if (selectedCollectionUid) {
+            loadCollectionPage(
+              selectedCollectionUid,
+              collectionPages[selectedCollectionUid]?.page || 1,
+              void 0,
+              void 0,
+              void 0,
+              filterOperator,
+              filterQuery,
+              entrySearch,
+              false,
+              searchAttribute
+            );
+          }
         }
       } else {
         setIsSubmittingBatch(false);
@@ -3924,28 +4784,128 @@ const BulkUpdater = () => {
                             const key = `${col.uid}${KEY_SEP}${entry.documentId}`;
                             const isSelected = Boolean(selectedEntries[key]);
                             const isMatch = isFilterActive;
-                            return /* @__PURE__ */ jsx(
-                              Tr,
-                              {
-                                style: {
-                                  backgroundColor: isSelected ? "rgba(73, 69, 255, 0.14)" : isMatch ? "rgba(46, 213, 115, 0.08)" : void 0,
-                                  boxShadow: isSelected ? "inset 3px 0 0 0 #4945ff" : isMatch ? "inset 3px 0 0 0 #2ed573" : void 0
-                                },
-                                children: activeColumns.map((colDef) => /* @__PURE__ */ jsx(Td, { children: renderCellContent(
-                                  colDef,
-                                  entry,
-                                  col,
-                                  selectedAttribute,
-                                  searchAttribute,
-                                  isMatch,
-                                  hasAttr,
-                                  isSelected,
-                                  () => toggleEntry(col.uid, entry.documentId),
-                                  pendingBatches
-                                ) }, colDef.key))
-                              },
-                              key
+                            const isDzExpanded = Boolean(expandedDzEntries[key]);
+                            const onToggleExpandDz = () => setExpandedDzEntries((prev) => ({
+                              ...prev,
+                              [key]: !prev[key]
+                            }));
+                            const dzFields = Object.keys(entry).filter(
+                              (k) => Array.isArray(entry[k]) && entry[k].length > 0 && entry[k].some((item) => item && item.__component)
                             );
+                            return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+                              /* @__PURE__ */ jsx(
+                                Tr,
+                                {
+                                  style: {
+                                    backgroundColor: isSelected ? "rgba(73, 69, 255, 0.14)" : isMatch ? "rgba(46, 213, 115, 0.08)" : void 0,
+                                    boxShadow: isSelected ? "inset 3px 0 0 0 #4945ff" : isMatch ? "inset 3px 0 0 0 #2ed573" : void 0
+                                  },
+                                  children: activeColumns.map((colDef) => /* @__PURE__ */ jsx(Td, { children: renderCellContent(
+                                    colDef,
+                                    entry,
+                                    col,
+                                    selectedAttribute,
+                                    searchAttribute,
+                                    isMatch,
+                                    hasAttr,
+                                    isSelected,
+                                    () => toggleEntry(col.uid, entry.documentId),
+                                    pendingBatches,
+                                    isDzExpanded,
+                                    onToggleExpandDz,
+                                    filterQuery
+                                  ) }, colDef.key))
+                                }
+                              ),
+                              isDzExpanded && dzFields.map((dzKey) => {
+                                const blocks = entry[dzKey] || [];
+                                const targetParsed = parseDynamicZonePath(selectedAttribute);
+                                const isBlockApplicable = (blockItem) => {
+                                  if (!targetParsed.subPath) return true;
+                                  const scopedPath = `${dzKey}[${blockItem?.__component}].${targetParsed.subPath}`;
+                                  const componentSupports = (col?.attributes || attributes || []).includes(scopedPath);
+                                  return componentSupports || getNestedValue(blockItem, targetParsed.subPath) !== void 0;
+                                };
+                                const allApplicableIndexes = blocks.map((_, i) => i).filter((i) => isBlockApplicable(blocks[i]));
+                                return /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: activeColumns.length, style: { padding: "12px 16px", backgroundColor: "rgba(73, 69, 255, 0.02)", borderBottom: "2px solid rgba(73, 69, 255, 0.15)" }, children: /* @__PURE__ */ jsxs(
+                                  Box,
+                                  {
+                                    padding: 3,
+                                    background: "neutral0",
+                                    hasRadius: true,
+                                    style: { border: "1px solid rgba(73, 69, 255, 0.25)", boxShadow: "0 2px 8px rgba(0,0,0,0.05)" },
+                                    children: [
+                                      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 2, children: [
+                                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                                          /* @__PURE__ */ jsxs(Typography, { variant: "sigma", textColor: "primary700", children: [
+                                            'DYNAMIC ZONE: "',
+                                            dzKey,
+                                            '" (',
+                                            blocks.length,
+                                            " blocks)"
+                                          ] }),
+                                          /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "Selective Block Targeting" })
+                                        ] }),
+                                        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Selectively choose which blocks to update for this entry" })
+                                      ] }),
+                                      /* @__PURE__ */ jsxs(Table, { colCount: 5, rowCount: blocks.length + 1, style: { width: "100%", background: "#fff" }, children: [
+                                        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                                          /* @__PURE__ */ jsx(Th, { style: { width: 64 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Update?" }) }),
+                                          /* @__PURE__ */ jsx(Th, { style: { width: 60 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Pos" }) }),
+                                          /* @__PURE__ */ jsx(Th, { style: { width: 220 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Component" }) }),
+                                          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsxs(Typography, { variant: "sigma", children: [
+                                            "Target Field Value (",
+                                            selectedAttribute || "selected",
+                                            ")"
+                                          ] }) }),
+                                          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Block Summary" }) })
+                                        ] }) }),
+                                        /* @__PURE__ */ jsx(Tbody, { children: blocks.map((block, bIdx) => {
+                                          const compUid = block.__component;
+                                          const compLabel = formatComponentName(compUid);
+                                          const scopedPath = `${dzKey}[${compUid}].${targetParsed.subPath}`;
+                                          const componentSupports = (col?.attributes || attributes || []).includes(scopedPath);
+                                          const blockVal = targetParsed.subPath ? getNestedValue(block, targetParsed.subPath) : void 0;
+                                          const hasTargetAttr = componentSupports || blockVal !== void 0;
+                                          const isBlockChecked = hasTargetAttr && isSelected && (selectedDzBlocks[key] !== void 0 ? selectedDzBlocks[key].includes(bIdx) : true);
+                                          return /* @__PURE__ */ jsxs(
+                                            Tr,
+                                            {
+                                              style: {
+                                                backgroundColor: isBlockChecked ? "rgba(73, 69, 255, 0.08)" : void 0
+                                              },
+                                              children: [
+                                                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+                                                  Checkbox,
+                                                  {
+                                                    checked: isBlockChecked,
+                                                    disabled: !hasTargetAttr,
+                                                    onCheckedChange: () => {
+                                                      toggleDzBlock(col.uid, entry.documentId, bIdx, allApplicableIndexes);
+                                                    }
+                                                  }
+                                                ) }),
+                                                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", children: [
+                                                  "#",
+                                                  bIdx
+                                                ] }) }),
+                                                /* @__PURE__ */ jsxs(Td, { children: [
+                                                  /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral800", children: compLabel }),
+                                                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", style: { fontSize: "0.68rem", marginTop: 2 }, children: compUid })
+                                                ] }),
+                                                /* @__PURE__ */ jsx(Td, { children: hasTargetAttr ? /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", textColor: "primary700", children: formatDisplayValue(blockVal) }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral100", textColor: "neutral500", children: "Does not contain attribute" }) }),
+                                                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { maxWidth: 300, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: block.title || block.name || block.heading || block.body || Object.keys(block).filter((k) => !k.startsWith("_") && k !== "id").slice(0, 3).map((k) => `${k}: ${formatDisplayValue(block[k])}`).join(", ") || "-" }) })
+                                              ]
+                                            },
+                                            bIdx
+                                          );
+                                        }) })
+                                      ] })
+                                    ]
+                                  }
+                                ) }) }, `${key}-dz-${dzKey}`);
+                              })
+                            ] }, key);
                           }) })
                         ] }) }),
                         !col.isSingleType && /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 4, wrap: "wrap", gap: 3, children: [
@@ -4423,6 +5383,7 @@ const BulkUpdater = () => {
                         '"'
                       ] }),
                       /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", marginTop: 1, children: [
+                        (batch.payload?.action === "csv_import" || batch.id?.startsWith("csv_")) && /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "📊 CSV IMPORT" }),
                         /* @__PURE__ */ jsx(
                           Badge,
                           {
@@ -5166,9 +6127,12 @@ const BulkUpdater = () => {
 };
 export {
   BulkUpdater as default,
+  formatComponentName,
   formatDisplayValue,
+  getAllNestedValues,
   getAvailableColumnsForCollection,
   getEntryLifecycleStatus,
-  getNestedValue
+  getNestedValue,
+  parseDynamicZonePath
 };
-//# sourceMappingURL=BulkUpdater-D4v5fP-1.mjs.map
+//# sourceMappingURL=BulkUpdater-CMkPdA9_.mjs.map