@universe-platform/ui 0.1.0-beta.34 → 0.1.0-beta.36

package/dist/index.js

@@ -66,6 +66,7 @@ __export(src_exports, {
   COLUMN_TYPE_LABELS: () => COLUMN_TYPE_LABELS,
   ColumnHeaderTitle: () => ColumnHeaderTitle,
   CreateTemplateModal: () => CreateTemplateModal,
+  DEFAULT_FILTER_COLUMN_TYPES: () => DEFAULT_FILTER_COLUMN_TYPES,
   DEFAULT_PLACEMENT_STATUS_COLORS: () => DEFAULT_PLACEMENT_STATUS_COLORS,
   DatePickerCell: () => DatePickerCell,
   DynamicFiltersBlock: () => DynamicFiltersBlock,
@@ -80,6 +81,7 @@ __export(src_exports, {
   RELATION_BUTTON_COUNTS_ACTION: () => RELATION_BUTTON_COUNTS_ACTION,
   RELATION_LABEL_KEY: () => RELATION_LABEL_KEY,
   RELATION_SEP: () => RELATION_SEP,
+  RESOLVE_DEFAULT_FILTERS_ACTION: () => RESOLVE_DEFAULT_FILTERS_ACTION,
   RelationFilterPopover: () => RelationFilterPopover,
   RelationPickerCell: () => RelationPickerCell,
   SettingsAndActionsBlock: () => SettingsAndActionsBlock,
@@ -100,6 +102,7 @@ __export(src_exports, {
   buildRelationRef: () => buildRelationRef,
   calculateMinColumnWidth: () => calculateMinColumnWidth,
   checkElementTruncation: () => checkElementTruncation,
+  cleanPlacementFilterDefaults: () => cleanPlacementFilterDefaults,
   cn: () => cn,
   columnRefLabel: () => columnRefLabel,
   computeFormulaValue: () => computeFormulaValue,
@@ -115,6 +118,8 @@ __export(src_exports, {
   formatTimeInput: () => formatTimeInput,
   formatTimeIso: () => formatTimeIso,
   generateWhatsAppLink: () => generateWhatsAppLink,
+  getColumnDefaultFilter: () => getColumnDefaultFilter,
+  getDefaultFilterColumns: () => getDefaultFilterColumns,
   getDeterministicPastelBadge: () => getDeterministicPastelBadge,
   getEligibleCopyTargets: () => getEligibleCopyTargets,
   getNextVariableIndex: () => getNextVariableIndex,
@@ -150,11 +155,14 @@ __export(src_exports, {
   renameCopyTarget: () => renameCopyTarget,
   resolveDefaultStatusId: () => resolveDefaultStatusId,
   resolveProtocol: () => resolveProtocol,
+  sanitizeDefaultFilter: () => sanitizeDefaultFilter,
   sanitizePhoneNumber: () => sanitizePhoneNumber,
   sanitizeTemplateNameInput: () => sanitizeTemplateNameInput,
   seamlessVariableEngine: () => seamlessVariableEngine,
   splitHeaderTitle: () => splitHeaderTitle,
+  supportsDefaultFilter: () => supportsDefaultFilter,
   tableColumns: () => tableColumns,
+  toColumnFilterValue: () => toColumnFilterValue,
   useColumnReorder: () => useColumnReorder,
   useColumnResize: () => useColumnResize,
   useSmartTooltip: () => useSmartTooltip,
@@ -166,7 +174,8 @@ __export(src_exports, {
   validateTemplateBody: () => validateTemplateBody,
   validateTemplateButtons: () => validateTemplateButtons,
   validateWhatsAppTemplate: () => validateWhatsAppTemplate,
-  validateWordToVariableRatio: () => validateWordToVariableRatio
+  validateWordToVariableRatio: () => validateWordToVariableRatio,
+  withDefaultFilter: () => withDefaultFilter
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -1203,8 +1212,57 @@ function getRelationButtonColumns(columns) {
   return (columns || []).filter((c) => isRelationButtonsColumn(c) && c.name !== "_id");
 }
 
+// ../shared/src/defaultFilters.ts
+var DEFAULT_FILTER_COLUMN_TYPES = ["STRING", "RELATION"];
+var RESOLVE_DEFAULT_FILTERS_ACTION = "RESOLVE_DEFAULT_FILTERS";
+var isString = (v) => typeof v === "string";
+function supportsDefaultFilter(type) {
+  if (!type) return false;
+  return DEFAULT_FILTER_COLUMN_TYPES.includes(String(type).toUpperCase());
+}
+function sanitizeDefaultFilter(raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const value = raw.value;
+  if (!isString(value) || value.trim() === "") return null;
+  const label = raw.label;
+  return __spreadValues({ value: value.trim() }, isString(label) && label.trim() ? { label: label.trim() } : {});
+}
+function getColumnDefaultFilter(col) {
+  var _a;
+  if (!col || !supportsDefaultFilter(col.type)) return null;
+  return sanitizeDefaultFilter((_a = col.config) == null ? void 0 : _a.defaultFilter);
+}
+function getDefaultFilterColumns(columns) {
+  const out = [];
+  for (const c of columns || []) {
+    if (!(c == null ? void 0 : c.name) || c.name === "_id") continue;
+    const setting = getColumnDefaultFilter(c);
+    if (setting) out.push({ name: c.name, type: String(c.type).toUpperCase(), setting });
+  }
+  return out;
+}
+function toColumnFilterValue(type, value) {
+  return String(type).toUpperCase() === "RELATION" ? [value] : value;
+}
+function withDefaultFilter(config, type, setting) {
+  const next = __spreadValues({}, config || {});
+  const clean = supportsDefaultFilter(type) ? sanitizeDefaultFilter(setting) : null;
+  if (clean) next.defaultFilter = clean;
+  else delete next.defaultFilter;
+  return next;
+}
+function cleanPlacementFilterDefaults(defaults, allowedKeys) {
+  if (!defaults || typeof defaults !== "object") return void 0;
+  const out = {};
+  for (const key of allowedKeys) {
+    const v = defaults[key];
+    if (key && isString(v) && v.trim() !== "") out[key] = v;
+  }
+  return Object.keys(out).length > 0 ? out : void 0;
+}
+
 // src/components/TableBlock/TableBlockClient.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 
 // src/hooks/useToast.ts
 var import_react2 = require("react");
@@ -3359,6 +3417,18 @@ function RelationPickerCell({
       _displayLabel: resolveRelationLabel(opt, column) || opt.label || "",
       data: opt.data
     })).filter((opt) => opt._displayLabel && opt._displayLabel.trim() !== "" && !isRawObjectId(opt._displayLabel));
+    if (mapped.some((o) => {
+      var _a2;
+      return typeof ((_a2 = o.data) == null ? void 0 : _a2._order) === "number";
+    })) {
+      mapped.sort((a, b) => {
+        var _a2, _b2;
+        const oa = typeof ((_a2 = a.data) == null ? void 0 : _a2._order) === "number" ? a.data._order : Number.POSITIVE_INFINITY;
+        const ob = typeof ((_b2 = b.data) == null ? void 0 : _b2._order) === "number" ? b.data._order : Number.POSITIVE_INFINITY;
+        return oa === ob ? 0 : oa - ob;
+      });
+      return mapped;
+    }
     const orderField = mapped.some((o) => {
       var _a2;
       return ((_a2 = o.data) == null ? void 0 : _a2["\u05DE\u05E1\u05E4\u05E8 \u05E9\u05E0\u05D4"]) !== void 0;
@@ -6245,6 +6315,49 @@ function RelationButtonsBar({
   );
 }
 
+// src/components/TableBlock/useDefaultColumnFilters.ts
+var import_react17 = require("react");
+var RESOLVE_TIMEOUT_MS = 8e3;
+function unwrap2(res) {
+  const body = (res == null ? void 0 : res.data) && typeof res.data === "object" && !Array.isArray(res.data) ? res.data : res;
+  const filters = body == null ? void 0 : body.filters;
+  return filters && typeof filters === "object" ? filters : {};
+}
+function useDefaultColumnFilters({ columns, tableId, executeAction, onResolved }) {
+  const hasDefaults = getDefaultFilterColumns(columns).length > 0;
+  const [ready, setReady] = (0, import_react17.useState)(() => !hasDefaults);
+  const doneRef = (0, import_react17.useRef)(false);
+  const onResolvedRef = (0, import_react17.useRef)(onResolved);
+  onResolvedRef.current = onResolved;
+  const actionRef = (0, import_react17.useRef)(executeAction);
+  actionRef.current = executeAction;
+  (0, import_react17.useEffect)(() => {
+    if (doneRef.current || !hasDefaults) return;
+    doneRef.current = true;
+    const exec = actionRef.current;
+    if (!tableId || !exec) {
+      setReady(true);
+      return;
+    }
+    let settled = false;
+    const finish = (filters) => {
+      if (settled) return;
+      settled = true;
+      if (filters && Object.keys(filters).length > 0) onResolvedRef.current(filters);
+      setReady(true);
+    };
+    const timer = setTimeout(() => finish(), RESOLVE_TIMEOUT_MS);
+    Promise.resolve(exec(RESOLVE_DEFAULT_FILTERS_ACTION, { tableId })).then(
+      (res) => finish(unwrap2(res)),
+      (err) => {
+        console.warn("[TableBlock] Failed to resolve default filters:", err);
+        finish();
+      }
+    ).finally(() => clearTimeout(timer));
+  }, [hasDefaults, tableId]);
+  return ready;
+}
+
 // src/components/TableBlock/TableBlockClient.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function TableBlockClient({
@@ -6273,7 +6386,7 @@ function TableBlockClient({
   hideRelationButtons
 }) {
   const { showError, addToast } = useToast();
-  const [isExporting, setIsExporting] = (0, import_react17.useState)(false);
+  const [isExporting, setIsExporting] = (0, import_react18.useState)(false);
   const resolvedRole = role ? getRolePermissions(role) : void 0;
   const effectivePermissions = permissions || (resolvedRole == null ? void 0 : resolvedRole.permissions) || {
     canCreate: !readOnly,
@@ -6292,18 +6405,18 @@ function TableBlockClient({
       return calculateMinColumnWidth(colName, false, col == null ? void 0 : col.type);
     }
   });
-  const executeActionRef = (0, import_react17.useRef)(executeAction);
-  (0, import_react17.useEffect)(() => {
+  const executeActionRef = (0, import_react18.useRef)(executeAction);
+  (0, import_react18.useEffect)(() => {
     executeActionRef.current = executeAction;
   }, [executeAction]);
-  const [isMounted, setIsMounted] = (0, import_react17.useState)(false);
-  const [isInitialLoading, setIsInitialLoading] = (0, import_react17.useState)(true);
-  const [page, setPage] = (0, import_react17.useState)(1);
-  const [limit, setLimit] = (0, import_react17.useState)(50);
-  const [totalRecords, setTotalRecords] = (0, import_react17.useState)(0);
-  const [totalPages, setTotalPages] = (0, import_react17.useState)(1);
-  const [showSummary, setShowSummary] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react18.useState)(false);
+  const [isInitialLoading, setIsInitialLoading] = (0, import_react18.useState)(true);
+  const [page, setPage] = (0, import_react18.useState)(1);
+  const [limit, setLimit] = (0, import_react18.useState)(50);
+  const [totalRecords, setTotalRecords] = (0, import_react18.useState)(0);
+  const [totalPages, setTotalPages] = (0, import_react18.useState)(1);
+  const [showSummary, setShowSummary] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     if (typeof window !== "undefined") {
       const savedSummary = localStorage.getItem(`table_summary_${tableKey}`);
       if (savedSummary !== null) {
@@ -6352,7 +6465,7 @@ function TableBlockClient({
       return __spreadProps(__spreadValues({}, row), { id: String(row.id || ""), data: rowData });
     });
   };
-  const mergeColumnDefs = (0, import_react17.useCallback)((existingCols, incomingCols) => {
+  const mergeColumnDefs = (0, import_react18.useCallback)((existingCols, incomingCols) => {
     if (!incomingCols || incomingCols.length === 0) return existingCols || [];
     if (!existingCols || existingCols.length === 0) return incomingCols;
     const existingMap = new Map(existingCols.map((c) => [c.name, c]));
@@ -6372,18 +6485,18 @@ function TableBlockClient({
       return ((_a = a.order) != null ? _a : 0) - ((_b = b.order) != null ? _b : 0);
     });
   }, []);
-  const [localColumns, setLocalColumns] = (0, import_react17.useState)(() => (schema == null ? void 0 : schema.columns) || []);
-  (0, import_react17.useEffect)(() => {
+  const [localColumns, setLocalColumns] = (0, import_react18.useState)(() => (schema == null ? void 0 : schema.columns) || []);
+  (0, import_react18.useEffect)(() => {
     if ((schema == null ? void 0 : schema.columns) && schema.columns.length > 0) {
       setLocalColumns((prev) => mergeColumnDefs(prev, schema.columns));
     }
   }, [schema == null ? void 0 : schema.columns, mergeColumnDefs]);
-  const [dirty, setDirty] = (0, import_react17.useState)({ added: [], modified: {}, deleted: [] });
-  const dirtyRef = (0, import_react17.useRef)(dirty);
-  (0, import_react17.useEffect)(() => {
+  const [dirty, setDirty] = (0, import_react18.useState)({ added: [], modified: {}, deleted: [] });
+  const dirtyRef = (0, import_react18.useRef)(dirty);
+  (0, import_react18.useEffect)(() => {
     dirtyRef.current = dirty;
   }, [dirty]);
-  const mergeWithDirty = (0, import_react17.useCallback)((baseRecords) => {
+  const mergeWithDirty = (0, import_react18.useCallback)((baseRecords) => {
     const { added, modified, deleted } = dirtyRef.current;
     const nonDeleted = (baseRecords || []).filter((r) => !deleted.includes(r.id));
     const modifiedRecords = nonDeleted.map((r) => {
@@ -6396,8 +6509,8 @@ function TableBlockClient({
     const uniqueAdded = added.filter((r) => !baseIds.has(r.id));
     return [...uniqueAdded, ...modifiedRecords];
   }, []);
-  const [data, setData] = (0, import_react17.useState)(() => normalizeRecords(initialRecords));
-  const [serverRecords, setServerRecords] = (0, import_react17.useState)(() => normalizeRecords(initialRecords));
+  const [data, setData] = (0, import_react18.useState)(() => normalizeRecords(initialRecords));
+  const [serverRecords, setServerRecords] = (0, import_react18.useState)(() => normalizeRecords(initialRecords));
   const filteredData = data;
   const isEqualValues = (a, b) => {
     if (a === b) return true;
@@ -6409,30 +6522,30 @@ function TableBlockClient({
     }
     return false;
   };
-  const [baseRecordsMap, setBaseRecordsMap] = (0, import_react17.useState)(() => {
+  const [baseRecordsMap, setBaseRecordsMap] = (0, import_react18.useState)(() => {
     const map = /* @__PURE__ */ new Map();
     (normalizeRecords(initialRecords) || []).forEach((r) => map.set(r.id, __spreadValues({}, r.data)));
     return map;
   });
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (initialRecords && initialRecords.length > 0) {
       const map = /* @__PURE__ */ new Map();
       (normalizeRecords(initialRecords) || []).forEach((r) => map.set(r.id, __spreadValues({}, r.data)));
       setBaseRecordsMap(map);
     }
   }, [initialRecords]);
-  const [searchQuery, setSearchQuery] = (0, import_react17.useState)("");
-  const [columnFilters, setColumnFilters] = (0, import_react17.useState)({});
-  const [activeSearchCol, setActiveSearchCol] = (0, import_react17.useState)(null);
-  const activeSearchRef = (0, import_react17.useRef)(null);
-  const [activeRelationCol, setActiveRelationCol] = (0, import_react17.useState)(null);
-  const [relationTriggerRect, setRelationTriggerRect] = (0, import_react17.useState)(null);
-  const filterButtonRefs = (0, import_react17.useRef)({});
-  const [relationOptions, setRelationOptions] = (0, import_react17.useState)({});
-  const [relationFilterOptions, setRelationFilterOptions] = (0, import_react17.useState)({});
-  const [loadingFilterCol, setLoadingFilterCol] = (0, import_react17.useState)(null);
-  const relationDictionaryRef = (0, import_react17.useRef)({});
-  const mergeRelationOptions = (0, import_react17.useCallback)((colName, newOptions) => {
+  const [searchQuery, setSearchQuery] = (0, import_react18.useState)("");
+  const [columnFilters, setColumnFilters] = (0, import_react18.useState)({});
+  const [activeSearchCol, setActiveSearchCol] = (0, import_react18.useState)(null);
+  const activeSearchRef = (0, import_react18.useRef)(null);
+  const [activeRelationCol, setActiveRelationCol] = (0, import_react18.useState)(null);
+  const [relationTriggerRect, setRelationTriggerRect] = (0, import_react18.useState)(null);
+  const filterButtonRefs = (0, import_react18.useRef)({});
+  const [relationOptions, setRelationOptions] = (0, import_react18.useState)({});
+  const [relationFilterOptions, setRelationFilterOptions] = (0, import_react18.useState)({});
+  const [loadingFilterCol, setLoadingFilterCol] = (0, import_react18.useState)(null);
+  const relationDictionaryRef = (0, import_react18.useRef)({});
+  const mergeRelationOptions = (0, import_react18.useCallback)((colName, newOptions) => {
     if (!Array.isArray(newOptions) || newOptions.length === 0) return;
     if (!relationDictionaryRef.current[colName]) {
       relationDictionaryRef.current[colName] = /* @__PURE__ */ new Map();
@@ -6455,7 +6568,7 @@ function TableBlockClient({
       }));
     }
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!activeSearchCol) return;
     const handleMouseDown = (e) => {
       if (activeSearchRef.current && !activeSearchRef.current.contains(e.target)) {
@@ -6467,7 +6580,7 @@ function TableBlockClient({
       document.removeEventListener("mousedown", handleMouseDown);
     };
   }, [activeSearchCol]);
-  const filtersKey = (0, import_react17.useMemo)(() => {
+  const filtersKey = (0, import_react18.useMemo)(() => {
     const active = {};
     Object.entries(columnFilters).forEach(([k, v]) => {
       if (Array.isArray(v) && v.length > 0) active[k] = v;
@@ -6476,24 +6589,30 @@ function TableBlockClient({
     });
     return JSON.stringify(active);
   }, [columnFilters]);
-  const [debouncedSearch, setDebouncedSearch] = (0, import_react17.useState)(searchQuery);
-  (0, import_react17.useEffect)(() => {
+  const defaultFiltersReady = useDefaultColumnFilters({
+    columns: localColumns,
+    tableId: (schema == null ? void 0 : schema.tableMetaId) || (schema == null ? void 0 : schema.tableId) || (schema == null ? void 0 : schema.id),
+    executeAction,
+    onResolved: (resolved) => setColumnFilters((prev) => __spreadValues(__spreadValues({}, resolved), prev))
+  });
+  const [debouncedSearch, setDebouncedSearch] = (0, import_react18.useState)(searchQuery);
+  (0, import_react18.useEffect)(() => {
     const timer = setTimeout(() => {
       setDebouncedSearch(searchQuery.trim());
     }, 300);
     return () => clearTimeout(timer);
   }, [searchQuery]);
-  const isSearchMountedRef = (0, import_react17.useRef)(false);
-  (0, import_react17.useEffect)(() => {
+  const isSearchMountedRef = (0, import_react18.useRef)(false);
+  (0, import_react18.useEffect)(() => {
     if (!isSearchMountedRef.current) {
       isSearchMountedRef.current = true;
       return;
     }
     setPage(1);
   }, [debouncedSearch]);
-  const [isFetching, setIsFetching] = (0, import_react17.useState)(false);
-  const fetchRequestIdRef = (0, import_react17.useRef)(0);
-  const fetchTableData = (0, import_react17.useCallback)((targetPage, targetLimit, targetSearch, targetFiltersKey) => {
+  const [isFetching, setIsFetching] = (0, import_react18.useState)(false);
+  const fetchRequestIdRef = (0, import_react18.useRef)(0);
+  const fetchTableData = (0, import_react18.useCallback)((targetPage, targetLimit, targetSearch, targetFiltersKey) => {
     const tableId = (schema == null ? void 0 : schema.tableMetaId) || (schema == null ? void 0 : schema.tableId) || (schema == null ? void 0 : schema.id);
     const action = executeActionRef.current;
     if (!tableId || !action) {
@@ -6617,11 +6736,12 @@ function TableBlockClient({
       }
     });
   }, [schema == null ? void 0 : schema.tableMetaId, schema == null ? void 0 : schema.tableId, schema == null ? void 0 : schema.id, mergeColumnDefs, mergeWithDirty, mergeRelationOptions]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
+    if (!defaultFiltersReady) return;
     fetchTableData(page, limit, debouncedSearch, filtersKey);
-  }, [page, limit, debouncedSearch, filtersKey, fetchTableData]);
-  (0, import_react17.useEffect)(() => {
-    if (initialRecords) {
+  }, [page, limit, debouncedSearch, filtersKey, fetchTableData, defaultFiltersReady]);
+  (0, import_react18.useEffect)(() => {
+    if (initialRecords && defaultFiltersReady) {
       const norm = normalizeRecords(initialRecords);
       setServerRecords(norm);
       const hasActiveFilters = Boolean(debouncedSearch) || Object.keys(columnFilters).length > 0;
@@ -6682,11 +6802,11 @@ function TableBlockClient({
         setData(mergeWithDirty(norm));
       }
     }
-  }, [initialRecords, mergeWithDirty, debouncedSearch, columnFilters, fetchTableData, page, limit, filtersKey]);
-  const refetchTableData = (0, import_react17.useCallback)(() => {
+  }, [initialRecords, mergeWithDirty, debouncedSearch, columnFilters, fetchTableData, page, limit, filtersKey, defaultFiltersReady]);
+  const refetchTableData = (0, import_react18.useCallback)(() => {
     return fetchTableData(page, limit, debouncedSearch, filtersKey);
   }, [page, limit, debouncedSearch, filtersKey, fetchTableData]);
-  const handleApplyColumnFilter = (0, import_react17.useCallback)((colName, nextVal) => {
+  const handleApplyColumnFilter = (0, import_react18.useCallback)((colName, nextVal) => {
     setColumnFilters((prev) => {
       const next = __spreadValues({}, prev);
       if (nextVal === void 0 || Array.isArray(nextVal) && nextVal.length === 0 || typeof nextVal === "string" && !nextVal.trim() || typeof nextVal === "object" && "values" in nextVal && Array.isArray(nextVal.values) && nextVal.values.length === 0) {
@@ -6711,9 +6831,9 @@ function TableBlockClient({
   const handleNextPage = () => {
     setPage((prev) => Math.min(totalPages, prev + 1));
   };
-  const [selectedIds, setSelectedIds] = (0, import_react17.useState)(/* @__PURE__ */ new Set());
-  const isExternalSyncRef = (0, import_react17.useRef)(false);
-  (0, import_react17.useEffect)(() => {
+  const [selectedIds, setSelectedIds] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
+  const isExternalSyncRef = (0, import_react18.useRef)(false);
+  (0, import_react18.useEffect)(() => {
     if (selectedRowIds !== void 0) {
       const nextSet = new Set(selectedRowIds);
       setSelectedIds((prev) => {
@@ -6725,8 +6845,8 @@ function TableBlockClient({
       });
     }
   }, [selectedRowIds]);
-  const isFirstSelectionChangeRef = (0, import_react17.useRef)(true);
-  (0, import_react17.useEffect)(() => {
+  const isFirstSelectionChangeRef = (0, import_react18.useRef)(true);
+  (0, import_react18.useEffect)(() => {
     if (isFirstSelectionChangeRef.current) {
       isFirstSelectionChangeRef.current = false;
       if (selectedIds.size === 0) return;
@@ -6737,13 +6857,13 @@ function TableBlockClient({
     }
     onSelectionChange == null ? void 0 : onSelectionChange(Array.from(selectedIds));
   }, [selectedIds, onSelectionChange]);
-  const [pendingDeletions, setPendingDeletions] = (0, import_react17.useState)([]);
-  const [isSaving, setIsSaving] = (0, import_react17.useState)(false);
+  const [pendingDeletions, setPendingDeletions] = (0, import_react18.useState)([]);
+  const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
   const isUpdatingActive = Boolean(isUpdating || isSaving);
-  const [isSaveSuccess, setIsSaveSuccess] = (0, import_react17.useState)(false);
-  const [expandedRowIds, setExpandedRowIds] = (0, import_react17.useState)(/* @__PURE__ */ new Set());
-  const schemaColsString = (0, import_react17.useMemo)(() => JSON.stringify(localColumns || []), [localColumns]);
-  const refetchRelation = (0, import_react17.useCallback)(async (colName, params) => {
+  const [isSaveSuccess, setIsSaveSuccess] = (0, import_react18.useState)(false);
+  const [expandedRowIds, setExpandedRowIds] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
+  const schemaColsString = (0, import_react18.useMemo)(() => JSON.stringify(localColumns || []), [localColumns]);
+  const refetchRelation = (0, import_react18.useCallback)(async (colName, params) => {
     var _a, _b, _c, _d, _e, _f, _g;
     let parsedCols = [];
     try {
@@ -6782,7 +6902,7 @@ function TableBlockClient({
     }
     return [];
   }, [schemaColsString, executeAction, mergeRelationOptions]);
-  const fetchRelationFilterOptions = (0, import_react17.useCallback)(async (colName) => {
+  const fetchRelationFilterOptions = (0, import_react18.useCallback)(async (colName) => {
     var _a;
     let parsedCols = [];
     try {
@@ -6818,8 +6938,8 @@ function TableBlockClient({
       setLoadingFilterCol(null);
     }
   }, [schemaColsString, schema == null ? void 0 : schema.tableMetaId, schema == null ? void 0 : schema.tableId, schema == null ? void 0 : schema.id, executeAction, mergeRelationOptions]);
-  const requestedRelationIdsRef = (0, import_react17.useRef)({});
-  (0, import_react17.useEffect)(() => {
+  const requestedRelationIdsRef = (0, import_react18.useRef)({});
+  (0, import_react18.useEffect)(() => {
     if (!executeAction || !data || data.length === 0) return;
     let parsedCols = [];
     try {
@@ -6872,7 +6992,7 @@ function TableBlockClient({
       }
     });
   }, [data, schemaColsString, executeAction, relationOptions, mergeRelationOptions]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     let parsedCols = [];
     try {
       parsedCols = JSON.parse(schemaColsString);
@@ -6886,7 +7006,7 @@ function TableBlockClient({
       refetchRelation(col.name);
     });
   }, [schemaColsString, refetchRelation]);
-  const normalizedColumns = (0, import_react17.useMemo)(() => {
+  const normalizedColumns = (0, import_react18.useMemo)(() => {
     return (localColumns || []).map((col, idx) => {
       const isRequired = col.isRequired === true || String(col.isRequired) === "true";
       const isUnique = col.isUnique === true || String(col.isUnique) === "true";
@@ -6900,17 +7020,17 @@ function TableBlockClient({
       return ((_a = a.order) != null ? _a : 0) - ((_b = b.order) != null ? _b : 0);
     });
   }, [localColumns]);
-  const filteredColumns = (0, import_react17.useMemo)(() => {
+  const filteredColumns = (0, import_react18.useMemo)(() => {
     const systemFields = ["_id", "createdAt", "updatedAt", "orgId", "tableId"];
     return normalizedColumns.filter((col) => !systemFields.includes(col.name) && !col.isHidden);
   }, [normalizedColumns]);
-  const customizableColumns = (0, import_react17.useMemo)(() => {
+  const customizableColumns = (0, import_react18.useMemo)(() => {
     const systemFields = ["_id", "createdAt", "updatedAt", "orgId", "tableId"];
     return normalizedColumns.filter((col) => !systemFields.includes(col.name));
   }, [normalizedColumns]);
-  const [isColumnsDropdownOpen, setIsColumnsDropdownOpen] = (0, import_react17.useState)(false);
-  const dropdownRef = (0, import_react17.useRef)(null);
-  (0, import_react17.useEffect)(() => {
+  const [isColumnsDropdownOpen, setIsColumnsDropdownOpen] = (0, import_react18.useState)(false);
+  const dropdownRef = (0, import_react18.useRef)(null);
+  (0, import_react18.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsColumnsDropdownOpen(false);
@@ -7120,7 +7240,7 @@ function TableBlockClient({
     setData((prev) => [newRow, ...prev]);
     setDirty((prev) => __spreadProps(__spreadValues({}, prev), { added: [newRow, ...prev.added] }));
   };
-  const handleCellChange = (0, import_react17.useCallback)((rowId, colName, value) => {
+  const handleCellChange = (0, import_react18.useCallback)((rowId, colName, value) => {
     setData((prev) => prev.map(
       (row) => row.id === rowId ? __spreadProps(__spreadValues({}, row), { data: __spreadProps(__spreadValues({}, row.data), { [colName]: value }) }) : row
     ));
@@ -7153,13 +7273,13 @@ function TableBlockClient({
     });
   }, [baseRecordsMap]);
   const handleCellChangeWithCopy = useRelationCopyHandler({ columns: localColumns, handleCellChange });
-  const triggerSaveSuccess = (0, import_react17.useCallback)(() => {
+  const triggerSaveSuccess = (0, import_react18.useCallback)(() => {
     setIsSaveSuccess(true);
     setTimeout(() => {
       setIsSaveSuccess(false);
     }, 2500);
   }, []);
-  const handleQuietCellChange = (0, import_react17.useCallback)((rowId, colName, value) => {
+  const handleQuietCellChange = (0, import_react18.useCallback)((rowId, colName, value) => {
     setData((prev) => prev.map(
       (row) => row.id === rowId ? __spreadProps(__spreadValues({}, row), { data: __spreadProps(__spreadValues({}, row.data), { [colName]: value }) }) : row
     ));
@@ -7183,12 +7303,12 @@ function TableBlockClient({
       });
     }
   }, []);
-  const toggleSelectAll = (0, import_react17.useCallback)((checked) => {
+  const toggleSelectAll = (0, import_react18.useCallback)((checked) => {
     onRowToggle == null ? void 0 : onRowToggle("ALL", checked);
     const next = checked ? new Set(filteredData.map((r) => r.id)) : /* @__PURE__ */ new Set();
     setSelectedIds(next);
   }, [filteredData, onRowToggle]);
-  const toggleSelectRow = (0, import_react17.useCallback)((rowId, checked) => {
+  const toggleSelectRow = (0, import_react18.useCallback)((rowId, checked) => {
     onRowToggle == null ? void 0 : onRowToggle(rowId, checked);
     setSelectedIds((prev) => {
       const next = new Set(prev);
@@ -7197,7 +7317,7 @@ function TableBlockClient({
       return next;
     });
   }, [onRowToggle]);
-  const handleToggleExpand = (0, import_react17.useCallback)((rowId) => {
+  const handleToggleExpand = (0, import_react18.useCallback)((rowId) => {
     setExpandedRowIds((prev) => {
       const next = new Set(prev);
       if (next.has(rowId)) next.delete(rowId);
@@ -7205,7 +7325,7 @@ function TableBlockClient({
       return next;
     });
   }, []);
-  const handleMarkForDeletion = (0, import_react17.useCallback)((fileId) => {
+  const handleMarkForDeletion = (0, import_react18.useCallback)((fileId) => {
     setPendingDeletions((prev) => [...prev, fileId]);
   }, []);
   const handleDeleteSelected = () => {
@@ -7433,7 +7553,7 @@ function TableBlockClient({
       setIsSaving(false);
     }
   };
-  const getRowRelationLabels = (0, import_react17.useCallback)((rowVal, col) => {
+  const getRowRelationLabels = (0, import_react18.useCallback)((rowVal, col) => {
     const ids = normalizeRelationValue(rowVal);
     if (ids.length === 0) return [];
     const options = relationOptions[col.name] || [];
@@ -7452,7 +7572,7 @@ function TableBlockClient({
       return "";
     }).filter(Boolean);
   }, [relationOptions]);
-  const getUniqueRelationOptions = (0, import_react17.useCallback)((col) => {
+  const getUniqueRelationOptions = (0, import_react18.useCallback)((col) => {
     if (relationFilterOptions[col.name]) {
       return relationFilterOptions[col.name];
     }
@@ -7484,7 +7604,7 @@ function TableBlockClient({
     return results.sort((a, b) => a.label.localeCompare(b.label));
   }, [data, relationOptions, relationFilterOptions]);
   const errorMessage = error ? typeof error === "string" ? error : error.message || String(error) : null;
-  const columnTotals = (0, import_react17.useMemo)(() => {
+  const columnTotals = (0, import_react18.useMemo)(() => {
     const totals = {};
     if (!showSummary) return totals;
     filteredColumns.forEach((col) => {
@@ -8173,7 +8293,7 @@ function ExpandedSubTables({
   context
 }) {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react17.useState)((_a = subTableColumns[0]) == null ? void 0 : _a.name);
+  const [activeTab, setActiveTab] = (0, import_react18.useState)((_a = subTableColumns[0]) == null ? void 0 : _a.name);
   if (subTableColumns.length === 0) return null;
   if (subTableColumns.length === 1) {
     const stCol = subTableColumns[0];
@@ -8214,7 +8334,7 @@ function ExpandedSubTables({
     ) })
   ] }) });
 }
-var TableRow = import_react17.default.memo(function TableRow2({
+var TableRow = import_react18.default.memo(function TableRow2({
   row,
   isSelected,
   rowStatus,
@@ -8246,7 +8366,7 @@ var TableRow = import_react17.default.memo(function TableRow2({
   permissions
 }) {
   const lockedCopyTargets = getRelationCopyLockedTargets(schema == null ? void 0 : schema.columns);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react17.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react18.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("tr", { className: `transition-colors group hover:bg-blue-50 ${isSelected ? "bg-blue-50" : ""}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: "border-b border-l border-slate-200 p-1.5 text-center bg-white group-hover:bg-transparent", style: { width: 80, minWidth: 80, maxWidth: 80 }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-center gap-1.5", children: [
         rowStatus && (() => {
@@ -8402,13 +8522,13 @@ function TableBlock(props) {
 }
 
 // src/components/PlacementBlock/PlacementBlock.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_ag_grid_react = require("ag-grid-react");
 var import_ag_grid_community = require("ag-grid-community");
 var import_lucide_react10 = require("lucide-react");
 
 // src/components/PlacementBlock/PlacementSettings.tsx
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 
 // src/components/PlacementBlock/placementColumns.ts
 var RELATION_SEP = "::";
@@ -8530,7 +8650,7 @@ var SummaryRow = ({ label, value, hint }) => /* @__PURE__ */ (0, import_jsx_runt
 ] });
 var PlacementStatusEditor = ({ config, onChange }) => {
   var _a;
-  const radioName = `placement-default-status-${import_react18.default.useId()}`;
+  const radioName = `placement-default-status-${import_react19.default.useId()}`;
   const statuses = ((_a = config.statusColors) == null ? void 0 : _a.length) ? config.statusColors : DEFAULT_PLACEMENT_STATUS_COLORS;
   const defaultStatusId = resolveDefaultStatusId(statuses, config.defaultReturnStatusId);
   const setStatuses = (next, defId = defaultStatusId) => {
@@ -8801,7 +8921,7 @@ var PlacementSettings = ({ config, onChange, tables }) => {
 };
 
 // src/components/PlacementBlock/PlacementRelationButtons.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var GROUP_COLORS = [
   { title: "bg-blue-600 text-white", active: "bg-blue-600 border-blue-600 text-white hover:bg-blue-700", count: "text-blue-700" },
@@ -8823,7 +8943,7 @@ var PlacementRelationButtons = ({
   relationOptions,
   className = ""
 }) => {
-  const groups = (0, import_react19.useMemo)(() => {
+  const groups = (0, import_react20.useMemo)(() => {
     const activeEntries = Object.entries(filters).filter(([, v]) => v !== void 0 && v !== null && v !== "");
     return (columnNames || []).map((colName) => {
       var _a, _b, _c, _d;
@@ -8899,6 +9019,43 @@ var PlacementRelationButtons = ({
   );
 };
 
+// src/components/PlacementBlock/placementDefaultFilters.ts
+function getPlacementFilterRefs(config) {
+  const defined = Array.isArray(config == null ? void 0 : config.filterFields) ? config.filterFields : [];
+  const legacy = [config == null ? void 0 : config.targetFilterField1Id, config == null ? void 0 : config.targetFilterField2Id].filter(Boolean);
+  return (defined.length > 0 ? defined : legacy).filter((r) => typeof r === "string" && r);
+}
+function resolveFilterColName(ref, targetColumns) {
+  const direct = (targetColumns || []).find((c) => (c == null ? void 0 : c.id) === ref || (c == null ? void 0 : c.name) === ref);
+  if (direct) return direct.name;
+  const { relationColumn } = parseColumnRef(ref);
+  if (relationColumn) {
+    const rel = (targetColumns || []).find(
+      (c) => (c == null ? void 0 : c.name) === relationColumn && String(c == null ? void 0 : c.type).toUpperCase() === "RELATION"
+    );
+    if (rel) return rel.name;
+  }
+  return ref;
+}
+function computePlacementDefaultFilters(args) {
+  const { refs, defaults, targetColumns, rows, getText } = args;
+  const applied = {};
+  if (!defaults) return applied;
+  for (const ref of refs) {
+    const want = defaults[ref];
+    if (typeof want !== "string" || want === "") continue;
+    const colName = resolveFilterColName(ref, targetColumns);
+    if (colName in applied) continue;
+    const validRows = rows.filter(
+      (r) => Object.entries(applied).every(([name, value]) => getText(name, r.data) === value)
+    );
+    if (validRows.some((r) => getText(colName, r.data) === want)) {
+      applied[colName] = want;
+    }
+  }
+  return applied;
+}
+
 // src/components/PlacementBlock/PlacementBlock.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
 import_ag_grid_community.ModuleRegistry.registerModules([import_ag_grid_community.AllCommunityModule]);
@@ -8976,7 +9133,7 @@ var CheckHeader = (props) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div"
   }
 ) });
 var RelationFilterHeader = (props) => {
-  const btnRef = (0, import_react20.useRef)(null);
+  const btnRef = (0, import_react21.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col items-center justify-center w-full min-w-0 leading-tight select-none", title: props.displayName, children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "button",
@@ -9003,20 +9160,20 @@ var RelationFilterHeader = (props) => {
 var PlacementBlock = (props) => {
   var _a, _b;
   const { executeAction, fetchSourceData, fetchTargetData, updateAssignment, className = "" } = props;
-  const config = (0, import_react20.useMemo)(() => {
+  const config = (0, import_react21.useMemo)(() => {
     var _a2, _b2, _c;
     const raw = (_a2 = props.config) != null ? _a2 : props.settings;
     if (!raw) return void 0;
     return ((_b2 = raw.config) == null ? void 0 : _b2.sourceTableId) || ((_c = raw.config) == null ? void 0 : _c.targetTableId) ? raw.config : raw;
   }, [props.config, props.settings]);
-  const statuses = (0, import_react20.useMemo)(
+  const statuses = (0, import_react21.useMemo)(
     () => {
       var _a2;
       return ((_a2 = config == null ? void 0 : config.statusColors) == null ? void 0 : _a2.length) ? config.statusColors : DEFAULT_PLACEMENT_STATUS_COLORS;
     },
     [config == null ? void 0 : config.statusColors]
   );
-  const defaultStatusId = (0, import_react20.useMemo)(
+  const defaultStatusId = (0, import_react21.useMemo)(
     () => resolveDefaultStatusId(statuses, config == null ? void 0 : config.defaultReturnStatusId),
     [statuses, config == null ? void 0 : config.defaultReturnStatusId]
   );
@@ -9024,31 +9181,31 @@ var PlacementBlock = (props) => {
   const targetTableId = config == null ? void 0 : config.targetTableId;
   const displayField = (config == null ? void 0 : config.sourceDisplayFieldId) || "name";
   const assignmentField = config == null ? void 0 : config.targetAssignmentFieldId;
-  const executeActionRef = (0, import_react20.useRef)(executeAction);
+  const executeActionRef = (0, import_react21.useRef)(executeAction);
   executeActionRef.current = executeAction;
-  const legacyRef = (0, import_react20.useRef)({ fetchSourceData, fetchTargetData, updateAssignment });
+  const legacyRef = (0, import_react21.useRef)({ fetchSourceData, fetchTargetData, updateAssignment });
   legacyRef.current = { fetchSourceData, fetchTargetData, updateAssignment };
-  const [sourceRows, setSourceRows] = (0, import_react20.useState)([]);
-  const [sourceColumns, setSourceColumns] = (0, import_react20.useState)([]);
-  const [sourceRelOptions, setSourceRelOptions] = (0, import_react20.useState)({});
-  const [sourceRelFilters, setSourceRelFilters] = (0, import_react20.useState)({});
-  const [targetRows, setTargetRows] = (0, import_react20.useState)([]);
-  const [targetColumns, setTargetColumns] = (0, import_react20.useState)([]);
-  const [targetRelOptions, setTargetRelOptions] = (0, import_react20.useState)({});
-  const [selectedTargetId, setSelectedTargetId] = (0, import_react20.useState)("");
-  const [candidateIds, setCandidateIds] = (0, import_react20.useState)([]);
-  const [checkedIds, setCheckedIds] = (0, import_react20.useState)([]);
-  const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
-  const [sourceSearch, setSourceSearch] = (0, import_react20.useState)("");
-  const [candidateSearch, setCandidateSearch] = (0, import_react20.useState)("");
-  const [statusMap, setStatusMap] = (0, import_react20.useState)({});
-  const [isLoading, setIsLoading] = (0, import_react20.useState)(false);
-  const [loadError, setLoadError] = (0, import_react20.useState)(null);
-  const [saveError, setSaveError] = (0, import_react20.useState)(null);
-  const [colFilters, setColFilters] = (0, import_react20.useState)({ source: {}, cand: {} });
-  const [filterPopover, setFilterPopover] = (0, import_react20.useState)(null);
-  const [targetFilters, setTargetFilters] = (0, import_react20.useState)({});
-  const loadTable = (0, import_react20.useCallback)(async (tableId, kind) => {
+  const [sourceRows, setSourceRows] = (0, import_react21.useState)([]);
+  const [sourceColumns, setSourceColumns] = (0, import_react21.useState)([]);
+  const [sourceRelOptions, setSourceRelOptions] = (0, import_react21.useState)({});
+  const [sourceRelFilters, setSourceRelFilters] = (0, import_react21.useState)({});
+  const [targetRows, setTargetRows] = (0, import_react21.useState)([]);
+  const [targetColumns, setTargetColumns] = (0, import_react21.useState)([]);
+  const [targetRelOptions, setTargetRelOptions] = (0, import_react21.useState)({});
+  const [selectedTargetId, setSelectedTargetId] = (0, import_react21.useState)("");
+  const [candidateIds, setCandidateIds] = (0, import_react21.useState)([]);
+  const [checkedIds, setCheckedIds] = (0, import_react21.useState)([]);
+  const [isSaving, setIsSaving] = (0, import_react21.useState)(false);
+  const [sourceSearch, setSourceSearch] = (0, import_react21.useState)("");
+  const [candidateSearch, setCandidateSearch] = (0, import_react21.useState)("");
+  const [statusMap, setStatusMap] = (0, import_react21.useState)({});
+  const [isLoading, setIsLoading] = (0, import_react21.useState)(false);
+  const [loadError, setLoadError] = (0, import_react21.useState)(null);
+  const [saveError, setSaveError] = (0, import_react21.useState)(null);
+  const [colFilters, setColFilters] = (0, import_react21.useState)({ source: {}, cand: {} });
+  const [filterPopover, setFilterPopover] = (0, import_react21.useState)(null);
+  const [targetFilters, setTargetFilters] = (0, import_react21.useState)({});
+  const loadTable = (0, import_react21.useCallback)(async (tableId, kind) => {
     const exec = executeActionRef.current;
     if (exec) {
       const res = await exec("FETCH_TABLE_DATA", { tableId, tableMetaId: tableId, limit: FETCH_LIMIT, skip: 0 });
@@ -9061,7 +9218,7 @@ var PlacementBlock = (props) => {
     }
     throw new Error("executeAction \u05DC\u05D0 \u05D4\u05D5\u05E2\u05D1\u05E8 \u05DC\u05E8\u05DB\u05D9\u05D1 \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5");
   }, []);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!sourceTableId || !targetTableId) return;
     let cancelled = false;
     (async () => {
@@ -9089,7 +9246,7 @@ var PlacementBlock = (props) => {
       cancelled = true;
     };
   }, [sourceTableId, targetTableId, loadTable]);
-  const displayValue = (0, import_react20.useCallback)((col, val) => {
+  const displayValue = (0, import_react21.useCallback)((col, val) => {
     var _a2, _b2, _c, _d, _e;
     let text2 = cellText(val);
     if (text2 && /^[a-fA-F0-9]{24}$/.test(text2)) {
@@ -9109,7 +9266,7 @@ var PlacementBlock = (props) => {
     }
     return text2;
   }, [targetRelOptions, targetRows, sourceRows]);
-  const relationLabelMaps = (0, import_react20.useMemo)(() => {
+  const relationLabelMaps = (0, import_react21.useMemo)(() => {
     const maps = {};
     Object.entries(sourceRelOptions || {}).forEach(([colName, opts]) => {
       const m = /* @__PURE__ */ new Map();
@@ -9122,7 +9279,7 @@ var PlacementBlock = (props) => {
     });
     return maps;
   }, [sourceRelOptions]);
-  const relationLabelsOf = (0, import_react20.useCallback)((row, colName) => {
+  const relationLabelsOf = (0, import_react21.useCallback)((row, colName) => {
     var _a2;
     const map = relationLabelMaps[colName];
     const ids = normalizeRelationValue((_a2 = row.data) == null ? void 0 : _a2[colName]);
@@ -9131,7 +9288,7 @@ var PlacementBlock = (props) => {
     const txt = cellText(readColumnValue(row.data, colName));
     return txt && !/^[a-fA-F0-9]{24}$/.test(txt) ? txt.split(", ").filter(Boolean) : [];
   }, [relationLabelMaps]);
-  const rowPassesColFilters = (0, import_react20.useCallback)((row, filters) => {
+  const rowPassesColFilters = (0, import_react21.useCallback)((row, filters) => {
     return Object.entries(filters).every(([colName, f]) => {
       if (!f) return true;
       const labels = relationLabelsOf(row, colName);
@@ -9140,7 +9297,7 @@ var PlacementBlock = (props) => {
       return true;
     });
   }, [relationLabelsOf]);
-  const setColFilter = (0, import_react20.useCallback)((grid, colName, payload) => {
+  const setColFilter = (0, import_react21.useCallback)((grid, colName, payload) => {
     setColFilters((prev) => {
       const next = __spreadValues({}, prev[grid]);
       if (payload === void 0) delete next[colName];
@@ -9148,11 +9305,11 @@ var PlacementBlock = (props) => {
       return __spreadProps(__spreadValues({}, prev), { [grid]: next });
     });
   }, []);
-  const openColFilter = (0, import_react20.useCallback)((grid, colName, rect) => {
+  const openColFilter = (0, import_react21.useCallback)((grid, colName, rect) => {
     setFilterPopover((cur) => cur && cur.grid === grid && cur.colName === colName ? null : { grid, colName, rect });
   }, []);
-  const closeColFilter = (0, import_react20.useCallback)(() => setFilterPopover(null), []);
-  const filterColumns = (0, import_react20.useMemo)(() => {
+  const closeColFilter = (0, import_react21.useCallback)(() => setFilterPopover(null), []);
+  const filterColumns = (0, import_react21.useMemo)(() => {
     const definedFilters = (config == null ? void 0 : config.filterFields) || [];
     const legacyFilters = [config == null ? void 0 : config.targetFilterField1Id, config == null ? void 0 : config.targetFilterField2Id].filter(Boolean);
     const fieldsToUse = definedFilters.length > 0 ? definedFilters : legacyFilters;
@@ -9178,7 +9335,7 @@ var PlacementBlock = (props) => {
     return targetColumns.filter((c) => isUserColumn(c) && c.name !== assignmentField && !["id", "_id", "id_", "statusId"].includes(c.name)).slice(0, 3);
   }, [targetColumns, assignmentField, config]);
   const rawSelectorField = (config == null ? void 0 : config.targetSelectorFieldId) || (config == null ? void 0 : config.targetDisplayFieldId) || ((_a = filterColumns[0]) == null ? void 0 : _a.name) || "";
-  const selectorField = (0, import_react20.useMemo)(() => {
+  const selectorField = (0, import_react21.useMemo)(() => {
     const { relationColumn } = parseColumnRef(rawSelectorField);
     if (relationColumn && !targetColumns.some((c) => c.name === rawSelectorField) && targetColumns.some((c) => {
       var _a2;
@@ -9188,7 +9345,7 @@ var PlacementBlock = (props) => {
     }
     return rawSelectorField;
   }, [rawSelectorField, targetColumns]);
-  const filteredTargetRows = (0, import_react20.useMemo)(() => {
+  const filteredTargetRows = (0, import_react21.useMemo)(() => {
     return targetRows.filter((r) => {
       return filterColumns.every((col) => {
         const filterVal = targetFilters[col.name];
@@ -9197,7 +9354,7 @@ var PlacementBlock = (props) => {
       });
     });
   }, [targetRows, targetFilters, filterColumns, displayValue]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (filteredTargetRows.length > 0) {
       if (!selectedTargetId || !filteredTargetRows.some((r) => r.id === selectedTargetId)) {
         setSelectedTargetId(filteredTargetRows[0].id);
@@ -9206,11 +9363,27 @@ var PlacementBlock = (props) => {
       setSelectedTargetId("");
     }
   }, [filteredTargetRows, selectedTargetId]);
-  const assignmentColumn = (0, import_react20.useMemo)(() => targetColumns.find((c) => c.name === assignmentField), [targetColumns, assignmentField]);
+  const appliedDefaultsKeyRef = (0, import_react21.useRef)("");
+  (0, import_react21.useEffect)(() => {
+    const defaults = config == null ? void 0 : config.targetFilterDefaults;
+    if (isLoading || !defaults || targetRows.length === 0 || targetColumns.length === 0) return;
+    const key = `${targetTableId}|${JSON.stringify(defaults)}`;
+    if (appliedDefaultsKeyRef.current === key) return;
+    appliedDefaultsKeyRef.current = key;
+    const resolved = computePlacementDefaultFilters({
+      refs: getPlacementFilterRefs(config),
+      defaults,
+      targetColumns,
+      rows: targetRows,
+      getText: (colName, data) => displayValue(targetColumns.find((c) => c.name === colName) || { name: colName }, readColumnValue(data, colName))
+    });
+    if (Object.keys(resolved).length > 0) setTargetFilters((prev) => __spreadValues(__spreadValues({}, resolved), prev));
+  }, [config, isLoading, targetRows, targetColumns, targetTableId, displayValue]);
+  const assignmentColumn = (0, import_react21.useMemo)(() => targetColumns.find((c) => c.name === assignmentField), [targetColumns, assignmentField]);
   const isRelationField = ((_b = assignmentColumn == null ? void 0 : assignmentColumn.type) == null ? void 0 : _b.toUpperCase()) === "RELATION";
   const assignmentLabel = (assignmentColumn == null ? void 0 : assignmentColumn.label) || (assignmentColumn == null ? void 0 : assignmentColumn.name) || assignmentField || "";
-  const nameOf = (0, import_react20.useCallback)((row) => cellText(readColumnValue(row.data, displayField)) || "\u05DC\u05DC\u05D0 \u05E9\u05DD", [displayField]);
-  const assignedIds = (0, import_react20.useMemo)(() => {
+  const nameOf = (0, import_react21.useCallback)((row) => cellText(readColumnValue(row.data, displayField)) || "\u05DC\u05DC\u05D0 \u05E9\u05DD", [displayField]);
+  const assignedIds = (0, import_react21.useMemo)(() => {
     var _a2;
     const target = targetRows.find((r) => r.id === selectedTargetId);
     if (!target || !assignmentField) return [];
@@ -9224,36 +9397,36 @@ var PlacementBlock = (props) => {
     }).filter((id) => !!id && sourceRows.some((s) => s.id === id));
     return Array.from(new Set(ids));
   }, [selectedTargetId, targetRows, sourceRows, assignmentField, isRelationField, nameOf]);
-  const assignedIdsRef = (0, import_react20.useRef)(assignedIds);
+  const assignedIdsRef = (0, import_react21.useRef)(assignedIds);
   assignedIdsRef.current = assignedIds;
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     setCandidateIds(assignedIdsRef.current);
     setCheckedIds(assignedIdsRef.current);
   }, [selectedTargetId, sourceRows]);
-  const toGridRow = (0, import_react20.useCallback)((r, checked = false) => __spreadProps(__spreadValues({}, r.data), { id: r.id, __label: nameOf(r), __checked: checked, statusId: statusMap[r.id] || defaultStatusId }), [nameOf, statusMap, defaultStatusId]);
-  const candidateRows = (0, import_react20.useMemo)(() => candidateIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r), [candidateIds, sourceRows]);
-  const candidateGridData = (0, import_react20.useMemo)(() => {
+  const toGridRow = (0, import_react21.useCallback)((r, checked = false) => __spreadProps(__spreadValues({}, r.data), { id: r.id, __label: nameOf(r), __checked: checked, statusId: statusMap[r.id] || defaultStatusId }), [nameOf, statusMap, defaultStatusId]);
+  const candidateRows = (0, import_react21.useMemo)(() => candidateIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r), [candidateIds, sourceRows]);
+  const candidateGridData = (0, import_react21.useMemo)(() => {
     const checked = new Set(checkedIds);
     return candidateRows.filter((r) => rowPassesColFilters(r, colFilters.cand)).map((r) => toGridRow(r, checked.has(r.id)));
   }, [candidateRows, checkedIds, toGridRow, rowPassesColFilters, colFilters.cand]);
-  const availableRows = (0, import_react20.useMemo)(() => {
+  const availableRows = (0, import_react21.useMemo)(() => {
     const set = new Set(candidateIds);
     return sourceRows.filter((r) => !set.has(r.id));
   }, [candidateIds, sourceRows]);
-  const relationButtonColumns = (0, import_react20.useMemo)(() => {
+  const relationButtonColumns = (0, import_react21.useMemo)(() => {
     const wanted = Array.isArray(config == null ? void 0 : config.relationButtonColumns) ? config.relationButtonColumns : [];
     return wanted.filter((name) => sourceColumns.some((c) => (c == null ? void 0 : c.name) === name && String(c == null ? void 0 : c.type).toUpperCase() === "RELATION"));
   }, [config, sourceColumns]);
   const hasRelationButtons = relationButtonColumns.length > 0;
-  const handleRelationFilterChange = (0, import_react20.useCallback)((colName, id) => {
+  const handleRelationFilterChange = (0, import_react21.useCallback)((colName, id) => {
     setSourceRelFilters((prev) => __spreadProps(__spreadValues({}, prev), { [colName]: id }));
   }, []);
-  const availableGridData = (0, import_react20.useMemo)(() => {
+  const availableGridData = (0, import_react21.useMemo)(() => {
     const active = Object.entries(sourceRelFilters).filter(([name, v]) => !!v && relationButtonColumns.includes(name));
     const byButtons = active.length === 0 ? availableRows : availableRows.filter((r) => active.every(([name, v]) => rowMatchesRelationFilter(r, name, v)));
     return byButtons.filter((r) => rowPassesColFilters(r, colFilters.source)).map((r) => toGridRow(r));
   }, [availableRows, sourceRelFilters, relationButtonColumns, toGridRow, rowPassesColFilters, colFilters.source]);
-  const persistAssignment = (0, import_react20.useCallback)(async (nextIds) => {
+  const persistAssignment = (0, import_react21.useCallback)(async (nextIds) => {
     const exec = executeActionRef.current;
     if (exec && targetTableId && assignmentField && selectedTargetId) {
       const value = isRelationField ? nextIds : nextIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r).map(nameOf).join(", ");
@@ -9265,33 +9438,33 @@ var PlacementBlock = (props) => {
       for (const id of nextIds.filter((i) => !assignedIds.includes(i))) await legacyRef.current.updateAssignment(selectedTargetId, id);
     }
   }, [targetTableId, assignmentField, selectedTargetId, isRelationField, sourceRows, nameOf, assignedIds]);
-  const moveToCandidates = (0, import_react20.useCallback)((id) => {
+  const moveToCandidates = (0, import_react21.useCallback)((id) => {
     setCandidateIds((prev) => prev.includes(id) ? prev : [...prev, id]);
   }, []);
-  const moveToSource = (0, import_react20.useCallback)((id) => {
+  const moveToSource = (0, import_react21.useCallback)((id) => {
     setCandidateIds((prev) => prev.filter((x) => x !== id));
     setCheckedIds((prev) => prev.filter((x) => x !== id));
     setStatusMap((prev) => __spreadProps(__spreadValues({}, prev), { [id]: defaultStatusId }));
   }, [defaultStatusId]);
-  const moveToCandidatesRef = (0, import_react20.useRef)(moveToCandidates);
+  const moveToCandidatesRef = (0, import_react21.useRef)(moveToCandidates);
   moveToCandidatesRef.current = moveToCandidates;
-  const moveToSourceRef = (0, import_react20.useRef)(moveToSource);
+  const moveToSourceRef = (0, import_react21.useRef)(moveToSource);
   moveToSourceRef.current = moveToSource;
-  const toggleChecked = (0, import_react20.useCallback)((id) => {
+  const toggleChecked = (0, import_react21.useCallback)((id) => {
     setCheckedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
   }, []);
   const allChecked = candidateIds.length > 0 && candidateIds.every((id) => checkedIds.includes(id));
   const someChecked = candidateIds.some((id) => checkedIds.includes(id));
-  const toggleAll = (0, import_react20.useCallback)(() => {
+  const toggleAll = (0, import_react21.useCallback)(() => {
     setCheckedIds(allChecked ? [] : [...candidateIds]);
   }, [allChecked, candidateIds]);
-  const returnAll = (0, import_react20.useCallback)(() => {
+  const returnAll = (0, import_react21.useCallback)(() => {
     setCandidateIds([]);
     setCheckedIds([]);
   }, []);
-  const checkedCandidates = (0, import_react20.useMemo)(() => candidateIds.filter((id) => checkedIds.includes(id)), [candidateIds, checkedIds]);
+  const checkedCandidates = (0, import_react21.useMemo)(() => candidateIds.filter((id) => checkedIds.includes(id)), [candidateIds, checkedIds]);
   const isDirty = checkedCandidates.length !== assignedIds.length || checkedCandidates.some((id) => !assignedIds.includes(id));
-  const submitAssignment = (0, import_react20.useCallback)(async () => {
+  const submitAssignment = (0, import_react21.useCallback)(async () => {
     if (!selectedTargetId) {
       alert("\u05D0\u05E0\u05D0 \u05D1\u05D7\u05E8 \u05E7\u05D5\u05D3\u05DD \u05E8\u05E9\u05D5\u05DE\u05EA \u05D9\u05E2\u05D3 \u05DC\u05E4\u05E0\u05D9 \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5");
       return;
@@ -9307,14 +9480,14 @@ var PlacementBlock = (props) => {
       setIsSaving(false);
     }
   }, [selectedTargetId, persistAssignment, checkedCandidates]);
-  const cycleStatus = (0, import_react20.useCallback)((recordId) => {
+  const cycleStatus = (0, import_react21.useCallback)((recordId) => {
     setStatusMap((prev) => {
       const current = prev[recordId] || defaultStatusId;
       const idx = statuses.findIndex((c) => c.id === current);
       return __spreadProps(__spreadValues({}, prev), { [recordId]: statuses[(idx + 1) % statuses.length].id });
     });
   }, [statuses, defaultStatusId]);
-  const cancelAssignment = (0, import_react20.useCallback)(async () => {
+  const cancelAssignment = (0, import_react21.useCallback)(async () => {
     if (!selectedTargetId || assignedIds.length === 0) return;
     if (!window.confirm(`\u05DC\u05D1\u05D8\u05DC \u05D0\u05EA \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5 \u05D5\u05DC\u05DE\u05D7\u05D5\u05E7 \u05D0\u05EA \u05D4\u05E0\u05EA\u05D5\u05DF \u05DE\u05E9\u05D3\u05D4 "${assignmentLabel}"?`)) return;
     const removed = new Set(assignedIds);
@@ -9330,7 +9503,7 @@ var PlacementBlock = (props) => {
       setIsSaving(false);
     }
   }, [selectedTargetId, assignedIds, assignmentLabel, persistAssignment]);
-  const makeColDefs = (0, import_react20.useCallback)((columns, fallbackName, grid, withCheckbox = false) => {
+  const makeColDefs = (0, import_react21.useCallback)((columns, fallbackName, grid, withCheckbox = false) => {
     const gridFilters = colFilters[grid];
     const defs = [];
     if (withCheckbox) {
@@ -9375,36 +9548,36 @@ var PlacementBlock = (props) => {
     return defs;
   }, [cycleStatus, statuses, defaultStatusId, displayField, displayValue, toggleChecked, toggleAll, allChecked, someChecked, colFilters, openColFilter]);
   const sourceHeader = displayField === "name" ? "\u05E9\u05DD" : columnRefLabel(displayField);
-  const sourceColDefs = (0, import_react20.useMemo)(() => makeColDefs(sourceColumns, sourceHeader, "source"), [makeColDefs, sourceColumns, sourceHeader]);
-  const candidateColDefs = (0, import_react20.useMemo)(() => makeColDefs(sourceColumns, sourceHeader, "cand", true), [makeColDefs, sourceColumns, sourceHeader]);
-  const defaultColDef = (0, import_react20.useMemo)(() => ({ resizable: true }), []);
+  const sourceColDefs = (0, import_react21.useMemo)(() => makeColDefs(sourceColumns, sourceHeader, "source"), [makeColDefs, sourceColumns, sourceHeader]);
+  const candidateColDefs = (0, import_react21.useMemo)(() => makeColDefs(sourceColumns, sourceHeader, "cand", true), [makeColDefs, sourceColumns, sourceHeader]);
+  const defaultColDef = (0, import_react21.useMemo)(() => ({ resizable: true }), []);
   const scrollableColIds = (defs) => defs.filter((d) => !d.pinned).map((d) => {
     var _a2;
     return (_a2 = d.colId) != null ? _a2 : d.field;
   }).filter(Boolean);
-  const expandColumns = (0, import_react20.useCallback)((api) => {
+  const expandColumns = (0, import_react21.useCallback)((api) => {
     api == null ? void 0 : api.sizeColumnsToFit();
   }, []);
-  const shrinkColumns = (0, import_react20.useCallback)((api, defs) => {
+  const shrinkColumns = (0, import_react21.useCallback)((api, defs) => {
     api == null ? void 0 : api.autoSizeColumns(scrollableColIds(defs));
   }, []);
-  const popoverOptions = (0, import_react20.useMemo)(() => {
+  const popoverOptions = (0, import_react21.useMemo)(() => {
     if (!filterPopover) return [];
     const rows = filterPopover.grid === "source" ? availableRows : candidateRows;
     const set = /* @__PURE__ */ new Set();
     rows.forEach((r) => relationLabelsOf(r, filterPopover.colName).forEach((l) => set.add(l)));
     return Array.from(set).sort((a, b) => a.localeCompare(b, "he")).map((label) => ({ id: label, label }));
   }, [filterPopover, availableRows, candidateRows, relationLabelsOf]);
-  const popoverColumn = (0, import_react20.useMemo)(
+  const popoverColumn = (0, import_react21.useMemo)(
     () => filterPopover ? sourceColumns.find((c) => c.name === filterPopover.colName) : void 0,
     [filterPopover, sourceColumns]
   );
-  const getRowId = (0, import_react20.useCallback)((p) => p.data.id, []);
-  const sourceContainerRef = (0, import_react20.useRef)(null);
-  const assignedContainerRef = (0, import_react20.useRef)(null);
-  const [sourceApi, setSourceApi] = (0, import_react20.useState)(null);
-  const [assignedApi, setAssignedApi] = (0, import_react20.useState)(null);
-  (0, import_react20.useEffect)(() => {
+  const getRowId = (0, import_react21.useCallback)((p) => p.data.id, []);
+  const sourceContainerRef = (0, import_react21.useRef)(null);
+  const assignedContainerRef = (0, import_react21.useRef)(null);
+  const [sourceApi, setSourceApi] = (0, import_react21.useState)(null);
+  const [assignedApi, setAssignedApi] = (0, import_react21.useState)(null);
+  (0, import_react21.useEffect)(() => {
     if (!sourceApi || !assignedApi) return;
     const toAssigned = { getContainer: () => assignedContainerRef.current, onDragStop: (p) => {
       var _a2, _b2;
@@ -9427,20 +9600,20 @@ var PlacementBlock = (props) => {
       }
     };
   }, [sourceApi, assignedApi]);
-  const selectorLabel = (0, import_react20.useMemo)(() => {
+  const selectorLabel = (0, import_react21.useMemo)(() => {
     const col = targetColumns.find((c) => c.name === selectorField || c.id === selectorField);
     return (col == null ? void 0 : col.label) || columnRefLabel(selectorField) || "\u05D1\u05D7\u05D9\u05E8\u05EA \u05E8\u05E9\u05D5\u05DE\u05D4 \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5";
   }, [targetColumns, selectorField]);
-  const assignedText = (0, import_react20.useMemo)(
+  const assignedText = (0, import_react21.useMemo)(
     () => assignedIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r).map(nameOf).join(", "),
     [assignedIds, sourceRows, nameOf]
   );
   const activeTarget = targetRows.find((r) => r.id === selectedTargetId);
-  const targetLabel = (0, import_react20.useCallback)((r) => {
+  const targetLabel = (0, import_react21.useCallback)((r) => {
     const col = targetColumns.find((c) => c.name === selectorField || c.id === selectorField);
     return displayValue(col || { name: selectorField }, readColumnValue(r.data, selectorField)) || "\u05DC\u05DC\u05D0 \u05E9\u05DD";
   }, [selectorField, targetColumns, displayValue]);
-  const previewColumns = (0, import_react20.useMemo)(() => targetColumns.filter((c) => isUserColumn(c) && c.name !== assignmentField && !["id", "_id", "id_", "statusId"].includes(c.name)), [targetColumns, assignmentField]);
+  const previewColumns = (0, import_react21.useMemo)(() => targetColumns.filter((c) => isUserColumn(c) && c.name !== assignmentField && !["id", "_id", "id_", "statusId"].includes(c.name)), [targetColumns, assignmentField]);
   if (!config || !sourceTableId || !targetTableId) {
     return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "p-4 text-xs text-slate-500 border border-dashed border-slate-300 rounded-xl", dir: "rtl", children: "\u05E8\u05DB\u05D9\u05D1 \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5 \u05DC\u05D0 \u05D4\u05D5\u05D2\u05D3\u05E8 (\u05D7\u05E1\u05E8\u05D5\u05EA \u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8 / \u05D8\u05D1\u05DC\u05EA \u05D9\u05E2\u05D3)." });
   }
@@ -9603,11 +9776,11 @@ var PlacementBlock = (props) => {
 };
 
 // src/components/WhatsAppComponent/WhatsAppComponent.tsx
-var import_react26 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 var import_lucide_react17 = require("lucide-react");
 
 // src/components/WhatsAppComponent/CreateTemplateModal.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_lucide_react11 = require("lucide-react");
 var import_emoji_picker_react = __toESM(require("emoji-picker-react"));
 
@@ -9737,26 +9910,26 @@ function CreateTemplateModal({
   executeAction,
   orgId
 }) {
-  const [templateName, setTemplateName] = (0, import_react21.useState)("");
-  const [language, setLanguage] = (0, import_react21.useState)("he");
-  const [category, setCategory] = (0, import_react21.useState)("MARKETING");
-  const [bodyText, setBodyText] = (0, import_react21.useState)("");
-  const [variableSamples, setVariableSamples] = (0, import_react21.useState)({});
-  const [hasFileHeader, setHasFileHeader] = (0, import_react21.useState)(false);
-  const [selectedFile, setSelectedFile] = (0, import_react21.useState)(null);
-  const [fileBase64, setFileBase64] = (0, import_react21.useState)("");
-  const [buttons, setButtons] = (0, import_react21.useState)([]);
-  const [isAddButtonOpen, setIsAddButtonOpen] = (0, import_react21.useState)(false);
-  const addButtonDropdownRef = (0, import_react21.useRef)(null);
-  const [isSubmitting, setIsSubmitting] = (0, import_react21.useState)(false);
-  const [submittingStep, setSubmittingStep] = (0, import_react21.useState)("");
-  const [submitError, setSubmitError] = (0, import_react21.useState)(null);
-  const [fileError, setFileError] = (0, import_react21.useState)(null);
-  const textareaRef = (0, import_react21.useRef)(null);
-  const fileInputRef = (0, import_react21.useRef)(null);
-  const emojiPickerRef = (0, import_react21.useRef)(null);
-  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  const [templateName, setTemplateName] = (0, import_react22.useState)("");
+  const [language, setLanguage] = (0, import_react22.useState)("he");
+  const [category, setCategory] = (0, import_react22.useState)("MARKETING");
+  const [bodyText, setBodyText] = (0, import_react22.useState)("");
+  const [variableSamples, setVariableSamples] = (0, import_react22.useState)({});
+  const [hasFileHeader, setHasFileHeader] = (0, import_react22.useState)(false);
+  const [selectedFile, setSelectedFile] = (0, import_react22.useState)(null);
+  const [fileBase64, setFileBase64] = (0, import_react22.useState)("");
+  const [buttons, setButtons] = (0, import_react22.useState)([]);
+  const [isAddButtonOpen, setIsAddButtonOpen] = (0, import_react22.useState)(false);
+  const addButtonDropdownRef = (0, import_react22.useRef)(null);
+  const [isSubmitting, setIsSubmitting] = (0, import_react22.useState)(false);
+  const [submittingStep, setSubmittingStep] = (0, import_react22.useState)("");
+  const [submitError, setSubmitError] = (0, import_react22.useState)(null);
+  const [fileError, setFileError] = (0, import_react22.useState)(null);
+  const textareaRef = (0, import_react22.useRef)(null);
+  const fileInputRef = (0, import_react22.useRef)(null);
+  const emojiPickerRef = (0, import_react22.useRef)(null);
+  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = (0, import_react22.useState)(false);
+  (0, import_react22.useEffect)(() => {
     function handleClickOutside(event) {
       if (emojiPickerRef.current && !emojiPickerRef.current.contains(event.target)) {
         setIsEmojiPickerOpen(false);
@@ -9780,7 +9953,7 @@ function CreateTemplateModal({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [isEmojiPickerOpen, isAddButtonOpen]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (isOpen) {
       setTemplateName("");
       setLanguage("he");
@@ -9799,10 +9972,10 @@ function CreateTemplateModal({
       setIsEmojiPickerOpen(false);
     }
   }, [isOpen]);
-  const uniqueVariables = (0, import_react21.useMemo)(() => {
+  const uniqueVariables = (0, import_react22.useMemo)(() => {
     return extractUniqueVariableIndices(bodyText);
   }, [bodyText]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     setVariableSamples((prev) => {
       const next = {};
       uniqueVariables.forEach((idx) => {
@@ -9813,7 +9986,7 @@ function CreateTemplateModal({
   }, [uniqueVariables]);
   const isNameEmpty = templateName.trim().length === 0;
   const isNamePatternValid = isValidTemplateName(templateName);
-  const isNameDuplicate = (0, import_react21.useMemo)(() => {
+  const isNameDuplicate = (0, import_react22.useMemo)(() => {
     const trimmedName = templateName.trim().toLowerCase();
     if (!trimmedName) return false;
     if (existingTemplates && existingTemplates.length > 0) {
@@ -9823,9 +9996,9 @@ function CreateTemplateModal({
     }
     return isDuplicateTemplateName(trimmedName, existingTemplateNames, language);
   }, [templateName, language, existingTemplates, existingTemplateNames]);
-  const ratioInfo = (0, import_react21.useMemo)(() => validateWordToVariableRatio(bodyText), [bodyText]);
-  const seqInfo = (0, import_react21.useMemo)(() => validateSequentialVariables(bodyText), [bodyText]);
-  const validationResult = (0, import_react21.useMemo)(() => {
+  const ratioInfo = (0, import_react22.useMemo)(() => validateWordToVariableRatio(bodyText), [bodyText]);
+  const seqInfo = (0, import_react22.useMemo)(() => validateSequentialVariables(bodyText), [bodyText]);
+  const validationResult = (0, import_react22.useMemo)(() => {
     return validateWhatsAppTemplate({
       name: templateName,
       language,
@@ -10819,7 +10992,7 @@ function CreateTemplateModal({
 }
 
 // src/components/WhatsAppComponent/hooks/useWhatsAppState.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/components/WhatsAppComponent/utils/recipientEngine.ts
 var STORAGE_KEY_TEST_PHONE = "whatsapp_test_phone";
@@ -12124,29 +12297,29 @@ function useWhatsAppState(props) {
     data: injectedData
   } = props;
   const orgId = props.orgId || props.organizationId || (settings == null ? void 0 : settings.orgId) || (settings == null ? void 0 : settings.organizationId) || (injectedData == null ? void 0 : injectedData.orgId) || (injectedData == null ? void 0 : injectedData.organizationId);
-  const [tableColumns2, setTableColumns] = (0, import_react22.useState)(() => {
+  const [tableColumns2, setTableColumns] = (0, import_react23.useState)(() => {
     return Array.isArray(settings == null ? void 0 : settings.columns) ? settings.columns : [];
   });
-  const [rawRecords, setRawRecords] = (0, import_react22.useState)(() => {
+  const [rawRecords, setRawRecords] = (0, import_react23.useState)(() => {
     if (Array.isArray(injectedData)) return injectedData;
     if (Array.isArray(injectedData == null ? void 0 : injectedData.records)) return injectedData.records;
     return [];
   });
-  const [relationOptions, setRelationOptions] = (0, import_react22.useState)(() => {
+  const [relationOptions, setRelationOptions] = (0, import_react23.useState)(() => {
     return (injectedData == null ? void 0 : injectedData.relationOptions) || {};
   });
-  const [isLoadingTableData, setIsLoadingTableData] = (0, import_react22.useState)(() => Boolean(settings == null ? void 0 : settings.tableMetaId));
-  const [activeSubtableScans, setActiveSubtableScans] = (0, import_react22.useState)(0);
-  const [tableError, setTableError] = (0, import_react22.useState)(null);
-  const [filters, setFilters] = (0, import_react22.useState)({});
-  const [selectedRowIds, setSelectedRowIds] = (0, import_react22.useState)([]);
-  const [autoSelectCount, setAutoSelectCount] = (0, import_react22.useState)(null);
-  const isAutoSelectingRef = (0, import_react22.useRef)(false);
-  const isManualOverrideRef = (0, import_react22.useRef)(false);
-  const prevAutoSelectCountRef = (0, import_react22.useRef)(null);
-  const fetchedTableIdsRef = (0, import_react22.useRef)(/* @__PURE__ */ new Set());
-  const fullyFetchedRelationKeysRef = (0, import_react22.useRef)(/* @__PURE__ */ new Set());
-  const loadTableData = (0, import_react22.useCallback)(async () => {
+  const [isLoadingTableData, setIsLoadingTableData] = (0, import_react23.useState)(() => Boolean(settings == null ? void 0 : settings.tableMetaId));
+  const [activeSubtableScans, setActiveSubtableScans] = (0, import_react23.useState)(0);
+  const [tableError, setTableError] = (0, import_react23.useState)(null);
+  const [filters, setFilters] = (0, import_react23.useState)({});
+  const [selectedRowIds, setSelectedRowIds] = (0, import_react23.useState)([]);
+  const [autoSelectCount, setAutoSelectCount] = (0, import_react23.useState)(null);
+  const isAutoSelectingRef = (0, import_react23.useRef)(false);
+  const isManualOverrideRef = (0, import_react23.useRef)(false);
+  const prevAutoSelectCountRef = (0, import_react23.useRef)(null);
+  const fetchedTableIdsRef = (0, import_react23.useRef)(/* @__PURE__ */ new Set());
+  const fullyFetchedRelationKeysRef = (0, import_react23.useRef)(/* @__PURE__ */ new Set());
+  const loadTableData = (0, import_react23.useCallback)(async () => {
     var _a2;
     const tableId = (settings == null ? void 0 : settings.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableId);
     if (!tableId || !executeAction) return;
@@ -12213,10 +12386,10 @@ function useWhatsAppState(props) {
     executeAction,
     orgId
   ]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     loadTableData();
   }, [loadTableData]);
-  const filterableColumns = (0, import_react22.useMemo)(() => {
+  const filterableColumns = (0, import_react23.useMemo)(() => {
     return (tableColumns2 || []).filter((col) => {
       var _a2;
       if (!col || col.name === "_id" || col.id === "_id") return false;
@@ -12224,15 +12397,15 @@ function useWhatsAppState(props) {
       return type === "RELATION" || type === "BOOLEAN";
     });
   }, [tableColumns2]);
-  const [referencedTableSchemas, setReferencedTableSchemas] = (0, import_react22.useState)({});
-  const subtableCols = (0, import_react22.useMemo)(() => {
+  const [referencedTableSchemas, setReferencedTableSchemas] = (0, import_react23.useState)({});
+  const subtableCols = (0, import_react23.useMemo)(() => {
     return (tableColumns2 || []).filter((col) => {
       var _a2;
       const type = (_a2 = col.type) == null ? void 0 : _a2.toUpperCase();
       return type === "RELATION" || type === "SUB_TABLE" || type === "SUBTABLE";
     });
   }, [tableColumns2]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!executeAction) return;
     const unrequestedCols = subtableCols.filter((col) => {
       var _a2;
@@ -12278,20 +12451,20 @@ function useWhatsAppState(props) {
   const isScanningPhoneColumns = Boolean(
     isLoadingTableData || activeSubtableScans > 0 || tableColumns2.length === 0 && Boolean(settings == null ? void 0 : settings.tableMetaId)
   );
-  const targetPhoneOptions = (0, import_react22.useMemo)(() => {
+  const targetPhoneOptions = (0, import_react23.useMemo)(() => {
     const cols = tableColumns2 && tableColumns2.length > 0 ? tableColumns2 : Array.isArray(settings == null ? void 0 : settings.columns) ? settings.columns : [];
     return scanTargetPhoneOptions(cols, referencedTableSchemas);
   }, [tableColumns2, settings == null ? void 0 : settings.columns, referencedTableSchemas]);
-  const phoneColumns = (0, import_react22.useMemo)(() => {
+  const phoneColumns = (0, import_react23.useMemo)(() => {
     return targetPhoneOptions.map((opt) => ({ name: opt.label, id: opt.id, type: "PHONE" }));
   }, [targetPhoneOptions]);
-  const [phoneColumnId, setPhoneColumnId] = (0, import_react22.useState)("");
-  const [subtableFilterColumn, setSubtableFilterColumn] = (0, import_react22.useState)("");
-  const [subtableFilterValue, setSubtableFilterValue] = (0, import_react22.useState)("");
-  const [subtableSendLimit, setSubtableSendLimit] = (0, import_react22.useState)(
+  const [phoneColumnId, setPhoneColumnId] = (0, import_react23.useState)("");
+  const [subtableFilterColumn, setSubtableFilterColumn] = (0, import_react23.useState)("");
+  const [subtableFilterValue, setSubtableFilterValue] = (0, import_react23.useState)("");
+  const [subtableSendLimit, setSubtableSendLimit] = (0, import_react23.useState)(
     (settings == null ? void 0 : settings.subtableSendLimit) || "PRIMARY"
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (targetPhoneOptions.length > 0) {
       const isValid = targetPhoneOptions.some(
         (opt) => opt.id === phoneColumnId || opt.columnName === phoneColumnId
@@ -12303,13 +12476,13 @@ function useWhatsAppState(props) {
       setPhoneColumnId("");
     }
   }, [targetPhoneOptions, phoneColumnId]);
-  const selectedPhoneOption = (0, import_react22.useMemo)(() => {
+  const selectedPhoneOption = (0, import_react23.useMemo)(() => {
     if (!phoneColumnId) return targetPhoneOptions[0] || null;
     return targetPhoneOptions.find(
       (opt) => opt.id === phoneColumnId || opt.columnName === phoneColumnId
     ) || targetPhoneOptions[0] || null;
   }, [targetPhoneOptions, phoneColumnId]);
-  const subtableFilterableColumns = (0, import_react22.useMemo)(() => {
+  const subtableFilterableColumns = (0, import_react23.useMemo)(() => {
     var _a2, _b2, _c;
     if (!selectedPhoneOption || selectedPhoneOption.type !== "SUBTABLE") {
       return [];
@@ -12328,14 +12501,14 @@ function useWhatsAppState(props) {
       return type === "BOOLEAN" || type === "RELATION";
     });
   }, [selectedPhoneOption, referencedTableSchemas, tableColumns2]);
-  const selectedSubtableFilterCol = (0, import_react22.useMemo)(() => {
+  const selectedSubtableFilterCol = (0, import_react23.useMemo)(() => {
     return subtableFilterableColumns.find((c) => c.name === subtableFilterColumn);
   }, [subtableFilterableColumns, subtableFilterColumn]);
-  const [enablePostSendAction, setEnablePostSendAction] = (0, import_react22.useState)(false);
-  const [postSendActionColumn, setPostSendActionColumn] = (0, import_react22.useState)("");
-  const [postSendActionValue, setPostSendActionValue] = (0, import_react22.useState)("");
-  const [postSendActionTargetType, setPostSendActionTargetType] = (0, import_react22.useState)("MAIN");
-  const postSendActionTargetOptions = (0, import_react22.useMemo)(() => {
+  const [enablePostSendAction, setEnablePostSendAction] = (0, import_react23.useState)(false);
+  const [postSendActionColumn, setPostSendActionColumn] = (0, import_react23.useState)("");
+  const [postSendActionValue, setPostSendActionValue] = (0, import_react23.useState)("");
+  const [postSendActionTargetType, setPostSendActionTargetType] = (0, import_react23.useState)("MAIN");
+  const postSendActionTargetOptions = (0, import_react23.useMemo)(() => {
     var _a2, _b2, _c;
     const options = [];
     (tableColumns2 || []).forEach((col) => {
@@ -12380,14 +12553,14 @@ function useWhatsAppState(props) {
     }
     return options;
   }, [tableColumns2, selectedPhoneOption, referencedTableSchemas]);
-  const selectedPostSendOption = (0, import_react22.useMemo)(() => {
+  const selectedPostSendOption = (0, import_react23.useMemo)(() => {
     return postSendActionTargetOptions.find(
       (opt) => opt.id === postSendActionColumn || opt.columnName === postSendActionColumn
     );
   }, [postSendActionTargetOptions, postSendActionColumn]);
   const selectedPostSendCol = selectedPostSendOption;
-  const [isTestPromptOpen, setIsTestPromptOpen] = (0, import_react22.useState)(false);
-  const [testPhoneNumber, setTestPhoneNumber] = (0, import_react22.useState)(() => {
+  const [isTestPromptOpen, setIsTestPromptOpen] = (0, import_react23.useState)(false);
+  const [testPhoneNumber, setTestPhoneNumber] = (0, import_react23.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         return localStorage.getItem(STORAGE_KEY_TEST_PHONE) || "";
@@ -12397,10 +12570,10 @@ function useWhatsAppState(props) {
     }
     return "";
   });
-  const [testFeedback, setTestFeedback] = (0, import_react22.useState)(null);
-  const [isSendingTest, setIsSendingTest] = (0, import_react22.useState)(false);
-  const [isSendingBroadcast, setIsSendingBroadcast] = (0, import_react22.useState)(false);
-  const [broadcastProgress, setBroadcastProgress] = (0, import_react22.useState)({
+  const [testFeedback, setTestFeedback] = (0, import_react23.useState)(null);
+  const [isSendingTest, setIsSendingTest] = (0, import_react23.useState)(false);
+  const [isSendingBroadcast, setIsSendingBroadcast] = (0, import_react23.useState)(false);
+  const [broadcastProgress, setBroadcastProgress] = (0, import_react23.useState)({
     current: 0,
     total: 0,
     successful: 0,
@@ -12408,12 +12581,12 @@ function useWhatsAppState(props) {
     skipped: 0,
     percent: 0
   });
-  const [broadcastSummary, setBroadcastSummary] = (0, import_react22.useState)(null);
-  const [rowStatusMap, setRowStatusMap] = (0, import_react22.useState)({});
-  const clearBroadcastSummary = (0, import_react22.useCallback)(() => {
+  const [broadcastSummary, setBroadcastSummary] = (0, import_react23.useState)(null);
+  const [rowStatusMap, setRowStatusMap] = (0, import_react23.useState)({});
+  const clearBroadcastSummary = (0, import_react23.useCallback)(() => {
     setBroadcastSummary(null);
   }, []);
-  const handleTestPhoneChange = (0, import_react22.useCallback)((val) => {
+  const handleTestPhoneChange = (0, import_react23.useCallback)((val) => {
     setTestPhoneNumber(val);
     if (typeof window !== "undefined") {
       try {
@@ -12423,7 +12596,7 @@ function useWhatsAppState(props) {
       }
     }
   }, []);
-  const getRelationOptionsForCol = (0, import_react22.useCallback)(
+  const getRelationOptionsForCol = (0, import_react23.useCallback)(
     (colName, parentColName) => {
       var _a2, _b2, _c, _d;
       if (parentColName) {
@@ -12466,7 +12639,7 @@ function useWhatsAppState(props) {
     },
     [relationOptions, subtableFilterableColumns, postSendActionTargetOptions, tableColumns2, filterableColumns]
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     var _a2, _b2, _c, _d, _e;
     if (!executeAction) return;
     const targets = [];
@@ -12560,7 +12733,7 @@ function useWhatsAppState(props) {
       }
     });
   }, [filterableColumns, selectedPhoneOption, referencedTableSchemas, tableColumns2, executeAction, selectedPostSendOption, orgId]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     var _a2, _b2, _c;
     if (!executeAction || !selectedSubtableFilterCol) return;
     if (((_a2 = selectedSubtableFilterCol.type) == null ? void 0 : _a2.toUpperCase()) !== "RELATION") return;
@@ -12611,7 +12784,7 @@ function useWhatsAppState(props) {
       }
     })();
   }, [selectedSubtableFilterCol, selectedPhoneOption, executeAction, orgId]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     var _a2, _b2;
     if (!executeAction || !selectedPostSendOption) return;
     if (selectedPostSendOption.type !== "RELATION") return;
@@ -12664,7 +12837,7 @@ function useWhatsAppState(props) {
       }
     })();
   }, [selectedPostSendOption, executeAction, orgId]);
-  const filteredRecords = (0, import_react22.useMemo)(() => {
+  const filteredRecords = (0, import_react23.useMemo)(() => {
     const activeEntries = Object.entries(filters).filter(
       ([_, val]) => val !== void 0 && val !== null && val !== ""
     );
@@ -12696,7 +12869,7 @@ function useWhatsAppState(props) {
     });
   }, [rawRecords, filters, filterableColumns]);
   const filteredData = filteredRecords;
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (autoSelectCount !== null && autoSelectCount > 0) {
       isAutoSelectingRef.current = true;
       const sliced = filteredData.slice(0, autoSelectCount);
@@ -12714,7 +12887,7 @@ function useWhatsAppState(props) {
     isManualOverrideRef.current = false;
     prevAutoSelectCountRef.current = autoSelectCount;
   }, [autoSelectCount, filteredData]);
-  const embeddedTableExecuteAction = (0, import_react22.useCallback)(async (actionType, payload) => {
+  const embeddedTableExecuteAction = (0, import_react23.useCallback)(async (actionType, payload) => {
     if (actionType === "FETCH_TABLE_DATA") {
       const colFilters = (payload == null ? void 0 : payload.columnFilters) || (payload == null ? void 0 : payload.filters);
       const searchQuery = payload == null ? void 0 : payload.search;
@@ -12757,10 +12930,10 @@ function useWhatsAppState(props) {
   const handleClearFilters = () => {
     setFilters({});
   };
-  const activeFiltersCount = (0, import_react22.useMemo)(() => {
+  const activeFiltersCount = (0, import_react23.useMemo)(() => {
     return Object.values(filters).filter((v) => v !== "").length;
   }, [filters]);
-  const handleSelectionChange = (0, import_react22.useCallback)((selectedIds) => {
+  const handleSelectionChange = (0, import_react23.useCallback)((selectedIds) => {
     setSelectedRowIds((prev) => {
       if (prev.length === selectedIds.length && prev.every((id, idx) => id === selectedIds[idx])) {
         return prev;
@@ -12774,13 +12947,13 @@ function useWhatsAppState(props) {
       return selectedIds;
     });
   }, [autoSelectCount]);
-  const handleRowToggle = (0, import_react22.useCallback)((rowId, checked) => {
+  const handleRowToggle = (0, import_react23.useCallback)((rowId, checked) => {
     if (autoSelectCount !== null && autoSelectCount > 0) {
       isManualOverrideRef.current = true;
       setAutoSelectCount(null);
     }
   }, [autoSelectCount]);
-  const toggleRowSelection = (0, import_react22.useCallback)((rowId, checked) => {
+  const toggleRowSelection = (0, import_react23.useCallback)((rowId, checked) => {
     if (autoSelectCount !== null && autoSelectCount > 0) {
       isManualOverrideRef.current = true;
       setAutoSelectCount(null);
@@ -12796,15 +12969,15 @@ function useWhatsAppState(props) {
       return prev;
     });
   }, [autoSelectCount]);
-  const [templates, setTemplates] = (0, import_react22.useState)([]);
-  const [selectedTemplateId, setSelectedTemplateId] = (0, import_react22.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react22.useState)(true);
-  const [fetchError, setFetchError] = (0, import_react22.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0, import_react22.useState)(false);
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react22.useState)(false);
-  const [isDeleting, setIsDeleting] = (0, import_react22.useState)(false);
-  const [feedback, setFeedback] = (0, import_react22.useState)(null);
-  const loadTemplates = (0, import_react22.useCallback)(async () => {
+  const [templates, setTemplates] = (0, import_react23.useState)([]);
+  const [selectedTemplateId, setSelectedTemplateId] = (0, import_react23.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react23.useState)(true);
+  const [fetchError, setFetchError] = (0, import_react23.useState)(null);
+  const [isModalOpen, setIsModalOpen] = (0, import_react23.useState)(false);
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react23.useState)(false);
+  const [isDeleting, setIsDeleting] = (0, import_react23.useState)(false);
+  const [feedback, setFeedback] = (0, import_react23.useState)(null);
+  const loadTemplates = (0, import_react23.useCallback)(async () => {
     var _a2, _b2;
     if (!executeAction) {
       setIsLoading(false);
@@ -12856,13 +13029,13 @@ function useWhatsAppState(props) {
       setIsLoading(false);
     }
   }, [executeAction, orgId]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     loadTemplates();
   }, [loadTemplates]);
-  const selectedTemplate = (0, import_react22.useMemo)(() => {
+  const selectedTemplate = (0, import_react23.useMemo)(() => {
     return templates.find((t) => t.id === selectedTemplateId) || null;
   }, [templates, selectedTemplateId]);
-  const templateBodyText = (0, import_react22.useMemo)(() => {
+  const templateBodyText = (0, import_react23.useMemo)(() => {
     if (!(selectedTemplate == null ? void 0 : selectedTemplate.components)) return "";
     const bodyComp = selectedTemplate.components.find(
       (c) => {
@@ -12872,7 +13045,7 @@ function useWhatsAppState(props) {
     );
     return (bodyComp == null ? void 0 : bodyComp.text) || "";
   }, [selectedTemplate]);
-  const templateHeaderComp = (0, import_react22.useMemo)(() => {
+  const templateHeaderComp = (0, import_react23.useMemo)(() => {
     if (!(selectedTemplate == null ? void 0 : selectedTemplate.components)) return null;
     return selectedTemplate.components.find(
       (c) => {
@@ -12881,8 +13054,8 @@ function useWhatsAppState(props) {
       }
     ) || null;
   }, [selectedTemplate]);
-  const [headerMediaUrl, setHeaderMediaUrl] = (0, import_react22.useState)("");
-  (0, import_react22.useEffect)(() => {
+  const [headerMediaUrl, setHeaderMediaUrl] = (0, import_react23.useState)("");
+  (0, import_react23.useEffect)(() => {
     if (!templateHeaderComp) {
       setHeaderMediaUrl("");
       return;
@@ -12899,7 +13072,7 @@ function useWhatsAppState(props) {
       setHeaderMediaUrl("");
     }
   }, [templateHeaderComp, selectedTemplate == null ? void 0 : selectedTemplate.name]);
-  const handleHeaderMediaUrlChange = (0, import_react22.useCallback)(
+  const handleHeaderMediaUrlChange = (0, import_react23.useCallback)(
     (newUrl) => {
       setHeaderMediaUrl(newUrl);
       if ((selectedTemplate == null ? void 0 : selectedTemplate.name) && typeof window !== "undefined") {
@@ -12918,7 +13091,7 @@ function useWhatsAppState(props) {
     },
     [selectedTemplate == null ? void 0 : selectedTemplate.name]
   );
-  const handleResetHeaderMediaUrl = (0, import_react22.useCallback)(() => {
+  const handleResetHeaderMediaUrl = (0, import_react23.useCallback)(() => {
     if ((selectedTemplate == null ? void 0 : selectedTemplate.name) && typeof window !== "undefined") {
       try {
         localStorage.removeItem(`whatsapp_template_media_${selectedTemplate.name}`);
@@ -12932,8 +13105,8 @@ function useWhatsAppState(props) {
     );
     setHeaderMediaUrl(defaultUrl || "");
   }, [templateHeaderComp, selectedTemplate == null ? void 0 : selectedTemplate.name]);
-  const [isUploadingMedia, setIsUploadingMedia] = (0, import_react22.useState)(false);
-  const handleFileUpload = (0, import_react22.useCallback)(
+  const [isUploadingMedia, setIsUploadingMedia] = (0, import_react23.useState)(false);
+  const handleFileUpload = (0, import_react23.useCallback)(
     async (file, templateName) => {
       const tplName = templateName || (selectedTemplate == null ? void 0 : selectedTemplate.name) || "";
       if (!file) return;
@@ -12974,14 +13147,14 @@ function useWhatsAppState(props) {
     },
     [selectedTemplate == null ? void 0 : selectedTemplate.name]
   );
-  const templateVariables = (0, import_react22.useMemo)(() => {
+  const templateVariables = (0, import_react23.useMemo)(() => {
     return extractTemplateVariables(selectedTemplate);
   }, [selectedTemplate]);
-  const [variableMapping, setVariableMapping] = (0, import_react22.useState)({});
-  (0, import_react22.useEffect)(() => {
+  const [variableMapping, setVariableMapping] = (0, import_react23.useState)({});
+  (0, import_react23.useEffect)(() => {
     setVariableMapping({});
   }, [selectedTemplateId]);
-  const textableColumnOptions = (0, import_react22.useMemo)(() => {
+  const textableColumnOptions = (0, import_react23.useMemo)(() => {
     return getTextableColumnOptions({
       tableColumns: tableColumns2,
       selectedPhoneOption,
@@ -13007,7 +13180,7 @@ function useWhatsAppState(props) {
       });
     });
   };
-  const existingTemplateNames = (0, import_react22.useMemo)(() => {
+  const existingTemplateNames = (0, import_react23.useMemo)(() => {
     return templates.map((t) => t.name);
   }, [templates]);
   const handleDeleteTemplate = async () => {
@@ -13054,14 +13227,14 @@ function useWhatsAppState(props) {
     postSendActionColumn,
     postSendActionValue
   );
-  const isStaticVariableMissing = (0, import_react22.useMemo)(() => {
+  const isStaticVariableMissing = (0, import_react23.useMemo)(() => {
     return isStaticVariableIncomplete(templateVariables, variableMapping);
   }, [templateVariables, variableMapping]);
-  const currentRecords = (0, import_react22.useMemo)(() => {
+  const currentRecords = (0, import_react23.useMemo)(() => {
     var _a2;
     return rawRecords && rawRecords.length > 0 ? rawRecords : Array.isArray(props.data) ? props.data : Array.isArray((_a2 = props.data) == null ? void 0 : _a2.records) ? props.data.records : [];
   }, [rawRecords, props.data]);
-  const preparedRecipients = (0, import_react22.useMemo)(() => {
+  const preparedRecipients = (0, import_react23.useMemo)(() => {
     return prepareRecipients({
       selectedIds: selectedRowIds,
       records: currentRecords,
@@ -13081,7 +13254,7 @@ function useWhatsAppState(props) {
     selectedSubtableFilterCol
   ]);
   const finalRecipientCount = preparedRecipients.length;
-  const validMainRowsCount = (0, import_react22.useMemo)(() => {
+  const validMainRowsCount = (0, import_react23.useMemo)(() => {
     const rowIdSet = new Set(
       preparedRecipients.map((r) => r.mainRowId).filter(Boolean)
     );
@@ -13190,7 +13363,7 @@ function useWhatsAppState(props) {
       setIsSendingTest(false);
     }
   };
-  const handleSendMessages = (0, import_react22.useCallback)(async () => {
+  const handleSendMessages = (0, import_react23.useCallback)(async () => {
     var _a2, _b2;
     if (isSendDisabled || isSendingBroadcast) return;
     const recipients = preparedRecipients;
@@ -13496,7 +13669,7 @@ function useWhatsAppState(props) {
 }
 
 // src/components/WhatsAppComponent/ui/TemplateSelectionBlock.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function TemplateSelectionBlock({
@@ -13524,7 +13697,7 @@ function TemplateSelectionBlock({
   isUploadingMedia = false,
   handleFileUpload
 }) {
-  const fileInputRef = (0, import_react23.useRef)(null);
+  const fileInputRef = (0, import_react24.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "col-span-12 lg:col-span-5 min-h-[26rem] h-full flex flex-col bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 relative", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-1.5 shrink-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between pb-1.5 border-b border-slate-200/70 shrink-0 gap-2", children: [
@@ -14476,19 +14649,19 @@ function SettingsAndActionsBlock({
 }
 
 // src/components/WhatsAppComponent/inbox/useInboxState.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 function useInboxState(orgId, actions) {
-  const [conversations, setConversations] = (0, import_react24.useState)([]);
-  const [activeConversationId, setActiveConversationId] = (0, import_react24.useState)(null);
-  const [messages, setMessages] = (0, import_react24.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react24.useState)(false);
-  const [isSending, setIsSending] = (0, import_react24.useState)(false);
-  const [error, setError] = (0, import_react24.useState)(null);
-  const actionsRef = (0, import_react24.useRef)(actions);
-  (0, import_react24.useEffect)(() => {
+  const [conversations, setConversations] = (0, import_react25.useState)([]);
+  const [activeConversationId, setActiveConversationId] = (0, import_react25.useState)(null);
+  const [messages, setMessages] = (0, import_react25.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react25.useState)(false);
+  const [isSending, setIsSending] = (0, import_react25.useState)(false);
+  const [error, setError] = (0, import_react25.useState)(null);
+  const actionsRef = (0, import_react25.useRef)(actions);
+  (0, import_react25.useEffect)(() => {
     actionsRef.current = actions;
   });
-  const fetchConversations = (0, import_react24.useCallback)(async () => {
+  const fetchConversations = (0, import_react25.useCallback)(async () => {
     if (!orgId) return;
     const res = await actionsRef.current.getConversations(orgId);
     if (res.success && res.data) {
@@ -14497,7 +14670,7 @@ function useInboxState(orgId, actions) {
       setError(res.error);
     }
   }, [orgId]);
-  const fetchMessages = (0, import_react24.useCallback)(async (conversationId, silent = false) => {
+  const fetchMessages = (0, import_react25.useCallback)(async (conversationId, silent = false) => {
     if (!silent) setIsLoading(true);
     const res = await actionsRef.current.getMessages(conversationId);
     if (res.success && res.data) {
@@ -14510,7 +14683,7 @@ function useInboxState(orgId, actions) {
     }
     if (!silent) setIsLoading(false);
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     fetchConversations();
     const interval = setInterval(() => {
       fetchConversations();
@@ -14609,17 +14782,17 @@ function ConversationList({ conversations, activeId, onSelect }) {
 }
 
 // src/components/WhatsAppComponent/inbox/ChatWindow.tsx
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function ChatWindow({ activeConversation, messages, isLoading, isSending, onSendMessage }) {
-  const [inputText, setInputText] = (0, import_react25.useState)("");
-  const messagesTopRef = (0, import_react25.useRef)(null);
+  const [inputText, setInputText] = (0, import_react26.useState)("");
+  const messagesTopRef = (0, import_react26.useRef)(null);
   const scrollToTop = () => {
     var _a;
     (_a = messagesTopRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     scrollToTop();
   }, [messages.length, activeConversation == null ? void 0 : activeConversation.id]);
   const handleSend = (e) => {
@@ -14735,7 +14908,7 @@ function WhatsAppComponent(props) {
   var _a;
   const { className = "", settings, orgId, componentId, executeAction } = props;
   const state = useWhatsAppState(props);
-  const [activeTab, setActiveTab] = import_react26.default.useState("broadcast");
+  const [activeTab, setActiveTab] = import_react27.default.useState("broadcast");
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
@@ -15140,18 +15313,18 @@ function WhatsAppComponent(props) {
 }
 
 // src/components/FormBlock/FormBlock.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function FormBlock({ settings: schema, executeAction, componentId, className = "", onSuccess }) {
   const { showError, addToast } = useToast();
-  const [formData, setFormData] = (0, import_react27.useState)({});
-  const [isSubmitting, setIsSubmitting] = (0, import_react27.useState)(false);
-  const [isSubmitted, setIsSubmitted] = (0, import_react27.useState)(false);
-  const [columns, setColumns] = (0, import_react27.useState)((schema == null ? void 0 : schema.columns) || []);
-  const [isLoadingSchema, setIsLoadingSchema] = (0, import_react27.useState)(false);
+  const [formData, setFormData] = (0, import_react28.useState)({});
+  const [isSubmitting, setIsSubmitting] = (0, import_react28.useState)(false);
+  const [isSubmitted, setIsSubmitted] = (0, import_react28.useState)(false);
+  const [columns, setColumns] = (0, import_react28.useState)((schema == null ? void 0 : schema.columns) || []);
+  const [isLoadingSchema, setIsLoadingSchema] = (0, import_react28.useState)(false);
   const targetTableId = (schema == null ? void 0 : schema.tableMetaId) || (schema == null ? void 0 : schema.tableId) || (schema == null ? void 0 : schema.id);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     let isMounted = true;
     if ((!(schema == null ? void 0 : schema.columns) || schema.columns.length === 0) && targetTableId && executeAction) {
       setIsLoadingSchema(true);
@@ -15317,6 +15490,7 @@ var UNIVERSE_COMPONENTS = {
   COLUMN_TYPE_LABELS,
   ColumnHeaderTitle,
   CreateTemplateModal,
+  DEFAULT_FILTER_COLUMN_TYPES,
   DEFAULT_PLACEMENT_STATUS_COLORS,
   DatePickerCell,
   DynamicFiltersBlock,
@@ -15331,6 +15505,7 @@ var UNIVERSE_COMPONENTS = {
   RELATION_BUTTON_COUNTS_ACTION,
   RELATION_LABEL_KEY,
   RELATION_SEP,
+  RESOLVE_DEFAULT_FILTERS_ACTION,
   RelationFilterPopover,
   RelationPickerCell,
   SettingsAndActionsBlock,
@@ -15351,6 +15526,7 @@ var UNIVERSE_COMPONENTS = {
   buildRelationRef,
   calculateMinColumnWidth,
   checkElementTruncation,
+  cleanPlacementFilterDefaults,
   cn,
   columnRefLabel,
   computeFormulaValue,
@@ -15366,6 +15542,8 @@ var UNIVERSE_COMPONENTS = {
   formatTimeInput,
   formatTimeIso,
   generateWhatsAppLink,
+  getColumnDefaultFilter,
+  getDefaultFilterColumns,
   getDeterministicPastelBadge,
   getEligibleCopyTargets,
   getNextVariableIndex,
@@ -15401,11 +15579,14 @@ var UNIVERSE_COMPONENTS = {
   renameCopyTarget,
   resolveDefaultStatusId,
   resolveProtocol,
+  sanitizeDefaultFilter,
   sanitizePhoneNumber,
   sanitizeTemplateNameInput,
   seamlessVariableEngine,
   splitHeaderTitle,
+  supportsDefaultFilter,
   tableColumns,
+  toColumnFilterValue,
   useColumnReorder,
   useColumnResize,
   useSmartTooltip,
@@ -15417,5 +15598,6 @@ var UNIVERSE_COMPONENTS = {
   validateTemplateBody,
   validateTemplateButtons,
   validateWhatsAppTemplate,
-  validateWordToVariableRatio
+  validateWordToVariableRatio,
+  withDefaultFilter
 });