strapi-plugin-bulk-updater 1.0.0

package/dist/_chunks/BulkUpdater-R78pX-om.mjs

@@ -0,0 +1,2272 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React, { useState, useEffect } from "react";
+import { useFetchClient, useNotification } from "@strapi/strapi/admin";
+import { Box, Flex, Typography, Badge, Button, SingleSelect, SingleSelectOption, TextInput, Checkbox, Table, Thead, Tr, Tbody, Td, Alert, Th } from "@strapi/design-system";
+import { ArrowClockwise, Play } from "@strapi/icons";
+function getAvailableColumnsForCollection(col, selectedAttribute) {
+  const cols = [
+    {
+      key: "select",
+      label: "Select",
+      isPermanent: true,
+      defaultVisible: true
+    },
+    {
+      key: "identifier",
+      label: "Identifier",
+      sortable: !col.isSingleType,
+      defaultVisible: true
+    }
+  ];
+  const candidateAttrs = col.attributes || [];
+  candidateAttrs.forEach((attr) => {
+    if (attr === "name" || attr === "title" || attr === selectedAttribute) {
+      return;
+    }
+    const formattedLabel = attr.charAt(0).toUpperCase() + attr.slice(1);
+    cols.push({
+      key: `attr_${attr}`,
+      label: formattedLabel,
+      sortable: !col.isSingleType,
+      defaultVisible: ["department", "email", "location"].includes(attr)
+    });
+  });
+  cols.push({
+    key: "target_attr",
+    label: `Current "${selectedAttribute}"`,
+    sortable: !col.isSingleType && col.attributes.includes(selectedAttribute),
+    defaultVisible: true
+  });
+  cols.push({
+    key: "status",
+    label: "Status",
+    sortable: false,
+    defaultVisible: true
+  });
+  return cols;
+}
+function renderHeaderCell(colDef, col, currentSort, selectedAttribute, onSort) {
+  if (colDef.key === "select") {
+    return /* @__PURE__ */ jsx(Th, { style: { width: 48 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Select" }) }, "select");
+  }
+  const isCurrentSorted = colDef.key === "identifier" && (currentSort.field === "name" || currentSort.field === "title") || colDef.key === "target_attr" && currentSort.field === selectedAttribute || colDef.key.startsWith("attr_") && currentSort.field === colDef.key.replace("attr_", "");
+  const sortArrow = isCurrentSorted ? currentSort.order === "asc" ? "▲" : "▼" : "⇅";
+  const handleClick = () => {
+    if (!colDef.sortable) return;
+    if (colDef.key === "identifier") {
+      const field = col.attributes.includes("name") ? "name" : col.attributes.includes("title") ? "title" : "createdAt";
+      onSort(col.uid, field);
+    } else if (colDef.key === "target_attr") {
+      onSort(col.uid, selectedAttribute);
+    } else if (colDef.key.startsWith("attr_")) {
+      onSort(col.uid, colDef.key.replace("attr_", ""));
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Th,
+    {
+      style: { cursor: colDef.sortable ? "pointer" : "default", userSelect: "none" },
+      onClick: handleClick,
+      children: /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: colDef.label }),
+        colDef.sortable && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: sortArrow })
+      ] })
+    },
+    colDef.key
+  );
+}
+function formatDisplayValue(val) {
+  if (val === void 0 || val === null || val === "") {
+    return "(empty / not set)";
+  }
+  if (Array.isArray(val)) {
+    if (val.length === 0) return "(empty / unlinked)";
+    return val.map(
+      (item) => typeof item === "object" && item !== null ? item.name || item.title || item.email || item.username || item.documentId || item.id : String(item)
+    ).join(", ");
+  }
+  if (typeof val === "object" && val !== null) {
+    if (val.isRelation && val.display) return val.display;
+    return val.name || val.title || val.email || val.username || val.documentId || val.id || JSON.stringify(val);
+  }
+  return String(val);
+}
+function renderCellContent(colDef, entry, col, selectedAttribute, isMatch, hasAttr, isSelected, onToggleSelect) {
+  switch (colDef.key) {
+    case "select":
+      return /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: isSelected,
+          onCheckedChange: onToggleSelect
+        }
+      );
+    case "identifier": {
+      const mainText = entry.name || entry.title || `Entry #${entry.id || entry.documentId}`;
+      return /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: mainText }),
+        entry.email && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", children: entry.email })
+      ] });
+    }
+    case "target_attr": {
+      const val = entry[selectedAttribute];
+      const displayStr = formatDisplayValue(val);
+      const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
+      return /* @__PURE__ */ jsx(
+        Typography,
+        {
+          textColor: isUnset ? "neutral500" : "neutral800",
+          style: {
+            fontStyle: isUnset ? "italic" : "normal",
+            display: "inline-block",
+            maxWidth: 260,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          },
+          children: displayStr
+        }
+      );
+    }
+    case "status": {
+      if (!hasAttr) {
+        return /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral200", textColor: "neutral600", children: "Ignored" });
+      }
+      return /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "Supported" }),
+        isMatch && /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "Matches Filter" })
+      ] });
+    }
+    default: {
+      const attrName = colDef.key.replace("attr_", "");
+      const rawVal = entry[attrName];
+      const displayStr = formatDisplayValue(rawVal);
+      return /* @__PURE__ */ jsx(
+        Typography,
+        {
+          textColor: "neutral700",
+          style: { maxWidth: 200, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+          children: displayStr === "(empty / not set)" ? "-" : displayStr
+        }
+      );
+    }
+  }
+}
+const BulkUpdater = () => {
+  const { get, post } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const getInitialTab = () => {
+    try {
+      const params = new URLSearchParams(window.location.search);
+      const t = params.get("tab");
+      if (t === "audit" || t === "editor") return t;
+    } catch {
+    }
+    return "editor";
+  };
+  const [activeTab, setActiveTabState] = useState(getInitialTab);
+  const setActiveTab = (tab) => {
+    setActiveTabState(tab);
+    try {
+      const url = new URL(window.location.href);
+      url.searchParams.set("tab", tab);
+      window.history.replaceState({}, "", url.toString());
+    } catch {
+    }
+  };
+  const [loading, setLoading] = useState(true);
+  const [updating, setUpdating] = useState(false);
+  const [attributes, setAttributes] = useState([]);
+  const [collections, setCollections] = useState([]);
+  const [license, setLicense] = useState(null);
+  const [auditEnabled, setAuditEnabled] = useState(false);
+  const [executionWindow, setExecutionWindow] = useState(null);
+  const [showConfirmModal, setShowConfirmModal] = useState(false);
+  const [pendingBatches, setPendingBatches] = useState([]);
+  const [pendingBatchesLoading, setPendingBatchesLoading] = useState(false);
+  const [approvingBatchId, setApprovingBatchId] = useState(null);
+  const [rejectingBatchId, setRejectingBatchId] = useState(null);
+  const [executingNowBatchId, setExecutingNowBatchId] = useState(null);
+  const [makerNotesInput, setMakerNotesInput] = useState("");
+  const [publishOnApproval, setPublishOnApproval] = useState(true);
+  const [selectedAttribute, setSelectedAttribute] = useState("metaDescription");
+  const [attributeValue, setAttributeValue] = useState("");
+  const [selectedEntries, setSelectedEntries] = useState({});
+  const [relationsMeta, setRelationsMeta] = useState({});
+  const [relationOptions, setRelationOptions] = useState([]);
+  const [relationOptionsLoading, setRelationOptionsLoading] = useState(false);
+  const [selectedRelationDocId, setSelectedRelationDocId] = useState("");
+  const [relationMode, setRelationMode] = useState("set");
+  const fetchRelationOptions = async (targetUid) => {
+    try {
+      setRelationOptionsLoading(true);
+      const res = await get(`/bulk-updater/relation-options?targetUid=${encodeURIComponent(targetUid)}`);
+      if (res.data && res.data.success) {
+        setRelationOptions(res.data.options || []);
+      }
+    } catch {
+      setRelationOptions([]);
+    } finally {
+      setRelationOptionsLoading(false);
+    }
+  };
+  const [useRegex, setUseRegex] = useState(false);
+  const [regexPattern, setRegexPattern] = useState("");
+  const [filterOperator, setFilterOperator] = useState("none");
+  const [filterQuery, setFilterQuery] = useState("");
+  const [hideNonMatching, setHideNonMatching] = useState(false);
+  const [lastResults, setLastResults] = useState(null);
+  const [updateSummary, setUpdateSummary] = useState(null);
+  const [collectionPages, setCollectionPages] = useState({});
+  const [collectionSearch, setCollectionSearch] = useState("");
+  const [visibleTypeUids, setVisibleTypeUids] = useState({});
+  const [defaultPageSize, setDefaultPageSize] = useState(10);
+  const [collectionSorts, setCollectionSorts] = useState({});
+  const [collectionColumnVisibility, setCollectionColumnVisibility] = useState({});
+  const [openColumnPickerUid, setOpenColumnPickerUid] = useState(null);
+  const toggleColumn = (colUid, colKey, availableCols) => {
+    setCollectionColumnVisibility((prev) => {
+      const current = prev[colUid] || availableCols.filter((c) => c.defaultVisible).map((c) => c.key);
+      let next;
+      if (current.includes(colKey)) {
+        const remaining = current.filter((k) => k !== colKey);
+        if (remaining.filter((k) => k !== "select").length === 0) {
+          return prev;
+        }
+        next = remaining;
+      } else {
+        next = [...current, colKey];
+      }
+      return { ...prev, [colUid]: next };
+    });
+  };
+  const showAllColumns = (colUid, availableCols) => {
+    setCollectionColumnVisibility((prev) => ({
+      ...prev,
+      [colUid]: availableCols.map((c) => c.key)
+    }));
+  };
+  const resetDefaultColumns = (colUid, availableCols) => {
+    setCollectionColumnVisibility((prev) => ({
+      ...prev,
+      [colUid]: availableCols.filter((c) => c.defaultVisible).map((c) => c.key)
+    }));
+  };
+  const [auditHistory, setAuditHistory] = useState([]);
+  const [auditLoading, setAuditLoading] = useState(false);
+  const [rollingBackBatchId, setRollingBackBatchId] = useState(null);
+  const [expandedDiffBatchId, setExpandedDiffBatchId] = useState(null);
+  const [auditNotice, setAuditNotice] = useState(null);
+  const latestActiveBatch = auditHistory.find((rec) => !rec.isRolledBack);
+  const fetchModels = async () => {
+    try {
+      setLoading(true);
+      const res = await get("/bulk-updater/models");
+      if (res.data && res.data.success) {
+        setAttributes(res.data.attributes || []);
+        const cols = res.data.collections || [];
+        setCollections(cols);
+        setLicense(res.data.license || null);
+        setAuditEnabled(Boolean(res.data.auditEnabled));
+        if (res.data.executionWindow) {
+          setExecutionWindow(res.data.executionWindow);
+        }
+        const pages = {};
+        const initialVisibility = {};
+        const initialSorts = {};
+        cols.forEach((col) => {
+          const total = col.totalEntries !== void 0 ? col.totalEntries : col.entries ? col.entries.length : 0;
+          const initialPageSize = col.isSingleType ? 1 : 10;
+          pages[col.uid] = {
+            page: 1,
+            pageSize: initialPageSize,
+            total,
+            pageCount: col.isSingleType ? 1 : Math.ceil(total / initialPageSize) || 1,
+            entries: (col.entries || []).slice(0, initialPageSize),
+            loading: false
+          };
+          initialVisibility[col.uid] = true;
+          initialSorts[col.uid] = { field: "createdAt", order: "desc" };
+        });
+        setCollectionPages(pages);
+        setVisibleTypeUids(initialVisibility);
+        setCollectionSorts(initialSorts);
+        if (res.data.relationsMeta) {
+          setRelationsMeta(res.data.relationsMeta);
+        }
+        const activeAttr = selectedAttribute || res.data.attributes && res.data.attributes[0];
+        if (!selectedAttribute && activeAttr) {
+          setSelectedAttribute(activeAttr);
+        }
+        if (activeAttr && res.data.relationsMeta && res.data.relationsMeta[activeAttr]) {
+          fetchRelationOptions(res.data.relationsMeta[activeAttr].targetUid);
+        }
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.message || "Failed to load collections data"
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const loadCollectionPage = async (colUid, targetPage, customPageSize, customSortField, customSortOrder) => {
+    const currentPageState = collectionPages[colUid];
+    const size = customPageSize || currentPageState?.pageSize || defaultPageSize;
+    const currentSort = collectionSorts[colUid] || { field: "createdAt", order: "desc" };
+    const sortField = customSortField !== void 0 ? customSortField : currentSort.field;
+    const sortOrder = customSortOrder !== void 0 ? customSortOrder : currentSort.order;
+    setCollectionPages((prev) => ({
+      ...prev,
+      [colUid]: {
+        ...prev[colUid] || { page: 1, pageSize: size, total: 0, pageCount: 1, entries: [] },
+        loading: true
+      }
+    }));
+    try {
+      const params = new URLSearchParams({
+        page: String(targetPage),
+        pageSize: String(size)
+      });
+      if (selectedAttribute) params.set("attribute", selectedAttribute);
+      if (filterOperator && filterOperator !== "none") {
+        params.set("filterOperator", filterOperator);
+        if (filterQuery) params.set("filterQuery", filterQuery);
+      }
+      if (sortField) {
+        params.set("sortField", sortField);
+        params.set("sortOrder", sortOrder);
+      }
+      const res = await get(`/bulk-updater/collections/${colUid}/entries?${params.toString()}`);
+      if (res.data && res.data.success) {
+        setCollectionPages((prev) => ({
+          ...prev,
+          [colUid]: {
+            page: res.data.pagination.page,
+            pageSize: res.data.pagination.pageSize,
+            total: res.data.pagination.total,
+            pageCount: res.data.pagination.pageCount,
+            entries: res.data.entries || [],
+            loading: false
+          }
+        }));
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: `Failed to load entries for ${colUid}: ${err.message}`
+      });
+      setCollectionPages((prev) => ({
+        ...prev,
+        [colUid]: {
+          ...prev[colUid] || {},
+          loading: false
+        }
+      }));
+    }
+  };
+  const fetchAuditHistory = async () => {
+    try {
+      setAuditLoading(true);
+      const res = await get("/bulk-updater/audit/history");
+      if (res.data) {
+        if (res.data.enabled) {
+          setAuditHistory(res.data.history || []);
+          setAuditNotice(null);
+        } else {
+          setAuditHistory([]);
+          setAuditNotice(res.data.message || "Audit trail is not configured.");
+        }
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.message || "Failed to fetch audit history."
+      });
+    } finally {
+      setAuditLoading(false);
+    }
+  };
+  const fetchPendingBatches = async () => {
+    try {
+      setPendingBatchesLoading(true);
+      const res = await get("/bulk-updater/pending-batches");
+      if (res.data && res.data.success) {
+        setPendingBatches(res.data.batches || []);
+        if (res.data.executionWindow) {
+          setExecutionWindow(res.data.executionWindow);
+        }
+      }
+    } catch {
+    } finally {
+      setPendingBatchesLoading(false);
+    }
+  };
+  useEffect(() => {
+    fetchModels();
+    fetchAuditHistory();
+    fetchPendingBatches();
+  }, []);
+  useEffect(() => {
+    if (activeTab === "audit") {
+      fetchAuditHistory();
+      fetchPendingBatches();
+    }
+  }, [activeTab]);
+  const KEY_SEP = "@@@";
+  const handleAttributeChange = (newAttr) => {
+    if (newAttr !== selectedAttribute) {
+      setSelectedAttribute(newAttr);
+      setSelectedEntries({});
+      setFilterOperator("none");
+      setFilterQuery("");
+      setHideNonMatching(false);
+      setSelectedRelationDocId("");
+      setAttributeValue("");
+      if (relationsMeta[newAttr]) {
+        fetchRelationOptions(relationsMeta[newAttr].targetUid);
+      } else {
+        setRelationOptions([]);
+      }
+      collections.forEach((col) => {
+        loadCollectionPage(col.uid, 1);
+      });
+    }
+  };
+  const filteredCollections = collections.filter(
+    (c) => visibleTypeUids[c.uid] !== false && (!collectionSearch.trim() || c.displayName.toLowerCase().includes(collectionSearch.toLowerCase().trim()) || c.uid.toLowerCase().includes(collectionSearch.toLowerCase().trim()))
+  );
+  const handleGlobalPageSizeChange = (newSize) => {
+    const capped = Math.min(100, Math.max(1, newSize));
+    setDefaultPageSize(capped);
+    collections.forEach((col) => {
+      if (!col.isSingleType) {
+        loadCollectionPage(col.uid, 1, capped);
+      }
+    });
+  };
+  const handleCollectionPageSizeChange = (colUid, newSize) => {
+    const capped = Math.min(100, Math.max(1, newSize));
+    loadCollectionPage(colUid, 1, capped);
+  };
+  const handleCollectionSortChange = (colUid, field, order) => {
+    setCollectionSorts((prev) => ({
+      ...prev,
+      [colUid]: { field, order }
+    }));
+    loadCollectionPage(colUid, 1, void 0, field, order);
+  };
+  const handleHeaderSortClick = (colUid, field) => {
+    const current = collectionSorts[colUid] || { field: "createdAt", order: "desc" };
+    const nextOrder = current.field === field && current.order === "asc" ? "desc" : "asc";
+    handleCollectionSortChange(colUid, field, nextOrder);
+  };
+  const toggleEntry = (uid, documentId) => {
+    const key = `${uid}${KEY_SEP}${documentId}`;
+    setSelectedEntries((prev) => ({
+      ...prev,
+      [key]: !prev[key]
+    }));
+  };
+  const entryMatchesFilter = (entry, attr) => {
+    if (filterOperator === "none") return true;
+    const val = entry[attr];
+    const displayStr = formatDisplayValue(val);
+    const isValEmpty = val === void 0 || val === null || displayStr.trim() === "" || displayStr.trim().toLowerCase() === "(not set)" || displayStr.trim().toLowerCase() === "(empty / not set)" || displayStr.trim().toLowerCase() === "(empty / unlinked)";
+    switch (filterOperator) {
+      case "empty":
+        return isValEmpty;
+      case "not_empty":
+        return !isValEmpty;
+      case "equals":
+        return !isValEmpty && displayStr.trim().toLowerCase() === filterQuery.trim().toLowerCase();
+      case "contains":
+        return !isValEmpty && displayStr.toLowerCase().includes(filterQuery.trim().toLowerCase());
+      case "starts_with":
+        return !isValEmpty && displayStr.trim().toLowerCase().startsWith(filterQuery.trim().toLowerCase());
+      default:
+        return true;
+    }
+  };
+  const getVisibleEntries = (col) => {
+    const pageState = collectionPages[col.uid];
+    const entries = pageState ? pageState.entries : col.entries || [];
+    if (!hideNonMatching || filterOperator === "none") {
+      return entries;
+    }
+    return entries.filter((e) => entryMatchesFilter(e, selectedAttribute));
+  };
+  const matchingEntriesCount = React.useMemo(() => {
+    if (filterOperator === "none") return 0;
+    let count = 0;
+    filteredCollections.forEach((col) => {
+      if (col.attributes.includes(selectedAttribute)) {
+        const pageState = collectionPages[col.uid];
+        const entries = pageState ? pageState.entries : col.entries || [];
+        entries.forEach((entry) => {
+          if (entryMatchesFilter(entry, selectedAttribute)) {
+            count++;
+          }
+        });
+      }
+    });
+    return count;
+  }, [filteredCollections, collectionPages, selectedAttribute, filterOperator, filterQuery]);
+  const selectAllMatching = () => {
+    const updated = { ...selectedEntries };
+    filteredCollections.forEach((col) => {
+      if (col.attributes.includes(selectedAttribute)) {
+        const pageState = collectionPages[col.uid];
+        const entries = pageState ? pageState.entries : col.entries || [];
+        entries.forEach((e) => {
+          if (entryMatchesFilter(e, selectedAttribute)) {
+            updated[`${col.uid}${KEY_SEP}${e.documentId}`] = true;
+          }
+        });
+      }
+    });
+    setSelectedEntries(updated);
+  };
+  const deselectAllMatching = () => {
+    const updated = { ...selectedEntries };
+    filteredCollections.forEach((col) => {
+      if (col.attributes.includes(selectedAttribute)) {
+        const pageState = collectionPages[col.uid];
+        const entries = pageState ? pageState.entries : col.entries || [];
+        entries.forEach((e) => {
+          if (entryMatchesFilter(e, selectedAttribute)) {
+            delete updated[`${col.uid}${KEY_SEP}${e.documentId}`];
+          }
+        });
+      }
+    });
+    setSelectedEntries(updated);
+  };
+  const clearFilter = () => {
+    setFilterOperator("none");
+    setFilterQuery("");
+    setHideNonMatching(false);
+    collections.forEach((col) => {
+      loadCollectionPage(col.uid, 1);
+    });
+  };
+  const isCollectionFullySelected = (col) => {
+    const entries = getVisibleEntries(col);
+    if (!entries.length) return false;
+    return entries.every((e) => selectedEntries[`${col.uid}${KEY_SEP}${e.documentId}`]);
+  };
+  const isCollectionPartiallySelected = (col) => {
+    const entries = getVisibleEntries(col);
+    if (!entries.length) return false;
+    const selectedCount = entries.filter(
+      (e) => selectedEntries[`${col.uid}${KEY_SEP}${e.documentId}`]
+    ).length;
+    return selectedCount > 0 && selectedCount < entries.length;
+  };
+  const toggleCollection = (col) => {
+    const entries = getVisibleEntries(col);
+    const willSelectAll = !isCollectionFullySelected(col);
+    const updated = { ...selectedEntries };
+    entries.forEach((e) => {
+      const key = `${col.uid}${KEY_SEP}${e.documentId}`;
+      if (willSelectAll) {
+        updated[key] = true;
+      } else {
+        delete updated[key];
+      }
+    });
+    setSelectedEntries(updated);
+  };
+  const selectAll = () => {
+    const updated = { ...selectedEntries };
+    filteredCollections.forEach((col) => {
+      const entries = getVisibleEntries(col);
+      entries.forEach((e) => {
+        updated[`${col.uid}${KEY_SEP}${e.documentId}`] = true;
+      });
+    });
+    setSelectedEntries(updated);
+  };
+  const deselectAll = () => {
+    setSelectedEntries({});
+  };
+  const getSelectedBreakdown = () => {
+    const breakdown = {};
+    Object.keys(selectedEntries).forEach((key) => {
+      if (selectedEntries[key]) {
+        const parts = key.split(KEY_SEP);
+        if (parts.length === 2) {
+          const uid = parts[0];
+          const col = collections.find((c) => c.uid === uid);
+          const name = col?.displayName || uid;
+          breakdown[name] = (breakdown[name] || 0) + 1;
+        }
+      }
+    });
+    return breakdown;
+  };
+  const handleOpenConfirmModal = () => {
+    if (!selectedAttribute) {
+      toggleNotification({
+        type: "warning",
+        message: "Please select an attribute from the dropdown"
+      });
+      return;
+    }
+    if (useRegex && !license?.isPro) {
+      toggleNotification({
+        type: "warning",
+        message: "Regex replacement is a Pro feature. Please activate your license in Settings."
+      });
+      return;
+    }
+    const totalSelected = Object.values(selectedEntries).filter(Boolean).length;
+    if (totalSelected === 0) {
+      toggleNotification({
+        type: "warning",
+        message: "Please select at least one collection type or entry to update"
+      });
+      return;
+    }
+    setShowConfirmModal(true);
+  };
+  const executeBatchWithMode = async (executionMode, forceImmediate = false) => {
+    const targets = [];
+    Object.keys(selectedEntries).forEach((key) => {
+      if (selectedEntries[key]) {
+        const parts = key.split(KEY_SEP);
+        if (parts.length === 2) {
+          targets.push({ uid: parts[0], documentId: parts[1] });
+        }
+      }
+    });
+    try {
+      setUpdating(true);
+      setShowConfirmModal(false);
+      setLastResults(null);
+      const payload = {
+        attribute: selectedAttribute,
+        value: attributeValue,
+        selectedEntries: targets,
+        isRegex: useRegex,
+        regexPattern,
+        executionMode,
+        makerNotes: makerNotesInput,
+        forceImmediate,
+        publishOnApproval
+      };
+      const res = await post("/bulk-updater/batch-update", payload);
+      if (res.data && res.data.success) {
+        if (res.data.pending) {
+          toggleNotification({
+            type: "success",
+            message: res.data.message || "Batch submitted successfully."
+          });
+          await fetchPendingBatches();
+          setActiveTab("audit");
+        } else {
+          setLastResults(res.data.results || []);
+          setUpdateSummary({
+            updatedCount: res.data.updatedCount || 0,
+            skippedCount: res.data.skippedCount || 0,
+            batchId: res.data.batchId
+          });
+          toggleNotification({
+            type: "success",
+            message: `Bulk update complete! Batch ID: ${res.data.batchId}. Updated: ${res.data.updatedCount}, Skipped: ${res.data.skippedCount}`
+          });
+          await fetchModels();
+        }
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: res.data?.error || "Batch update encountered an error"
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.response?.data?.error || err.message || "Batch update failed"
+      });
+    } finally {
+      setUpdating(false);
+      setMakerNotesInput("");
+    }
+  };
+  const handleApproveBatch = async (batchId) => {
+    try {
+      setApprovingBatchId(batchId);
+      const res = await post(`/bulk-updater/batches/${batchId}/approve`, { executeImmediately: true });
+      if (res.data && res.data.success) {
+        toggleNotification({
+          type: "success",
+          message: res.data.message || `Batch ${batchId} approved and executed successfully!`
+        });
+        await fetchPendingBatches();
+        await fetchAuditHistory();
+        await fetchModels();
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: res.data?.error || "Failed to approve batch"
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.response?.data?.error || err.message || "Failed to approve batch"
+      });
+    } finally {
+      setApprovingBatchId(null);
+    }
+  };
+  const handleRejectBatch = async (batchId) => {
+    const reason = window.prompt("Enter reason for rejection:", "Does not meet release criteria") || "Rejected by Checker";
+    try {
+      setRejectingBatchId(batchId);
+      const res = await post(`/bulk-updater/batches/${batchId}/reject`, { reason });
+      if (res.data && res.data.success) {
+        toggleNotification({
+          type: "info",
+          message: `Batch ${batchId} rejected: ${reason}`
+        });
+        await fetchPendingBatches();
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: res.data?.error || "Failed to reject batch"
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.response?.data?.error || err.message || "Failed to reject batch"
+      });
+    } finally {
+      setRejectingBatchId(null);
+    }
+  };
+  const handleExecuteNow = async (batchId) => {
+    try {
+      setExecutingNowBatchId(batchId);
+      const res = await post(`/bulk-updater/batches/${batchId}/execute-now`);
+      if (res.data && res.data.success) {
+        toggleNotification({
+          type: "success",
+          message: `Batch ${batchId} executed immediately!`
+        });
+        await fetchPendingBatches();
+        await fetchAuditHistory();
+        await fetchModels();
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: res.data?.error || "Failed to execute batch"
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.response?.data?.error || err.message || "Failed to execute batch"
+      });
+    } finally {
+      setExecutingNowBatchId(null);
+    }
+  };
+  const handleRollback = async (batchId) => {
+    if (!window.confirm(`Are you sure you want to roll back all changes made in batch "${batchId}"?`)) {
+      return;
+    }
+    try {
+      setRollingBackBatchId(batchId);
+      const res = await post(`/bulk-updater/audit/${batchId}/rollback`);
+      if (res.data && res.data.success) {
+        toggleNotification({
+          type: "success",
+          message: `Batch "${batchId}" rolled back successfully! Reverted ${res.data.revertedCount} entries.`
+        });
+        await fetchAuditHistory();
+        await fetchModels();
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: res.data?.error || "Rollback failed."
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.response?.data?.error || err.message || "Rollback encountered an error."
+      });
+    } finally {
+      setRollingBackBatchId(null);
+    }
+  };
+  const totalSelectedCount = Object.values(selectedEntries).filter(Boolean).length;
+  const rootRef = React.useRef(null);
+  useEffect(() => {
+    if (rootRef.current && rootRef.current.parentElement) {
+      rootRef.current.parentElement.style.minWidth = "0";
+      rootRef.current.parentElement.style.maxWidth = "100%";
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: rootRef,
+      className: "bulk-updater-root",
+      padding: 8,
+      background: "neutral100",
+      style: { width: "100%", maxWidth: "100%", minWidth: 0, boxSizing: "border-box" },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: `
+        /* Prevent page-level horizontal overflow under any circumstance */
+        html, body {
+          overflow-x: hidden !important;
+          max-width: 100vw !important;
+        }
+        div:has(> .bulk-updater-root) {
+          min-width: 0 !important;
+          max-width: 100% !important;
+          width: 100% !important;
+          flex: 1 1 0% !important;
+          overflow-x: clip !important;
+        }
+        .bulk-updater-root {
+          min-width: 0 !important;
+          max-width: 100% !important;
+          width: 100% !important;
+          box-sizing: border-box !important;
+          overflow-x: clip !important;
+        }
+        /* All tables stretch to take the full available container space */
+        .bulk-updater-root table {
+          width: 100% !important;
+          min-width: 0 !important;
+        }
+        .bulk-updater-root div:has(> table) {
+          width: 100% !important;
+          max-width: 100% !important;
+          min-width: 0 !important;
+        }
+        /* Table scroll container keeps horizontal scroll strictly at the table level */
+        .bulk-updater-table-container {
+          width: 100% !important;
+          max-width: 100% !important;
+          min-width: 0 !important;
+          overflow-x: auto !important;
+          -webkit-overflow-scrolling: touch;
+        }
+        .bulk-updater-table-container::-webkit-scrollbar {
+          height: 8px;
+        }
+        .bulk-updater-table-container::-webkit-scrollbar-track {
+          background: rgba(120, 120, 150, 0.1);
+          border-radius: 4px;
+        }
+        .bulk-updater-table-container::-webkit-scrollbar-thumb {
+          background: rgba(120, 120, 150, 0.4);
+          border-radius: 4px;
+        }
+        .bulk-updater-table-container::-webkit-scrollbar-thumb:hover {
+          background: rgba(120, 120, 150, 0.7);
+        }
+      ` }),
+        /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "flex-start", gap: 2, marginBottom: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", width: "100%", children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", fontWeight: "bold", children: "Bulk Attribute Updater" }),
+              /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  backgroundColor: license?.isPro ? "success100" : "neutral200",
+                  textColor: license?.isPro ? "success700" : "neutral700",
+                  children: license?.isPro ? `${license.tier.toUpperCase()} EDITION` : "COMMUNITY EDITION"
+                }
+              ),
+              auditEnabled && /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "AUDIT & ROLLBACK ACTIVE" })
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "Cross-collection batch attribute management with declarative audit trail and one-click rollback." })
+          ] }),
+          /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+              variant: "tertiary",
+              onClick: activeTab === "editor" ? fetchModels : fetchAuditHistory,
+              loading: loading || auditLoading,
+              children: "Refresh"
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, marginBottom: 4, wrap: "wrap", justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: activeTab === "editor" ? "default" : "tertiary",
+                onClick: () => setActiveTab("editor"),
+                size: "M",
+                children: "Bulk Updater Workspace"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: activeTab === "audit" ? "default" : "tertiary",
+                onClick: () => setActiveTab("audit"),
+                size: "M",
+                children: [
+                  "Audit Trail & Approvals",
+                  pendingBatches.filter((b) => b.status === "pending_approval" || b.status === "queued_offpeak").length > 0 ? /* @__PURE__ */ jsxs(Badge, { backgroundColor: "warning100", textColor: "warning700", style: { marginLeft: 8 }, children: [
+                    pendingBatches.filter((b) => b.status === "pending_approval" || b.status === "queued_offpeak").length,
+                    " PENDING"
+                  ] }) : auditHistory.length > 0 ? ` (${auditHistory.length})` : ""
+                ]
+              }
+            )
+          ] }),
+          executionWindow && /* @__PURE__ */ jsx(Flex, { gap: 2, alignItems: "center", children: /* @__PURE__ */ jsx(
+            Badge,
+            {
+              backgroundColor: executionWindow.isBusinessHours ? "warning100" : "success100",
+              textColor: executionWindow.isBusinessHours ? "warning700" : "success700",
+              children: executionWindow.isBusinessHours ? `PEAK HOURS (${executionWindow.businessHours?.start} - ${executionWindow.businessHours?.end} ${executionWindow.timeZone || ""}) • OFF-PEAK QUEUE ACTIVE` : `OFF-PEAK WINDOW ACTIVE (${executionWindow.timeZone || ""}) • DIRECT EXECUTION PERMITTED`
+            }
+          ) })
+        ] }),
+        activeTab === "editor" && latestActiveBatch && !updateSummary && /* @__PURE__ */ jsx(
+          Box,
+          {
+            padding: 3,
+            paddingLeft: 4,
+            paddingRight: 4,
+            background: "neutral0",
+            shadow: "filterShadow",
+            hasRadius: true,
+            marginBottom: 4,
+            style: { borderLeft: "4px solid #4945ff" },
+            children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, children: [
+              /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "ACTIVE BATCH" }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral700", children: [
+                  /* @__PURE__ */ jsx("code", { children: latestActiveBatch.batchId }),
+                  " (",
+                  latestActiveBatch.recordCount,
+                  " entries updated by ",
+                  latestActiveBatch.userEmail,
+                  ")"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "danger-light",
+                    size: "S",
+                    startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+                    onClick: () => handleRollback(latestActiveBatch.batchId),
+                    loading: rollingBackBatchId === latestActiveBatch.batchId,
+                    children: "Rollback This Batch"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    onClick: () => setActiveTab("audit"),
+                    children: "View Rollback History →"
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        activeTab === "editor" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              padding: 6,
+              background: "neutral0",
+              shadow: "filterShadow",
+              hasRadius: true,
+              marginBottom: 6,
+              style: { width: "100%", maxWidth: "100%", minWidth: 0, boxSizing: "border-box" },
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", marginBottom: 4, fontWeight: "semiBold", children: "1. Configure Attribute Update" }),
+                /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
+                  /* @__PURE__ */ jsx(Box, { style: { minWidth: 260 }, children: /* @__PURE__ */ jsx(
+                    SingleSelect,
+                    {
+                      label: "Attribute to Update",
+                      placeholder: "Select an attribute...",
+                      value: selectedAttribute,
+                      onChange: (val) => handleAttributeChange(String(val)),
+                      children: attributes.map((attr) => {
+                        const rel = relationsMeta[attr];
+                        return /* @__PURE__ */ jsxs(SingleSelectOption, { value: attr, children: [
+                          attr,
+                          " ",
+                          rel ? `(relation ➔ ${rel.targetDisplayName})` : ""
+                        ] }, attr);
+                      })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 340 }, children: relationsMeta[selectedAttribute] ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, style: { width: "100%" }, children: [
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral700", children: [
+                        "Target ",
+                        relationsMeta[selectedAttribute].targetDisplayName,
+                        " Relation:"
+                      ] }),
+                      /* @__PURE__ */ jsxs(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: [
+                        relationsMeta[selectedAttribute].relationType,
+                        " → ",
+                        relationsMeta[selectedAttribute].targetDisplayName
+                      ] }),
+                      relationsMeta[selectedAttribute].isMulti && /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: "Multi-Relation" })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", style: { width: "100%" }, children: [
+                      /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ jsxs(
+                        SingleSelect,
+                        {
+                          label: `Choose ${relationsMeta[selectedAttribute].targetDisplayName}`,
+                          placeholder: relationOptionsLoading ? "Loading entities..." : `Pick a ${relationsMeta[selectedAttribute].targetDisplayName}...`,
+                          value: selectedRelationDocId,
+                          onChange: (val) => {
+                            const docId = String(val);
+                            setSelectedRelationDocId(docId);
+                            if (docId === "__clear__") {
+                              setAttributeValue(JSON.stringify({ mode: "clear", label: "(clear relation)" }));
+                            } else {
+                              const opt = relationOptions.find((o) => o.documentId === docId);
+                              setAttributeValue(JSON.stringify({ mode: relationMode, documentIds: [docId], label: opt?.label || docId }));
+                            }
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(SingleSelectOption, { value: "__clear__", children: "-- Clear / Unlink Relation --" }),
+                            relationOptions.map((opt) => /* @__PURE__ */ jsx(SingleSelectOption, { value: opt.documentId, children: opt.label }, opt.documentId))
+                          ]
+                        }
+                      ) }),
+                      relationsMeta[selectedAttribute].isMulti && /* @__PURE__ */ jsx(Box, { style: { width: 170 }, children: /* @__PURE__ */ jsxs(
+                        SingleSelect,
+                        {
+                          label: "Action Mode",
+                          value: relationMode,
+                          onChange: (val) => {
+                            const m = String(val);
+                            setRelationMode(m);
+                            if (selectedRelationDocId) {
+                              if (selectedRelationDocId === "__clear__" || m === "clear") {
+                                setAttributeValue(JSON.stringify({ mode: "clear", label: "(clear relation)" }));
+                              } else {
+                                const opt = relationOptions.find((o) => o.documentId === selectedRelationDocId);
+                                setAttributeValue(JSON.stringify({ mode: m, documentIds: [selectedRelationDocId], label: opt?.label || selectedRelationDocId }));
+                              }
+                            }
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(SingleSelectOption, { value: "set", children: "Set / Overwrite" }),
+                            /* @__PURE__ */ jsx(SingleSelectOption, { value: "connect", children: "Add / Connect" }),
+                            /* @__PURE__ */ jsx(SingleSelectOption, { value: "disconnect", children: "Remove / Disconnect" }),
+                            /* @__PURE__ */ jsx(SingleSelectOption, { value: "clear", children: "Clear All" })
+                          ]
+                        }
+                      ) })
+                    ] })
+                  ] }) : /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      label: useRegex ? "Replacement Value" : "New Attribute Value",
+                      name: "attributeValue",
+                      placeholder: useRegex ? "Replace matched pattern with..." : "Enter the value to apply...",
+                      value: attributeValue,
+                      onChange: (e) => setAttributeValue(e.target.value)
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      startIcon: /* @__PURE__ */ jsx(Play, {}),
+                      variant: "default",
+                      size: "L",
+                      onClick: handleOpenConfirmModal,
+                      loading: updating,
+                      disabled: loading || totalSelectedCount === 0,
+                      children: [
+                        "Update Selected (",
+                        totalSelectedCount,
+                        ")"
+                      ]
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsxs(Box, { marginTop: 4, padding: 4, background: "neutral100", hasRadius: true, children: [
+                  /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          checked: useRegex,
+                          onCheckedChange: (checked) => setUseRegex(Boolean(checked)),
+                          children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: "Enable Regex Find & Replace" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Badge,
+                        {
+                          backgroundColor: license?.isPro ? "success100" : "warning100",
+                          textColor: license?.isPro ? "success700" : "warning700",
+                          children: license?.isPro ? "PRO UNLOCKED" : "PRO FEATURE"
+                        }
+                      )
+                    ] }),
+                    useRegex && /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 240 }, children: /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        placeholder: "Regex pattern (e.g. \\b(OldName)\\b)...",
+                        value: regexPattern,
+                        onChange: (e) => setRegexPattern(e.target.value),
+                        disabled: !license?.isPro
+                      }
+                    ) })
+                  ] }),
+                  !license?.isPro && useRegex && /* @__PURE__ */ jsx(Box, { marginTop: 2, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning700", children: "Regex replacement is locked to Pro license holders. Visit Settings > Bulk Updater to activate your key." }) })
+                ] }),
+                selectedAttribute && /* @__PURE__ */ jsx(Box, { marginTop: 4, padding: 3, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", children: "Attribute Info:" }),
+                  /* @__PURE__ */ jsxs(Typography, { variant: "pi", children: [
+                    "Targeting attribute ",
+                    /* @__PURE__ */ jsx("strong", { children: selectedAttribute }),
+                    "."
+                  ] }),
+                  collections.map((c) => {
+                    const hasAttr = c.attributes.includes(selectedAttribute);
+                    return /* @__PURE__ */ jsxs(
+                      Badge,
+                      {
+                        backgroundColor: hasAttr ? "success100" : "neutral200",
+                        textColor: hasAttr ? "success700" : "neutral600",
+                        children: [
+                          c.displayName,
+                          ": ",
+                          hasAttr ? "Attribute exists" : "Not in schema"
+                        ]
+                      },
+                      c.uid
+                    );
+                  })
+                ] }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              padding: 6,
+              background: "neutral0",
+              shadow: "filterShadow",
+              hasRadius: true,
+              marginBottom: 6,
+              style: { width: "100%", maxWidth: "100%", minWidth: 0, boxSizing: "border-box" },
+              children: [
+                /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, wrap: "wrap", gap: 3, children: [
+                  /* @__PURE__ */ jsxs(Box, { children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", fontWeight: "semiBold", children: "2. Select Targets" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Pick entire collection types or individual entries to apply the update to." })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                    /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "S", onClick: selectAll, children: "Select All" }),
+                    /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", onClick: deselectAll, children: "Deselect All" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    padding: 4,
+                    background: "neutral100",
+                    hasRadius: true,
+                    marginBottom: 5,
+                    style: { width: "100%", maxWidth: "100%", boxSizing: "border-box" },
+                    children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
+                      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, children: [
+                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: "Find Targets by Current Value:" }),
+                          filterOperator !== "none" && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                            matchingEntriesCount,
+                            " matching ",
+                            matchingEntriesCount === 1 ? "entry" : "entries"
+                          ] })
+                        ] }),
+                        filterOperator !== "none" && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "S", onClick: clearFilter, children: "Clear Filter" })
+                      ] }),
+                      /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-end", wrap: "wrap", children: [
+                        /* @__PURE__ */ jsx(Box, { style: { width: 240, minWidth: 200 }, children: /* @__PURE__ */ jsxs(
+                          SingleSelect,
+                          {
+                            label: `Filter condition for "${selectedAttribute}"`,
+                            value: filterOperator,
+                            onChange: (val) => setFilterOperator(String(val)),
+                            children: [
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "none", children: "Show All (No Filter)" }),
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "empty", children: "Is Empty or Null" }),
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "not_empty", children: "Is Not Empty" }),
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "equals", children: "Equals Exact Text" }),
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "contains", children: "Contains Substring" }),
+                              /* @__PURE__ */ jsx(SingleSelectOption, { value: "starts_with", children: "Starts With" })
+                            ]
+                          }
+                        ) }),
+                        (filterOperator === "equals" || filterOperator === "contains" || filterOperator === "starts_with") && /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 220 }, children: /* @__PURE__ */ jsx(
+                          TextInput,
+                          {
+                            label: "Value to Search",
+                            placeholder: "Type value to match...",
+                            value: filterQuery,
+                            onChange: (e) => setFilterQuery(e.target.value)
+                          }
+                        ) }),
+                        filterOperator !== "none" && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                          /* @__PURE__ */ jsxs(
+                            Button,
+                            {
+                              variant: "default",
+                              size: "S",
+                              onClick: selectAllMatching,
+                              disabled: matchingEntriesCount === 0,
+                              children: [
+                                "Select Matching (",
+                                matchingEntriesCount,
+                                ")"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "tertiary",
+                              size: "S",
+                              onClick: deselectAllMatching,
+                              disabled: matchingEntriesCount === 0,
+                              children: "Deselect Matching"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      filterOperator !== "none" && /* @__PURE__ */ jsx(Flex, { gap: 2, alignItems: "center", marginTop: 1, children: /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          checked: hideNonMatching,
+                          onCheckedChange: (checked) => setHideNonMatching(Boolean(checked)),
+                          children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", children: "Only display matching entries in tables (hide non-matching)" })
+                        }
+                      ) })
+                    ] })
+                  }
+                ),
+                collections.length > 0 && /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    padding: 4,
+                    background: "neutral100",
+                    hasRadius: true,
+                    marginBottom: 4,
+                    style: { width: "100%", maxWidth: "100%", boxSizing: "border-box" },
+                    children: [
+                      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, marginBottom: 3, children: [
+                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: "Filter Visible Content Types:" }),
+                          /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                            filteredCollections.length,
+                            " of ",
+                            collections.length,
+                            " visible"
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                          /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "tertiary",
+                              size: "S",
+                              onClick: () => {
+                                const allVis = {};
+                                collections.forEach((c) => allVis[c.uid] = true);
+                                setVisibleTypeUids(allVis);
+                              },
+                              children: "Show All Types"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "tertiary",
+                              size: "S",
+                              onClick: () => {
+                                const allVis = {};
+                                collections.forEach((c) => allVis[c.uid] = false);
+                                setVisibleTypeUids(allVis);
+                              },
+                              children: "Hide All Types"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: 2, alignItems: "center", children: collections.map((col) => {
+                        const isVisible = visibleTypeUids[col.uid] !== false;
+                        return /* @__PURE__ */ jsx(
+                          Box,
+                          {
+                            padding: 2,
+                            paddingLeft: 3,
+                            paddingRight: 3,
+                            background: isVisible ? "neutral0" : "neutral200",
+                            hasRadius: true,
+                            borderStyle: "solid",
+                            borderWidth: "1px",
+                            borderColor: isVisible ? "primary200" : "neutral300",
+                            children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                              /* @__PURE__ */ jsx(
+                                Checkbox,
+                                {
+                                  checked: isVisible,
+                                  onCheckedChange: (checked) => setVisibleTypeUids((prev) => ({ ...prev, [col.uid]: Boolean(checked) })),
+                                  children: /* @__PURE__ */ jsx(Typography, { fontWeight: isVisible ? "semiBold" : "regular", children: col.displayName })
+                                }
+                              ),
+                              col.isSingleType ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: "Single Type" }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral600", size: "S", children: "Collection" })
+                            ] })
+                          },
+                          col.uid
+                        );
+                      }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, wrap: "wrap", gap: 3, children: [
+                  collections.length > 1 && /* @__PURE__ */ jsx(Box, { style: { flex: 1, maxWidth: 360, minWidth: 220 }, children: /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      label: "Search Content Types",
+                      placeholder: "Search by name or UID...",
+                      value: collectionSearch,
+                      onChange: (e) => setCollectionSearch(e.target.value)
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", style: { marginLeft: "auto" }, children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Default page size (max 100):" }),
+                    /* @__PURE__ */ jsx(Box, { style: { width: 120 }, children: /* @__PURE__ */ jsxs(
+                      SingleSelect,
+                      {
+                        size: "S",
+                        value: String(defaultPageSize),
+                        onChange: (val) => handleGlobalPageSizeChange(Number(val)),
+                        children: [
+                          /* @__PURE__ */ jsx(SingleSelectOption, { value: "5", children: "5 / page" }),
+                          /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: "10 / page" }),
+                          /* @__PURE__ */ jsx(SingleSelectOption, { value: "25", children: "25 / page" }),
+                          /* @__PURE__ */ jsx(SingleSelectOption, { value: "50", children: "50 / page" }),
+                          /* @__PURE__ */ jsx(SingleSelectOption, { value: "100", children: "100 / page" })
+                        ]
+                      }
+                    ) })
+                  ] })
+                ] }),
+                filteredCollections.length === 0 ? /* @__PURE__ */ jsx(Box, { padding: 6, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "No content types match the visibility or search filters." }) }) : filteredCollections.map((col) => {
+                  const pageState = collectionPages[col.uid];
+                  const entries = pageState ? pageState.entries : col.entries || [];
+                  const totalEntries = pageState ? pageState.total : col.totalEntries !== void 0 ? col.totalEntries : entries.length;
+                  const page = pageState ? pageState.page : 1;
+                  const pageCount = pageState ? pageState.pageCount : 1;
+                  const pageSize = pageState ? pageState.pageSize : defaultPageSize;
+                  const hasAttr = col.attributes.includes(selectedAttribute);
+                  const visibleEntries = getVisibleEntries(col);
+                  const matchingColCount = entries.filter((e) => entryMatchesFilter(e, selectedAttribute)).length;
+                  const isFullySelected = isCollectionFullySelected(col);
+                  const isPartiallySelected = isCollectionPartiallySelected(col);
+                  const currentSort = collectionSorts[col.uid] || { field: "createdAt", order: "desc" };
+                  const availableColumns = getAvailableColumnsForCollection(col, selectedAttribute);
+                  const savedColKeys = collectionColumnVisibility[col.uid];
+                  const activeColumns = savedColKeys ? availableColumns.filter((c) => c.isPermanent || savedColKeys.includes(c.key)) : availableColumns.filter((c) => c.defaultVisible);
+                  return /* @__PURE__ */ jsxs(
+                    Box,
+                    {
+                      marginBottom: 5,
+                      padding: 4,
+                      hasRadius: true,
+                      borderStyle: "solid",
+                      borderWidth: "1px",
+                      borderColor: "neutral200",
+                      background: "neutral0",
+                      style: { width: "100%", maxWidth: "100%", minWidth: 0, boxSizing: "border-box" },
+                      children: [
+                        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, wrap: "wrap", gap: 2, children: [
+                          /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+                            /* @__PURE__ */ jsx(
+                              Checkbox,
+                              {
+                                checked: isFullySelected,
+                                indeterminate: isPartiallySelected ? true : void 0,
+                                onCheckedChange: () => toggleCollection(col),
+                                children: /* @__PURE__ */ jsxs(Typography, { variant: "beta", fontWeight: "bold", children: [
+                                  col.displayName,
+                                  " ",
+                                  col.isSingleType ? "(Single Type)" : "Collection"
+                                ] })
+                              }
+                            ),
+                            col.isSingleType ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "Single Type" }) : /* @__PURE__ */ jsx(
+                              Badge,
+                              {
+                                backgroundColor: hasAttr ? "success100" : "warning100",
+                                textColor: hasAttr ? "success700" : "warning700",
+                                children: hasAttr ? `Schema has "${selectedAttribute}"` : `Schema lacks "${selectedAttribute}" (will skip)`
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+                            !col.isSingleType && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Sort:" }),
+                              /* @__PURE__ */ jsx(Box, { style: { width: 190 }, children: /* @__PURE__ */ jsxs(
+                                SingleSelect,
+                                {
+                                  size: "S",
+                                  value: `${currentSort.field}:${currentSort.order}`,
+                                  onChange: (val) => {
+                                    const [f, o] = String(val).split(":");
+                                    handleCollectionSortChange(col.uid, f, o);
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "createdAt:desc", children: "Created: Newest" }),
+                                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "createdAt:asc", children: "Created: Oldest" }),
+                                    hasAttr && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                      /* @__PURE__ */ jsxs(SingleSelectOption, { value: `${selectedAttribute}:asc`, children: [
+                                        selectedAttribute,
+                                        " (A → Z)"
+                                      ] }),
+                                      /* @__PURE__ */ jsxs(SingleSelectOption, { value: `${selectedAttribute}:desc`, children: [
+                                        selectedAttribute,
+                                        " (Z → A)"
+                                      ] })
+                                    ] }),
+                                    col.attributes.includes("name") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "name:asc", children: "Name (A → Z)" }),
+                                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "name:desc", children: "Name (Z → A)" })
+                                    ] }),
+                                    col.attributes.includes("title") && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "title:asc", children: "Title (A → Z)" }),
+                                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "title:desc", children: "Title (Z → A)" })
+                                    ] })
+                                  ]
+                                }
+                              ) })
+                            ] }),
+                            /* @__PURE__ */ jsxs(
+                              Button,
+                              {
+                                variant: openColumnPickerUid === col.uid ? "secondary" : "tertiary",
+                                size: "S",
+                                onClick: () => setOpenColumnPickerUid(openColumnPickerUid === col.uid ? null : col.uid),
+                                children: [
+                                  "Columns (",
+                                  activeColumns.filter((c) => !c.isPermanent).length,
+                                  "/",
+                                  availableColumns.filter((c) => !c.isPermanent).length,
+                                  ")"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: col.isSingleType ? "1 single entry" : filterOperator !== "none" ? `${matchingColCount} matching of ${totalEntries} entries` : `${totalEntries} entries` })
+                          ] })
+                        ] }),
+                        openColumnPickerUid === col.uid && /* @__PURE__ */ jsx(
+                          Box,
+                          {
+                            padding: 3,
+                            marginBottom: 3,
+                            background: "neutral100",
+                            hasRadius: true,
+                            borderColor: "neutral200",
+                            style: { border: "1px solid #dcdce4" },
+                            children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
+                              /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+                                /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral700", children: [
+                                  "Columns for ",
+                                  col.displayName,
+                                  ":"
+                                ] }),
+                                availableColumns.filter((c) => !c.isPermanent).map((c) => {
+                                  const isChecked = activeColumns.some((ac) => ac.key === c.key);
+                                  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                                    Checkbox,
+                                    {
+                                      checked: isChecked,
+                                      onCheckedChange: () => toggleColumn(col.uid, c.key, availableColumns),
+                                      children: /* @__PURE__ */ jsx(Typography, { variant: "pi", children: c.label })
+                                    }
+                                  ) }, c.key);
+                                })
+                              ] }),
+                              /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+                                /* @__PURE__ */ jsx(
+                                  Button,
+                                  {
+                                    variant: "tertiary",
+                                    size: "S",
+                                    onClick: () => showAllColumns(col.uid, availableColumns),
+                                    children: "Show All"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  Button,
+                                  {
+                                    variant: "tertiary",
+                                    size: "S",
+                                    onClick: () => resetDefaultColumns(col.uid, availableColumns),
+                                    children: "Reset"
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  Button,
+                                  {
+                                    variant: "ghost",
+                                    size: "S",
+                                    onClick: () => setOpenColumnPickerUid(null),
+                                    children: "Close"
+                                  }
+                                )
+                              ] })
+                            ] })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Box, { className: "bulk-updater-table-container", style: { width: "100%", maxWidth: "100%", minWidth: 0, overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Table, { colCount: activeColumns.length, rowCount: visibleEntries.length + 1, style: { width: "100%" }, children: [
+                          /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsx(Tr, { children: activeColumns.map(
+                            (colDef) => renderHeaderCell(colDef, col, currentSort, selectedAttribute, handleHeaderSortClick)
+                          ) }) }),
+                          /* @__PURE__ */ jsx(Tbody, { children: visibleEntries.length === 0 ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: activeColumns.length, children: /* @__PURE__ */ jsx(Box, { padding: 4, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "No entries in this content type match the active filter criteria." }) }) }) }) : visibleEntries.map((entry) => {
+                            const key = `${col.uid}${KEY_SEP}${entry.documentId}`;
+                            const isSelected = Boolean(selectedEntries[key]);
+                            const isMatch = filterOperator !== "none" && entryMatchesFilter(entry, selectedAttribute);
+                            return /* @__PURE__ */ jsx(
+                              Tr,
+                              {
+                                style: {
+                                  backgroundColor: isSelected ? "rgba(73, 69, 255, 0.14)" : isMatch ? "rgba(46, 213, 115, 0.08)" : void 0,
+                                  boxShadow: isSelected ? "inset 3px 0 0 0 #4945ff" : isMatch ? "inset 3px 0 0 0 #2ed573" : void 0
+                                },
+                                children: activeColumns.map((colDef) => /* @__PURE__ */ jsx(Td, { children: renderCellContent(
+                                  colDef,
+                                  entry,
+                                  col,
+                                  selectedAttribute,
+                                  isMatch,
+                                  hasAttr,
+                                  isSelected,
+                                  () => toggleEntry(col.uid, entry.documentId)
+                                ) }, colDef.key))
+                              },
+                              key
+                            );
+                          }) })
+                        ] }) }),
+                        !col.isSingleType && /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 4, wrap: "wrap", gap: 3, children: [
+                          /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+                            /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+                              "Showing ",
+                              totalEntries === 0 ? 0 : Math.min((page - 1) * pageSize + 1, totalEntries),
+                              " to ",
+                              Math.min(page * pageSize, totalEntries),
+                              " of ",
+                              totalEntries,
+                              " entries"
+                            ] }),
+                            /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+                              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Show:" }),
+                              /* @__PURE__ */ jsx(Box, { style: { width: 80 }, children: /* @__PURE__ */ jsxs(
+                                SingleSelect,
+                                {
+                                  size: "S",
+                                  value: String(pageSize),
+                                  onChange: (val) => handleCollectionPageSizeChange(col.uid, Number(val)),
+                                  children: [
+                                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "5", children: "5" }),
+                                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "10", children: "10" }),
+                                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "25", children: "25" }),
+                                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "50", children: "50" }),
+                                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "100", children: "100" })
+                                  ]
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "per page" })
+                            ] })
+                          ] }),
+                          pageCount > 1 && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "tertiary",
+                                size: "S",
+                                disabled: page <= 1 || pageState?.loading,
+                                onClick: () => loadCollectionPage(col.uid, page - 1),
+                                children: "← Previous"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: [
+                              "Page ",
+                              page,
+                              " of ",
+                              pageCount
+                            ] }),
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "tertiary",
+                                size: "S",
+                                disabled: page >= pageCount || pageState?.loading,
+                                onClick: () => loadCollectionPage(col.uid, page + 1),
+                                children: "Next →"
+                              }
+                            )
+                          ] })
+                        ] })
+                      ]
+                    },
+                    col.uid
+                  );
+                })
+              ]
+            }
+          ),
+          updateSummary && /* @__PURE__ */ jsxs(
+            Box,
+            {
+              padding: 6,
+              background: "neutral0",
+              shadow: "filterShadow",
+              hasRadius: true,
+              marginBottom: 6,
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", fontWeight: "semiBold", marginBottom: 3, children: "3. Execution Results" }),
+                /* @__PURE__ */ jsx(
+                  Alert,
+                  {
+                    title: "Batch Update Completed",
+                    variant: updateSummary.updatedCount > 0 ? "success" : "default",
+                    closeLabel: "Close",
+                    onClose: () => setUpdateSummary(null),
+                    marginBottom: 4,
+                    children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 3, width: "100%", children: [
+                      /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+                        "Successfully updated ",
+                        /* @__PURE__ */ jsx("strong", { children: updateSummary.updatedCount }),
+                        " records. Skipped ",
+                        /* @__PURE__ */ jsx("strong", { children: updateSummary.skippedCount }),
+                        " records.",
+                        updateSummary.batchId && /* @__PURE__ */ jsxs("span", { children: [
+                          " ",
+                          "Transaction Batch ID: ",
+                          /* @__PURE__ */ jsx("code", { children: updateSummary.batchId }),
+                          " (logged to audit trail)."
+                        ] })
+                      ] }),
+                      updateSummary.batchId && /* @__PURE__ */ jsxs(Flex, { gap: 2, marginTop: 1, children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "danger-light",
+                            size: "S",
+                            startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+                            onClick: () => handleRollback(updateSummary.batchId),
+                            loading: rollingBackBatchId === updateSummary.batchId,
+                            children: "Rollback This Batch"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "tertiary",
+                            size: "S",
+                            onClick: () => setActiveTab("audit"),
+                            children: "View in Audit Trail & Rollback History →"
+                          }
+                        )
+                      ] })
+                    ] })
+                  }
+                ),
+                lastResults && lastResults.length > 0 && /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: lastResults.length + 1, children: [
+                  /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Collection" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Entry" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Status" }) }),
+                    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Details" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Tbody, { children: lastResults.map((res, idx) => /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: res.collectionName }) }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: res.label }) }),
+                    /* @__PURE__ */ jsxs(Td, { children: [
+                      res.status === "updated" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "Updated" }),
+                      res.status === "skipped" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: "Skipped" }),
+                      res.status === "error" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "danger100", textColor: "danger700", children: "Error" })
+                    ] }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", children: res.message }) })
+                  ] }, idx)) })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        activeTab === "audit" && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            padding: 6,
+            background: "neutral0",
+            shadow: "filterShadow",
+            hasRadius: true,
+            style: { width: "100%", maxWidth: "100%", minWidth: 0, boxSizing: "border-box" },
+            children: [
+              /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", fontWeight: "semiBold", children: "Audit Trail & Version History" }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Deterministic record of all batch updates, timestamps, admin authorship, and one-click rollback." })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "tertiary",
+                    size: "S",
+                    startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+                    onClick: () => {
+                      fetchAuditHistory();
+                      fetchPendingBatches();
+                    },
+                    loading: auditLoading || pendingBatchesLoading,
+                    children: "Refresh History"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { marginBottom: 6, padding: 5, background: "neutral100", hasRadius: true, style: { border: "1px solid #e6e6ef" }, children: [
+                /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
+                  /* @__PURE__ */ jsxs(Box, { children: [
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "epsilon", fontWeight: "bold", children: "Pending Approvals & Queued Batches" }),
+                      pendingBatches.filter((b) => b.status === "pending_approval" || b.status === "queued_offpeak").length > 0 && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "warning100", textColor: "warning700", children: [
+                        pendingBatches.filter((b) => b.status === "pending_approval" || b.status === "queued_offpeak").length,
+                        " Action Required"
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Four-Eyes Maker-Checker authorization queue and off-peak scheduled maintenance batches." })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "tertiary",
+                      size: "S",
+                      startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+                      onClick: fetchPendingBatches,
+                      loading: pendingBatchesLoading,
+                      children: "Refresh Queue"
+                    }
+                  )
+                ] }),
+                pendingBatches.length === 0 ? /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral0", hasRadius: true, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "No batches pending approval or queued for off-peak execution." }) }) : /* @__PURE__ */ jsx(Box, { className: "bulk-updater-table-container", style: { width: "100%", maxWidth: "100%", minWidth: 0, overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: pendingBatches.length + 1, style: { width: "100%" }, children: [
+                  /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsx(Th, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Batch ID & Created" }) }),
+                    /* @__PURE__ */ jsx(Th, { style: { minWidth: 130 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Maker" }) }),
+                    /* @__PURE__ */ jsx(Th, { style: { minWidth: 200 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Target Details" }) }),
+                    /* @__PURE__ */ jsx(Th, { style: { minWidth: 150 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Status" }) }),
+                    /* @__PURE__ */ jsx(Th, { style: { minWidth: 180 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Notes" }) }),
+                    /* @__PURE__ */ jsx(Th, { style: { minWidth: 180, textAlign: "right" }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Actions" }) })
+                  ] }) }),
+                  /* @__PURE__ */ jsx(Tbody, { children: pendingBatches.map((batch) => /* @__PURE__ */ jsxs(Tr, { children: [
+                    /* @__PURE__ */ jsxs(Td, { children: [
+                      /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: batch.id }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", display: "block", children: new Date(batch.createdAt).toLocaleString() })
+                    ] }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: batch.createdBy?.email || "admin" }) }),
+                    /* @__PURE__ */ jsxs(Td, { children: [
+                      /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontWeight: "semiBold", children: [
+                        batch.summary.attribute,
+                        ': "',
+                        formatDisplayValue(batch.summary.value),
+                        '"'
+                      ] }),
+                      /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", marginTop: 1, children: [
+                        /* @__PURE__ */ jsx(
+                          Badge,
+                          {
+                            backgroundColor: batch.summary.publishOnApproval === false ? "warning100" : "success100",
+                            textColor: batch.summary.publishOnApproval === false ? "warning700" : "success700",
+                            children: batch.summary.publishOnApproval === false ? "DRAFT ONLY" : "AUTO-PUBLISH"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+                          "• ",
+                          batch.summary.totalTargets,
+                          " records across ",
+                          Object.keys(batch.summary.collectionBreakdown || {}).length,
+                          " collections"
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Td, { children: [
+                      batch.status === "pending_approval" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: "PENDING CHECKER APPROVAL" }),
+                      batch.status === "queued_offpeak" && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                        "QUEUED OFF-PEAK (",
+                        batch.scheduledFor || "18:00",
+                        ")"
+                      ] }),
+                      batch.status === "approved" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "APPROVED" }),
+                      batch.status === "rejected" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "danger100", textColor: "danger700", children: "REJECTED" }),
+                      batch.status === "executed" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral200", textColor: "neutral700", children: "EXECUTED" })
+                    ] }),
+                    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral700", children: [
+                      batch.makerNotes || "—",
+                      batch.approval?.rejectionReason && /* @__PURE__ */ jsxs("span", { style: { color: "#d9534f", display: "block" }, children: [
+                        "Rejection Reason: ",
+                        batch.approval.rejectionReason
+                      ] })
+                    ] }) }),
+                    /* @__PURE__ */ jsx(Td, { style: { textAlign: "right" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+                      batch.status === "pending_approval" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            size: "S",
+                            variant: "success-light",
+                            onClick: () => handleApproveBatch(batch.id),
+                            loading: approvingBatchId === batch.id,
+                            children: "Approve & Execute"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            size: "S",
+                            variant: "danger-light",
+                            onClick: () => handleRejectBatch(batch.id),
+                            loading: rejectingBatchId === batch.id,
+                            children: "Reject"
+                          }
+                        )
+                      ] }),
+                      batch.status === "queued_offpeak" && /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          size: "S",
+                          variant: "default",
+                          onClick: () => handleExecuteNow(batch.id),
+                          loading: executingNowBatchId === batch.id,
+                          children: "Run Now"
+                        }
+                      )
+                    ] }) })
+                  ] }, batch.id)) })
+                ] }) })
+              ] }),
+              auditNotice && /* @__PURE__ */ jsx(Alert, { variant: "warning", title: "Audit Configuration Status", marginBottom: 4, children: auditNotice }),
+              auditHistory.length === 0 && !auditLoading && /* @__PURE__ */ jsxs(Box, { padding: 8, background: "neutral100", hasRadius: true, style: { textAlign: "center" }, children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", children: "No batch operations recorded in the audit trail yet." }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", marginTop: 2, children: "When you execute a bulk update in the editor, its transactional diff will be logged here." })
+              ] }),
+              auditHistory.length > 0 && /* @__PURE__ */ jsx(Box, { className: "bulk-updater-table-container", style: { width: "100%", maxWidth: "100%", minWidth: 0, overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: auditHistory.length + 1, style: { width: "100%" }, children: [
+                /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                  /* @__PURE__ */ jsx(Th, { style: { minWidth: 140 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Date & Time" }) }),
+                  /* @__PURE__ */ jsx(Th, { style: { minWidth: 130 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Performed By" }) }),
+                  /* @__PURE__ */ jsx(Th, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Attribute & Value" }) }),
+                  /* @__PURE__ */ jsx(Th, { style: { minWidth: 90 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Impact" }) }),
+                  /* @__PURE__ */ jsx(Th, { style: { minWidth: 120 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Status" }) }),
+                  /* @__PURE__ */ jsx(Th, { style: { minWidth: 160, textAlign: "right" }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Actions" }) })
+                ] }) }),
+                /* @__PURE__ */ jsx(Tbody, { children: auditHistory.map((rec) => {
+                  const isExpanded = expandedDiffBatchId === rec.batchId;
+                  const dateStr = new Date(rec.executedAt).toLocaleString();
+                  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                    /* @__PURE__ */ jsxs(
+                      Tr,
+                      {
+                        style: {
+                          backgroundColor: rec.isRolledBack ? "rgba(255, 255, 255, 0.04)" : void 0,
+                          opacity: rec.isRolledBack ? 0.85 : 1
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxs(Td, { style: { minWidth: 140 }, children: [
+                            /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: dateStr }),
+                            /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", display: "block", style: { wordBreak: "break-all" }, children: [
+                              "Batch ID: ",
+                              rec.batchId
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsxs(Td, { style: { minWidth: 130 }, children: [
+                            /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: rec.userName }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", display: "block", style: { wordBreak: "break-all" }, children: rec.userEmail })
+                          ] }),
+                          /* @__PURE__ */ jsx(Td, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsxs(
+                            Typography,
+                            {
+                              style: {
+                                display: "inline-block",
+                                maxWidth: "100%",
+                                overflow: "hidden",
+                                textOverflow: "ellipsis",
+                                whiteSpace: "nowrap"
+                              },
+                              title: `${rec.attribute} → "${formatDisplayValue(rec.value)}"`,
+                              children: [
+                                /* @__PURE__ */ jsx("strong", { children: rec.attribute }),
+                                " → “",
+                                formatDisplayValue(rec.value),
+                                "”"
+                              ]
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxs(Td, { style: { minWidth: 90, whiteSpace: "nowrap" }, children: [
+                            /* @__PURE__ */ jsxs(Badge, { backgroundColor: "success100", textColor: "success700", children: [
+                              rec.updatedCount,
+                              " updated"
+                            ] }),
+                            rec.skippedCount > 0 && /* @__PURE__ */ jsxs(Badge, { backgroundColor: "warning100", textColor: "warning700", style: { marginLeft: 6 }, children: [
+                              rec.skippedCount,
+                              " skipped"
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsx(Td, { style: { minWidth: 120 }, children: rec.isRolledBack ? /* @__PURE__ */ jsxs(Box, { children: [
+                            /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral200", textColor: "neutral700", children: "ROLLED BACK" }),
+                            rec.rolledBackAt && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", display: "block", style: { wordBreak: "break-word", marginTop: 2 }, children: [
+                              new Date(rec.rolledBackAt).toLocaleTimeString(),
+                              " by ",
+                              rec.rolledBackBy || "Admin"
+                            ] })
+                          ] }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "ACTIVE (APPLIED)" }) }),
+                          /* @__PURE__ */ jsx(Td, { style: { minWidth: 160, textAlign: "right", whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "tertiary",
+                                size: "S",
+                                onClick: () => setExpandedDiffBatchId(isExpanded ? null : rec.batchId),
+                                children: isExpanded ? "Hide Diffs" : "View Diffs"
+                              }
+                            ),
+                            !rec.isRolledBack && /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "danger",
+                                size: "S",
+                                loading: rollingBackBatchId === rec.batchId,
+                                onClick: () => handleRollback(rec.batchId),
+                                children: "Rollback"
+                              }
+                            )
+                          ] }) })
+                        ]
+                      }
+                    ),
+                    isExpanded && /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, style: { background: "rgba(0, 0, 0, 0.06)", padding: 16 }, children: /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        className: "bulk-updater-table-container",
+                        padding: 3,
+                        background: "neutral0",
+                        hasRadius: true,
+                        borderStyle: "solid",
+                        borderWidth: "1px",
+                        borderColor: "neutral200",
+                        style: { width: "100%", maxWidth: "100%", minWidth: 0, overflowX: "auto" },
+                        children: [
+                          /* @__PURE__ */ jsxs(Typography, { variant: "delta", fontWeight: "bold", marginBottom: 2, children: [
+                            "Detailed Before/After Snapshots for Batch ",
+                            rec.batchId,
+                            ":"
+                          ] }),
+                          /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: rec.diffs.length + 1, children: [
+                            /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Collection" }) }),
+                              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Document / Entry" }) }),
+                              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Previous Value" }) }),
+                              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "Applied Value" }) })
+                            ] }) }),
+                            /* @__PURE__ */ jsx(Tbody, { children: rec.diffs.map((d, dIdx) => /* @__PURE__ */ jsxs(Tr, { children: [
+                              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: d.collectionName }) }),
+                              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: d.label }) }),
+                              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "danger600", children: formatDisplayValue(d.oldValue) }) }),
+                              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "success600", children: formatDisplayValue(d.newValue) }) })
+                            ] }, dIdx)) })
+                          ] })
+                        ]
+                      }
+                    ) }) })
+                  ] }, rec.batchId);
+                }) })
+              ] }) })
+            ]
+          }
+        ),
+        showConfirmModal && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              inset: 0,
+              backgroundColor: "rgba(20, 20, 30, 0.65)",
+              backdropFilter: "blur(2px)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              zIndex: 9999,
+              padding: 16,
+              boxSizing: "border-box",
+              overflowY: "auto"
+            },
+            onClick: () => setShowConfirmModal(false),
+            children: /* @__PURE__ */ jsxs(
+              Box,
+              {
+                background: "neutral0",
+                hasRadius: true,
+                shadow: "popupShadow",
+                style: {
+                  maxWidth: 680,
+                  width: "100%",
+                  maxHeight: "calc(100vh - 48px)",
+                  display: "flex",
+                  flexDirection: "column",
+                  overflow: "hidden",
+                  position: "relative",
+                  boxShadow: "0 24px 48px rgba(0, 0, 0, 0.32), 0 0 1px rgba(0, 0, 0, 0.2)"
+                },
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      padding: 5,
+                      background: "neutral100",
+                      style: {
+                        borderBottom: "1px solid rgba(120, 120, 150, 0.2)",
+                        flexShrink: 0
+                      },
+                      children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                        /* @__PURE__ */ jsxs(Box, { children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Confirm Bulk Update" }),
+                          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", display: "block", children: "Review target attributes, affected counts, and server execution policy before proceeding." })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          Badge,
+                          {
+                            backgroundColor: license?.tier === "enterprise" ? "primary100" : "neutral200",
+                            textColor: license?.tier === "enterprise" ? "primary700" : "neutral700",
+                            children: license?.tier === "enterprise" ? "ENTERPRISE 4-EYES" : "STANDARD"
+                          }
+                        )
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Box,
+                    {
+                      padding: 5,
+                      style: {
+                        flex: "1 1 auto",
+                        minHeight: 0,
+                        overflowY: "auto",
+                        WebkitOverflowScrolling: "touch"
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, marginBottom: 4, children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: "UPDATE DETAILS" }),
+                          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+                            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+                              /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Target Attribute:" }),
+                              /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: selectedAttribute })
+                            ] }),
+                            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                              /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Target Value:" }),
+                              /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { wordBreak: "break-all", maxWidth: 360 }, children: relationsMeta[selectedAttribute] ? /* @__PURE__ */ jsx("span", { children: selectedRelationDocId === "__clear__" ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "danger100", textColor: "danger700", children: "Clear / Unlink Relation" }) : /* @__PURE__ */ jsxs(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: [
+                                relationsMeta[selectedAttribute].isMulti ? `[${relationMode.toUpperCase()}] ` : "",
+                                relationOptions.find((o) => o.documentId === selectedRelationDocId)?.label || selectedRelationDocId || "(none selected)"
+                              ] }) }) : useRegex ? /* @__PURE__ */ jsxs("span", { children: [
+                                "Replace ",
+                                /* @__PURE__ */ jsxs("code", { children: [
+                                  "/",
+                                  regexPattern,
+                                  "/g"
+                                ] }),
+                                " with ",
+                                /* @__PURE__ */ jsxs("strong", { children: [
+                                  '"',
+                                  attributeValue,
+                                  '"'
+                                ] })
+                              ] }) : /* @__PURE__ */ jsxs("strong", { children: [
+                                '"',
+                                attributeValue || "(empty string)",
+                                '"'
+                              ] }) })
+                            ] }),
+                            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+                              /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Total Selected Records:" }),
+                              /* @__PURE__ */ jsxs(Typography, { fontWeight: "bold", textColor: "primary600", children: [
+                                totalSelectedCount,
+                                " records"
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+                              /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: "Publishing Mode:" }),
+                              /* @__PURE__ */ jsx(
+                                Badge,
+                                {
+                                  backgroundColor: publishOnApproval ? "success100" : "warning100",
+                                  textColor: publishOnApproval ? "success700" : "warning700",
+                                  children: publishOnApproval ? "Publish Immediately" : "Keep as Draft"
+                                }
+                              )
+                            ] })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs(Box, { marginBottom: 4, children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 2, display: "block", children: "COLLECTION BREAKDOWN" }),
+                          /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 1, children: Object.entries(getSelectedBreakdown()).map(([name, count]) => /* @__PURE__ */ jsxs(
+                            Flex,
+                            {
+                              justifyContent: "space-between",
+                              padding: 2,
+                              background: "neutral100",
+                              hasRadius: true,
+                              style: { border: "1px solid rgba(120, 120, 150, 0.15)" },
+                              children: [
+                                /* @__PURE__ */ jsx(Typography, { variant: "omega", children: name }),
+                                /* @__PURE__ */ jsxs(Badge, { backgroundColor: "neutral200", textColor: "neutral800", children: [
+                                  count,
+                                  " ",
+                                  count === 1 ? "record" : "records"
+                                ] })
+                              ]
+                            },
+                            name
+                          )) })
+                        ] }),
+                        /* @__PURE__ */ jsx(Box, { padding: 4, hasRadius: true, marginBottom: 4, background: executionWindow?.isBusinessHours ? "warning100" : "success100", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
+                          /* @__PURE__ */ jsx(Flex, { gap: 2, alignItems: "center", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: executionWindow?.isBusinessHours ? "warning700" : "success700", children: executionWindow?.isBusinessHours ? "⏰ Peak Business Hours Restriction Active" : "✅ Server Off-Peak Window Active" }) }),
+                          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: executionWindow?.isBusinessHours ? "warning700" : "success700", children: executionWindow?.policyMessage || (executionWindow?.isBusinessHours ? "Server policy restricts bulk updates during peak business hours (09:00 - 18:00). Direct execution is paused to preserve API throughput." : "Currently outside peak business hours. Direct execution is permitted.") })
+                        ] }) }),
+                        /* @__PURE__ */ jsx(
+                          Box,
+                          {
+                            padding: 4,
+                            background: "neutral100",
+                            hasRadius: true,
+                            marginBottom: 4,
+                            style: { border: "1px solid rgba(120, 120, 150, 0.15)" },
+                            children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
+                              /* @__PURE__ */ jsx(
+                                Checkbox,
+                                {
+                                  name: "publishOnApproval",
+                                  checked: publishOnApproval,
+                                  onCheckedChange: (checked) => setPublishOnApproval(Boolean(checked))
+                                }
+                              ),
+                              /* @__PURE__ */ jsxs(Box, { style: { cursor: "pointer" }, onClick: () => setPublishOnApproval(!publishOnApproval), children: [
+                                /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", display: "block", children: "Publish immediately upon checker approval / execution" }),
+                                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "When checked (default), content types with Draft & Publish enabled will have their updated documents published immediately upon execution. When unchecked, changes remain in Draft for further editorial review." })
+                              ] })
+                            ] })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Box, { marginBottom: 2, children: /* @__PURE__ */ jsx(
+                          TextInput,
+                          {
+                            label: "Change Request / Release Notes (Optional)",
+                            name: "makerNotes",
+                            placeholder: "e.g. REL-4021: Updating summer pricing & promo attributes",
+                            value: makerNotesInput,
+                            onChange: (e) => setMakerNotesInput(e.target.value)
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      padding: 4,
+                      background: "neutral100",
+                      style: {
+                        borderTop: "1px solid rgba(120, 120, 150, 0.2)",
+                        flexShrink: 0,
+                        position: "sticky",
+                        bottom: 0,
+                        zIndex: 20,
+                        boxShadow: "0 -4px 16px rgba(0, 0, 0, 0.08)"
+                      },
+                      children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", gap: 3, style: { width: "100%" }, children: [
+                        /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "M", onClick: () => setShowConfirmModal(false), children: "Cancel" }),
+                        /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", justifyContent: "flex-end", alignItems: "center", children: [
+                          (license?.tier === "enterprise" || license?.features?.includes("Maker-Checker Approval Workflow (4-Eyes Principle)")) && /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: executionWindow?.isBusinessHours ? "default" : "secondary",
+                              size: "M",
+                              onClick: () => executeBatchWithMode("maker_checker"),
+                              loading: updating,
+                              children: "Submit for Checker Approval"
+                            }
+                          ),
+                          executionWindow?.isBusinessHours ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsxs(
+                              Button,
+                              {
+                                variant: license?.tier === "enterprise" ? "secondary" : "default",
+                                size: "M",
+                                onClick: () => executeBatchWithMode("queue_offpeak"),
+                                loading: updating,
+                                children: [
+                                  "Queue for Off-Peak (",
+                                  executionWindow?.offPeakStartTime || "18:00",
+                                  ")"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                variant: "danger-light",
+                                size: "S",
+                                onClick: () => executeBatchWithMode("immediate", true),
+                                loading: updating,
+                                children: "Force Run Now"
+                              }
+                            )
+                          ] }) : /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "default",
+                              size: "M",
+                              onClick: () => executeBatchWithMode("immediate"),
+                              loading: updating,
+                              children: "Confirm & Execute Now"
+                            }
+                          )
+                        ] })
+                      ] })
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  BulkUpdater as default,
+  formatDisplayValue,
+  getAvailableColumnsForCollection
+};
+//# sourceMappingURL=BulkUpdater-R78pX-om.mjs.map