strapi-plugin-bulk-updater 1.4.3 → 1.4.9

package/dist/_chunks/{BulkUpdater-mSvmiLwc.js → BulkUpdater-C0uPoso2.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,20 @@ 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);
+  const [publishStrategy, setPublishStrategy] = React.useState("safe");
+  const [unreviewedConsent, setUnreviewedConsent] = React.useState(false);
   React.useEffect(() => {
     fetchInitialData();
   }, []);
@@ -167,6 +178,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 +231,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 +284,95 @@ 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,
+          publishStrategy,
+          unreviewedConsent
+        });
+        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 +380,1018 @@ 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,
+        publishStrategy,
+        unreviewedConsent,
+        unreviewedCount: preflightReport?.lifecycleStats?.unreviewedCount || 0
+      });
+      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: () => {
+                    setPublishStrategy("safe");
+                    setUnreviewedConsent(false);
+                    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()
             ] }),
-            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,
-                "):"
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "neutral150", textColor: "neutral700", children: [
+              "Skipped: ",
+              importProgress.liveSkipped.toLocaleString()
+            ] }),
+            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"
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] }),
+                    preflightReport?.lifecycleStats && preflightReport.lifecycleStats.isDraftAndPublish && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 4, padding: 3, background: "neutral100", hasRadius: true, style: { border: "1px solid rgba(120, 120, 150, 0.15)" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: [
+                        "LIFECYCLE STATUS BREAKDOWN (",
+                        preflightReport.lifecycleStats.totalChecked,
+                        " Existing Records)"
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                          "✓ Published / Approved: ",
+                          preflightReport.lifecycleStats.published
+                        ] }),
+                        preflightReport.lifecycleStats.modified > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                          "📝 Modified (Unreviewed Revisions): ",
+                          preflightReport.lifecycleStats.modified
+                        ] }),
+                        preflightReport.lifecycleStats.draft > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "neutral200", textColor: "neutral800", children: [
+                          "📄 Draft (Never Published): ",
+                          preflightReport.lifecycleStats.draft
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__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." })
+                          ] })
+                        ] })
+                      }
+                    ),
+                    publishOnImport && (preflightReport?.lifecycleStats?.unreviewedCount ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                      designSystem.Box,
+                      {
+                        padding: 4,
+                        background: "neutral100",
+                        hasRadius: true,
+                        marginBottom: 4,
+                        style: { border: "1px solid #d9d8ff" },
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 3, display: "block", children: "PUBLISHING STRATEGY & GOVERNANCE CONSENT" }),
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              designSystem.Box,
+                              {
+                                padding: 3,
+                                hasRadius: true,
+                                style: {
+                                  border: publishStrategy === "safe" ? "2px solid #4945ff" : "1px solid #eaeaef",
+                                  backgroundColor: publishStrategy === "safe" ? "#f0f0ff" : "#ffffff",
+                                  cursor: "pointer"
+                                },
+                                onClick: () => {
+                                  setPublishStrategy("safe");
+                                  setUnreviewedConsent(false);
+                                },
+                                children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(
+                                    "input",
+                                    {
+                                      type: "radio",
+                                      id: "csv-strategy-safe",
+                                      name: "csvPublishStrategy",
+                                      checked: publishStrategy === "safe",
+                                      onChange: () => {
+                                        setPublishStrategy("safe");
+                                        setUnreviewedConsent(false);
+                                      },
+                                      style: { marginTop: 3 }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", display: "block", children: "🛡️ Safe Publishing (Recommended)" }),
+                                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                                      "Only publish records that are already approved & live (",
+                                      preflightReport?.lifecycleStats?.published ?? 0,
+                                      " record",
+                                      (preflightReport?.lifecycleStats?.published ?? 0) === 1 ? "" : "s",
+                                      "). The ",
+                                      preflightReport?.lifecycleStats?.unreviewedCount ?? 0,
+                                      " unreviewed or draft record(s) will receive the CSV update in Draft mode without publishing unreviewed draft revisions to visitors."
+                                    ] })
+                                  ] })
+                                ] })
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              designSystem.Box,
+                              {
+                                padding: 3,
+                                hasRadius: true,
+                                style: {
+                                  border: publishStrategy === "all" ? "2px solid #d02b20" : "1px solid #eaeaef",
+                                  backgroundColor: publishStrategy === "all" ? "#fff5f5" : "#ffffff",
+                                  cursor: "pointer"
+                                },
+                                onClick: () => setPublishStrategy("all"),
+                                children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(
+                                    "input",
+                                    {
+                                      type: "radio",
+                                      id: "csv-strategy-all",
+                                      name: "csvPublishStrategy",
+                                      checked: publishStrategy === "all",
+                                      onChange: () => setPublishStrategy("all"),
+                                      style: { marginTop: 3 }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "danger700", display: "block", children: "⚠️ Publish All Imported Records (Includes Unreviewed Drafts)" }),
+                                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                                      "Publish all affected records live to production immediately, pushing all pending unreviewed draft edits in the ",
+                                      preflightReport?.lifecycleStats?.unreviewedCount ?? 0,
+                                      " draft/modified record(s) live."
+                                    ] })
+                                  ] })
+                                ] })
+                              }
+                            ),
+                            publishStrategy === "all" && /* @__PURE__ */ jsxRuntime.jsx(
+                              designSystem.Box,
+                              {
+                                padding: 3,
+                                background: "danger100",
+                                hasRadius: true,
+                                style: { border: "1px solid #f5c0b8" },
+                                children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(
+                                    designSystem.Checkbox,
+                                    {
+                                      checked: unreviewedConsent,
+                                      onValueChange: (checked) => setUnreviewedConsent(Boolean(checked))
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { cursor: "pointer" }, onClick: () => setUnreviewedConsent(!unreviewedConsent), children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "danger700", display: "block", children: "Mandatory Risk Consent Required" }),
+                                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger700", children: [
+                                      "I understand and explicitly consent that ",
+                                      preflightReport?.lifecycleStats?.unreviewedCount ?? 0,
+                                      " record(s) with unreviewed draft revisions or saved draft states will be published live to production visitors."
+                                    ] })
+                                  ] })
+                                ] })
+                              }
+                            )
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__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)
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              (() => {
+                const isConsentRequired = publishOnImport && (preflightReport?.lifecycleStats?.unreviewedCount ?? 0) > 0 && publishStrategy === "all" && !unreviewedConsent;
+                return /* @__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,
+                            disabled: isConsentRequired,
+                            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,
+                              disabled: isConsentRequired,
+                              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,
+                              disabled: isConsentRequired,
+                              children: "Force Run Now"
+                            }
+                          )
+                        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Button,
+                          {
+                            variant: "default",
+                            size: "M",
+                            onClick: () => submitBatchWithMode("immediate"),
+                            loading: importing,
+                            disabled: isConsentRequired,
+                            children: "Confirm & Execute Now"
+                          }
+                        )
+                      ] })
+                    ] })
+                  }
+                );
+              })()
+            ]
+          }
+        )
+      }
+    )
+  ] });
 }
 function formatVal(v) {
   if (v === null || v === void 0) return "(empty)";
@@ -1278,7 +2023,8 @@ const BulkUpdatePreviewModal = ({
   previewData,
   attribute,
   targetValueDisplay,
-  publishOnApproval = true
+  publishOnApproval = true,
+  lifecycleStats
 }) => {
   const [filterTab, setFilterTab] = React.useState("all");
   const [searchQuery, setSearchQuery] = React.useState("");
@@ -1381,6 +2127,17 @@ const BulkUpdatePreviewModal = ({
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "semiBold", children: "Inspecting Target Records..." }),
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Computing proposed diffs and verifying against database schema." })
                 ] }) }) : !previewData ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "No preview data available." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  publishOnApproval && lifecycleStats && lifecycleStats.unreviewedCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 4, padding: 3, background: "warning100", hasRadius: true, style: { border: "1px solid #f5c0b8" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "warning700", children: "⚠️ Safe Publishing Active:" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "warning700", children: [
+                      lifecycleStats.unreviewedCount,
+                      " target record(s) contain unreviewed draft changes (",
+                      lifecycleStats.draft,
+                      " Draft, ",
+                      lifecycleStats.modified,
+                      " Modified). By default, these will be updated as drafts without publishing unreviewed revisions to production visitors."
+                    ] })
+                  ] }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, marginBottom: 4, wrap: "wrap", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(
                       designSystem.Box,
@@ -1628,26 +2385,29 @@ 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(".");
   const [head, ...tail] = parts;
-  const rootTarget = obj[head];
+  const rootTarget = getPropertyValue(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 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}`
         });
       }
     });
@@ -1665,6 +2425,27 @@ function getAllNestedValues(obj, path) {
   }
   return [];
 }
+function getPropertyValue(target, key) {
+  if (!target || typeof target !== "object" || !key) return void 0;
+  if (target[key] !== void 0 && target[key] !== null) return target[key];
+  const camelKey = key.replace(/_([a-z0-9])/g, (_, letter) => letter.toUpperCase());
+  if (target[camelKey] !== void 0 && target[camelKey] !== null) return target[camelKey];
+  const snakeKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();
+  if (target[snakeKey] !== void 0 && target[snakeKey] !== null) return target[snakeKey];
+  const lowerKey = key.toLowerCase();
+  const lowerNoUnderscore = lowerKey.replace(/_/g, "");
+  const matchedKey = Object.keys(target).find((k) => {
+    const kLower = k.toLowerCase();
+    return kLower === lowerKey || kLower.replace(/_/g, "") === lowerNoUnderscore;
+  });
+  if (matchedKey && target[matchedKey] !== void 0 && target[matchedKey] !== null) {
+    return target[matchedKey];
+  }
+  if (key in target) return target[key];
+  if (camelKey in target) return target[camelKey];
+  if (snakeKey in target) return target[snakeKey];
+  return void 0;
+}
 function getNestedValue(obj, path) {
   if (!obj || !path) return void 0;
   const parsed = parseDynamicZonePath(path);
@@ -1681,12 +2462,12 @@ function getNestedValue(obj, path) {
         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);
+        const found = extract(getPropertyValue(item, head), tail);
         if (found !== void 0 && found !== null) return found;
       }
       return void 0;
     }
-    return extract(current[head], tail);
+    return extract(getPropertyValue(current, head), tail);
   }
   return extract(obj, parts);
 }
@@ -1711,24 +2492,59 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
       return;
     }
     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(" > ");
+    if (attr === "updated_at" || attr === "updatedAt") {
+      formattedLabel = "Updated At";
+    } else if (attr === "created_at" || attr === "createdAt") {
+      formattedLabel = "Created At";
+    } else if (attr === "published_at" || attr === "publishedAt") {
+      formattedLabel = "Published At";
     } else {
-      formattedLabel = attr.charAt(0).toUpperCase() + attr.slice(1);
+      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.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+      }
     }
     cols.push({
       key: `attr_${attr}`,
       label: formattedLabel,
       sortable: !col.isSingleType,
-      defaultVisible: ["department", "email", "location"].includes(attr)
+      defaultVisible: ["department", "email", "location", "updated_at", "updatedAt"].includes(attr)
     });
   });
+  const hasUpdatedAt = candidateAttrs.some((a) => a === "updatedAt" || a === "updated_at");
+  const hasCreatedAt = candidateAttrs.some((a) => a === "createdAt" || a === "created_at");
+  const hasPublishedAt = candidateAttrs.some((a) => a === "publishedAt" || a === "published_at");
+  if (!hasUpdatedAt) {
+    cols.push({
+      key: "attr_updatedAt",
+      label: "Updated At",
+      sortable: !col.isSingleType,
+      defaultVisible: false
+    });
+  }
+  if (!hasCreatedAt) {
+    cols.push({
+      key: "attr_createdAt",
+      label: "Created At",
+      sortable: !col.isSingleType,
+      defaultVisible: false
+    });
+  }
+  if (!hasPublishedAt && col.draftAndPublish) {
+    cols.push({
+      key: "attr_publishedAt",
+      label: "Published At",
+      sortable: !col.isSingleType,
+      defaultVisible: false
+    });
+  }
   if (searchAttribute && searchAttribute !== selectedAttribute) {
     let formattedSearchLabel = searchAttribute;
     const bracketMatch = searchAttribute.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
@@ -1774,11 +2590,136 @@ function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribut
   });
   return cols;
 }
+function getActiveSortLabel(currentSort, col) {
+  const f = currentSort.field;
+  const o = currentSort.order;
+  const dir = o === "asc" ? "▲" : "▼";
+  if (f === "updatedAt" || f === "updated_at") {
+    return `Updated: ${o === "desc" ? "Newest" : "Oldest"} ${dir}`;
+  }
+  if (f === "createdAt" || f === "created_at") {
+    return `Created: ${o === "desc" ? "Newest" : "Oldest"} ${dir}`;
+  }
+  if (f === "publishedAt" || f === "published_at") {
+    return `Published: ${o === "desc" ? "Newest" : "Oldest"} ${dir}`;
+  }
+  if (f === "id") {
+    return `ID: ${o === "desc" ? "Highest" : "Lowest"} ${dir}`;
+  }
+  let attrLabel = f;
+  if (f.includes(".")) {
+    attrLabel = f.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+  } else {
+    attrLabel = f.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+  }
+  return `${attrLabel} (${o === "asc" ? "A → Z" : "Z → A"} ${dir})`;
+}
+function getSortOptionsForCollection(col, selectedAttribute, searchAttribute) {
+  const options = [];
+  const hasCustomUpdatedAt = col.attributes?.includes("updated_at");
+  const updatedField = hasCustomUpdatedAt ? "updated_at" : "updatedAt";
+  options.push({
+    field: updatedField,
+    order: "desc",
+    label: "Updated At (Newest First ↓)",
+    columnLabel: "Updated At",
+    group: "timestamps"
+  });
+  options.push({
+    field: updatedField,
+    order: "asc",
+    label: "Updated At (Oldest First ↑)",
+    columnLabel: "Updated At",
+    group: "timestamps"
+  });
+  const hasCustomCreatedAt = col.attributes?.includes("created_at");
+  const createdField = hasCustomCreatedAt ? "created_at" : "createdAt";
+  options.push({
+    field: createdField,
+    order: "desc",
+    label: "Created At (Newest First ↓)",
+    columnLabel: "Created At",
+    group: "timestamps"
+  });
+  options.push({
+    field: createdField,
+    order: "asc",
+    label: "Created At (Oldest First ↑)",
+    columnLabel: "Created At",
+    group: "timestamps"
+  });
+  if (col.draftAndPublish) {
+    const hasCustomPublishedAt = col.attributes?.includes("published_at");
+    const publishedField = hasCustomPublishedAt ? "published_at" : "publishedAt";
+    options.push({
+      field: publishedField,
+      order: "desc",
+      label: "Published At (Newest First ↓)",
+      columnLabel: "Published At",
+      group: "timestamps"
+    });
+    options.push({
+      field: publishedField,
+      order: "asc",
+      label: "Published At (Oldest First ↑)",
+      columnLabel: "Published At",
+      group: "timestamps"
+    });
+  }
+  options.push({
+    field: "id",
+    order: "desc",
+    label: "Entry ID (Highest First ↓)",
+    columnLabel: "ID",
+    group: "system"
+  });
+  options.push({
+    field: "id",
+    order: "asc",
+    label: "Entry ID (Lowest First ↑)",
+    columnLabel: "ID",
+    group: "system"
+  });
+  const systemKeywords = [
+    "createdat",
+    "created_at",
+    "updatedat",
+    "updated_at",
+    "publishedat",
+    "published_at",
+    "id",
+    "documentid"
+  ];
+  const attrs = (col.attributes || []).filter((a) => !systemKeywords.includes(a.toLowerCase()));
+  attrs.forEach((attr) => {
+    let formattedLabel = attr;
+    if (attr.includes(".")) {
+      formattedLabel = attr.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ");
+    } else {
+      formattedLabel = attr.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+    }
+    options.push({
+      field: attr,
+      order: "asc",
+      label: `${formattedLabel} (A → Z / Lowest ↑)`,
+      columnLabel: formattedLabel,
+      group: "attributes"
+    });
+    options.push({
+      field: attr,
+      order: "desc",
+      label: `${formattedLabel} (Z → A / Highest ↓)`,
+      columnLabel: formattedLabel,
+      group: "attributes"
+    });
+  });
+  return options;
+}
 function renderHeaderCell(colDef, col, currentSort, selectedAttribute, searchAttribute, onSort) {
   if (colDef.key === "select") {
     return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { width: 48 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Select" }) }, "select");
   }
-  const isCurrentSorted = colDef.key === "identifier" && (currentSort.field === "name" || currentSort.field === "title") || colDef.key === "search_attr" && currentSort.field === searchAttribute || colDef.key === "target_attr" && currentSort.field === selectedAttribute || colDef.key.startsWith("attr_") && currentSort.field === colDef.key.replace("attr_", "");
+  const isCurrentSorted = colDef.key === "identifier" && (currentSort.field === "name" || currentSort.field === "title" || currentSort.field === "id") || colDef.key === "search_attr" && currentSort.field === searchAttribute || colDef.key === "target_attr" && currentSort.field === selectedAttribute || colDef.key.startsWith("attr_") && (currentSort.field === colDef.key.replace("attr_", "") || currentSort.field === "updatedAt" && colDef.key === "attr_updated_at" || currentSort.field === "updated_at" && colDef.key === "attr_updatedAt" || currentSort.field === "createdAt" && colDef.key === "attr_created_at" || currentSort.field === "created_at" && colDef.key === "attr_createdAt" || currentSort.field === "publishedAt" && colDef.key === "attr_published_at" || currentSort.field === "published_at" && colDef.key === "attr_publishedAt");
   const sortArrow = isCurrentSorted ? currentSort.order === "asc" ? "▲" : "▼" : "⇅";
   const handleClick = () => {
     if (!colDef.sortable) return;
@@ -1810,6 +2751,15 @@ function formatDisplayValue(val) {
   if (val === void 0 || val === null || val === "") {
     return "(empty / not set)";
   }
+  if (val instanceof Date) {
+    return isNaN(val.getTime()) ? "(invalid date)" : val.toLocaleString();
+  }
+  if (typeof val === "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(val)) {
+    const d = new Date(val);
+    if (!isNaN(d.getTime())) {
+      return d.toLocaleString();
+    }
+  }
   if (Array.isArray(val)) {
     if (val.length === 0) return "(empty / unlinked)";
     return val.map(
@@ -1922,7 +2872,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 +2940,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)" });
       }
@@ -2110,9 +3060,11 @@ const BulkUpdater = () => {
   const [pendingBatchesLoading, setPendingBatchesLoading] = React.useState(false);
   const [approvingBatchId, setApprovingBatchId] = React.useState(null);
   const [rejectingBatchId, setRejectingBatchId] = React.useState(null);
-  const [executingNowBatchId, setExecutingNowBatchId] = React.useState(null);
   const [makerNotesInput, setMakerNotesInput] = React.useState("");
   const [publishOnApproval, setPublishOnApproval] = React.useState(true);
+  const [publishStrategy, setPublishStrategy] = React.useState("safe");
+  const [unreviewedConsent, setUnreviewedConsent] = React.useState(false);
+  const [publishConsent, setPublishConsent] = React.useState(false);
   const [showProcessingDashboard, setShowProcessingDashboard] = React.useState(false);
   const [dashboardBatchId, setDashboardBatchId] = React.useState("");
   const [dashboardJob, setDashboardJob] = React.useState(null);
@@ -2189,10 +3141,32 @@ const BulkUpdater = () => {
     } catch {
     }
   };
+  const [searchRelationOptions, setSearchRelationOptions] = React.useState([]);
+  const [searchRelationOptionsLoading, setSearchRelationOptionsLoading] = React.useState(false);
+  const fetchSearchRelationOptions = async (targetUid) => {
+    try {
+      setSearchRelationOptionsLoading(true);
+      const res = await get(`/bulk-updater/relation-options?targetUid=${encodeURIComponent(targetUid)}`);
+      if (res.data && res.data.success) {
+        setSearchRelationOptions(res.data.options || []);
+      }
+    } catch {
+      setSearchRelationOptions([]);
+    } finally {
+      setSearchRelationOptionsLoading(false);
+    }
+  };
   const [searchAttribute, setSearchAttribute] = React.useState("");
   const [searchAttributeInput, setSearchAttributeInput] = React.useState("");
   const [attributesMeta, setAttributesMeta] = React.useState({});
   const effectiveSearchAttribute = searchAttribute || selectedAttribute;
+  React.useEffect(() => {
+    if (effectiveSearchAttribute && relationsMeta[effectiveSearchAttribute]) {
+      fetchSearchRelationOptions(relationsMeta[effectiveSearchAttribute].targetUid);
+    } else {
+      setSearchRelationOptions([]);
+    }
+  }, [effectiveSearchAttribute, relationsMeta]);
   const [filterOperator, setFilterOperator] = React.useState("none");
   const [filterQuery, setFilterQuery] = React.useState("");
   const [entrySearch, setEntrySearch] = React.useState("");
@@ -2211,6 +3185,8 @@ const BulkUpdater = () => {
   const [collectionColumnVisibility, setCollectionColumnVisibility] = React.useState({});
   const [openColumnPickerUid, setOpenColumnPickerUid] = React.useState(null);
   const [columnSearchTerm, setColumnSearchTerm] = React.useState("");
+  const [openSortPickerUid, setOpenSortPickerUid] = React.useState(null);
+  const [sortSearchTerm, setSortSearchTerm] = React.useState("");
   const toggleColumn = (colUid, colKey, availableCols) => {
     setCollectionColumnVisibility((prev) => {
       const current = prev[colUid] || availableCols.filter((c) => c.defaultVisible).map((c) => c.key);
@@ -2743,21 +3719,45 @@ const BulkUpdater = () => {
     }
     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;
+      const isValEmpty = val === void 0 || val === null || Array.isArray(val) && val.length === 0 || displayStr.trim() === "" || displayStr.trim().toLowerCase() === "(not set)" || displayStr.trim().toLowerCase() === "(empty / not set)" || displayStr.trim().toLowerCase() === "(empty / unlinked)";
+      if (filterOperator === "empty") return isValEmpty;
+      if (filterOperator === "not_empty") return !isValEmpty;
+      if (isValEmpty) return false;
+      const q = filterQuery.trim().toLowerCase();
+      if (!q) return true;
+      const testString = (str) => {
+        if (str === void 0 || str === null) return false;
+        const s = String(str).trim().toLowerCase();
+        switch (filterOperator) {
+          case "equals":
+            return s === q;
+          case "contains":
+            return s.includes(q);
+          case "starts_with":
+            return s.startsWith(q);
+          default:
+            return true;
+        }
+      };
+      const testEntityObject = (obj) => {
+        if (!obj || typeof obj !== "object") return false;
+        if (testString(obj.name)) return true;
+        if (testString(obj.title)) return true;
+        if (testString(obj.email)) return true;
+        if (testString(obj.username)) return true;
+        if (testString(obj.documentId)) return true;
+        if (testString(String(obj.id))) return true;
+        if (testString(obj.slug)) return true;
+        if (testString(formatDisplayValue(obj))) return true;
+        return false;
+      };
+      if (Array.isArray(val)) {
+        return val.some((item) => typeof item === "object" ? testEntityObject(item) : testString(item));
       }
+      if (typeof val === "object" && val !== null) {
+        if (testEntityObject(val)) return true;
+      }
+      return testString(displayStr);
     };
     if (filterOperator === "empty") {
       return matches.every((m) => checkMatch(m.value));
@@ -2869,6 +3869,40 @@ const BulkUpdater = () => {
     });
     return breakdown;
   };
+  const selectedLifecycleStats = React.useMemo(() => {
+    let published = 0;
+    let modified = 0;
+    let draft = 0;
+    let pendingReview = 0;
+    Object.keys(selectedEntries).forEach((key) => {
+      if (!selectedEntries[key]) return;
+      const parts = key.split(KEY_SEP);
+      if (parts.length !== 2) return;
+      const [uid, docId] = parts;
+      const col = collections.find((c) => c.uid === uid) || null;
+      const entry = collectionPages[uid]?.entries?.find((e) => e.documentId === docId || String(e.id) === docId) || col?.entries?.find((e) => e.documentId === docId || String(e.id) === docId);
+      if (col && col.draftAndPublish === false) {
+        published++;
+      } else if (entry) {
+        const { status } = getEntryLifecycleStatus(entry, col, pendingBatches);
+        if (status === "published") published++;
+        else if (status === "modified") modified++;
+        else if (status === "draft") draft++;
+        else if (status === "pending_review") pendingReview++;
+      } else {
+        draft++;
+      }
+    });
+    const unreviewedCount = draft + modified + pendingReview;
+    return {
+      published,
+      modified,
+      draft,
+      pendingReview,
+      unreviewedCount,
+      total: published + modified + draft + pendingReview
+    };
+  }, [selectedEntries, collections, collectionPages, pendingBatches]);
   const handleOpenConfirmModal = () => {
     if (!selectedAttribute) {
       toggleNotification({
@@ -2885,6 +3919,8 @@ const BulkUpdater = () => {
       });
       return;
     }
+    setPublishStrategy("safe");
+    setUnreviewedConsent(false);
     setShowConfirmModal(true);
   };
   const handleOpenPreviewModal = async () => {
@@ -2900,7 +3936,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);
         }
       }
     });
@@ -2975,6 +4015,9 @@ const BulkUpdater = () => {
         failedCount: 0,
         isLive: false,
         publishOnApproval,
+        publishStrategy,
+        unreviewedConsent,
+        unreviewedCount: selectedLifecycleStats.unreviewedCount,
         results: []
       });
       const payload = {
@@ -2986,7 +4029,10 @@ const BulkUpdater = () => {
         executionMode,
         makerNotes: makerNotesInput,
         forceImmediate,
-        publishOnApproval
+        publishOnApproval,
+        publishStrategy,
+        unreviewedConsent,
+        unreviewedCount: selectedLifecycleStats.unreviewedCount
       };
       const res = await post("/bulk-updater/batch-update", payload);
       setIsSubmittingBatch(false);
@@ -3050,6 +4096,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);
@@ -3140,6 +4200,7 @@ const BulkUpdater = () => {
       });
       return;
     }
+    setPublishConsent(false);
     setShowPublishConfirmModal(true);
   };
   const executeBatchPublish = async (executionMode, forceImmediate = false) => {
@@ -3174,13 +4235,17 @@ const BulkUpdater = () => {
         failedCount: 0,
         isLive: true,
         publishOnApproval: true,
+        unreviewedConsent: publishConsent,
+        unreviewedCount: selectedLifecycleStats.unreviewedCount,
         results: []
       });
       const payload = {
         selectedEntries: targets,
         executionMode,
         makerNotes: publishMakerNotesInput,
-        forceImmediate
+        forceImmediate,
+        unreviewedConsent: publishConsent,
+        unreviewedCount: selectedLifecycleStats.unreviewedCount
       };
       const res = await post("/bulk-updater/batch-publish", payload);
       setIsSubmittingBatch(false);
@@ -3761,7 +4826,27 @@ const BulkUpdater = () => {
                             ]
                           }
                         ) }),
-                        (filterOperator === "equals" || filterOperator === "contains" || filterOperator === "starts_with") && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: 180 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        (filterOperator === "equals" || filterOperator === "contains" || filterOperator === "starts_with") && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: 200 }, children: effectiveSearchAttribute && relationsMeta[effectiveSearchAttribute] ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: `Target ${relationsMeta[effectiveSearchAttribute].targetDisplayName} Relation` }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            designSystem.Combobox,
+                            {
+                              autocomplete: { type: "list", filter: "contains" },
+                              placeholder: searchRelationOptionsLoading ? "Loading entities..." : `Search & pick ${relationsMeta[effectiveSearchAttribute].targetDisplayName} or type text...`,
+                              value: filterQuery,
+                              onClear: () => setFilterQuery(""),
+                              onChange: (val) => {
+                                if (typeof val === "string") {
+                                  setFilterQuery(val);
+                                }
+                              },
+                              onInputChange: (e) => {
+                                setFilterQuery(e.target.value);
+                              },
+                              children: searchRelationOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: opt.label, textValue: opt.label, children: opt.label }, opt.documentId))
+                            }
+                          )
+                        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.TextInput,
                           {
                             label: effectiveSearchAttribute ? `Value for "${effectiveSearchAttribute}"` : "Value to match",
@@ -3911,41 +4996,127 @@ const BulkUpdater = () => {
                             ) : null
                           ] }),
                           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
-                            !col.isSingleType && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Sort:" }),
-                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 190 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                                designSystem.SingleSelect,
+                            !col.isSingleType && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { position: "relative", display: "inline-block" }, children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                designSystem.Button,
                                 {
+                                  variant: openSortPickerUid === col.uid ? "secondary" : "tertiary",
                                   size: "S",
-                                  value: `${currentSort.field}:${currentSort.order}`,
-                                  onChange: (val) => {
-                                    const [f, o] = String(val).split(":");
-                                    handleCollectionSortChange(col.uid, f, o);
+                                  onClick: () => {
+                                    setOpenSortPickerUid(openSortPickerUid === col.uid ? null : col.uid);
+                                    setSortSearchTerm("");
+                                    if (openColumnPickerUid === col.uid) setOpenColumnPickerUid(null);
+                                  },
+                                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", children: [
+                                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", fontWeight: "bold", children: "Sort:" }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", children: getActiveSortLabel(currentSort) })
+                                  ] })
+                                }
+                              ),
+                              openSortPickerUid === col.uid && /* @__PURE__ */ jsxRuntime.jsxs(
+                                designSystem.Box,
+                                {
+                                  style: {
+                                    position: "absolute",
+                                    top: "calc(100% + 6px)",
+                                    left: 0,
+                                    zIndex: 220,
+                                    width: 330,
+                                    maxHeight: 440,
+                                    background: "#ffffff",
+                                    borderRadius: 8,
+                                    boxShadow: "0 10px 25px rgba(33, 33, 52, 0.18)",
+                                    border: "1px solid #dcdce4",
+                                    padding: 12,
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    gap: 8
                                   },
                                   children: [
-                                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "createdAt:desc", children: "Created: Newest" }),
-                                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "createdAt:asc", children: "Created: Oldest" }),
-                                    hasAttr && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: `${selectedAttribute}:asc`, children: [
-                                        selectedAttribute,
-                                        " (A → Z)"
-                                      ] }),
-                                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: `${selectedAttribute}:desc`, children: [
-                                        selectedAttribute,
-                                        " (Z → A)"
-                                      ] })
-                                    ] }),
-                                    col.attributes.includes("name") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "name:asc", children: "Name (A → Z)" }),
-                                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "name:desc", children: "Name (Z → A)" })
+                                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: "Sort by Column" }),
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        designSystem.Button,
+                                        {
+                                          variant: "ghost",
+                                          size: "S",
+                                          onClick: () => setOpenSortPickerUid(null),
+                                          style: { padding: "2px 6px", height: "auto", minWidth: "unset" },
+                                          children: "✕"
+                                        }
+                                      )
                                     ] }),
-                                    col.attributes.includes("title") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "title:asc", children: "Title (A → Z)" }),
-                                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "title:desc", children: "Title (Z → A)" })
-                                    ] })
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      designSystem.TextInput,
+                                      {
+                                        size: "S",
+                                        placeholder: "Search columns to sort...",
+                                        value: sortSearchTerm,
+                                        onChange: (e) => setSortSearchTerm(e.target.value)
+                                      }
+                                    ),
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      designSystem.Box,
+                                      {
+                                        style: {
+                                          maxHeight: 320,
+                                          overflowY: "auto",
+                                          display: "flex",
+                                          flexDirection: "column",
+                                          gap: 4
+                                        },
+                                        children: getSortOptionsForCollection(col).filter((opt) => {
+                                          if (!sortSearchTerm.trim()) return true;
+                                          const term = sortSearchTerm.toLowerCase().trim();
+                                          return opt.label.toLowerCase().includes(term) || opt.field.toLowerCase().includes(term);
+                                        }).map((opt) => {
+                                          const isSelected = (currentSort.field === opt.field || currentSort.field === "updatedAt" && opt.field === "updated_at" || currentSort.field === "updated_at" && opt.field === "updatedAt" || currentSort.field === "createdAt" && opt.field === "created_at" || currentSort.field === "created_at" && opt.field === "createdAt") && currentSort.order === opt.order;
+                                          return /* @__PURE__ */ jsxRuntime.jsxs(
+                                            designSystem.Box,
+                                            {
+                                              onClick: () => {
+                                                handleCollectionSortChange(col.uid, opt.field, opt.order);
+                                                setOpenSortPickerUid(null);
+                                                setSortSearchTerm("");
+                                              },
+                                              style: {
+                                                padding: "6px 10px",
+                                                borderRadius: 6,
+                                                cursor: "pointer",
+                                                background: isSelected ? "rgba(73, 69, 255, 0.12)" : "transparent",
+                                                border: isSelected ? "1px solid #4945ff" : "1px solid transparent",
+                                                display: "flex",
+                                                alignItems: "center",
+                                                justifyContent: "space-between",
+                                                transition: "background 0.15s ease"
+                                              },
+                                              onMouseEnter: (e) => {
+                                                if (!isSelected) e.currentTarget.style.background = "#f6f6f9";
+                                              },
+                                              onMouseLeave: (e) => {
+                                                if (!isSelected) e.currentTarget.style.background = "transparent";
+                                              },
+                                              children: [
+                                                /* @__PURE__ */ jsxRuntime.jsx(
+                                                  designSystem.Typography,
+                                                  {
+                                                    variant: "omega",
+                                                    fontWeight: isSelected ? "bold" : "normal",
+                                                    textColor: isSelected ? "primary700" : "neutral800",
+                                                    children: opt.label
+                                                  }
+                                                ),
+                                                isSelected && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { size: "S", backgroundColor: "primary100", textColor: "primary700", children: "Active" })
+                                              ]
+                                            },
+                                            `${opt.field}:${opt.order}`
+                                          );
+                                        })
+                                      }
+                                    )
                                   ]
                                 }
-                              ) })
+                              )
                             ] }),
                             /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { position: "relative", display: "inline-block" }, children: [
                               /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3957,6 +5128,7 @@ const BulkUpdater = () => {
                                   onClick: () => {
                                     setOpenColumnPickerUid(openColumnPickerUid === col.uid ? null : col.uid);
                                     setColumnSearchTerm("");
+                                    if (openSortPickerUid === col.uid) setOpenSortPickerUid(null);
                                   },
                                   children: [
                                     "Columns (",
@@ -4216,10 +5388,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 +5431,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,
@@ -4577,27 +5754,42 @@ const BulkUpdater = () => {
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 4, padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Checkbox,
-                      {
-                        checked: publishOnApproval,
-                        onCheckedChange: (checked) => setPublishOnApproval(Boolean(checked)),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: "Auto-Publish after Update" })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Badge,
-                      {
-                        backgroundColor: publishOnApproval ? "success100" : "warning100",
-                        textColor: publishOnApproval ? "success700" : "warning700",
-                        children: publishOnApproval ? "✓ LIVE PUBLISH" : "DRAFT ONLY"
-                      }
-                    )
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginTop: 4, padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Checkbox,
+                        {
+                          checked: publishOnApproval,
+                          onCheckedChange: (checked) => setPublishOnApproval(Boolean(checked)),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: "Auto-Publish after Update" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Badge,
+                        {
+                          backgroundColor: publishOnApproval ? "success100" : "warning100",
+                          textColor: publishOnApproval ? "success700" : "warning700",
+                          children: publishOnApproval ? "✓ LIVE PUBLISH" : "DRAFT ONLY"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: publishOnApproval ? "When enabled, entries will be published live immediately upon batch execution for draft-enabled content types." : "When disabled, entries will be saved as draft versions without publishing to live visitors." })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: publishOnApproval ? "When enabled, entries will be published live immediately upon batch execution for draft-enabled content types." : "When disabled, entries will be saved as draft versions without publishing to live visitors." })
-                ] }) }),
+                  publishOnApproval && selectedLifecycleStats.unreviewedCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 3, padding: 3, background: "warning100", hasRadius: true, style: { border: "1px solid #f5c0b8" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "warning700", children: "⚠️ Unreviewed Content Alert:" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "warning700", children: [
+                      selectedLifecycleStats.unreviewedCount,
+                      " of ",
+                      totalSelectedCount,
+                      " selected record(s) contain unreviewed draft changes (",
+                      selectedLifecycleStats.draft,
+                      " Draft, ",
+                      selectedLifecycleStats.modified,
+                      " Modified). Publishing them live will push all unreviewed draft content across all fields to live visitors. You can select safe publishing (recommended) or provide explicit consent at review time."
+                    ] })
+                  ] }) })
+                ] }),
                 selectedCol && selectedAttribute && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 4, padding: 3, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", children: "Target Selection:" }),
                   /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
@@ -4774,6 +5966,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,
                           {
@@ -4782,6 +5975,12 @@ const BulkUpdater = () => {
                             children: batch.summary.publishOnApproval === false ? "DRAFT ONLY" : "AUTO-PUBLISH"
                           }
                         ),
+                        batch.summary.publishStrategy === "safe" && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "SAFE PUBLISH" }),
+                        batch.summary.publishStrategy === "all" && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: "PUBLISH ALL (CONSENTED)" }),
+                        Boolean(batch.summary.unreviewedCount) && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "neutral150", textColor: "neutral700", children: [
+                          "Unreviewed: ",
+                          batch.summary.unreviewedCount
+                        ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
                           "• ",
                           batch.summary.totalTargets,
@@ -4929,7 +6128,9 @@ const BulkUpdater = () => {
                             rec.skippedCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", style: { marginLeft: 6 }, children: [
                               rec.skippedCount,
                               " skipped"
-                            ] })
+                            ] }),
+                            rec.publishStrategy === "safe" && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", style: { marginLeft: 6 }, children: "Safe Publish" }),
+                            rec.publishStrategy === "all" && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", style: { marginLeft: 6 }, children: "Publish All (Consented)" })
                           ] }),
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { style: { minWidth: 120 }, children: rec.isRolledBack ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
                             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "neutral200", textColor: "neutral700", children: "ROLLED BACK" }),
@@ -5148,6 +6349,31 @@ const BulkUpdater = () => {
                             ] })
                           ] })
                         ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 4, padding: 3, background: "neutral100", hasRadius: true, style: { border: "1px solid rgba(120, 120, 150, 0.15)" }, children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: [
+                            "LIFECYCLE STATUS BREAKDOWN (",
+                            totalSelectedCount,
+                            " Selected)"
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                              "✓ Published / Approved: ",
+                              selectedLifecycleStats.published
+                            ] }),
+                            selectedLifecycleStats.modified > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                              "📝 Modified (Unreviewed Revisions): ",
+                              selectedLifecycleStats.modified
+                            ] }),
+                            selectedLifecycleStats.draft > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "neutral200", textColor: "neutral800", children: [
+                              "📄 Draft (Never Published): ",
+                              selectedLifecycleStats.draft
+                            ] }),
+                            selectedLifecycleStats.pendingReview > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                              "⏳ Pending Review: ",
+                              selectedLifecycleStats.pendingReview
+                            ] })
+                          ] })
+                        ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { marginBottom: 4, children: [
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: "COLLECTION BREAKDOWN" }),
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 1, children: Object.entries(getSelectedBreakdown()).map(([name, count]) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5198,6 +6424,128 @@ const BulkUpdater = () => {
                             ] })
                           }
                         ),
+                        publishOnApproval && selectedLifecycleStats.unreviewedCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                          designSystem.Box,
+                          {
+                            padding: 4,
+                            background: "neutral100",
+                            hasRadius: true,
+                            marginBottom: 4,
+                            style: { border: "1px solid #d9d8ff" },
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 3, display: "block", children: "PUBLISHING STRATEGY & GOVERNANCE CONSENT" }),
+                              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  designSystem.Box,
+                                  {
+                                    padding: 3,
+                                    hasRadius: true,
+                                    style: {
+                                      border: publishStrategy === "safe" ? "2px solid #4945ff" : "1px solid #eaeaef",
+                                      backgroundColor: publishStrategy === "safe" ? "#f0f0ff" : "#ffffff",
+                                      cursor: "pointer"
+                                    },
+                                    onClick: () => {
+                                      setPublishStrategy("safe");
+                                      setUnreviewedConsent(false);
+                                    },
+                                    children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        "input",
+                                        {
+                                          type: "radio",
+                                          id: "strategy-safe",
+                                          name: "publishStrategy",
+                                          checked: publishStrategy === "safe",
+                                          onChange: () => {
+                                            setPublishStrategy("safe");
+                                            setUnreviewedConsent(false);
+                                          },
+                                          style: { marginTop: 3 }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", display: "block", children: "🛡️ Safe Publishing (Recommended)" }),
+                                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                                          "Only publish records that are already approved & live (",
+                                          selectedLifecycleStats.published,
+                                          " record",
+                                          selectedLifecycleStats.published === 1 ? "" : "s",
+                                          "). The ",
+                                          selectedLifecycleStats.unreviewedCount,
+                                          " unreviewed or draft record(s) will receive the bulk update in Draft mode without publishing unreviewed draft revisions to visitors."
+                                        ] })
+                                      ] })
+                                    ] })
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  designSystem.Box,
+                                  {
+                                    padding: 3,
+                                    hasRadius: true,
+                                    style: {
+                                      border: publishStrategy === "all" ? "2px solid #d02b20" : "1px solid #eaeaef",
+                                      backgroundColor: publishStrategy === "all" ? "#fff5f5" : "#ffffff",
+                                      cursor: "pointer"
+                                    },
+                                    onClick: () => setPublishStrategy("all"),
+                                    children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        "input",
+                                        {
+                                          type: "radio",
+                                          id: "strategy-all",
+                                          name: "publishStrategy",
+                                          checked: publishStrategy === "all",
+                                          onChange: () => setPublishStrategy("all"),
+                                          style: { marginTop: 3 }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "danger700", display: "block", children: "⚠️ Publish All Selected Records (Includes Unreviewed Drafts)" }),
+                                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
+                                          "Publish all ",
+                                          totalSelectedCount,
+                                          " records live to production immediately, pushing all pending unreviewed draft edits in the ",
+                                          selectedLifecycleStats.unreviewedCount,
+                                          " draft/modified record(s) live."
+                                        ] })
+                                      ] })
+                                    ] })
+                                  }
+                                ),
+                                publishStrategy === "all" && /* @__PURE__ */ jsxRuntime.jsx(
+                                  designSystem.Box,
+                                  {
+                                    padding: 3,
+                                    background: "danger100",
+                                    hasRadius: true,
+                                    style: { border: "1px solid #f5c0b8" },
+                                    children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        designSystem.Checkbox,
+                                        {
+                                          name: "unreviewedConsent",
+                                          checked: unreviewedConsent,
+                                          onCheckedChange: (checked) => setUnreviewedConsent(Boolean(checked))
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { cursor: "pointer" }, onClick: () => setUnreviewedConsent(!unreviewedConsent), children: [
+                                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "danger700", display: "block", children: "Mandatory Risk Consent Required" }),
+                                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger700", children: [
+                                          "I understand and explicitly consent that ",
+                                          selectedLifecycleStats.unreviewedCount,
+                                          " record(s) with unreviewed draft revisions or saved draft states will be published live to production visitors."
+                                        ] })
+                                      ] })
+                                    ] })
+                                  }
+                                )
+                              ] })
+                            ]
+                          }
+                        ),
                         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.TextInput,
                           {
@@ -5224,54 +6572,61 @@ const BulkUpdater = () => {
                         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: () => executeBatchWithMode("maker_checker"),
-                              loading: updating,
-                              children: "Submit for Checker Approval"
-                            }
-                          ),
-                          executionWindow?.isBusinessHours ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                            /* @__PURE__ */ jsxRuntime.jsxs(
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, style: { width: "100%" }, children: [
+                        publishOnApproval && selectedLifecycleStats.unreviewedCount > 0 && publishStrategy === "all" && !unreviewedConsent && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger700", fontWeight: "bold", children: "⚠️ Explicit consent is required before publishing records with unreviewed draft revisions." }),
+                        /* @__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: "secondary",
+                                variant: executionWindow?.isBusinessHours ? "default" : "secondary",
                                 size: "M",
-                                onClick: () => executeBatchWithMode("queue_offpeak"),
+                                onClick: () => executeBatchWithMode("maker_checker"),
                                 loading: updating,
-                                children: [
-                                  "Queue for Off-Peak (",
-                                  executionWindow?.offPeakStartTime || "18:00",
-                                  ")"
-                                ]
+                                disabled: updating || publishOnApproval && selectedLifecycleStats.unreviewedCount > 0 && publishStrategy === "all" && !unreviewedConsent,
+                                children: "Submit for Checker Approval"
                               }
                             ),
-                            /* @__PURE__ */ jsxRuntime.jsx(
+                            executionWindow?.isBusinessHours ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                designSystem.Button,
+                                {
+                                  variant: "secondary",
+                                  size: "M",
+                                  onClick: () => executeBatchWithMode("queue_offpeak"),
+                                  loading: updating,
+                                  disabled: updating || publishOnApproval && selectedLifecycleStats.unreviewedCount > 0 && publishStrategy === "all" && !unreviewedConsent,
+                                  children: [
+                                    "Queue for Off-Peak (",
+                                    executionWindow?.offPeakStartTime || "18:00",
+                                    ")"
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                designSystem.Button,
+                                {
+                                  variant: "danger-light",
+                                  size: "S",
+                                  onClick: () => executeBatchWithMode("immediate", true),
+                                  loading: updating,
+                                  disabled: updating || publishOnApproval && selectedLifecycleStats.unreviewedCount > 0 && publishStrategy === "all" && !unreviewedConsent,
+                                  children: "Force Run Now"
+                                }
+                              )
+                            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
                               designSystem.Button,
                               {
-                                variant: "danger-light",
-                                size: "S",
-                                onClick: () => executeBatchWithMode("immediate", true),
+                                variant: "default",
+                                size: "M",
+                                onClick: () => executeBatchWithMode("immediate"),
                                 loading: updating,
-                                children: "Force Run Now"
+                                disabled: updating || publishOnApproval && selectedLifecycleStats.unreviewedCount > 0 && publishStrategy === "all" && !unreviewedConsent,
+                                children: "Confirm & Execute Now"
                               }
                             )
-                          ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-                            designSystem.Button,
-                            {
-                              variant: "default",
-                              size: "M",
-                              onClick: () => executeBatchWithMode("immediate"),
-                              loading: updating,
-                              children: "Confirm & Execute Now"
-                            }
-                          )
+                          ] })
                         ] })
                       ] })
                     }
@@ -5346,6 +6701,27 @@ const BulkUpdater = () => {
                         gap: 16
                       },
                       children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 3, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: [
+                            "LIFECYCLE STATUS BREAKDOWN (",
+                            totalSelectedCount,
+                            " Selected)"
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                              "✓ Published: ",
+                              selectedLifecycleStats.published
+                            ] }),
+                            selectedLifecycleStats.modified > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                              "📝 Modified (Unreviewed Revisions): ",
+                              selectedLifecycleStats.modified
+                            ] }),
+                            selectedLifecycleStats.draft > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "neutral200", textColor: "neutral800", children: [
+                              "📄 Draft (Never Published): ",
+                              selectedLifecycleStats.draft
+                            ] })
+                          ] })
+                        ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral100", hasRadius: true, style: { border: "1px solid #eaeaef" }, children: [
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: "Collection Breakdown:" }),
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 2, children: collections.filter(
@@ -5384,6 +6760,37 @@ const BulkUpdater = () => {
                             );
                           }) })
                         ] }),
+                        selectedLifecycleStats.unreviewedCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                          designSystem.Box,
+                          {
+                            padding: 4,
+                            background: "danger100",
+                            hasRadius: true,
+                            style: { border: "1px solid #f5c0b8" },
+                            children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                designSystem.Checkbox,
+                                {
+                                  name: "publishConsent",
+                                  checked: publishConsent,
+                                  onCheckedChange: (checked) => setPublishConsent(Boolean(checked))
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { cursor: "pointer" }, onClick: () => setPublishConsent(!publishConsent), children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "danger700", display: "block", children: "Mandatory Risk Consent Required" }),
+                                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "danger700", children: [
+                                  "I understand and explicitly consent that ",
+                                  selectedLifecycleStats.unreviewedCount,
+                                  " record(s) contain unreviewed draft changes (",
+                                  selectedLifecycleStats.draft,
+                                  " Draft, ",
+                                  selectedLifecycleStats.modified,
+                                  " Modified) and will be published live to production visitors."
+                                ] })
+                              ] })
+                            ] })
+                          }
+                        ),
                         executionWindow?.isBusinessHours && /* @__PURE__ */ jsxRuntime.jsxs(
                           designSystem.Box,
                           {
@@ -5428,54 +6835,61 @@ const BulkUpdater = () => {
                         flexShrink: 0,
                         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: () => setShowPublishConfirmModal(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: () => executeBatchPublish("maker_checker"),
-                              loading: publishing,
-                              children: "Submit for Checker Approval"
-                            }
-                          ),
-                          executionWindow?.isBusinessHours ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                            /* @__PURE__ */ jsxRuntime.jsxs(
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, style: { width: "100%" }, children: [
+                        selectedLifecycleStats.unreviewedCount > 0 && !publishConsent && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger700", fontWeight: "bold", children: "⚠️ Please check the mandatory consent box above to confirm publishing unreviewed draft records." }),
+                        /* @__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: () => setShowPublishConfirmModal(false), children: "Cancel" }),
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", justifyContent: "flex-end", alignItems: "center", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
                               designSystem.Button,
                               {
-                                variant: "secondary",
+                                variant: executionWindow?.isBusinessHours ? "default" : "secondary",
                                 size: "M",
-                                onClick: () => executeBatchPublish("queue_offpeak"),
+                                onClick: () => executeBatchPublish("maker_checker"),
                                 loading: publishing,
-                                children: [
-                                  "Queue for Off-Peak (",
-                                  executionWindow?.offPeakStartTime || "18:00",
-                                  ")"
-                                ]
+                                disabled: publishing || selectedLifecycleStats.unreviewedCount > 0 && !publishConsent,
+                                children: "Submit for Checker Approval"
                               }
                             ),
-                            /* @__PURE__ */ jsxRuntime.jsx(
+                            executionWindow?.isBusinessHours ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                designSystem.Button,
+                                {
+                                  variant: "secondary",
+                                  size: "M",
+                                  onClick: () => executeBatchPublish("queue_offpeak"),
+                                  loading: publishing,
+                                  disabled: publishing || selectedLifecycleStats.unreviewedCount > 0 && !publishConsent,
+                                  children: [
+                                    "Queue for Off-Peak (",
+                                    executionWindow?.offPeakStartTime || "18:00",
+                                    ")"
+                                  ]
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                designSystem.Button,
+                                {
+                                  variant: "danger-light",
+                                  size: "S",
+                                  onClick: () => executeBatchPublish("immediate", true),
+                                  loading: publishing,
+                                  disabled: publishing || selectedLifecycleStats.unreviewedCount > 0 && !publishConsent,
+                                  children: "Force Publish Now"
+                                }
+                              )
+                            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
                               designSystem.Button,
                               {
-                                variant: "danger-light",
-                                size: "S",
-                                onClick: () => executeBatchPublish("immediate", true),
+                                variant: "default",
+                                size: "M",
+                                onClick: () => executeBatchPublish("immediate"),
                                 loading: publishing,
-                                children: "Force Publish Now"
+                                disabled: publishing || selectedLifecycleStats.unreviewedCount > 0 && !publishConsent,
+                                children: "Confirm & Publish Now"
                               }
                             )
-                          ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-                            designSystem.Button,
-                            {
-                              variant: "default",
-                              size: "M",
-                              onClick: () => executeBatchPublish("immediate"),
-                              loading: publishing,
-                              children: "Confirm & Publish Now"
-                            }
-                          )
+                          ] })
                         ] })
                       ] })
                     }
@@ -5498,6 +6912,7 @@ const BulkUpdater = () => {
             previewData,
             attribute: selectedAttribute,
             publishOnApproval,
+            lifecycleStats: selectedLifecycleStats,
             targetValueDisplay: relationsMeta[selectedAttribute] ? selectedRelationDocId === "__clear__" ? "Clear / Unlink Relation" : relationOptions.find((o) => o.documentId === selectedRelationDocId)?.label || selectedRelationDocId || "(none)" : useRegex ? `Replace /${regexPattern}/g with "${attributeValue}"` : attributeValue
           }
         ),
@@ -5518,9 +6933,12 @@ const BulkUpdater = () => {
 exports.default = BulkUpdater;
 exports.formatComponentName = formatComponentName;
 exports.formatDisplayValue = formatDisplayValue;
+exports.getActiveSortLabel = getActiveSortLabel;
 exports.getAllNestedValues = getAllNestedValues;
 exports.getAvailableColumnsForCollection = getAvailableColumnsForCollection;
 exports.getEntryLifecycleStatus = getEntryLifecycleStatus;
 exports.getNestedValue = getNestedValue;
+exports.getPropertyValue = getPropertyValue;
+exports.getSortOptionsForCollection = getSortOptionsForCollection;
 exports.parseDynamicZonePath = parseDynamicZonePath;
-//# sourceMappingURL=BulkUpdater-mSvmiLwc.js.map
+//# sourceMappingURL=BulkUpdater-C0uPoso2.js.map