strapi-plugin-bulk-updater 1.4.3 → 1.4.6

package/dist/_chunks/{BulkUpdater-mSvmiLwc.js → BulkUpdater-DtBH2c0-.js}

@@ -146,7 +146,7 @@ function CsvManagerTab() {
   const [collections, setCollections] = React.useState([]);
   const [loadingCollections, setLoadingCollections] = React.useState(true);
   const [selectedUid, setSelectedUid] = React.useState("");
-  const [exportLimit, setExportLimit] = React.useState(1e3);
+  const [exportLimit, setExportLimit] = React.useState(0);
   const [exportOnlyViolations, setExportOnlyViolations] = React.useState(false);
   const [rules, setRules] = React.useState([]);
   const [selectedRuleId, setSelectedRuleId] = React.useState("");
@@ -154,9 +154,18 @@ function CsvManagerTab() {
   const [publishOnImport, setPublishOnImport] = React.useState(true);
   const [csvRawText, setCsvRawText] = React.useState("");
   const [fileName, setFileName] = React.useState("");
-  const [parsedPreview, setParsedPreview] = React.useState([]);
+  const [allParsedRecords, setAllParsedRecords] = React.useState([]);
+  const [previewPage, setPreviewPage] = React.useState(1);
+  const [previewPageSize, setPreviewPageSize] = React.useState(10);
   const [importing, setImporting] = React.useState(false);
+  const [importProgress, setImportProgress] = React.useState(null);
   const [importResult, setImportResult] = React.useState(null);
+  const [executionWindow, setExecutionWindow] = React.useState(null);
+  const [preflightLoading, setPreflightLoading] = React.useState(false);
+  const [preflightReport, setPreflightReport] = React.useState(null);
+  const [showConfirmModal, setShowConfirmModal] = React.useState(false);
+  const [makerNotesInput, setMakerNotesInput] = React.useState("");
+  const [submittingBatch, setSubmittingBatch] = React.useState(false);
   React.useEffect(() => {
     fetchInitialData();
   }, []);
@@ -167,6 +176,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) {
@@ -217,7 +229,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 (ValidationRulesTab.isAbortError(err)) return;
@@ -270,34 +282,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)`;
         }
@@ -305,348 +376,864 @@ function CsvManagerTab() {
           type: "success",
           message: notifMsg
         });
-      } else {
-        throw new Error(res.data?.error || "Import failed");
       }
     } catch (err) {
       if (ValidationRulesTab.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 (ValidationRulesTab.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 (ValidationRulesTab.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__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, background: "neutral0", hasRadius: true, shadow: "filterShadow", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", fontWeight: "bold", children: "CSV Export & Import Center" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, background: "neutral0", hasRadius: true, shadow: "filterShadow", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", fontWeight: "bold", children: "CSV Export & Import Center" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {}), onClick: fetchInitialData, children: "Refresh" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowClockwise, {}), onClick: fetchInitialData, children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "flex-end", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 2, children: "Target Collection Type" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "flex-end", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 2, children: "Target Collection Type" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              value: selectedUid,
+              onChange: (val) => {
+                setSelectedUid(val);
+                setImportResult(null);
+                setImportProgress(null);
+              },
+              disabled: loadingCollections,
+              placeholder: "Select a collection...",
+              children: collections.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: col.uid, children: [
+                col.displayName,
+                " (",
+                col.totalEntries ?? 0,
+                " records)"
+              ] }, col.uid))
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.SingleSelect,
-          {
-            value: selectedUid,
-            onChange: (val) => {
-              setSelectedUid(val);
-              setImportResult(null);
-            },
-            disabled: loadingCollections,
-            placeholder: "Select a collection...",
-            children: collections.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: col.uid, children: [
-              col.displayName,
-              " (",
-              col.totalEntries ?? 0,
-              " records)"
-            ] }, col.uid))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Button,
-        {
-          variant: "tertiary",
-          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
-          onClick: handleDownloadTemplate,
-          disabled: !selectedUid,
-          children: "Download Sample CSV Template"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "1. Export Data to CSV" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, children: "Extract entire collections or pinpoint records violating validation quotas." }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, wrap: "wrap", alignItems: "center", marginTop: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
           designSystem.Button,
           {
-            variant: "default",
+            variant: "tertiary",
             startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
-            onClick: handleExportCollection,
+            onClick: handleDownloadTemplate,
             disabled: !selectedUid,
-            children: [
-              "Export All ",
-              selectedCol?.displayName || "Collection",
-              " Records (.csv)"
-            ]
+            children: "Download Sample CSV Template"
           }
-        ),
-        rules.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", style: { marginLeft: "auto" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "1. Export Data to CSV" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, wrap: "wrap", alignItems: "center", marginTop: 3, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 220 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
             designSystem.SingleSelect,
             {
-              value: selectedRuleId,
-              onChange: (val) => setSelectedRuleId(val),
-              placeholder: "Select Quota Rule...",
-              children: rules.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: r.id, children: [
-                "Rule: ",
-                r.name
-              ] }, r.id))
+              value: String(exportLimit),
+              onChange: (val) => setExportLimit(Number(val)),
+              placeholder: "Export Limit",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "0", children: "All Records (No Limit)" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10000", children: "Up to 10,000 Records" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "5000", children: "Up to 5,000 Records" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "1000", children: "Up to 1,000 Records" })
+              ]
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
             designSystem.Button,
             {
-              variant: "danger-light",
+              variant: "default",
               startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.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__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "2. Import & Batch Override CSV" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", marginBottom: 4, children: "Upload an updated CSV file to bulk update existing records or insert new records." }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, wrap: "wrap", gap: 4, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Operation Mode" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: "⚡ Smart Auto-Detect" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
-              "Automatically updates matching records by ",
-              /* @__PURE__ */ jsxRuntime.jsx("code", { children: "documentId" }),
-              " and creates new entries when ID is omitted."
-            ] })
+          ),
+          rules.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", style: { marginLeft: "auto" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.SingleSelect,
+              {
+                value: selectedRuleId,
+                onChange: (val) => setSelectedRuleId(val),
+                placeholder: "Select Quota Rule...",
+                children: rules.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: r.id, children: [
+                  "Rule: ",
+                  r.name
+                ] }, r.id))
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: "danger-light",
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
+                onClick: handleExportViolations,
+                disabled: !selectedRuleId,
+                children: "Export Violators CSV"
+              }
+            )
           ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Publish Options" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Checkbox,
-            {
-              checked: publishOnImport,
-              onValueChange: (val) => setPublishOnImport(val),
-              children: "Auto-publish on import"
-            }
-          )
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.Box,
-        {
-          padding: 6,
-          background: "neutral0",
-          hasRadius: true,
-          style: {
-            border: "2px dashed #dcdce4",
-            textAlign: "center",
-            cursor: "pointer"
-          },
-          children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 5, background: "neutral100", hasRadius: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h3", fontWeight: "bold", marginBottom: 2, children: "2. Import & Batch Override CSV" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, wrap: "wrap", gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Operation Mode" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: "⚡ Smart Auto-Detect" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                "Automatically updates matching records by ",
+                /* @__PURE__ */ jsxRuntime.jsx("code", { children: "documentId" }),
+                " and creates new entries when ID is omitted."
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 1, display: "block", children: "Publish Options" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
+              designSystem.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__ */ jsxRuntime.jsxs("label", { htmlFor: "csv-file-input", style: { cursor: "pointer", display: "block" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(icons.Upload, { style: { width: 32, height: 32, margin: "0 auto 8px", color: "#4945ff" } }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", display: "block", children: fileName ? `Selected: ${fileName}` : "Click here or drag a .csv file to upload" }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 4, background: "neutral0", padding: 4, hasRadius: true, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral700", children: [
-                "FILE PREVIEW (FIRST ",
-                parsedPreview.length,
-                " ROWS)"
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Box,
+          {
+            padding: 6,
+            background: "neutral0",
+            hasRadius: true,
+            style: {
+              border: "2px dashed #dcdce4",
+              textAlign: "center",
+              cursor: "pointer"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "file",
+                  accept: ".csv",
+                  id: "csv-file-input",
+                  style: { display: "none" },
+                  onChange: handleFileUpload
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: "csv-file-input", style: { cursor: "pointer", display: "block" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(icons.Upload, { style: { width: 32, height: 32, margin: "0 auto 8px", color: "#4945ff" } }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", display: "block", children: fileName ? `Selected: ${fileName}` : "Click here or drag a .csv file to upload" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 4, background: "neutral0", padding: 4, hasRadius: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, wrap: "wrap", gap: 2, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral700", children: [
+                  "FILE PREVIEW — ",
+                  totalRows.toLocaleString(),
+                  " RECORDS DETECTED IN CSV"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                  "🔄 ",
+                  updateCount.toLocaleString(),
+                  " Updates"
+                ] }),
+                missingDocIdCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                  "➕ ",
+                  missingDocIdCount.toLocaleString(),
+                  " New (No ID)"
+                ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: missingDocIdCount > 0 ? "warning100" : "success100", textColor: missingDocIdCount > 0 ? "warning700" : "success700", children: missingDocIdCount > 0 ? `${missingDocIdCount} New (No ID)` : "Ready to Import" })
-          ] }),
-          missingDocIdCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Alert,
-            {
-              variant: "default",
-              title: "Smart Auto-Detect Active",
-              children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", children: [
-                missingDocIdCount,
-                " row",
-                missingDocIdCount > 1 ? "s have" : " has",
-                " no ",
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(designSystem.Box, { style: { overflowX: "auto", maxWidth: "100%", border: "1px solid #e0e0e0", borderRadius: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: headers.length + 1, rowCount: parsedPreview.length + 1, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { width: 150, minWidth: 150 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Detected Action" }) }),
-              headers.map((h) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: h }) }, h))
+            preflightReport && /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                        "✓ ",
+                        preflightReport.validRows,
+                        " Valid Rows"
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                        "🔄 ",
+                        preflightReport.estimatedUpdates,
+                        " Updates"
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                        "➕ ",
+                        preflightReport.estimatedCreates,
+                        " New"
+                      ] })
+                    ] })
+                  ] }),
+                  preflightReport.hasErrors && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 2, background: "neutral0", padding: 3, hasRadius: true, style: { maxHeight: 160, overflowY: "auto" }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "danger700", display: "block", marginBottom: 1, children: [
+                      "Validation Errors (",
+                      preflightReport.totalErrorCount,
+                      "):"
+                    ] }),
+                    preflightReport.errors.map((e, idx) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger700", display: "block", children: [
+                      "• Row ",
+                      e.row,
+                      ": ",
+                      e.error
+                    ] }, idx))
+                  ] }),
+                  preflightReport.hasWarnings && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 2, background: "neutral0", padding: 3, hasRadius: true, style: { maxHeight: 140, overflowY: "auto" }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "warning700", display: "block", marginBottom: 1, children: [
+                      "Warnings (",
+                      preflightReport.totalWarningCount,
+                      "):"
+                    ] }),
+                    preflightReport.warnings.map((w, idx) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "warning700", display: "block", children: [
+                      "• Row ",
+                      w.row,
+                      ": ",
+                      w.warning
+                    ] }, idx))
+                  ] })
+                ] })
+              }
+            ),
+            missingDocIdCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Alert, { variant: "default", title: "Smart Auto-Detect Active", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", children: [
+              missingDocIdCount.toLocaleString(),
+              " row",
+              missingDocIdCount > 1 ? "s have" : " has",
+              " no ",
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(designSystem.Box, { style: { overflowX: "auto", maxWidth: "100%", border: "1px solid #e0e0e0", borderRadius: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: headers.length + 1, rowCount: displayedRows.length + 1, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { width: 150, minWidth: 150 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Detected Action" }) }),
+                headers.map((h) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: h }) }, h))
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: displayedRows.map((row, rIdx) => {
+                const hasDocId = !!extractDocId(row);
+                const actualRowIndex = startIndex + rIdx + 1;
+                return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, children: [
+                    hasDocId ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: "🔄 Update" }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: "➕ New Entry" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: [
+                      "Row #",
+                      actualRowIndex
+                    ] })
+                  ] }) }),
+                  headers.map((h) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { verticalAlign: "top", maxWidth: 300 }, children: (h === "documentId" || h === "id") && !row[h]?.trim() ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "warning700", fontWeight: "bold", children: "(Auto-generate ID)" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.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__ */ jsxRuntime.jsx(designSystem.Tbody, { children: parsedPreview.map((row, rIdx) => {
-              const hasDocId = !!extractDocId(row);
-              return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: hasDocId ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: "🔄 Match / Update" }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: "➕ New Entry" }) }),
-                headers.map((h) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { verticalAlign: "top", maxWidth: 300 }, children: (h === "documentId" || h === "id") && !row[h]?.trim() ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "warning700", fontWeight: "bold", children: "(Auto-generate ID)" }) : /* @__PURE__ */ jsxRuntime.jsx(
-                  designSystem.Typography,
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 3, wrap: "wrap", gap: 3, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Rows per page:" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 80 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.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__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "10", children: "10" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "25", children: "25" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "50", children: "50" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "100", children: "100" })
+                    ]
                   }
-                ) }, h))
-              ] }, rIdx);
-            }) })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Button,
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                  "Showing ",
+                  startIndex + 1,
+                  "–",
+                  endIndex,
+                  " of ",
+                  totalRows.toLocaleString(),
+                  " rows"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronLeft, {}),
+                    disabled: safePage <= 1 || importing,
+                    onClick: () => setPreviewPage((p) => Math.max(1, p - 1)),
+                    children: "Prev"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral700", children: [
+                  "Page ",
+                  safePage,
+                  " of ",
+                  totalPages
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRight, {}),
+                    disabled: safePage >= totalPages || importing,
+                    onClick: () => setPreviewPage((p) => Math.min(totalPages, p + 1)),
+                    children: "Next"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 4, wrap: "wrap", gap: 3, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  variant: "secondary",
+                  size: "L",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Eye, {}),
+                  onClick: handleRunPreflight,
+                  loading: preflightLoading,
+                  disabled: importing,
+                  children: "Run Pre-Flight Dry Run"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Button,
+                {
+                  variant: "default",
+                  size: "L",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}),
+                  onClick: () => setShowConfirmModal(true),
+                  loading: importing || submittingBatch,
+                  children: [
+                    "Review & Import (",
+                    totalRows.toLocaleString(),
+                    " Records)..."
+                  ]
+                }
+              )
+            ] })
+          ] });
+        })(),
+        importProgress && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 4, padding: 4, background: "neutral0", hasRadius: true, style: { border: "1px solid #4945ff" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", textColor: "primary700", children: importing ? `Processing Batch Chunk ${importProgress.currentChunk} of ${importProgress.totalChunks} (${importProgress.percent}%)` : "Batch Import Complete" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral700", children: [
+              importProgress.processedRows.toLocaleString(),
+              " / ",
+              importProgress.totalRows.toLocaleString(),
+              " rows processed"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "100%", height: 10, background: "#e0e0e0", borderRadius: 5, overflow: "hidden", marginBottom: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
             {
-              variant: "default",
-              size: "L",
-              startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.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__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.Alert,
-        {
-          variant: importResult.stats.errors.length > 0 ? "warning" : "success",
-          title: "CSV Import Results",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", display: "block", marginBottom: 1, children: [
-              "Successfully processed: ",
-              /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-                importResult.stats.created,
-                " created"
-              ] }),
-              importResult.stats.newWithoutDocId > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                " (",
-                importResult.stats.newWithoutDocId,
-                " created as new entries because documentId was omitted)"
-              ] }),
-              ", ",
-              /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-                importResult.stats.updated,
-                " updated"
-              ] }),
-              ",",
-              " ",
-              /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-                importResult.stats.skipped,
-                " skipped"
-              ] }),
-              " out of ",
-              importResult.stats.total,
-              " total rows."
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, wrap: "wrap", alignItems: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: [
+              "Created: ",
+              importProgress.liveCreated.toLocaleString()
             ] }),
-            importResult.stats.newWithoutDocId > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 2, padding: 2, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral700", children: [
-              "ℹ️ ",
-              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Note on new entries:" }),
-              " ",
-              importResult.stats.newWithoutDocId,
-              " row",
-              importResult.stats.newWithoutDocId > 1 ? "s" : "",
-              " had no ",
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 2, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger700", fontWeight: "bold", children: [
-                "Errors encountered (",
-                importResult.stats.errors.length,
-                "):"
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: "4px 0 0 16px", padding: 0 }, children: importResult.stats.errors.slice(0, 10).map((err, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { marginBottom: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger600", children: [
-                "Row ",
-                err.row,
-                ": ",
-                err.error
-              ] }) }, idx)) }),
-              importResult.stats.errors.length > 10 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+              "Updated: ",
+              importProgress.liveUpdated.toLocaleString()
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "neutral150", textColor: "neutral700", children: [
+              "Skipped: ",
+              importProgress.liveSkipped.toLocaleString()
             ] }),
-            importResult.stats.diffs && importResult.stats.diffs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 3, padding: 3, background: "neutral0", hasRadius: true, style: { border: "1px solid #dcdce4" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral800", fontWeight: "bold", display: "block", marginBottom: 2, children: [
-                "CHANGES APPLIED (",
-                importResult.stats.diffs.length,
-                "):"
+            importProgress.liveErrors > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "danger100", textColor: "danger700", children: [
+              "Errors: ",
+              importProgress.liveErrors.toLocaleString()
+            ] })
+          ] })
+        ] }),
+        importResult && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Alert,
+          {
+            variant: importResult.stats.errors.length > 0 ? "warning" : "success",
+            title: "CSV Import Results",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", display: "block", marginBottom: 1, children: [
+                "Successfully processed: ",
+                /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+                  importResult.stats.created.toLocaleString(),
+                  " created"
+                ] }),
+                importResult.stats.newWithoutDocId > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  " (",
+                  importResult.stats.newWithoutDocId.toLocaleString(),
+                  " created as new entries because documentId was omitted)"
+                ] }),
+                ", ",
+                /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+                  importResult.stats.updated.toLocaleString(),
+                  " updated"
+                ] }),
+                ",",
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+                  importResult.stats.skipped.toLocaleString(),
+                  " skipped"
+                ] }),
+                " out of ",
+                importResult.stats.total.toLocaleString(),
+                " total rows."
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: importResult.stats.diffs.length + 1, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Entry / Document" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Attribute" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Previous Value" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Applied Value" }) })
-                ] }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Td, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: d.label || d.documentId }),
-                      d.documentId && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", display: "block", children: d.documentId })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: d.attribute || "field" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: oldDisplay }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", fontWeight: "semiBold", children: newDisplay }) })
-                  ] }, idx);
-                }) })
+              importResult.stats.newWithoutDocId > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 2, padding: 2, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral700", children: [
+                "ℹ️ ",
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Note on new entries:" }),
+                " ",
+                importResult.stats.newWithoutDocId,
+                " row",
+                importResult.stats.newWithoutDocId > 1 ? "s" : "",
+                " had no ",
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 2, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger700", fontWeight: "bold", children: [
+                  "Errors encountered (",
+                  importResult.stats.errors.length,
+                  "):"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: "4px 0 0 16px", padding: 0 }, children: importResult.stats.errors.slice(0, 10).map((err, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { marginBottom: "2px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger600", children: [
+                  "Row ",
+                  err.row,
+                  ": ",
+                  err.error
+                ] }) }, idx)) }),
+                importResult.stats.errors.length > 10 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 3, padding: 3, background: "neutral0", hasRadius: true, style: { border: "1px solid #dcdce4" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral800", fontWeight: "bold", display: "block", marginBottom: 2, children: [
+                  "CHANGES APPLIED (",
+                  importResult.stats.diffs.length.toLocaleString(),
+                  "):"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: importResult.stats.diffs.length + 1, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Entry / Document" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Attribute" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Previous Value" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Applied Value" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Td, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: d.label || d.documentId }),
+                        d.documentId && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", display: "block", children: d.documentId })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: d.attribute || "field" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: oldDisplay }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "success600", fontWeight: "semiBold", children: newDisplay }) })
+                    ] }, idx);
+                  }) })
+                ] }) }),
+                importResult.stats.diffs.length > 10 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          designSystem.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__ */ jsxRuntime.jsx(
+                designSystem.Box,
+                {
+                  padding: 5,
+                  background: "neutral100",
+                  style: {
+                    borderBottom: "1px solid rgba(120, 120, 150, 0.2)",
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", children: "Confirm CSV Bulk Import" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", display: "block", children: "Review import target, record actions, publishing mode, and execution window policies before proceeding." })
+                  ] }) })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Box,
+                {
+                  padding: 5,
+                  style: {
+                    flex: "1 1 auto",
+                    minHeight: 0,
+                    overflowY: "auto",
+                    WebkitOverflowScrolling: "touch"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral100", hasRadius: true, marginBottom: 4, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: "IMPORT DETAILS" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: "Target Collection:" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: selectedCol?.displayName || selectedUid })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: "Total Detected Records:" }),
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { fontWeight: "bold", textColor: "primary600", children: [
+                            allParsedRecords.length.toLocaleString(),
+                            " records"
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: "Action Breakdown:" }),
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                              "🔄 ",
+                              allParsedRecords.filter((r) => !!extractDocId(r)).length.toLocaleString(),
+                              " Updates"
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                              "➕ ",
+                              allParsedRecords.filter((r) => !extractDocId(r)).length.toLocaleString(),
+                              " New (No ID)"
+                            ] })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: "Import Mode:" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "neutral200", textColor: "neutral800", children: importMode === "update" ? "Update Only (Exact Document IDs)" : importMode === "create_or_override" ? "Create or Override" : "Smart Auto-Detect" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "semiBold", children: "Publishing Mode:" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            designSystem.Badge,
+                            {
+                              backgroundColor: publishOnImport ? "success100" : "warning100",
+                              textColor: publishOnImport ? "success700" : "warning700",
+                              children: publishOnImport ? "Publish Immediately" : "Keep as Draft"
+                            }
+                          )
+                        ] }),
+                        preflightReport && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 2, paddingTop: 2, style: { borderTop: "1px solid #eaeaef" }, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Pre-Flight Status:" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            designSystem.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__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, hasRadius: true, marginBottom: 4, background: executionWindow?.isBusinessHours ? "warning100" : "success100", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: executionWindow?.isBusinessHours ? "warning700" : "success700", children: executionWindow?.isBusinessHours ? "⏰ Peak Business Hours Restriction Active" : "✅ Server Off-Peak Window Active" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(
+                      designSystem.Box,
+                      {
+                        padding: 4,
+                        background: "neutral100",
+                        hasRadius: true,
+                        marginBottom: 4,
+                        style: { border: "1px solid rgba(120, 120, 150, 0.15)" },
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            designSystem.Checkbox,
+                            {
+                              checked: publishOnImport,
+                              onValueChange: (val) => setPublishOnImport(Boolean(val))
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { cursor: "pointer" }, onClick: () => setPublishOnImport(!publishOnImport), children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", display: "block", children: "Publish immediately upon checker approval / execution" }),
+                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.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__ */ jsxRuntime.jsx(
+                designSystem.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__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", gap: 3, style: { width: "100%" }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", size: "M", onClick: () => setShowConfirmModal(false), children: "Cancel" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", justifyContent: "flex-end", alignItems: "center", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Button,
+                        {
+                          variant: executionWindow?.isBusinessHours ? "default" : "secondary",
+                          size: "M",
+                          onClick: () => submitBatchWithMode("maker_checker"),
+                          loading: submittingBatch,
+                          children: "Submit for Checker Approval"
+                        }
+                      ),
+                      executionWindow?.isBusinessHours ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          designSystem.Button,
+                          {
+                            variant: "secondary",
+                            size: "M",
+                            onClick: () => submitBatchWithMode("queue_offpeak"),
+                            loading: submittingBatch,
+                            children: [
+                              "Queue for Off-Peak (",
+                              executionWindow?.offPeakStartTime || "18:00",
+                              ")"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Button,
+                          {
+                            variant: "danger-light",
+                            size: "S",
+                            onClick: () => submitBatchWithMode("immediate", true),
+                            loading: importing,
+                            children: "Force Run Now"
+                          }
+                        )
+                      ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.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)";
@@ -1628,7 +2215,7 @@ function formatComponentName(compUid) {
   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) {
+function getAllNestedValues(obj, path, availableAttributes) {
   if (!obj || !path) return [];
   const parsed = parseDynamicZonePath(path);
   const parts = parsed.cleanPath.split(".");
@@ -1640,14 +2227,17 @@ function getAllNestedValues(obj, path) {
       if (!item || typeof item !== "object") return;
       if (parsed.targetIndex !== void 0 && idx !== parsed.targetIndex) return;
       if (parsed.targetComponentUid && item.__component !== parsed.targetComponentUid) return;
-      const subVal = tail.length > 0 ? getNestedValue(item, tail.join(".")) : item;
-      if (subVal !== void 0) {
+      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,
-          path: `${head}[#${idx}${item.__component ? ` ${formatComponentName(item.__component)}` : ""}].${tail.join(".")}`
+          value: subVal !== void 0 ? subVal : null,
+          path: `${head}[#${idx}${item.__component ? ` ${formatComponentName(item.__component)}` : ""}].${subPath}`
         });
       }
     });
@@ -1922,7 +2512,7 @@ function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribut
       ] });
     }
     case "search_attr": {
-      const matches = getAllNestedValues(entry, searchAttribute);
+      const matches = getAllNestedValues(entry, searchAttribute, col?.attributes);
       if (matches.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral500", style: { fontStyle: "italic" }, children: "(empty / not set)" });
       }
@@ -1990,7 +2580,7 @@ function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribut
       }) });
     }
     case "target_attr": {
-      const matches = getAllNestedValues(entry, selectedAttribute);
+      const matches = getAllNestedValues(entry, selectedAttribute, col?.attributes);
       if (matches.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral500", style: { fontStyle: "italic" }, children: "(empty / not set)" });
       }
@@ -2900,7 +3490,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);
         }
       }
     });
@@ -3050,6 +3644,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);
@@ -4216,10 +4824,13 @@ const BulkUpdater = () => {
                               isDzExpanded && dzFields.map((dzKey) => {
                                 const blocks = entry[dzKey] || [];
                                 const targetParsed = parseDynamicZonePath(selectedAttribute);
-                                const allApplicableIndexes = blocks.map((_, i) => i).filter((i) => {
+                                const isBlockApplicable = (blockItem) => {
                                   if (!targetParsed.subPath) return true;
-                                  return getNestedValue(blocks[i], targetParsed.subPath) !== void 0;
-                                });
+                                  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__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(
                                   designSystem.Box,
                                   {
@@ -4256,8 +4867,10 @@ const BulkUpdater = () => {
                                         /* @__PURE__ */ jsxRuntime.jsx(designSystem.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 = blockVal !== void 0;
+                                          const hasTargetAttr = componentSupports || blockVal !== void 0;
                                           const isBlockChecked = hasTargetAttr && isSelected && (selectedDzBlocks[key] !== void 0 ? selectedDzBlocks[key].includes(bIdx) : true);
                                           return /* @__PURE__ */ jsxRuntime.jsxs(
                                             designSystem.Tr,
@@ -4774,6 +5387,7 @@ const BulkUpdater = () => {
                         '"'
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", marginTop: 1, children: [
+                        (batch.payload?.action === "csv_import" || batch.id?.startsWith("csv_")) && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "📊 CSV IMPORT" }),
                         /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.Badge,
                           {
@@ -5523,4 +6137,4 @@ exports.getAvailableColumnsForCollection = getAvailableColumnsForCollection;
 exports.getEntryLifecycleStatus = getEntryLifecycleStatus;
 exports.getNestedValue = getNestedValue;
 exports.parseDynamicZonePath = parseDynamicZonePath;
-//# sourceMappingURL=BulkUpdater-mSvmiLwc.js.map
+//# sourceMappingURL=BulkUpdater-DtBH2c0-.js.map