@universe-platform/ui 0.1.0-beta.33 → 0.1.0-beta.35

package/dist/index.mjs

@@ -1064,8 +1064,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
-import React13, { useState as useState14, useMemo as useMemo7, useEffect as useEffect12, useCallback as useCallback12, useRef as useRef12 } from "react";
+import React13, { useState as useState15, useMemo as useMemo7, useEffect as useEffect13, useCallback as useCallback12, useRef as useRef13 } from "react";
 
 // src/hooks/useToast.ts
 import { useContext as useContext2 } from "react";
@@ -6106,6 +6155,49 @@ function RelationButtonsBar({
   );
 }
 
+// src/components/TableBlock/useDefaultColumnFilters.ts
+import { useEffect as useEffect12, useRef as useRef12, useState as useState14 } from "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] = useState14(() => !hasDefaults);
+  const doneRef = useRef12(false);
+  const onResolvedRef = useRef12(onResolved);
+  onResolvedRef.current = onResolved;
+  const actionRef = useRef12(executeAction);
+  actionRef.current = executeAction;
+  useEffect12(() => {
+    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
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function TableBlockClient({
@@ -6134,7 +6226,7 @@ function TableBlockClient({
   hideRelationButtons
 }) {
   const { showError, addToast } = useToast();
-  const [isExporting, setIsExporting] = useState14(false);
+  const [isExporting, setIsExporting] = useState15(false);
   const resolvedRole = role ? getRolePermissions(role) : void 0;
   const effectivePermissions = permissions || (resolvedRole == null ? void 0 : resolvedRole.permissions) || {
     canCreate: !readOnly,
@@ -6153,18 +6245,18 @@ function TableBlockClient({
       return calculateMinColumnWidth(colName, false, col == null ? void 0 : col.type);
     }
   });
-  const executeActionRef = useRef12(executeAction);
-  useEffect12(() => {
+  const executeActionRef = useRef13(executeAction);
+  useEffect13(() => {
     executeActionRef.current = executeAction;
   }, [executeAction]);
-  const [isMounted, setIsMounted] = useState14(false);
-  const [isInitialLoading, setIsInitialLoading] = useState14(true);
-  const [page, setPage] = useState14(1);
-  const [limit, setLimit] = useState14(50);
-  const [totalRecords, setTotalRecords] = useState14(0);
-  const [totalPages, setTotalPages] = useState14(1);
-  const [showSummary, setShowSummary] = useState14(false);
-  useEffect12(() => {
+  const [isMounted, setIsMounted] = useState15(false);
+  const [isInitialLoading, setIsInitialLoading] = useState15(true);
+  const [page, setPage] = useState15(1);
+  const [limit, setLimit] = useState15(50);
+  const [totalRecords, setTotalRecords] = useState15(0);
+  const [totalPages, setTotalPages] = useState15(1);
+  const [showSummary, setShowSummary] = useState15(false);
+  useEffect13(() => {
     if (typeof window !== "undefined") {
       const savedSummary = localStorage.getItem(`table_summary_${tableKey}`);
       if (savedSummary !== null) {
@@ -6233,15 +6325,15 @@ function TableBlockClient({
       return ((_a = a.order) != null ? _a : 0) - ((_b = b.order) != null ? _b : 0);
     });
   }, []);
-  const [localColumns, setLocalColumns] = useState14(() => (schema == null ? void 0 : schema.columns) || []);
-  useEffect12(() => {
+  const [localColumns, setLocalColumns] = useState15(() => (schema == null ? void 0 : schema.columns) || []);
+  useEffect13(() => {
     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] = useState14({ added: [], modified: {}, deleted: [] });
-  const dirtyRef = useRef12(dirty);
-  useEffect12(() => {
+  const [dirty, setDirty] = useState15({ added: [], modified: {}, deleted: [] });
+  const dirtyRef = useRef13(dirty);
+  useEffect13(() => {
     dirtyRef.current = dirty;
   }, [dirty]);
   const mergeWithDirty = useCallback12((baseRecords) => {
@@ -6257,8 +6349,8 @@ function TableBlockClient({
     const uniqueAdded = added.filter((r) => !baseIds.has(r.id));
     return [...uniqueAdded, ...modifiedRecords];
   }, []);
-  const [data, setData] = useState14(() => normalizeRecords(initialRecords));
-  const [serverRecords, setServerRecords] = useState14(() => normalizeRecords(initialRecords));
+  const [data, setData] = useState15(() => normalizeRecords(initialRecords));
+  const [serverRecords, setServerRecords] = useState15(() => normalizeRecords(initialRecords));
   const filteredData = data;
   const isEqualValues = (a, b) => {
     if (a === b) return true;
@@ -6270,29 +6362,29 @@ function TableBlockClient({
     }
     return false;
   };
-  const [baseRecordsMap, setBaseRecordsMap] = useState14(() => {
+  const [baseRecordsMap, setBaseRecordsMap] = useState15(() => {
     const map = /* @__PURE__ */ new Map();
     (normalizeRecords(initialRecords) || []).forEach((r) => map.set(r.id, __spreadValues({}, r.data)));
     return map;
   });
-  useEffect12(() => {
+  useEffect13(() => {
     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] = useState14("");
-  const [columnFilters, setColumnFilters] = useState14({});
-  const [activeSearchCol, setActiveSearchCol] = useState14(null);
-  const activeSearchRef = useRef12(null);
-  const [activeRelationCol, setActiveRelationCol] = useState14(null);
-  const [relationTriggerRect, setRelationTriggerRect] = useState14(null);
-  const filterButtonRefs = useRef12({});
-  const [relationOptions, setRelationOptions] = useState14({});
-  const [relationFilterOptions, setRelationFilterOptions] = useState14({});
-  const [loadingFilterCol, setLoadingFilterCol] = useState14(null);
-  const relationDictionaryRef = useRef12({});
+  const [searchQuery, setSearchQuery] = useState15("");
+  const [columnFilters, setColumnFilters] = useState15({});
+  const [activeSearchCol, setActiveSearchCol] = useState15(null);
+  const activeSearchRef = useRef13(null);
+  const [activeRelationCol, setActiveRelationCol] = useState15(null);
+  const [relationTriggerRect, setRelationTriggerRect] = useState15(null);
+  const filterButtonRefs = useRef13({});
+  const [relationOptions, setRelationOptions] = useState15({});
+  const [relationFilterOptions, setRelationFilterOptions] = useState15({});
+  const [loadingFilterCol, setLoadingFilterCol] = useState15(null);
+  const relationDictionaryRef = useRef13({});
   const mergeRelationOptions = useCallback12((colName, newOptions) => {
     if (!Array.isArray(newOptions) || newOptions.length === 0) return;
     if (!relationDictionaryRef.current[colName]) {
@@ -6316,7 +6408,7 @@ function TableBlockClient({
       }));
     }
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!activeSearchCol) return;
     const handleMouseDown = (e) => {
       if (activeSearchRef.current && !activeSearchRef.current.contains(e.target)) {
@@ -6337,23 +6429,29 @@ function TableBlockClient({
     });
     return JSON.stringify(active);
   }, [columnFilters]);
-  const [debouncedSearch, setDebouncedSearch] = useState14(searchQuery);
-  useEffect12(() => {
+  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] = useState15(searchQuery);
+  useEffect13(() => {
     const timer = setTimeout(() => {
       setDebouncedSearch(searchQuery.trim());
     }, 300);
     return () => clearTimeout(timer);
   }, [searchQuery]);
-  const isSearchMountedRef = useRef12(false);
-  useEffect12(() => {
+  const isSearchMountedRef = useRef13(false);
+  useEffect13(() => {
     if (!isSearchMountedRef.current) {
       isSearchMountedRef.current = true;
       return;
     }
     setPage(1);
   }, [debouncedSearch]);
-  const [isFetching, setIsFetching] = useState14(false);
-  const fetchRequestIdRef = useRef12(0);
+  const [isFetching, setIsFetching] = useState15(false);
+  const fetchRequestIdRef = useRef13(0);
   const fetchTableData = useCallback12((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;
@@ -6478,11 +6576,12 @@ function TableBlockClient({
       }
     });
   }, [schema == null ? void 0 : schema.tableMetaId, schema == null ? void 0 : schema.tableId, schema == null ? void 0 : schema.id, mergeColumnDefs, mergeWithDirty, mergeRelationOptions]);
-  useEffect12(() => {
+  useEffect13(() => {
+    if (!defaultFiltersReady) return;
     fetchTableData(page, limit, debouncedSearch, filtersKey);
-  }, [page, limit, debouncedSearch, filtersKey, fetchTableData]);
-  useEffect12(() => {
-    if (initialRecords) {
+  }, [page, limit, debouncedSearch, filtersKey, fetchTableData, defaultFiltersReady]);
+  useEffect13(() => {
+    if (initialRecords && defaultFiltersReady) {
       const norm = normalizeRecords(initialRecords);
       setServerRecords(norm);
       const hasActiveFilters = Boolean(debouncedSearch) || Object.keys(columnFilters).length > 0;
@@ -6543,7 +6642,7 @@ function TableBlockClient({
         setData(mergeWithDirty(norm));
       }
     }
-  }, [initialRecords, mergeWithDirty, debouncedSearch, columnFilters, fetchTableData, page, limit, filtersKey]);
+  }, [initialRecords, mergeWithDirty, debouncedSearch, columnFilters, fetchTableData, page, limit, filtersKey, defaultFiltersReady]);
   const refetchTableData = useCallback12(() => {
     return fetchTableData(page, limit, debouncedSearch, filtersKey);
   }, [page, limit, debouncedSearch, filtersKey, fetchTableData]);
@@ -6572,9 +6671,9 @@ function TableBlockClient({
   const handleNextPage = () => {
     setPage((prev) => Math.min(totalPages, prev + 1));
   };
-  const [selectedIds, setSelectedIds] = useState14(/* @__PURE__ */ new Set());
-  const isExternalSyncRef = useRef12(false);
-  useEffect12(() => {
+  const [selectedIds, setSelectedIds] = useState15(/* @__PURE__ */ new Set());
+  const isExternalSyncRef = useRef13(false);
+  useEffect13(() => {
     if (selectedRowIds !== void 0) {
       const nextSet = new Set(selectedRowIds);
       setSelectedIds((prev) => {
@@ -6586,8 +6685,8 @@ function TableBlockClient({
       });
     }
   }, [selectedRowIds]);
-  const isFirstSelectionChangeRef = useRef12(true);
-  useEffect12(() => {
+  const isFirstSelectionChangeRef = useRef13(true);
+  useEffect13(() => {
     if (isFirstSelectionChangeRef.current) {
       isFirstSelectionChangeRef.current = false;
       if (selectedIds.size === 0) return;
@@ -6598,11 +6697,11 @@ function TableBlockClient({
     }
     onSelectionChange == null ? void 0 : onSelectionChange(Array.from(selectedIds));
   }, [selectedIds, onSelectionChange]);
-  const [pendingDeletions, setPendingDeletions] = useState14([]);
-  const [isSaving, setIsSaving] = useState14(false);
+  const [pendingDeletions, setPendingDeletions] = useState15([]);
+  const [isSaving, setIsSaving] = useState15(false);
   const isUpdatingActive = Boolean(isUpdating || isSaving);
-  const [isSaveSuccess, setIsSaveSuccess] = useState14(false);
-  const [expandedRowIds, setExpandedRowIds] = useState14(/* @__PURE__ */ new Set());
+  const [isSaveSuccess, setIsSaveSuccess] = useState15(false);
+  const [expandedRowIds, setExpandedRowIds] = useState15(/* @__PURE__ */ new Set());
   const schemaColsString = useMemo7(() => JSON.stringify(localColumns || []), [localColumns]);
   const refetchRelation = useCallback12(async (colName, params) => {
     var _a, _b, _c, _d, _e, _f, _g;
@@ -6679,8 +6778,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 = useRef12({});
-  useEffect12(() => {
+  const requestedRelationIdsRef = useRef13({});
+  useEffect13(() => {
     if (!executeAction || !data || data.length === 0) return;
     let parsedCols = [];
     try {
@@ -6733,7 +6832,7 @@ function TableBlockClient({
       }
     });
   }, [data, schemaColsString, executeAction, relationOptions, mergeRelationOptions]);
-  useEffect12(() => {
+  useEffect13(() => {
     let parsedCols = [];
     try {
       parsedCols = JSON.parse(schemaColsString);
@@ -6769,9 +6868,9 @@ function TableBlockClient({
     const systemFields = ["_id", "createdAt", "updatedAt", "orgId", "tableId"];
     return normalizedColumns.filter((col) => !systemFields.includes(col.name));
   }, [normalizedColumns]);
-  const [isColumnsDropdownOpen, setIsColumnsDropdownOpen] = useState14(false);
-  const dropdownRef = useRef12(null);
-  useEffect12(() => {
+  const [isColumnsDropdownOpen, setIsColumnsDropdownOpen] = useState15(false);
+  const dropdownRef = useRef13(null);
+  useEffect13(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsColumnsDropdownOpen(false);
@@ -8034,7 +8133,7 @@ function ExpandedSubTables({
   context
 }) {
   var _a;
-  const [activeTab, setActiveTab] = useState14((_a = subTableColumns[0]) == null ? void 0 : _a.name);
+  const [activeTab, setActiveTab] = useState15((_a = subTableColumns[0]) == null ? void 0 : _a.name);
   if (subTableColumns.length === 0) return null;
   if (subTableColumns.length === 1) {
     const stCol = subTableColumns[0];
@@ -8263,12 +8362,13 @@ function TableBlock(props) {
 }
 
 // src/components/PlacementBlock/PlacementBlock.tsx
-import { useState as useState15, useEffect as useEffect13, useRef as useRef13, useCallback as useCallback13, useMemo as useMemo8 } from "react";
+import { useState as useState16, useEffect as useEffect14, useRef as useRef14, useCallback as useCallback13, useMemo as useMemo9 } from "react";
 import { AgGridReact } from "ag-grid-react";
 import {
   ModuleRegistry,
   AllCommunityModule
 } from "ag-grid-community";
+import { Filter as Filter2 } from "lucide-react";
 
 // src/components/PlacementBlock/PlacementSettings.tsx
 import React14 from "react";
@@ -8663,8 +8763,144 @@ var PlacementSettings = ({ config, onChange, tables }) => {
   ] });
 };
 
-// src/components/PlacementBlock/PlacementBlock.tsx
+// src/components/PlacementBlock/PlacementRelationButtons.tsx
+import { useMemo as useMemo8 } from "react";
 import { jsx as jsx18, jsxs as jsxs15 } from "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" },
+  { title: "bg-violet-600 text-white", active: "bg-violet-600 border-violet-600 text-white hover:bg-violet-700", count: "text-violet-700" },
+  { title: "bg-emerald-600 text-white", active: "bg-emerald-600 border-emerald-600 text-white hover:bg-emerald-700", count: "text-emerald-700" },
+  { title: "bg-amber-500 text-white", active: "bg-amber-500 border-amber-500 text-white hover:bg-amber-600", count: "text-amber-700" },
+  { title: "bg-rose-600 text-white", active: "bg-rose-600 border-rose-600 text-white hover:bg-rose-700", count: "text-rose-700" }
+];
+var isRawObjectId2 = (s) => /^[0-9a-fA-F]{24}$/.test(s);
+function rowMatchesRelationFilter(row, colName, id) {
+  var _a;
+  return normalizeRelationValue((_a = row.data) == null ? void 0 : _a[colName]).includes(id);
+}
+var PlacementRelationButtons = ({
+  columnNames,
+  rows,
+  filters,
+  onFilterChange,
+  relationOptions,
+  className = ""
+}) => {
+  const groups = useMemo8(() => {
+    const activeEntries = Object.entries(filters).filter(([, v]) => v !== void 0 && v !== null && v !== "");
+    return (columnNames || []).map((colName) => {
+      var _a, _b, _c, _d;
+      const otherEntries = activeEntries.filter(([name]) => name !== colName);
+      const base = otherEntries.length === 0 ? rows : rows.filter((r) => otherEntries.every(([name, val]) => rowMatchesRelationFilter(r, name, val)));
+      const counts = /* @__PURE__ */ new Map();
+      for (const r of base) {
+        new Set(normalizeRelationValue((_a = r.data) == null ? void 0 : _a[colName])).forEach((id) => counts.set(id, (counts.get(id) || 0) + 1));
+      }
+      const activeId = filters[colName] ? String(filters[colName]) : null;
+      const labelById = /* @__PURE__ */ new Map();
+      for (const opt of relationOptions[colName] || []) {
+        const id = String((_c = (_b = opt == null ? void 0 : opt.id) != null ? _b : opt == null ? void 0 : opt._id) != null ? _c : "");
+        const label = String((_d = opt == null ? void 0 : opt.label) != null ? _d : "").trim();
+        if (id && label && !isRawObjectId2(label)) labelById.set(id, label);
+      }
+      const options = [];
+      const ids = /* @__PURE__ */ new Set([...counts.keys(), ...activeId ? [activeId] : []]);
+      ids.forEach((id) => {
+        const label = labelById.get(id);
+        if (!label) return;
+        options.push({ id, label, count: counts.get(id) || 0 });
+      });
+      options.sort((a, b) => a.label.localeCompare(b.label, "he"));
+      return { key: colName, title: colName, options, activeId };
+    });
+  }, [columnNames, rows, filters, relationOptions]);
+  if (!columnNames || columnNames.length === 0) return null;
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      className: `border-t border-slate-100 pt-3 ${className}`,
+      "data-testid": "placement-relation-buttons",
+      children: groups.every((g) => g.options.length === 0) ? /* @__PURE__ */ jsx18("div", { className: "py-2 text-xs text-slate-400", children: "\u05D0\u05D9\u05DF \u05E2\u05E8\u05DB\u05D9\u05DD \u05DC\u05D4\u05E6\u05D2\u05D4 \u05D1\u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05E9\u05E0\u05D1\u05D7\u05E8\u05D5" }) : (
+        // כל עמודה במתחם נפרד: בשורה הראשונה הכותרת (תגית צבעונית), ומהשורה שמתחת הכפתורים
+        /* @__PURE__ */ jsx18("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2.5", children: groups.map((group, gi) => {
+          if (group.options.length === 0) return null;
+          const color = GROUP_COLORS[gi % GROUP_COLORS.length];
+          return /* @__PURE__ */ jsxs15("div", { className: "bg-white border border-slate-200 rounded-xl p-3 flex flex-col gap-2.5 shadow-2xs", children: [
+            /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-2 pb-2 border-b border-slate-100", children: [
+              /* @__PURE__ */ jsx18("span", { className: `px-2.5 py-0.5 rounded-md text-xs font-bold truncate ${color.title}`, title: group.title, children: group.title }),
+              group.activeId && /* @__PURE__ */ jsx18(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onFilterChange(group.key, ""),
+                  className: "text-[11px] font-semibold text-rose-600 hover:text-rose-700 hover:underline cursor-pointer shrink-0",
+                  children: "\u05E0\u05E7\u05D4 \u05E1\u05D9\u05E0\u05D5\u05DF"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx18("div", { className: "flex flex-wrap items-end gap-x-2 gap-y-2.5", children: group.options.map((opt) => {
+              const active = group.activeId === opt.id;
+              return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center gap-0.5", children: [
+                /* @__PURE__ */ jsx18("span", { className: `text-[11px] font-bold leading-none ${active ? color.count : "text-slate-500"}`, children: opt.count }),
+                /* @__PURE__ */ jsx18(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onFilterChange(group.key, active ? "" : opt.id),
+                    title: active ? "\u05DC\u05D7\u05E5 \u05DC\u05D1\u05D9\u05D8\u05D5\u05DC \u05D4\u05E1\u05D9\u05E0\u05D5\u05DF" : `\u05E1\u05E0\u05DF \u05DC\u05E4\u05D9: ${opt.label}`,
+                    "aria-pressed": active,
+                    className: `px-3 h-8 rounded-md border text-xs font-semibold whitespace-nowrap shadow-2xs transition-colors cursor-pointer ${active ? color.active : "bg-white border-slate-300 text-slate-700 hover:bg-slate-50 hover:border-slate-400"}`,
+                    children: opt.label
+                  }
+                )
+              ] }, opt.id);
+            }) })
+          ] }, group.key);
+        }) })
+      )
+    }
+  );
+};
+
+// 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
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 ModuleRegistry.registerModules([AllCommunityModule]);
 var FETCH_LIMIT = 1e3;
 function normalizeRows(records) {
@@ -8701,7 +8937,7 @@ var ColorDotRenderer = (props) => {
   const { statuses, defaultStatusId } = props;
   const status = statuses.find((c) => c.id === item.statusId) || statuses.find((c) => c.id === defaultStatusId) || statuses[0];
   if (!status) return null;
-  return /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx19(
     "button",
     {
       type: "button",
@@ -8715,7 +8951,7 @@ var ColorDotRenderer = (props) => {
 };
 var CheckCellRenderer = (props) => {
   if (!props.data) return null;
-  return /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx19(
     "input",
     {
       type: "checkbox",
@@ -8726,7 +8962,7 @@ var CheckCellRenderer = (props) => {
     }
   ) });
 };
-var CheckHeader = (props) => /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center w-full", children: /* @__PURE__ */ jsx18(
+var CheckHeader = (props) => /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center w-full", children: /* @__PURE__ */ jsx19(
   "input",
   {
     type: "checkbox",
@@ -8739,23 +8975,48 @@ var CheckHeader = (props) => /* @__PURE__ */ jsx18("div", { className: "flex ite
     "aria-label": "\u05D1\u05D7\u05D9\u05E8\u05EA \u05DB\u05DC \u05D4\u05DE\u05D5\u05E2\u05DE\u05D3\u05D9\u05DD"
   }
 ) });
+var RelationFilterHeader = (props) => {
+  const btnRef = useRef14(null);
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center justify-center w-full min-w-0 leading-tight select-none", title: props.displayName, children: [
+    /* @__PURE__ */ jsx19(
+      "button",
+      {
+        ref: btnRef,
+        type: "button",
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: (e) => {
+          var _a;
+          e.stopPropagation();
+          e.preventDefault();
+          const rect = (_a = btnRef.current) == null ? void 0 : _a.getBoundingClientRect();
+          if (rect) props.onOpen(props.colName, rect);
+        },
+        className: `p-0.5 rounded transition-colors cursor-pointer mb-0.5 shrink-0 ${props.active ? "text-blue-600 bg-blue-100 hover:bg-blue-200" : "text-slate-400 hover:text-slate-600 hover:bg-slate-200/60"}`,
+        title: props.active ? "\u05E1\u05D9\u05E0\u05D5\u05DF \u05E4\u05E2\u05D9\u05DC - \u05DC\u05D7\u05E5 \u05DC\u05E9\u05D9\u05E0\u05D5\u05D9" : "\u05E1\u05D9\u05E0\u05D5\u05DF \u05DC\u05E4\u05D9 \u05E2\u05DE\u05D5\u05D3\u05D4",
+        "aria-label": `\u05E1\u05D9\u05E0\u05D5\u05DF \u05DC\u05E4\u05D9 ${props.displayName}`,
+        children: /* @__PURE__ */ jsx19(Filter2, { className: "w-3 h-3" })
+      }
+    ),
+    /* @__PURE__ */ jsx19("span", { className: "truncate w-full text-center", children: props.displayName })
+  ] });
+};
 var PlacementBlock = (props) => {
   var _a, _b;
   const { executeAction, fetchSourceData, fetchTargetData, updateAssignment, className = "" } = props;
-  const config = useMemo8(() => {
+  const config = useMemo9(() => {
     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 = useMemo8(
+  const statuses = useMemo9(
     () => {
       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 = useMemo8(
+  const defaultStatusId = useMemo9(
     () => resolveDefaultStatusId(statuses, config == null ? void 0 : config.defaultReturnStatusId),
     [statuses, config == null ? void 0 : config.defaultReturnStatusId]
   );
@@ -8763,26 +9024,30 @@ 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 = useRef13(executeAction);
+  const executeActionRef = useRef14(executeAction);
   executeActionRef.current = executeAction;
-  const legacyRef = useRef13({ fetchSourceData, fetchTargetData, updateAssignment });
+  const legacyRef = useRef14({ fetchSourceData, fetchTargetData, updateAssignment });
   legacyRef.current = { fetchSourceData, fetchTargetData, updateAssignment };
-  const [sourceRows, setSourceRows] = useState15([]);
-  const [sourceColumns, setSourceColumns] = useState15([]);
-  const [targetRows, setTargetRows] = useState15([]);
-  const [targetColumns, setTargetColumns] = useState15([]);
-  const [targetRelOptions, setTargetRelOptions] = useState15({});
-  const [selectedTargetId, setSelectedTargetId] = useState15("");
-  const [candidateIds, setCandidateIds] = useState15([]);
-  const [checkedIds, setCheckedIds] = useState15([]);
-  const [isSaving, setIsSaving] = useState15(false);
-  const [sourceSearch, setSourceSearch] = useState15("");
-  const [candidateSearch, setCandidateSearch] = useState15("");
-  const [statusMap, setStatusMap] = useState15({});
-  const [isLoading, setIsLoading] = useState15(false);
-  const [loadError, setLoadError] = useState15(null);
-  const [saveError, setSaveError] = useState15(null);
-  const [targetFilters, setTargetFilters] = useState15({});
+  const [sourceRows, setSourceRows] = useState16([]);
+  const [sourceColumns, setSourceColumns] = useState16([]);
+  const [sourceRelOptions, setSourceRelOptions] = useState16({});
+  const [sourceRelFilters, setSourceRelFilters] = useState16({});
+  const [targetRows, setTargetRows] = useState16([]);
+  const [targetColumns, setTargetColumns] = useState16([]);
+  const [targetRelOptions, setTargetRelOptions] = useState16({});
+  const [selectedTargetId, setSelectedTargetId] = useState16("");
+  const [candidateIds, setCandidateIds] = useState16([]);
+  const [checkedIds, setCheckedIds] = useState16([]);
+  const [isSaving, setIsSaving] = useState16(false);
+  const [sourceSearch, setSourceSearch] = useState16("");
+  const [candidateSearch, setCandidateSearch] = useState16("");
+  const [statusMap, setStatusMap] = useState16({});
+  const [isLoading, setIsLoading] = useState16(false);
+  const [loadError, setLoadError] = useState16(null);
+  const [saveError, setSaveError] = useState16(null);
+  const [colFilters, setColFilters] = useState16({ source: {}, cand: {} });
+  const [filterPopover, setFilterPopover] = useState16(null);
+  const [targetFilters, setTargetFilters] = useState16({});
   const loadTable = useCallback13(async (tableId, kind) => {
     const exec = executeActionRef.current;
     if (exec) {
@@ -8796,7 +9061,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");
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!sourceTableId || !targetTableId) return;
     let cancelled = false;
     (async () => {
@@ -8810,6 +9075,7 @@ var PlacementBlock = (props) => {
         if (cancelled) return;
         setSourceRows(src.rows);
         setSourceColumns(src.columns);
+        setSourceRelOptions(src.relationOptions || {});
         setTargetRows(tgt.rows);
         setTargetColumns(tgt.columns);
         setTargetRelOptions(tgt.relationOptions || {});
@@ -8843,7 +9109,50 @@ var PlacementBlock = (props) => {
     }
     return text2;
   }, [targetRelOptions, targetRows, sourceRows]);
-  const filterColumns = useMemo8(() => {
+  const relationLabelMaps = useMemo9(() => {
+    const maps = {};
+    Object.entries(sourceRelOptions || {}).forEach(([colName, opts]) => {
+      const m = /* @__PURE__ */ new Map();
+      (opts || []).forEach((o) => {
+        var _a2, _b2, _c;
+        const label = cellText((_b2 = (_a2 = o == null ? void 0 : o.label) != null ? _a2 : o == null ? void 0 : o.title) != null ? _b2 : o == null ? void 0 : o.name);
+        if (label) m.set(String((_c = o.id) != null ? _c : o._id), label);
+      });
+      maps[colName] = m;
+    });
+    return maps;
+  }, [sourceRelOptions]);
+  const relationLabelsOf = useCallback13((row, colName) => {
+    var _a2;
+    const map = relationLabelMaps[colName];
+    const ids = normalizeRelationValue((_a2 = row.data) == null ? void 0 : _a2[colName]);
+    const labels = map ? ids.map((id) => map.get(String(id))).filter((l) => !!l) : [];
+    if (labels.length) return labels;
+    const txt = cellText(readColumnValue(row.data, colName));
+    return txt && !/^[a-fA-F0-9]{24}$/.test(txt) ? txt.split(", ").filter(Boolean) : [];
+  }, [relationLabelMaps]);
+  const rowPassesColFilters = useCallback13((row, filters) => {
+    return Object.entries(filters).every(([colName, f]) => {
+      if (!f) return true;
+      const labels = relationLabelsOf(row, colName);
+      if (Array.isArray(f)) return f.length === 0 || labels.some((l) => f.includes(l));
+      if (f.operator === "notIn") return !labels.some((l) => f.values.includes(l));
+      return true;
+    });
+  }, [relationLabelsOf]);
+  const setColFilter = useCallback13((grid, colName, payload) => {
+    setColFilters((prev) => {
+      const next = __spreadValues({}, prev[grid]);
+      if (payload === void 0) delete next[colName];
+      else next[colName] = payload;
+      return __spreadProps(__spreadValues({}, prev), { [grid]: next });
+    });
+  }, []);
+  const openColFilter = useCallback13((grid, colName, rect) => {
+    setFilterPopover((cur) => cur && cur.grid === grid && cur.colName === colName ? null : { grid, colName, rect });
+  }, []);
+  const closeColFilter = useCallback13(() => setFilterPopover(null), []);
+  const filterColumns = useMemo9(() => {
     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;
@@ -8869,7 +9178,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 = useMemo8(() => {
+  const selectorField = useMemo9(() => {
     const { relationColumn } = parseColumnRef(rawSelectorField);
     if (relationColumn && !targetColumns.some((c) => c.name === rawSelectorField) && targetColumns.some((c) => {
       var _a2;
@@ -8879,7 +9188,7 @@ var PlacementBlock = (props) => {
     }
     return rawSelectorField;
   }, [rawSelectorField, targetColumns]);
-  const filteredTargetRows = useMemo8(() => {
+  const filteredTargetRows = useMemo9(() => {
     return targetRows.filter((r) => {
       return filterColumns.every((col) => {
         const filterVal = targetFilters[col.name];
@@ -8888,7 +9197,7 @@ var PlacementBlock = (props) => {
       });
     });
   }, [targetRows, targetFilters, filterColumns, displayValue]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (filteredTargetRows.length > 0) {
       if (!selectedTargetId || !filteredTargetRows.some((r) => r.id === selectedTargetId)) {
         setSelectedTargetId(filteredTargetRows[0].id);
@@ -8897,11 +9206,27 @@ var PlacementBlock = (props) => {
       setSelectedTargetId("");
     }
   }, [filteredTargetRows, selectedTargetId]);
-  const assignmentColumn = useMemo8(() => targetColumns.find((c) => c.name === assignmentField), [targetColumns, assignmentField]);
+  const appliedDefaultsKeyRef = useRef14("");
+  useEffect14(() => {
+    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 = useMemo9(() => 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 = useCallback13((row) => cellText(readColumnValue(row.data, displayField)) || "\u05DC\u05DC\u05D0 \u05E9\u05DD", [displayField]);
-  const assignedIds = useMemo8(() => {
+  const assignedIds = useMemo9(() => {
     var _a2;
     const target = targetRows.find((r) => r.id === selectedTargetId);
     if (!target || !assignmentField) return [];
@@ -8915,21 +9240,35 @@ 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 = useRef13(assignedIds);
+  const assignedIdsRef = useRef14(assignedIds);
   assignedIdsRef.current = assignedIds;
-  useEffect13(() => {
+  useEffect14(() => {
     setCandidateIds(assignedIdsRef.current);
     setCheckedIds(assignedIdsRef.current);
   }, [selectedTargetId, sourceRows]);
   const toGridRow = useCallback13((r, checked = false) => __spreadProps(__spreadValues({}, r.data), { id: r.id, __label: nameOf(r), __checked: checked, statusId: statusMap[r.id] || defaultStatusId }), [nameOf, statusMap, defaultStatusId]);
-  const candidateGridData = useMemo8(() => {
+  const candidateRows = useMemo9(() => candidateIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r), [candidateIds, sourceRows]);
+  const candidateGridData = useMemo9(() => {
     const checked = new Set(checkedIds);
-    return candidateIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r).map((r) => toGridRow(r, checked.has(r.id)));
-  }, [candidateIds, checkedIds, sourceRows, toGridRow]);
-  const availableGridData = useMemo8(() => {
+    return candidateRows.filter((r) => rowPassesColFilters(r, colFilters.cand)).map((r) => toGridRow(r, checked.has(r.id)));
+  }, [candidateRows, checkedIds, toGridRow, rowPassesColFilters, colFilters.cand]);
+  const availableRows = useMemo9(() => {
     const set = new Set(candidateIds);
-    return sourceRows.filter((r) => !set.has(r.id)).map((r) => toGridRow(r));
-  }, [candidateIds, sourceRows, toGridRow]);
+    return sourceRows.filter((r) => !set.has(r.id));
+  }, [candidateIds, sourceRows]);
+  const relationButtonColumns = useMemo9(() => {
+    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 = useCallback13((colName, id) => {
+    setSourceRelFilters((prev) => __spreadProps(__spreadValues({}, prev), { [colName]: id }));
+  }, []);
+  const availableGridData = useMemo9(() => {
+    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 = useCallback13(async (nextIds) => {
     const exec = executeActionRef.current;
     if (exec && targetTableId && assignmentField && selectedTargetId) {
@@ -8950,9 +9289,9 @@ var PlacementBlock = (props) => {
     setCheckedIds((prev) => prev.filter((x) => x !== id));
     setStatusMap((prev) => __spreadProps(__spreadValues({}, prev), { [id]: defaultStatusId }));
   }, [defaultStatusId]);
-  const moveToCandidatesRef = useRef13(moveToCandidates);
+  const moveToCandidatesRef = useRef14(moveToCandidates);
   moveToCandidatesRef.current = moveToCandidates;
-  const moveToSourceRef = useRef13(moveToSource);
+  const moveToSourceRef = useRef14(moveToSource);
   moveToSourceRef.current = moveToSource;
   const toggleChecked = useCallback13((id) => {
     setCheckedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
@@ -8966,7 +9305,7 @@ var PlacementBlock = (props) => {
     setCandidateIds([]);
     setCheckedIds([]);
   }, []);
-  const checkedCandidates = useMemo8(() => candidateIds.filter((id) => checkedIds.includes(id)), [candidateIds, checkedIds]);
+  const checkedCandidates = useMemo9(() => candidateIds.filter((id) => checkedIds.includes(id)), [candidateIds, checkedIds]);
   const isDirty = checkedCandidates.length !== assignedIds.length || checkedCandidates.some((id) => !assignedIds.includes(id));
   const submitAssignment = useCallback13(async () => {
     if (!selectedTargetId) {
@@ -9007,7 +9346,8 @@ var PlacementBlock = (props) => {
       setIsSaving(false);
     }
   }, [selectedTargetId, assignedIds, assignmentLabel, persistAssignment]);
-  const makeColDefs = useCallback13((columns, fallbackName, withCheckbox = false) => {
+  const makeColDefs = useCallback13((columns, fallbackName, grid, withCheckbox = false) => {
+    const gridFilters = colFilters[grid];
     const defs = [];
     if (withCheckbox) {
       defs.push({
@@ -9037,21 +9377,50 @@ var PlacementBlock = (props) => {
         var _a2;
         return (_a2 = p.data) == null ? void 0 : _a2[displayField];
       }, valueFormatter: (p) => cellText(p.value), getQuickFilterText: (p) => cellText(p.value), rowDrag: true, flex: 1, minWidth: 120 });
-      ordered.forEach((c, i) => defs.push({ colId: c.name, field: c.name, headerName: c.label || c.name, valueGetter: (p) => readColumnValue(p.data, c.name), valueFormatter: (p) => displayValue(c, p.value), getQuickFilterText: (p) => cellText(displayValue(c, p.value)), rowDrag: !displayIsRelated && i === 0, flex: 1, minWidth: 120 }));
+      ordered.forEach((c, i) => {
+        const def = { colId: c.name, field: c.name, headerName: c.label || c.name, valueGetter: (p) => readColumnValue(p.data, c.name), valueFormatter: (p) => displayValue(c, p.value), getQuickFilterText: (p) => cellText(displayValue(c, p.value)), rowDrag: !displayIsRelated && i === 0, flex: 1, minWidth: 120 };
+        if (String(c.type).toUpperCase() === "RELATION") {
+          def.headerComponent = RelationFilterHeader;
+          def.headerComponentParams = { colName: c.name, active: !!gridFilters[c.name], onOpen: (name, rect) => openColFilter(grid, name, rect) };
+        }
+        defs.push(def);
+      });
     } else {
       defs.push({ field: "__label", headerName: fallbackName, rowDrag: true, flex: 1 });
     }
     return defs;
-  }, [cycleStatus, statuses, defaultStatusId, displayField, displayValue, toggleChecked, toggleAll, allChecked, someChecked]);
+  }, [cycleStatus, statuses, defaultStatusId, displayField, displayValue, toggleChecked, toggleAll, allChecked, someChecked, colFilters, openColFilter]);
   const sourceHeader = displayField === "name" ? "\u05E9\u05DD" : columnRefLabel(displayField);
-  const sourceColDefs = useMemo8(() => makeColDefs(sourceColumns, sourceHeader), [makeColDefs, sourceColumns, sourceHeader]);
-  const candidateColDefs = useMemo8(() => makeColDefs(sourceColumns, sourceHeader, true), [makeColDefs, sourceColumns, sourceHeader]);
+  const sourceColDefs = useMemo9(() => makeColDefs(sourceColumns, sourceHeader, "source"), [makeColDefs, sourceColumns, sourceHeader]);
+  const candidateColDefs = useMemo9(() => makeColDefs(sourceColumns, sourceHeader, "cand", true), [makeColDefs, sourceColumns, sourceHeader]);
+  const defaultColDef = useMemo9(() => ({ 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 = useCallback13((api) => {
+    api == null ? void 0 : api.sizeColumnsToFit();
+  }, []);
+  const shrinkColumns = useCallback13((api, defs) => {
+    api == null ? void 0 : api.autoSizeColumns(scrollableColIds(defs));
+  }, []);
+  const popoverOptions = useMemo9(() => {
+    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 = useMemo9(
+    () => filterPopover ? sourceColumns.find((c) => c.name === filterPopover.colName) : void 0,
+    [filterPopover, sourceColumns]
+  );
   const getRowId = useCallback13((p) => p.data.id, []);
-  const sourceContainerRef = useRef13(null);
-  const assignedContainerRef = useRef13(null);
-  const [sourceApi, setSourceApi] = useState15(null);
-  const [assignedApi, setAssignedApi] = useState15(null);
-  useEffect13(() => {
+  const sourceContainerRef = useRef14(null);
+  const assignedContainerRef = useRef14(null);
+  const [sourceApi, setSourceApi] = useState16(null);
+  const [assignedApi, setAssignedApi] = useState16(null);
+  useEffect14(() => {
     if (!sourceApi || !assignedApi) return;
     const toAssigned = { getContainer: () => assignedContainerRef.current, onDragStop: (p) => {
       var _a2, _b2;
@@ -9074,11 +9443,11 @@ var PlacementBlock = (props) => {
       }
     };
   }, [sourceApi, assignedApi]);
-  const selectorLabel = useMemo8(() => {
+  const selectorLabel = useMemo9(() => {
     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 = useMemo8(
+  const assignedText = useMemo9(
     () => assignedIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r).map(nameOf).join(", "),
     [assignedIds, sourceRows, nameOf]
   );
@@ -9087,48 +9456,48 @@ var PlacementBlock = (props) => {
     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 = useMemo8(() => targetColumns.filter((c) => isUserColumn(c) && c.name !== assignmentField && !["id", "_id", "id_", "statusId"].includes(c.name)), [targetColumns, assignmentField]);
+  const previewColumns = useMemo9(() => targetColumns.filter((c) => isUserColumn(c) && c.name !== assignmentField && !["id", "_id", "id_", "statusId"].includes(c.name)), [targetColumns, assignmentField]);
   if (!config || !sourceTableId || !targetTableId) {
-    return /* @__PURE__ */ jsx18("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)." });
+    return /* @__PURE__ */ jsx19("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)." });
   }
   const selectClass = "w-full p-2 border border-slate-300 rounded-lg text-xs font-medium text-slate-700 bg-slate-50 outline-none focus:border-brand";
   const labelClass = "block text-[11px] font-semibold text-slate-500 mb-1";
-  return /* @__PURE__ */ jsxs15("div", { className: `w-full flex flex-col gap-4 p-4 bg-slate-50 min-h-[850px] rounded-xl border border-slate-200 ${className}`, dir: "rtl", children: [
-    (loadError || saveError) && /* @__PURE__ */ jsx18("div", { className: "p-3 text-xs rounded-lg bg-rose-50 border border-rose-200 text-rose-700", children: loadError || saveError }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col lg:flex-row gap-4", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "w-full lg:w-1/3 bg-teal-50/40 p-4 rounded-xl border border-teal-100 shadow-xs flex flex-col", children: [
-        /* @__PURE__ */ jsxs15("h4", { className: "font-bold text-teal-900 border-b border-teal-200 pb-2 mb-3 text-sm flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx18("span", { children: "\u{1F4CC}" }),
+  return /* @__PURE__ */ jsxs16("div", { className: `w-full flex flex-col gap-4 p-4 bg-slate-50 min-h-[850px] rounded-xl border border-slate-200 ${className}`, dir: "rtl", children: [
+    (loadError || saveError) && /* @__PURE__ */ jsx19("div", { className: "p-3 text-xs rounded-lg bg-rose-50 border border-rose-200 text-rose-700", children: loadError || saveError }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex flex-col lg:flex-row gap-4", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "w-full lg:w-1/2 bg-teal-50/40 p-4 rounded-xl border border-teal-100 shadow-xs flex flex-col", children: [
+        /* @__PURE__ */ jsxs16("h4", { className: "font-bold text-teal-900 border-b border-teal-200 pb-2 mb-3 text-base flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx19("span", { children: "\u{1F4CC}" }),
           " \u05E4\u05E8\u05D8\u05D9 \u05D4\u05D9\u05E2\u05D3 \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5"
         ] }),
-        activeTarget ? /* @__PURE__ */ jsxs15("div", { className: "space-y-2 text-xs text-slate-700 overflow-y-auto pr-1 max-h-32", children: [
-          /* @__PURE__ */ jsx18("div", { className: "font-bold text-slate-900 text-sm mb-1", children: targetLabel(activeTarget) }),
+        activeTarget ? /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-3 content-start text-base text-slate-700 flex-1", children: [
+          /* @__PURE__ */ jsx19("div", { className: "col-span-full font-bold text-slate-900 text-lg mb-1", children: targetLabel(activeTarget) }),
           previewColumns.map((col) => ({ col, text: displayValue(col, readColumnValue(activeTarget.data, col.name)) })).filter(({ col, text: text2 }) => {
             var _a2;
             return text2 && (col.type === "RELATION" || typeof ((_a2 = activeTarget.data) == null ? void 0 : _a2[col.name]) !== "object");
-          }).map(({ col, text: text2 }) => /* @__PURE__ */ jsxs15("div", { className: "flex gap-2 items-start", children: [
-            /* @__PURE__ */ jsxs15("span", { className: "font-semibold shrink-0", children: [
+          }).map(({ col, text: text2 }) => /* @__PURE__ */ jsxs16("div", { className: `flex gap-2 items-start ${(col.label || col.name) === "\u05E4\u05E8\u05D8\u05D9\u05DD \u05E0\u05D5\u05E1\u05E4\u05D9\u05DD" ? "sm:col-span-2" : ""}`, children: [
+            /* @__PURE__ */ jsxs16("span", { className: "font-semibold shrink-0", children: [
               col.label || col.name,
               ":"
             ] }),
-            /* @__PURE__ */ jsx18("span", { className: "break-words line-clamp-2", children: text2 })
+            /* @__PURE__ */ jsx19("span", { className: "break-words", children: text2 })
           ] }, col.name)),
-          assignmentField && assignedText && /* @__PURE__ */ jsxs15("div", { className: "flex gap-2 items-start", children: [
-            /* @__PURE__ */ jsxs15("span", { className: "font-semibold shrink-0", children: [
+          assignmentField && assignedText && /* @__PURE__ */ jsxs16("div", { className: "flex gap-2 items-start", children: [
+            /* @__PURE__ */ jsxs16("span", { className: "font-semibold shrink-0", children: [
               assignmentLabel,
               ":"
             ] }),
-            /* @__PURE__ */ jsx18("span", { className: "break-words line-clamp-2", title: assignedText, children: assignedText })
+            /* @__PURE__ */ jsx19("span", { className: "break-words", title: assignedText, children: assignedText })
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "mt-3 pt-3 border-t border-teal-200/60 text-teal-800 font-bold", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "col-span-full self-end mt-1 pt-1.5 border-t border-teal-200/60 text-teal-800 font-bold text-xs leading-none whitespace-nowrap overflow-hidden text-ellipsis", children: [
             "\u05DE\u05E9\u05D5\u05D1\u05E6\u05D9\u05DD \u05DB\u05E8\u05D2\u05E2: ",
             assignedIds.length
           ] })
-        ] }) : /* @__PURE__ */ jsx18("div", { className: "text-slate-500 text-xs text-center py-6", children: isLoading ? "\u05D8\u05D5\u05E2\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD..." : "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05E8\u05E9\u05D5\u05DE\u05EA \u05D9\u05E2\u05D3." })
+        ] }) : /* @__PURE__ */ jsx19("div", { className: "text-slate-500 text-xs text-center py-6", children: isLoading ? "\u05D8\u05D5\u05E2\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD..." : "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05E8\u05E9\u05D5\u05DE\u05EA \u05D9\u05E2\u05D3." })
       ] }),
-      /* @__PURE__ */ jsx18("div", { className: "w-full lg:w-2/3 bg-white p-4 rounded-xl border border-slate-200 shadow-xs flex flex-col", children: /* @__PURE__ */ jsxs15("div", { children: [
-        /* @__PURE__ */ jsx18("h4", { className: "font-bold text-slate-800 mb-3 text-sm", children: "\u05E1\u05D9\u05E0\u05D5\u05DF \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05D9\u05E2\u05D3" }),
-        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col sm:flex-row gap-3", children: [
+      /* @__PURE__ */ jsx19("div", { className: "w-full lg:w-1/2 bg-white p-4 rounded-xl border border-slate-200 shadow-xs flex flex-col", children: /* @__PURE__ */ jsxs16("div", { children: [
+        /* @__PURE__ */ jsx19("h4", { className: "font-bold text-slate-800 mb-3 text-sm", children: "\u05E1\u05D9\u05E0\u05D5\u05DF \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05D4\u05D9\u05E2\u05D3" }),
+        /* @__PURE__ */ jsxs16("div", { className: "flex flex-col sm:flex-row gap-3", children: [
           filterColumns.map((col, index) => {
             const previousColumns = filterColumns.slice(0, index);
             const validRowsForThisFilter = targetRows.filter((r) => {
@@ -9141,9 +9510,9 @@ var PlacementBlock = (props) => {
             const uniqueValues = Array.from(new Set(
               validRowsForThisFilter.map((r) => displayValue(col, readColumnValue(r.data, col.name)))
             )).filter(Boolean).sort((a, b) => a.localeCompare(b, "he"));
-            return /* @__PURE__ */ jsxs15("div", { className: "flex-1 basis-0 min-w-0", children: [
-              /* @__PURE__ */ jsx18("label", { className: labelClass, children: col.label || columnRefLabel(col.name) }),
-              /* @__PURE__ */ jsxs15(
+            return /* @__PURE__ */ jsxs16("div", { className: "flex-1 basis-0 min-w-0", children: [
+              /* @__PURE__ */ jsx19("label", { className: labelClass, children: col.label || columnRefLabel(col.name) }),
+              /* @__PURE__ */ jsxs16(
                 "select",
                 {
                   className: selectClass,
@@ -9159,64 +9528,93 @@ var PlacementBlock = (props) => {
                     });
                   },
                   children: [
-                    /* @__PURE__ */ jsx18("option", { value: "", children: "\u05D4\u05DB\u05DC" }),
-                    uniqueValues.map((v) => /* @__PURE__ */ jsx18("option", { value: v, children: v }, v))
+                    /* @__PURE__ */ jsx19("option", { value: "", children: "\u05D4\u05DB\u05DC" }),
+                    uniqueValues.map((v) => /* @__PURE__ */ jsx19("option", { value: v, children: v }, v))
                   ]
                 }
               )
             ] }, col.name);
           }),
-          /* @__PURE__ */ jsxs15("div", { className: "flex-1 basis-0 min-w-0", children: [
-            /* @__PURE__ */ jsx18("label", { className: labelClass, children: selectorLabel }),
-            /* @__PURE__ */ jsxs15("select", { className: selectClass, value: selectedTargetId, onChange: (e) => setSelectedTargetId(e.target.value), children: [
-              /* @__PURE__ */ jsxs15("option", { value: "", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex-1 basis-0 min-w-0", children: [
+            /* @__PURE__ */ jsx19("label", { className: labelClass, children: selectorLabel }),
+            /* @__PURE__ */ jsxs16("select", { className: selectClass, value: selectedTargetId, onChange: (e) => setSelectedTargetId(e.target.value), children: [
+              /* @__PURE__ */ jsxs16("option", { value: "", children: [
                 "-- \u05D1\u05D7\u05E8 \u05DE\u05EA\u05D5\u05DA ",
                 filteredTargetRows.length,
                 " \u05EA\u05D5\u05E6\u05D0\u05D5\u05EA --"
               ] }),
-              filteredTargetRows.map((r) => /* @__PURE__ */ jsx18("option", { value: r.id, children: targetLabel(r) }, r.id))
+              filteredTargetRows.map((r) => /* @__PURE__ */ jsx19("option", { value: r.id, children: targetLabel(r) }, r.id))
             ] })
           ] })
-        ] })
+        ] }),
+        hasRelationButtons && /* @__PURE__ */ jsx19(
+          PlacementRelationButtons,
+          {
+            className: "mt-4 pb-24",
+            columnNames: relationButtonColumns,
+            rows: availableRows,
+            filters: sourceRelFilters,
+            onFilterChange: handleRelationFilterChange,
+            relationOptions: sourceRelOptions
+          }
+        )
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col lg:flex-row w-full gap-4 h-[550px]", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "w-full lg:w-1/2 flex flex-col border border-slate-200 rounded-xl shadow-xs bg-white overflow-hidden", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "bg-slate-100 p-3 border-b border-slate-200 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex justify-between items-center font-bold text-slate-800 text-sm", children: [
-            /* @__PURE__ */ jsxs15("span", { children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex flex-col lg:flex-row w-full gap-4 h-[550px]", children: [
+      /* @__PURE__ */ jsxs16("div", { className: `w-full ${hasRelationButtons ? "lg:flex-1 lg:min-w-0" : "lg:w-1/2"} flex flex-col border border-slate-200 rounded-xl shadow-xs bg-white overflow-hidden`, children: [
+        /* @__PURE__ */ jsxs16("div", { className: "bg-slate-100 p-3 border-b border-slate-200 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex justify-between items-center font-bold text-slate-800 text-sm", children: [
+            /* @__PURE__ */ jsxs16("span", { children: [
               "\u05E8\u05E9\u05D9\u05DE\u05EA \u05DE\u05E7\u05D5\u05E8 (",
               availableGridData.length,
               ")"
             ] }),
-            /* @__PURE__ */ jsx18("span", { className: "text-[11px] font-normal text-slate-500 bg-white px-2 py-0.5 rounded-full shadow-sm border border-slate-200", children: "\u05D2\u05E8\u05D5\u05E8 \u05E9\u05DE\u05D0\u05DC\u05D4 \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5 \u2190" })
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => shrinkColumns(sourceApi, sourceColDefs), title: "\u05E6\u05DE\u05E6\u05DD \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05DC\u05E4\u05D9 \u05D4\u05EA\u05D5\u05DB\u05DF", className: "px-2 py-0.5 rounded-md text-[11px] font-medium bg-white border border-slate-200 text-slate-600 hover:bg-slate-50 cursor-pointer", children: "\u2192\u2190 \u05E6\u05DE\u05E6\u05DD" }),
+              /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => expandColumns(sourceApi), title: "\u05D4\u05E8\u05D7\u05D1 \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05DC\u05E8\u05D5\u05D7\u05D1 \u05D4\u05D8\u05D1\u05DC\u05D4", className: "px-2 py-0.5 rounded-md text-[11px] font-medium bg-white border border-slate-200 text-slate-600 hover:bg-slate-50 cursor-pointer", children: "\u2190\u2192 \u05D4\u05E8\u05D7\u05D1" }),
+              /* @__PURE__ */ jsx19("span", { className: "text-[11px] font-normal text-slate-500 bg-white px-2 py-0.5 rounded-full shadow-sm border border-slate-200", children: "\u05D2\u05E8\u05D5\u05E8 \u05E9\u05DE\u05D0\u05DC\u05D4 \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5 \u2190" })
+            ] })
           ] }),
-          /* @__PURE__ */ jsx18("input", { type: "search", value: sourceSearch, onChange: (e) => setSourceSearch(e.target.value), placeholder: "\u05E1\u05D9\u05E0\u05D5\u05DF...", className: "w-full p-2 border border-slate-300 rounded-lg text-xs bg-white outline-none focus:border-brand" })
+          /* @__PURE__ */ jsx19("input", { type: "search", value: sourceSearch, onChange: (e) => setSourceSearch(e.target.value), placeholder: "\u05E1\u05D9\u05E0\u05D5\u05DF...", className: "w-full p-2 border border-slate-300 rounded-lg text-xs bg-white outline-none focus:border-brand" })
         ] }),
-        /* @__PURE__ */ jsx18("div", { ref: sourceContainerRef, className: "ag-theme-quartz flex-1 w-full h-full", children: /* @__PURE__ */ jsx18(AgGridReact, { rowData: availableGridData, columnDefs: sourceColDefs, getRowId, enableRtl: true, rowDragManaged: false, quickFilterText: sourceSearch, onGridReady: (e) => setSourceApi(e.api), loading: isLoading }) })
+        /* @__PURE__ */ jsx19("div", { ref: sourceContainerRef, className: "ag-theme-quartz flex-1 w-full h-full", children: /* @__PURE__ */ jsx19(AgGridReact, { rowData: availableGridData, columnDefs: sourceColDefs, defaultColDef, headerHeight: 56, getRowId, enableRtl: true, rowDragManaged: false, quickFilterText: sourceSearch, onGridReady: (e) => setSourceApi(e.api), loading: isLoading }) })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "w-full lg:w-1/2 flex flex-col border border-blue-200 rounded-xl shadow-xs bg-white overflow-hidden ring-1 ring-blue-100", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "bg-blue-50/80 p-3 border-b border-blue-100 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap justify-between items-center gap-2", children: [
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 font-bold text-blue-900 text-sm", children: [
-              /* @__PURE__ */ jsxs15("span", { children: [
+      /* @__PURE__ */ jsxs16("div", { className: `w-full ${hasRelationButtons ? "lg:flex-1 lg:min-w-0" : "lg:w-1/2"} flex flex-col border border-blue-200 rounded-xl shadow-xs bg-white overflow-hidden ring-1 ring-blue-100`, children: [
+        /* @__PURE__ */ jsxs16("div", { className: "bg-blue-50/80 p-3 border-b border-blue-100 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap justify-between items-center gap-2", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 font-bold text-blue-900 text-sm", children: [
+              /* @__PURE__ */ jsxs16("span", { children: [
                 "\u05DE\u05D5\u05E2\u05DE\u05D3\u05D9\u05DD \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5 (",
                 candidateGridData.length,
                 ")"
               ] }),
-              /* @__PURE__ */ jsx18("span", { className: "text-[11px] font-normal text-blue-700 bg-white px-2 py-0.5 rounded-full shadow-sm border border-blue-100", children: "\u2192 \u05D2\u05E8\u05D5\u05E8 \u05D9\u05DE\u05D9\u05E0\u05D4 \u05DC\u05D4\u05D7\u05D6\u05E8\u05D4" })
+              /* @__PURE__ */ jsx19("span", { className: "text-[11px] font-normal text-blue-700 bg-white px-2 py-0.5 rounded-full shadow-sm border border-blue-100", children: "\u2192 \u05D2\u05E8\u05D5\u05E8 \u05D9\u05DE\u05D9\u05E0\u05D4 \u05DC\u05D4\u05D7\u05D6\u05E8\u05D4" }),
+              /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => shrinkColumns(assignedApi, candidateColDefs), title: "\u05E6\u05DE\u05E6\u05DD \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05DC\u05E4\u05D9 \u05D4\u05EA\u05D5\u05DB\u05DF", className: "px-2 py-0.5 rounded-md text-[11px] font-medium bg-white border border-blue-100 text-slate-600 hover:bg-blue-50 cursor-pointer", children: "\u2192\u2190 \u05E6\u05DE\u05E6\u05DD" }),
+              /* @__PURE__ */ jsx19("button", { type: "button", onClick: () => expandColumns(assignedApi), title: "\u05D4\u05E8\u05D7\u05D1 \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05DC\u05E8\u05D5\u05D7\u05D1 \u05D4\u05D8\u05D1\u05DC\u05D4", className: "px-2 py-0.5 rounded-md text-[11px] font-medium bg-white border border-blue-100 text-slate-600 hover:bg-blue-50 cursor-pointer", children: "\u2190\u2192 \u05D4\u05E8\u05D7\u05D1" })
             ] }),
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx18("button", { type: "button", onClick: returnAll, disabled: candidateIds.length === 0, className: "px-3 py-1.5 rounded-lg text-xs font-bold bg-amber-400 hover:bg-amber-500 text-slate-900 disabled:opacity-40 disabled:cursor-not-allowed transition-colors", children: "\u21BA \u05D4\u05D7\u05D6\u05E8 \u05D4\u05DB\u05DC" }),
-              /* @__PURE__ */ jsx18("button", { type: "button", onClick: submitAssignment, disabled: !selectedTargetId || !isDirty || isSaving, className: "px-4 py-1.5 rounded-lg text-xs font-bold bg-blue-600 hover:bg-blue-700 text-white disabled:opacity-40 disabled:cursor-not-allowed transition-colors", children: isSaving ? "\u05E9\u05D5\u05DE\u05E8..." : "\u05E9\u05D1\u05E5" }),
-              /* @__PURE__ */ jsx18("button", { type: "button", onClick: cancelAssignment, disabled: !selectedTargetId || assignedIds.length === 0 || isSaving, className: "px-3 py-1.5 rounded-lg text-xs font-bold bg-white hover:bg-rose-50 text-rose-600 border border-rose-300 disabled:opacity-40 disabled:cursor-not-allowed transition-colors", children: "\u05D1\u05D9\u05D8\u05D5\u05DC \u05E9\u05D9\u05D1\u05D5\u05E5" })
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx19("button", { type: "button", onClick: returnAll, disabled: candidateIds.length === 0, className: "px-3 py-1.5 rounded-lg text-xs font-bold bg-amber-400 hover:bg-amber-500 text-slate-900 disabled:opacity-40 disabled:cursor-not-allowed transition-colors", children: "\u21BA \u05D4\u05D7\u05D6\u05E8 \u05D4\u05DB\u05DC" }),
+              /* @__PURE__ */ jsx19("button", { type: "button", onClick: submitAssignment, disabled: !selectedTargetId || !isDirty || isSaving, className: "px-4 py-1.5 rounded-lg text-xs font-bold bg-blue-600 hover:bg-blue-700 text-white disabled:opacity-40 disabled:cursor-not-allowed transition-colors", children: isSaving ? "\u05E9\u05D5\u05DE\u05E8..." : "\u05E9\u05D1\u05E5" }),
+              /* @__PURE__ */ jsx19("button", { type: "button", onClick: cancelAssignment, disabled: !selectedTargetId || assignedIds.length === 0 || isSaving, className: "px-3 py-1.5 rounded-lg text-xs font-bold bg-white hover:bg-rose-50 text-rose-600 border border-rose-300 disabled:opacity-40 disabled:cursor-not-allowed transition-colors", children: "\u05D1\u05D9\u05D8\u05D5\u05DC \u05E9\u05D9\u05D1\u05D5\u05E5" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx18("input", { type: "search", value: candidateSearch, onChange: (e) => setCandidateSearch(e.target.value), placeholder: "\u05E1\u05D9\u05E0\u05D5\u05DF...", className: "w-full p-2 border border-slate-300 rounded-lg text-xs bg-white outline-none focus:border-brand" })
+          /* @__PURE__ */ jsx19("input", { type: "search", value: candidateSearch, onChange: (e) => setCandidateSearch(e.target.value), placeholder: "\u05E1\u05D9\u05E0\u05D5\u05DF...", className: "w-full p-2 border border-slate-300 rounded-lg text-xs bg-white outline-none focus:border-brand" })
         ] }),
-        /* @__PURE__ */ jsx18("div", { ref: assignedContainerRef, className: "ag-theme-quartz flex-1 w-full h-full", children: /* @__PURE__ */ jsx18(AgGridReact, { rowData: candidateGridData, columnDefs: candidateColDefs, getRowId, enableRtl: true, rowDragManaged: false, quickFilterText: candidateSearch, onGridReady: (e) => setAssignedApi(e.api), loading: isLoading }) })
+        /* @__PURE__ */ jsx19("div", { ref: assignedContainerRef, className: "ag-theme-quartz flex-1 w-full h-full", children: /* @__PURE__ */ jsx19(AgGridReact, { rowData: candidateGridData, columnDefs: candidateColDefs, defaultColDef, headerHeight: 56, getRowId, enableRtl: true, rowDragManaged: false, quickFilterText: candidateSearch, onGridReady: (e) => setAssignedApi(e.api), loading: isLoading }) })
       ] })
-    ] })
+    ] }),
+    filterPopover && popoverColumn && /* @__PURE__ */ jsx19(
+      RelationFilterPopover,
+      {
+        isOpen: true,
+        onClose: closeColFilter,
+        column: popoverColumn,
+        triggerRect: filterPopover.rect,
+        options: popoverOptions,
+        filterValue: colFilters[filterPopover.grid][filterPopover.colName],
+        onSelectionChange: (payload) => setColFilter(filterPopover.grid, filterPopover.colName, payload)
+      }
+    )
   ] });
 };
 
@@ -9225,7 +9623,7 @@ import React20 from "react";
 import { CheckCircle2 as CheckCircle24, AlertCircle as AlertCircle5, X as X12, Loader2 as Loader28, Phone as Phone4, Send as Send3, Image as ImageIcon3, FileText as FileText4, Video as Video3 } from "lucide-react";
 
 // src/components/WhatsAppComponent/CreateTemplateModal.tsx
-import { useState as useState16, useEffect as useEffect14, useRef as useRef14, useMemo as useMemo9 } from "react";
+import { useState as useState17, useEffect as useEffect15, useRef as useRef15, useMemo as useMemo10 } from "react";
 import {
   X as X9,
   Plus,
@@ -9368,7 +9766,7 @@ function readFileAsBase64(file) {
 }
 
 // src/components/WhatsAppComponent/CreateTemplateModal.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function CreateTemplateModal({
   isOpen,
   onClose,
@@ -9378,26 +9776,26 @@ function CreateTemplateModal({
   executeAction,
   orgId
 }) {
-  const [templateName, setTemplateName] = useState16("");
-  const [language, setLanguage] = useState16("he");
-  const [category, setCategory] = useState16("MARKETING");
-  const [bodyText, setBodyText] = useState16("");
-  const [variableSamples, setVariableSamples] = useState16({});
-  const [hasFileHeader, setHasFileHeader] = useState16(false);
-  const [selectedFile, setSelectedFile] = useState16(null);
-  const [fileBase64, setFileBase64] = useState16("");
-  const [buttons, setButtons] = useState16([]);
-  const [isAddButtonOpen, setIsAddButtonOpen] = useState16(false);
-  const addButtonDropdownRef = useRef14(null);
-  const [isSubmitting, setIsSubmitting] = useState16(false);
-  const [submittingStep, setSubmittingStep] = useState16("");
-  const [submitError, setSubmitError] = useState16(null);
-  const [fileError, setFileError] = useState16(null);
-  const textareaRef = useRef14(null);
-  const fileInputRef = useRef14(null);
-  const emojiPickerRef = useRef14(null);
-  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = useState16(false);
-  useEffect14(() => {
+  const [templateName, setTemplateName] = useState17("");
+  const [language, setLanguage] = useState17("he");
+  const [category, setCategory] = useState17("MARKETING");
+  const [bodyText, setBodyText] = useState17("");
+  const [variableSamples, setVariableSamples] = useState17({});
+  const [hasFileHeader, setHasFileHeader] = useState17(false);
+  const [selectedFile, setSelectedFile] = useState17(null);
+  const [fileBase64, setFileBase64] = useState17("");
+  const [buttons, setButtons] = useState17([]);
+  const [isAddButtonOpen, setIsAddButtonOpen] = useState17(false);
+  const addButtonDropdownRef = useRef15(null);
+  const [isSubmitting, setIsSubmitting] = useState17(false);
+  const [submittingStep, setSubmittingStep] = useState17("");
+  const [submitError, setSubmitError] = useState17(null);
+  const [fileError, setFileError] = useState17(null);
+  const textareaRef = useRef15(null);
+  const fileInputRef = useRef15(null);
+  const emojiPickerRef = useRef15(null);
+  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = useState17(false);
+  useEffect15(() => {
     function handleClickOutside(event) {
       if (emojiPickerRef.current && !emojiPickerRef.current.contains(event.target)) {
         setIsEmojiPickerOpen(false);
@@ -9421,7 +9819,7 @@ function CreateTemplateModal({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [isEmojiPickerOpen, isAddButtonOpen]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (isOpen) {
       setTemplateName("");
       setLanguage("he");
@@ -9440,10 +9838,10 @@ function CreateTemplateModal({
       setIsEmojiPickerOpen(false);
     }
   }, [isOpen]);
-  const uniqueVariables = useMemo9(() => {
+  const uniqueVariables = useMemo10(() => {
     return extractUniqueVariableIndices(bodyText);
   }, [bodyText]);
-  useEffect14(() => {
+  useEffect15(() => {
     setVariableSamples((prev) => {
       const next = {};
       uniqueVariables.forEach((idx) => {
@@ -9454,7 +9852,7 @@ function CreateTemplateModal({
   }, [uniqueVariables]);
   const isNameEmpty = templateName.trim().length === 0;
   const isNamePatternValid = isValidTemplateName(templateName);
-  const isNameDuplicate = useMemo9(() => {
+  const isNameDuplicate = useMemo10(() => {
     const trimmedName = templateName.trim().toLowerCase();
     if (!trimmedName) return false;
     if (existingTemplates && existingTemplates.length > 0) {
@@ -9464,9 +9862,9 @@ function CreateTemplateModal({
     }
     return isDuplicateTemplateName(trimmedName, existingTemplateNames, language);
   }, [templateName, language, existingTemplates, existingTemplateNames]);
-  const ratioInfo = useMemo9(() => validateWordToVariableRatio(bodyText), [bodyText]);
-  const seqInfo = useMemo9(() => validateSequentialVariables(bodyText), [bodyText]);
-  const validationResult = useMemo9(() => {
+  const ratioInfo = useMemo10(() => validateWordToVariableRatio(bodyText), [bodyText]);
+  const seqInfo = useMemo10(() => validateSequentialVariables(bodyText), [bodyText]);
+  const validationResult = useMemo10(() => {
     return validateWhatsAppTemplate({
       name: templateName,
       language,
@@ -9720,12 +10118,12 @@ function CreateTemplateModal({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: "fixed inset-0 bg-slate-900/60 backdrop-blur-xs z-50 flex items-center justify-center p-4 overflow-y-auto animate-in fade-in duration-200",
       dir: "rtl",
-      children: /* @__PURE__ */ jsxs16(
+      children: /* @__PURE__ */ jsxs17(
         "div",
         {
           className: "bg-white rounded-2xl border border-slate-200 shadow-2xl w-full max-w-2xl max-h-[92vh] flex flex-col overflow-hidden animate-in zoom-in-95 duration-150",
@@ -9733,43 +10131,43 @@ function CreateTemplateModal({
           "aria-modal": "true",
           "aria-labelledby": "modal-title",
           children: [
-            /* @__PURE__ */ jsxs16("div", { className: "px-6 py-4 border-b border-slate-100 flex items-center justify-between bg-slate-50/70", children: [
-              /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ jsx19("div", { className: "w-8 h-8 rounded-lg bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx19(Plus, { className: "w-4 h-4" }) }),
-                /* @__PURE__ */ jsxs16("div", { children: [
-                  /* @__PURE__ */ jsx19("h3", { id: "modal-title", className: "text-sm font-bold text-slate-900", children: "\u05D9\u05E6\u05D9\u05E8\u05EA \u05EA\u05D1\u05E0\u05D9\u05EA \u05D7\u05D3\u05E9\u05D4" }),
-                  /* @__PURE__ */ jsx19("p", { className: "text-xs text-slate-500", children: "\u05D4\u05D2\u05D3\u05E8\u05EA \u05EA\u05D5\u05DB\u05DF \u05D4\u05D5\u05D3\u05E2\u05D4 \u05D5\u05DE\u05E9\u05EA\u05E0\u05D9\u05DD \u05DC\u05D0\u05D9\u05E9\u05D5\u05E8 Meta Cloud API" })
+            /* @__PURE__ */ jsxs17("div", { className: "px-6 py-4 border-b border-slate-100 flex items-center justify-between bg-slate-50/70", children: [
+              /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ jsx20("div", { className: "w-8 h-8 rounded-lg bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx20(Plus, { className: "w-4 h-4" }) }),
+                /* @__PURE__ */ jsxs17("div", { children: [
+                  /* @__PURE__ */ jsx20("h3", { id: "modal-title", className: "text-sm font-bold text-slate-900", children: "\u05D9\u05E6\u05D9\u05E8\u05EA \u05EA\u05D1\u05E0\u05D9\u05EA \u05D7\u05D3\u05E9\u05D4" }),
+                  /* @__PURE__ */ jsx20("p", { className: "text-xs text-slate-500", children: "\u05D4\u05D2\u05D3\u05E8\u05EA \u05EA\u05D5\u05DB\u05DF \u05D4\u05D5\u05D3\u05E2\u05D4 \u05D5\u05DE\u05E9\u05EA\u05E0\u05D9\u05DD \u05DC\u05D0\u05D9\u05E9\u05D5\u05E8 Meta Cloud API" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 "button",
                 {
                   type: "button",
                   onClick: onClose,
                   className: "p-1.5 text-slate-400 hover:text-slate-700 hover:bg-slate-200/60 rounded-lg transition-colors cursor-pointer",
                   "aria-label": "\u05E1\u05D2\u05D5\u05E8",
-                  children: /* @__PURE__ */ jsx19(X9, { className: "w-5 h-5" })
+                  children: /* @__PURE__ */ jsx20(X9, { className: "w-5 h-5" })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "flex flex-col overflow-hidden flex-1", children: [
-              /* @__PURE__ */ jsxs16("div", { className: "p-6 overflow-y-auto space-y-5 flex-1", children: [
-                submitError && /* @__PURE__ */ jsxs16("div", { className: "p-3 bg-rose-50 border border-rose-200 rounded-xl text-xs text-rose-800 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx19(AlertCircle2, { className: "w-4 h-4 text-rose-600 shrink-0" }),
-                  /* @__PURE__ */ jsx19("span", { children: submitError })
+            /* @__PURE__ */ jsxs17("form", { onSubmit: handleSubmit, className: "flex flex-col overflow-hidden flex-1", children: [
+              /* @__PURE__ */ jsxs17("div", { className: "p-6 overflow-y-auto space-y-5 flex-1", children: [
+                submitError && /* @__PURE__ */ jsxs17("div", { className: "p-3 bg-rose-50 border border-rose-200 rounded-xl text-xs text-rose-800 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx20(AlertCircle2, { className: "w-4 h-4 text-rose-600 shrink-0" }),
+                  /* @__PURE__ */ jsx20("span", { children: submitError })
                 ] }),
-                /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs16("label", { className: "block text-xs font-bold text-slate-800", children: [
+                /* @__PURE__ */ jsxs17("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs17("label", { className: "block text-xs font-bold text-slate-800", children: [
                       "\u05E9\u05DD \u05EA\u05D1\u05E0\u05D9\u05EA \u05D7\u05D3\u05E9\u05D4 ",
-                      /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                      /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                     ] }),
-                    templateName && isNamePatternValid && !isNameDuplicate && /* @__PURE__ */ jsxs16("span", { className: "text-[11px] text-emerald-600 font-semibold flex items-center gap-1", children: [
-                      /* @__PURE__ */ jsx19(CheckCircle22, { className: "w-3.5 h-3.5" }),
+                    templateName && isNamePatternValid && !isNameDuplicate && /* @__PURE__ */ jsxs17("span", { className: "text-[11px] text-emerald-600 font-semibold flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx20(CheckCircle22, { className: "w-3.5 h-3.5" }),
                       " \u05E9\u05DD \u05EA\u05E7\u05D9\u05DF"
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsx20(
                     "input",
                     {
                       type: "text",
@@ -9781,47 +10179,47 @@ function CreateTemplateModal({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ jsx19("p", { className: "text-[10px] text-slate-400 mt-1", children: "\u05D0\u05D5\u05EA\u05D9\u05D5\u05EA \u05E7\u05D8\u05E0\u05D5\u05EA \u05D1\u05D0\u05E0\u05D2\u05DC\u05D9\u05EA, \u05DE\u05E1\u05E4\u05E8\u05D9\u05DD \u05D5\u05E7\u05D5\u05D5\u05D9\u05DD \u05EA\u05D7\u05EA\u05D5\u05E0\u05D9\u05DD \u05D1\u05DC\u05D1\u05D3." }),
-                  !isNameEmpty && isNameDuplicate && /* @__PURE__ */ jsxs16("p", { className: "text-[11px] text-rose-600 font-semibold flex items-center gap-1 mt-1", children: [
-                    /* @__PURE__ */ jsx19(AlertCircle2, { className: "w-3.5 h-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsx20("p", { className: "text-[10px] text-slate-400 mt-1", children: "\u05D0\u05D5\u05EA\u05D9\u05D5\u05EA \u05E7\u05D8\u05E0\u05D5\u05EA \u05D1\u05D0\u05E0\u05D2\u05DC\u05D9\u05EA, \u05DE\u05E1\u05E4\u05E8\u05D9\u05DD \u05D5\u05E7\u05D5\u05D5\u05D9\u05DD \u05EA\u05D7\u05EA\u05D5\u05E0\u05D9\u05DD \u05D1\u05DC\u05D1\u05D3." }),
+                  !isNameEmpty && isNameDuplicate && /* @__PURE__ */ jsxs17("p", { className: "text-[11px] text-rose-600 font-semibold flex items-center gap-1 mt-1", children: [
+                    /* @__PURE__ */ jsx20(AlertCircle2, { className: "w-3.5 h-3.5 shrink-0" }),
                     "\u05E9\u05DD \u05D4\u05EA\u05D1\u05E0\u05D9\u05EA \u05DB\u05D1\u05E8 \u05E7\u05D9\u05D9\u05DD \u05D1\u05D7\u05E9\u05D1\u05D5\u05DF \u05E2\u05D1\u05D5\u05E8 \u05E9\u05E4\u05D4 \u05D6\u05D5 (",
                     language,
                     "). \u05D0\u05E0\u05D0 \u05D1\u05D7\u05E8 \u05E9\u05DD \u05D9\u05D9\u05D7\u05D5\u05D3\u05D9 \u05D0\u05D5 \u05E9\u05E4\u05D4 \u05D0\u05D7\u05E8\u05EA."
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ jsx19("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E9\u05E4\u05D4" }),
-                    /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ jsx20("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E9\u05E4\u05D4" }),
+                    /* @__PURE__ */ jsx20(
                       "select",
                       {
                         value: language,
                         onChange: (e) => setLanguage(e.target.value),
                         className: "w-full px-3 py-2 text-xs bg-slate-50 border border-slate-200 rounded-xl text-slate-800 outline-hidden",
-                        children: LANGUAGE_OPTIONS.map((opt) => /* @__PURE__ */ jsx19("option", { value: opt.value, children: opt.label }, opt.value))
+                        children: LANGUAGE_OPTIONS.map((opt) => /* @__PURE__ */ jsx20("option", { value: opt.value, children: opt.label }, opt.value))
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ jsx19("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E7\u05D8\u05D2\u05D5\u05E8\u05D9\u05D4" }),
-                    /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsxs17("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ jsx20("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E7\u05D8\u05D2\u05D5\u05E8\u05D9\u05D4" }),
+                    /* @__PURE__ */ jsx20(
                       "select",
                       {
                         value: category,
                         onChange: (e) => setCategory(e.target.value),
                         className: "w-full px-3 py-2 text-xs bg-slate-50 border border-slate-200 rounded-xl text-slate-800 outline-hidden",
-                        children: CATEGORY_OPTIONS.map((opt) => /* @__PURE__ */ jsx19("option", { value: opt.value, children: opt.label }, opt.value))
+                        children: CATEGORY_OPTIONS.map((opt) => /* @__PURE__ */ jsx20("option", { value: opt.value, children: opt.label }, opt.value))
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsxs16("label", { className: "block text-xs font-bold text-slate-800", children: [
+                /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs17("label", { className: "block text-xs font-bold text-slate-800", children: [
                     "\u05EA\u05D5\u05DB\u05DF \u05D2\u05D5\u05E3 \u05D4\u05D4\u05D5\u05D3\u05E2\u05D4 ",
-                    /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                    /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                   ] }),
-                  /* @__PURE__ */ jsxs16("div", { className: "border border-slate-200 focus-within:border-emerald-500 focus-within:ring-1 focus-within:ring-emerald-500 rounded-xl overflow-visible bg-white transition-all shadow-xs relative", children: [
-                    /* @__PURE__ */ jsx19(
+                  /* @__PURE__ */ jsxs17("div", { className: "border border-slate-200 focus-within:border-emerald-500 focus-within:ring-1 focus-within:ring-emerald-500 rounded-xl overflow-visible bg-white transition-all shadow-xs relative", children: [
+                    /* @__PURE__ */ jsx20(
                       "textarea",
                       {
                         ref: textareaRef,
@@ -9836,14 +10234,14 @@ function CreateTemplateModal({
                         required: true
                       }
                     ),
-                    /* @__PURE__ */ jsxs16(
+                    /* @__PURE__ */ jsxs17(
                       "div",
                       {
                         className: "bg-slate-50/90 border-t border-slate-100 px-3 py-1.5 flex items-center justify-between gap-2 select-none relative",
                         dir: language === "en_US" ? "ltr" : "rtl",
                         children: [
-                          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
-                            /* @__PURE__ */ jsx19(
+                          /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
+                            /* @__PURE__ */ jsx20(
                               "button",
                               {
                                 type: "button",
@@ -9851,10 +10249,10 @@ function CreateTemplateModal({
                                 onClick: () => handleApplyFormatting("*"),
                                 title: "\u05DE\u05D5\u05D3\u05D2\u05E9 (Bold) *\u05D8\u05E7\u05E1\u05D8*",
                                 className: "w-7 h-7 rounded-lg text-slate-600 hover:text-slate-900 hover:bg-slate-200/70 active:bg-slate-300/80 flex items-center justify-center font-bold text-xs transition-colors cursor-pointer",
-                                children: /* @__PURE__ */ jsx19(Bold, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ jsx20(Bold, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20(
                               "button",
                               {
                                 type: "button",
@@ -9862,10 +10260,10 @@ function CreateTemplateModal({
                                 onClick: () => handleApplyFormatting("_"),
                                 title: "\u05E0\u05D8\u05D5\u05D9 (Italic) _\u05D8\u05E7\u05E1\u05D8_",
                                 className: "w-7 h-7 rounded-lg text-slate-600 hover:text-slate-900 hover:bg-slate-200/70 active:bg-slate-300/80 flex items-center justify-center italic text-xs transition-colors cursor-pointer",
-                                children: /* @__PURE__ */ jsx19(Italic, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ jsx20(Italic, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20(
                               "button",
                               {
                                 type: "button",
@@ -9873,12 +10271,12 @@ function CreateTemplateModal({
                                 onClick: () => handleApplyFormatting("~"),
                                 title: "\u05E7\u05D5 \u05D7\u05D5\u05E6\u05D4 (Strikethrough) ~\u05D8\u05E7\u05E1\u05D8~",
                                 className: "w-7 h-7 rounded-lg text-slate-600 hover:text-slate-900 hover:bg-slate-200/70 active:bg-slate-300/80 flex items-center justify-center text-xs transition-colors cursor-pointer",
-                                children: /* @__PURE__ */ jsx19(Strikethrough, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ jsx20(Strikethrough, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ jsx19("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
-                            /* @__PURE__ */ jsxs16("div", { className: "relative inline-block", ref: emojiPickerRef, children: [
-                              /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
+                            /* @__PURE__ */ jsxs17("div", { className: "relative inline-block", ref: emojiPickerRef, children: [
+                              /* @__PURE__ */ jsx20(
                                 "button",
                                 {
                                   type: "button",
@@ -9886,16 +10284,16 @@ function CreateTemplateModal({
                                   onClick: () => setIsEmojiPickerOpen(!isEmojiPickerOpen),
                                   title: "\u05D4\u05D5\u05E1\u05E3 \u05D0\u05D9\u05DE\u05D5\u05D2'\u05D9 (Emoji)",
                                   className: `w-7 h-7 rounded-lg flex items-center justify-center transition-colors cursor-pointer ${isEmojiPickerOpen ? "bg-emerald-100 text-emerald-700" : "text-slate-600 hover:text-slate-900 hover:bg-slate-200/70 active:bg-slate-300/80"}`,
-                                  children: /* @__PURE__ */ jsx19(Smile, { className: "w-4 h-4" })
+                                  children: /* @__PURE__ */ jsx20(Smile, { className: "w-4 h-4" })
                                 }
                               ),
-                              isEmojiPickerOpen && /* @__PURE__ */ jsx19(
+                              isEmojiPickerOpen && /* @__PURE__ */ jsx20(
                                 "div",
                                 {
                                   className: `absolute bottom-full mb-2 ${language === "en_US" ? "left-0" : "right-0"} z-50 shadow-2xl rounded-2xl overflow-hidden border border-slate-200 animate-in fade-in zoom-in-95 duration-100`,
                                   dir: "ltr",
                                   onMouseDown: (e) => e.stopPropagation(),
-                                  children: /* @__PURE__ */ jsx19(
+                                  children: /* @__PURE__ */ jsx20(
                                     EmojiPicker,
                                     {
                                       onEmojiClick: (emojiData) => {
@@ -9912,8 +10310,8 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx19("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
-                            /* @__PURE__ */ jsxs16(
+                            /* @__PURE__ */ jsx20("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
+                            /* @__PURE__ */ jsxs17(
                               "button",
                               {
                                 type: "button",
@@ -9923,28 +10321,28 @@ function CreateTemplateModal({
                                 "aria-label": language === "en_US" ? "Add variable" : "\u05DE\u05E9\u05EA\u05E0\u05D4",
                                 className: "h-7 px-2 rounded-lg text-slate-600 hover:text-slate-900 hover:bg-slate-200/70 active:bg-slate-300/80 flex items-center gap-1 text-xs font-medium transition-colors cursor-pointer",
                                 children: [
-                                  /* @__PURE__ */ jsx19(Plus, { className: "w-3.5 h-3.5" }),
-                                  /* @__PURE__ */ jsx19("span", { children: language === "en_US" ? "Add variable" : "\u05DE\u05E9\u05EA\u05E0\u05D4" })
+                                  /* @__PURE__ */ jsx20(Plus, { className: "w-3.5 h-3.5" }),
+                                  /* @__PURE__ */ jsx20("span", { children: language === "en_US" ? "Add variable" : "\u05DE\u05E9\u05EA\u05E0\u05D4" })
                                 ]
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsxs16(
+                          /* @__PURE__ */ jsxs17(
                             "div",
                             {
                               className: "flex items-center gap-1 font-mono text-[11px]",
                               dir: "ltr",
                               title: "\u05DE\u05D2\u05D1\u05DC\u05EA \u05EA\u05D5\u05D5\u05D9\u05DD (1024 \u05EA\u05D5\u05D5\u05D9\u05DD \u05DC\u05DB\u05DC \u05D4\u05D9\u05D5\u05EA\u05E8)",
                               children: [
-                                /* @__PURE__ */ jsx19(
+                                /* @__PURE__ */ jsx20(
                                   "span",
                                   {
                                     className: `font-semibold transition-colors ${bodyText.length >= 1024 ? "text-rose-600" : bodyText.length >= 950 ? "text-amber-600" : "text-slate-500"}`,
                                     children: bodyText.length
                                   }
                                 ),
-                                /* @__PURE__ */ jsx19("span", { className: "text-slate-300", children: "/" }),
-                                /* @__PURE__ */ jsx19("span", { className: "text-slate-400", children: "1024" })
+                                /* @__PURE__ */ jsx20("span", { className: "text-slate-300", children: "/" }),
+                                /* @__PURE__ */ jsx20("span", { className: "text-slate-400", children: "1024" })
                               ]
                             }
                           )
@@ -9952,30 +10350,30 @@ function CreateTemplateModal({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap items-center justify-between text-[11px] text-slate-400 px-1 gap-2", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ jsxs16("span", { children: [
+                  /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap items-center justify-between text-[11px] text-slate-400 px-1 gap-2", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsxs17("span", { children: [
                       ratioInfo.staticWordsCount,
                       " \u05DE\u05D9\u05DC\u05D9\u05DD"
                     ] }),
-                    /* @__PURE__ */ jsxs16("span", { children: [
+                    /* @__PURE__ */ jsxs17("span", { children: [
                       ratioInfo.variableCount,
                       " \u05DE\u05E9\u05EA\u05E0\u05D9\u05DD"
                     ] })
                   ] }) }),
-                  uniqueVariables.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
-                    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1.5 text-xs font-bold text-slate-800", children: [
-                      /* @__PURE__ */ jsx19(Info2, { className: "w-4 h-4 text-emerald-600" }),
-                      /* @__PURE__ */ jsx19("span", { children: "\u05E2\u05E8\u05DB\u05D9\u05DD \u05DC\u05D3\u05D5\u05D2\u05DE\u05D4 \u05DC\u05DE\u05E9\u05EA\u05E0\u05D9\u05DD (\u05D7\u05D5\u05D1\u05D4 \u05DC\u05D0\u05D9\u05E9\u05D5\u05E8 Meta)" })
+                  uniqueVariables.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
+                    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5 text-xs font-bold text-slate-800", children: [
+                      /* @__PURE__ */ jsx20(Info2, { className: "w-4 h-4 text-emerald-600" }),
+                      /* @__PURE__ */ jsx20("span", { children: "\u05E2\u05E8\u05DB\u05D9\u05DD \u05DC\u05D3\u05D5\u05D2\u05DE\u05D4 \u05DC\u05DE\u05E9\u05EA\u05E0\u05D9\u05DD (\u05D7\u05D5\u05D1\u05D4 \u05DC\u05D0\u05D9\u05E9\u05D5\u05E8 Meta)" })
                     ] }),
-                    /* @__PURE__ */ jsx19("p", { className: "text-[11px] text-slate-500 leading-relaxed", children: "Meta \u05D3\u05D5\u05E8\u05E9\u05EA \u05D3\u05D5\u05D2\u05DE\u05D4 \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D9\u05D9\u05D7\u05D5\u05D3\u05D9 \u05DB\u05D3\u05D9 \u05DC\u05D5\u05D5\u05D3\u05D0 \u05EA\u05E7\u05D9\u05E0\u05D5\u05EA \u05EA\u05D5\u05DB\u05DF." }),
-                    /* @__PURE__ */ jsx19("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 pt-1", children: uniqueVariables.map((idx) => /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ jsxs16("label", { className: "block text-[11px] font-semibold text-slate-700 font-mono", children: [
+                    /* @__PURE__ */ jsx20("p", { className: "text-[11px] text-slate-500 leading-relaxed", children: "Meta \u05D3\u05D5\u05E8\u05E9\u05EA \u05D3\u05D5\u05D2\u05DE\u05D4 \u05E2\u05D1\u05D5\u05E8 \u05DB\u05DC \u05DE\u05E9\u05EA\u05E0\u05D4 \u05D9\u05D9\u05D7\u05D5\u05D3\u05D9 \u05DB\u05D3\u05D9 \u05DC\u05D5\u05D5\u05D3\u05D0 \u05EA\u05E7\u05D9\u05E0\u05D5\u05EA \u05EA\u05D5\u05DB\u05DF." }),
+                    /* @__PURE__ */ jsx20("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 pt-1", children: uniqueVariables.map((idx) => /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                      /* @__PURE__ */ jsxs17("label", { className: "block text-[11px] font-semibold text-slate-700 font-mono", children: [
                         "\u05D3\u05D5\u05D2\u05DE\u05D4 \u05E2\u05D1\u05D5\u05E8 ",
                         `{{${idx}}}`,
                         " ",
-                        /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                        /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                       ] }),
-                      /* @__PURE__ */ jsx19(
+                      /* @__PURE__ */ jsx20(
                         "input",
                         {
                           type: "text",
@@ -9990,21 +10388,21 @@ function CreateTemplateModal({
                       )
                     ] }, idx)) })
                   ] }),
-                  bodyText.trim().length > 0 && validationResult.errors.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "p-3.5 bg-amber-50 border border-amber-200 rounded-xl space-y-1.5 text-xs text-amber-900", children: [
-                    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1.5 font-bold", children: [
-                      /* @__PURE__ */ jsx19(AlertCircle2, { className: "w-4 h-4 text-amber-600 shrink-0" }),
-                      /* @__PURE__ */ jsx19("span", { children: "\u05D3\u05E8\u05D9\u05E9\u05D5\u05EA \u05EA\u05E7\u05D9\u05E0\u05D5\u05EA Meta \u05DC\u05D7\u05E1\u05D9\u05DE\u05EA \u05E9\u05D2\u05D9\u05D0\u05D5\u05EA:" })
+                  bodyText.trim().length > 0 && validationResult.errors.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "p-3.5 bg-amber-50 border border-amber-200 rounded-xl space-y-1.5 text-xs text-amber-900", children: [
+                    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5 font-bold", children: [
+                      /* @__PURE__ */ jsx20(AlertCircle2, { className: "w-4 h-4 text-amber-600 shrink-0" }),
+                      /* @__PURE__ */ jsx20("span", { children: "\u05D3\u05E8\u05D9\u05E9\u05D5\u05EA \u05EA\u05E7\u05D9\u05E0\u05D5\u05EA Meta \u05DC\u05D7\u05E1\u05D9\u05DE\u05EA \u05E9\u05D2\u05D9\u05D0\u05D5\u05EA:" })
                     ] }),
-                    /* @__PURE__ */ jsx19("ul", { className: "list-disc list-inside space-y-1 text-[11px] pr-2 leading-relaxed", children: validationResult.errors.map((err, i) => /* @__PURE__ */ jsx19("li", { children: err }, i)) })
+                    /* @__PURE__ */ jsx20("ul", { className: "list-disc list-inside space-y-1 text-[11px] pr-2 leading-relaxed", children: validationResult.errors.map((err, i) => /* @__PURE__ */ jsx20("li", { children: err }, i)) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs16("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx19(Paperclip, { className: "w-4 h-4 text-slate-600" }),
-                      /* @__PURE__ */ jsx19("label", { htmlFor: "modalHeaderFileCheckbox", className: "text-xs font-bold text-slate-800 cursor-pointer", children: "\u05E7\u05D5\u05D1\u05E5 \u05DB\u05D5\u05EA\u05E8\u05EA \u05DE\u05E6\u05D5\u05E8\u05E3 (\u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9)" })
+                /* @__PURE__ */ jsxs17("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx20(Paperclip, { className: "w-4 h-4 text-slate-600" }),
+                      /* @__PURE__ */ jsx20("label", { htmlFor: "modalHeaderFileCheckbox", className: "text-xs font-bold text-slate-800 cursor-pointer", children: "\u05E7\u05D5\u05D1\u05E5 \u05DB\u05D5\u05EA\u05E8\u05EA \u05DE\u05E6\u05D5\u05E8\u05E3 (\u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9)" })
                     ] }),
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "input",
                       {
                         type: "checkbox",
@@ -10020,12 +10418,12 @@ function CreateTemplateModal({
                       }
                     )
                   ] }),
-                  hasFileHeader && /* @__PURE__ */ jsxs16("div", { className: "space-y-3 pt-1", children: [
-                    fileError && /* @__PURE__ */ jsxs16("div", { className: "p-3 bg-rose-50 border border-rose-200 rounded-xl flex items-center gap-2 text-xs text-rose-700 font-semibold animate-in fade-in duration-150", children: [
-                      /* @__PURE__ */ jsx19(AlertCircle2, { className: "w-4 h-4 text-rose-600 shrink-0" }),
-                      /* @__PURE__ */ jsx19("span", { children: fileError })
+                  hasFileHeader && /* @__PURE__ */ jsxs17("div", { className: "space-y-3 pt-1", children: [
+                    fileError && /* @__PURE__ */ jsxs17("div", { className: "p-3 bg-rose-50 border border-rose-200 rounded-xl flex items-center gap-2 text-xs text-rose-700 font-semibold animate-in fade-in duration-150", children: [
+                      /* @__PURE__ */ jsx20(AlertCircle2, { className: "w-4 h-4 text-rose-600 shrink-0" }),
+                      /* @__PURE__ */ jsx20("span", { children: fileError })
                     ] }),
-                    /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(
                       "input",
                       {
                         ref: fileInputRef,
@@ -10035,7 +10433,7 @@ function CreateTemplateModal({
                         className: "hidden"
                       }
                     ),
-                    !selectedFile && /* @__PURE__ */ jsxs16(
+                    !selectedFile && /* @__PURE__ */ jsxs17(
                       "button",
                       {
                         type: "button",
@@ -10045,49 +10443,49 @@ function CreateTemplateModal({
                         },
                         className: "w-full p-4 border-2 border-dashed border-slate-300 hover:border-emerald-500 rounded-xl flex flex-col items-center justify-center gap-2 bg-white hover:bg-emerald-50/30 transition-all cursor-pointer",
                         children: [
-                          /* @__PURE__ */ jsx19("div", { className: "w-9 h-9 rounded-full bg-slate-100 text-slate-500 flex items-center justify-center", children: /* @__PURE__ */ jsx19(Upload2, { className: "w-4 h-4" }) }),
-                          /* @__PURE__ */ jsxs16("div", { className: "text-center", children: [
-                            /* @__PURE__ */ jsx19("span", { className: "text-xs font-bold text-emerald-700 block", children: "\u05DC\u05D7\u05E5 \u05DC\u05D1\u05D7\u05D9\u05E8\u05EA \u05E7\u05D5\u05D1\u05E5" }),
-                            /* @__PURE__ */ jsx19("span", { className: "text-[10px] text-slate-400", children: "PDF, JPG, PNG, MP4 \u05E2\u05D3 5MB" })
+                          /* @__PURE__ */ jsx20("div", { className: "w-9 h-9 rounded-full bg-slate-100 text-slate-500 flex items-center justify-center", children: /* @__PURE__ */ jsx20(Upload2, { className: "w-4 h-4" }) }),
+                          /* @__PURE__ */ jsxs17("div", { className: "text-center", children: [
+                            /* @__PURE__ */ jsx20("span", { className: "text-xs font-bold text-emerald-700 block", children: "\u05DC\u05D7\u05E5 \u05DC\u05D1\u05D7\u05D9\u05E8\u05EA \u05E7\u05D5\u05D1\u05E5" }),
+                            /* @__PURE__ */ jsx20("span", { className: "text-[10px] text-slate-400", children: "PDF, JPG, PNG, MP4 \u05E2\u05D3 5MB" })
                           ] })
                         ]
                       }
                     ),
-                    selectedFile && /* @__PURE__ */ jsxs16("div", { className: "p-3 bg-white border border-emerald-200 rounded-xl flex items-center justify-between gap-3 shadow-2xs", children: [
-                      /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2.5 overflow-hidden", children: [
-                        /* @__PURE__ */ jsx19("div", { className: "w-8 h-8 rounded-lg bg-emerald-50 text-emerald-600 flex items-center justify-center shrink-0", children: selectedFile.type.includes("pdf") || selectedFile.name.toLowerCase().endsWith(".pdf") ? /* @__PURE__ */ jsx19(FileText2, { className: "w-4 h-4" }) : selectedFile.type.includes("video") || selectedFile.name.toLowerCase().match(/\.(mp4|mov|avi|webm)$/) ? /* @__PURE__ */ jsx19(Video, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx19(ImageIcon, { className: "w-4 h-4" }) }),
-                        /* @__PURE__ */ jsxs16("div", { className: "overflow-hidden", children: [
-                          /* @__PURE__ */ jsx19("p", { className: "text-xs font-bold text-slate-800 truncate", title: selectedFile.name, children: /* @__PURE__ */ jsx19("span", { dir: "ltr", className: "inline-block truncate max-w-full", children: selectedFile.name }) }),
-                          /* @__PURE__ */ jsx19("p", { className: "text-[10px] text-slate-400", children: /* @__PURE__ */ jsxs16("span", { dir: "ltr", className: "inline-block", children: [
+                    selectedFile && /* @__PURE__ */ jsxs17("div", { className: "p-3 bg-white border border-emerald-200 rounded-xl flex items-center justify-between gap-3 shadow-2xs", children: [
+                      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2.5 overflow-hidden", children: [
+                        /* @__PURE__ */ jsx20("div", { className: "w-8 h-8 rounded-lg bg-emerald-50 text-emerald-600 flex items-center justify-center shrink-0", children: selectedFile.type.includes("pdf") || selectedFile.name.toLowerCase().endsWith(".pdf") ? /* @__PURE__ */ jsx20(FileText2, { className: "w-4 h-4" }) : selectedFile.type.includes("video") || selectedFile.name.toLowerCase().match(/\.(mp4|mov|avi|webm)$/) ? /* @__PURE__ */ jsx20(Video, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx20(ImageIcon, { className: "w-4 h-4" }) }),
+                        /* @__PURE__ */ jsxs17("div", { className: "overflow-hidden", children: [
+                          /* @__PURE__ */ jsx20("p", { className: "text-xs font-bold text-slate-800 truncate", title: selectedFile.name, children: /* @__PURE__ */ jsx20("span", { dir: "ltr", className: "inline-block truncate max-w-full", children: selectedFile.name }) }),
+                          /* @__PURE__ */ jsx20("p", { className: "text-[10px] text-slate-400", children: /* @__PURE__ */ jsxs17("span", { dir: "ltr", className: "inline-block", children: [
                             formatFileSize(selectedFile.size),
                             selectedFile.type ? ` \u2022 ${selectedFile.type}` : ""
                           ] }) })
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx19(
+                      /* @__PURE__ */ jsx20(
                         "button",
                         {
                           type: "button",
                           onClick: handleRemoveFile,
                           className: "p-1 text-slate-400 hover:text-rose-600 rounded-md transition-colors cursor-pointer",
                           title: "\u05D4\u05E1\u05E8 \u05E7\u05D5\u05D1\u05E5",
-                          children: /* @__PURE__ */ jsx19(Trash22, { className: "w-4 h-4" })
+                          children: /* @__PURE__ */ jsx20(Trash22, { className: "w-4 h-4" })
                         }
                       )
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxs16("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3.5", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx19(MousePointerClick, { className: "w-4 h-4 text-slate-600" }),
-                      /* @__PURE__ */ jsxs16("div", { children: [
-                        /* @__PURE__ */ jsx19("span", { className: "text-xs font-bold text-slate-800 block", children: "\u05DB\u05E4\u05EA\u05D5\u05E8\u05D9\u05DD \u05D0\u05D9\u05E0\u05D8\u05E8\u05D0\u05E7\u05D8\u05D9\u05D1\u05D9\u05D9\u05DD (\u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9)" }),
-                        /* @__PURE__ */ jsx19("span", { className: "text-[10px] text-slate-400 block", children: "\u05D4\u05D5\u05E1\u05E4\u05EA \u05DB\u05E4\u05EA\u05D5\u05E8\u05D9 \u05E7\u05E8\u05D9\u05D0\u05D4 \u05DC\u05E4\u05E2\u05D5\u05DC\u05D4 (CTA) \u05D5\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4 (\u05E2\u05D3 10 \u05DB\u05E4\u05EA\u05D5\u05E8\u05D9\u05DD)" })
+                /* @__PURE__ */ jsxs17("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3.5", children: [
+                  /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsx20(MousePointerClick, { className: "w-4 h-4 text-slate-600" }),
+                      /* @__PURE__ */ jsxs17("div", { children: [
+                        /* @__PURE__ */ jsx20("span", { className: "text-xs font-bold text-slate-800 block", children: "\u05DB\u05E4\u05EA\u05D5\u05E8\u05D9\u05DD \u05D0\u05D9\u05E0\u05D8\u05E8\u05D0\u05E7\u05D8\u05D9\u05D1\u05D9\u05D9\u05DD (\u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9)" }),
+                        /* @__PURE__ */ jsx20("span", { className: "text-[10px] text-slate-400 block", children: "\u05D4\u05D5\u05E1\u05E4\u05EA \u05DB\u05E4\u05EA\u05D5\u05E8\u05D9 \u05E7\u05E8\u05D9\u05D0\u05D4 \u05DC\u05E4\u05E2\u05D5\u05DC\u05D4 (CTA) \u05D5\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4 (\u05E2\u05D3 10 \u05DB\u05E4\u05EA\u05D5\u05E8\u05D9\u05DD)" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxs16(
+                    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsxs17(
                         "span",
                         {
                           className: `text-[10px] font-mono px-2 py-0.5 rounded-full border ${buttons.length >= 10 ? "bg-amber-50 text-amber-700 border-amber-200 font-bold" : "bg-white text-slate-500 border-slate-200"}`,
@@ -10097,8 +10495,8 @@ function CreateTemplateModal({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs16("div", { className: "relative", ref: addButtonDropdownRef, children: [
-                        /* @__PURE__ */ jsxs16(
+                      /* @__PURE__ */ jsxs17("div", { className: "relative", ref: addButtonDropdownRef, children: [
+                        /* @__PURE__ */ jsxs17(
                           "button",
                           {
                             type: "button",
@@ -10107,9 +10505,9 @@ function CreateTemplateModal({
                             className: `inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-xl border transition-all ${buttons.length >= 10 ? "bg-slate-100 text-slate-400 border-slate-200 cursor-not-allowed opacity-60" : "bg-white text-emerald-700 border-emerald-200 hover:bg-emerald-50/80 active:scale-[0.98] shadow-2xs cursor-pointer"}`,
                             title: buttons.length >= 10 ? "\u05D4\u05D2\u05E2\u05EA \u05DC\u05DE\u05D2\u05D1\u05DC\u05D4 \u05D4\u05DE\u05E8\u05D1\u05D9\u05EA \u05E9\u05DC 10 \u05DB\u05E4\u05EA\u05D5\u05E8\u05D9\u05DD" : "\u05D4\u05D5\u05E1\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8 \u05D7\u05D3\u05E9",
                             children: [
-                              /* @__PURE__ */ jsx19(Plus, { className: "w-3.5 h-3.5" }),
-                              /* @__PURE__ */ jsx19("span", { children: "\u05D4\u05D5\u05E1\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8" }),
-                              /* @__PURE__ */ jsx19(
+                              /* @__PURE__ */ jsx20(Plus, { className: "w-3.5 h-3.5" }),
+                              /* @__PURE__ */ jsx20("span", { children: "\u05D4\u05D5\u05E1\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8" }),
+                              /* @__PURE__ */ jsx20(
                                 ChevronDown2,
                                 {
                                   className: `w-3.5 h-3.5 transition-transform ${isAddButtonOpen ? "rotate-180" : ""}`
@@ -10118,63 +10516,63 @@ function CreateTemplateModal({
                             ]
                           }
                         ),
-                        isAddButtonOpen && /* @__PURE__ */ jsxs16("div", { className: "absolute top-full left-0 mt-1.5 w-64 bg-white border border-slate-200 rounded-xl shadow-xl z-30 p-1.5 space-y-1 animate-in fade-in-50 zoom-in-95 duration-100 divide-y divide-slate-100", children: [
-                          /* @__PURE__ */ jsxs16(
+                        isAddButtonOpen && /* @__PURE__ */ jsxs17("div", { className: "absolute top-full left-0 mt-1.5 w-64 bg-white border border-slate-200 rounded-xl shadow-xl z-30 p-1.5 space-y-1 animate-in fade-in-50 zoom-in-95 duration-100 divide-y divide-slate-100", children: [
+                          /* @__PURE__ */ jsxs17(
                             "button",
                             {
                               type: "button",
                               onClick: () => handleAddButton("QUICK_REPLY"),
                               className: "w-full p-2 text-right rounded-lg hover:bg-slate-50 flex items-start gap-2.5 transition-colors cursor-pointer group",
                               children: [
-                                /* @__PURE__ */ jsx19("div", { className: "w-7 h-7 rounded-md bg-emerald-50 text-emerald-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-emerald-100", children: /* @__PURE__ */ jsx19(MessageSquare, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ jsxs16("div", { children: [
-                                  /* @__PURE__ */ jsx19("p", { className: "text-xs font-semibold text-slate-800", children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" }),
-                                  /* @__PURE__ */ jsx19("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05DE\u05E2\u05E0\u05D4 \u05DE\u05D4\u05D9\u05E8 \u05D1\u05DC\u05D7\u05D9\u05E6\u05D4 \u05D0\u05D7\u05EA" })
+                                /* @__PURE__ */ jsx20("div", { className: "w-7 h-7 rounded-md bg-emerald-50 text-emerald-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-emerald-100", children: /* @__PURE__ */ jsx20(MessageSquare, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ jsxs17("div", { children: [
+                                  /* @__PURE__ */ jsx20("p", { className: "text-xs font-semibold text-slate-800", children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" }),
+                                  /* @__PURE__ */ jsx20("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05DE\u05E2\u05E0\u05D4 \u05DE\u05D4\u05D9\u05E8 \u05D1\u05DC\u05D7\u05D9\u05E6\u05D4 \u05D0\u05D7\u05EA" })
                                 ] })
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs16(
+                          /* @__PURE__ */ jsxs17(
                             "button",
                             {
                               type: "button",
                               onClick: () => handleAddButton("URL"),
                               className: "w-full p-2 text-right rounded-lg hover:bg-slate-50 flex items-start gap-2.5 transition-colors cursor-pointer group pt-2",
                               children: [
-                                /* @__PURE__ */ jsx19("div", { className: "w-7 h-7 rounded-md bg-sky-50 text-sky-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-sky-100", children: /* @__PURE__ */ jsx19(ExternalLink3, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ jsxs16("div", { children: [
-                                  /* @__PURE__ */ jsx19("p", { className: "text-xs font-semibold text-slate-800", children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" }),
-                                  /* @__PURE__ */ jsx19("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05E7\u05D9\u05E9\u05D5\u05E8 \u05D0\u05D9\u05E0\u05D8\u05E8\u05E0\u05D8 \u05E1\u05D8\u05D8\u05D9" })
+                                /* @__PURE__ */ jsx20("div", { className: "w-7 h-7 rounded-md bg-sky-50 text-sky-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-sky-100", children: /* @__PURE__ */ jsx20(ExternalLink3, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ jsxs17("div", { children: [
+                                  /* @__PURE__ */ jsx20("p", { className: "text-xs font-semibold text-slate-800", children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" }),
+                                  /* @__PURE__ */ jsx20("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05E7\u05D9\u05E9\u05D5\u05E8 \u05D0\u05D9\u05E0\u05D8\u05E8\u05E0\u05D8 \u05E1\u05D8\u05D8\u05D9" })
                                 ] })
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs16(
+                          /* @__PURE__ */ jsxs17(
                             "button",
                             {
                               type: "button",
                               onClick: () => handleAddButton("PHONE_NUMBER"),
                               className: "w-full p-2 text-right rounded-lg hover:bg-slate-50 flex items-start gap-2.5 transition-colors cursor-pointer group pt-2",
                               children: [
-                                /* @__PURE__ */ jsx19("div", { className: "w-7 h-7 rounded-md bg-violet-50 text-violet-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-violet-100", children: /* @__PURE__ */ jsx19(Phone, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ jsxs16("div", { children: [
-                                  /* @__PURE__ */ jsx19("p", { className: "text-xs font-semibold text-slate-800", children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" }),
-                                  /* @__PURE__ */ jsx19("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05D7\u05D9\u05D5\u05D2 \u05D9\u05E9\u05D9\u05E8 \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D8\u05DC\u05E4\u05D5\u05DF" })
+                                /* @__PURE__ */ jsx20("div", { className: "w-7 h-7 rounded-md bg-violet-50 text-violet-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-violet-100", children: /* @__PURE__ */ jsx20(Phone, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ jsxs17("div", { children: [
+                                  /* @__PURE__ */ jsx20("p", { className: "text-xs font-semibold text-slate-800", children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" }),
+                                  /* @__PURE__ */ jsx20("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05D7\u05D9\u05D5\u05D2 \u05D9\u05E9\u05D9\u05E8 \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D8\u05DC\u05E4\u05D5\u05DF" })
                                 ] })
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs16(
+                          /* @__PURE__ */ jsxs17(
                             "button",
                             {
                               type: "button",
                               onClick: () => handleAddButton("COPY_CODE"),
                               className: "w-full p-2 text-right rounded-lg hover:bg-slate-50 flex items-start gap-2.5 transition-colors cursor-pointer group pt-2",
                               children: [
-                                /* @__PURE__ */ jsx19("div", { className: "w-7 h-7 rounded-md bg-amber-50 text-amber-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-amber-100", children: /* @__PURE__ */ jsx19(Copy3, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ jsxs16("div", { children: [
-                                  /* @__PURE__ */ jsx19("p", { className: "text-xs font-semibold text-slate-800", children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" }),
-                                  /* @__PURE__ */ jsx19("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3 \u05E7\u05D5\u05E4\u05D5\u05DF \u05DC\u05DC\u05D5\u05D7" })
+                                /* @__PURE__ */ jsx20("div", { className: "w-7 h-7 rounded-md bg-amber-50 text-amber-600 flex items-center justify-center shrink-0 mt-0.5 group-hover:bg-amber-100", children: /* @__PURE__ */ jsx20(Copy3, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ jsxs17("div", { children: [
+                                  /* @__PURE__ */ jsx20("p", { className: "text-xs font-semibold text-slate-800", children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" }),
+                                  /* @__PURE__ */ jsx20("p", { className: "text-[10px] text-slate-400 leading-tight", children: "\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3 \u05E7\u05D5\u05E4\u05D5\u05DF \u05DC\u05DC\u05D5\u05D7" })
                                 ] })
                               ]
                             }
@@ -10183,55 +10581,55 @@ function CreateTemplateModal({
                       ] })
                     ] })
                   ] }),
-                  buttons.length === 0 && /* @__PURE__ */ jsx19("div", { className: "p-3 text-center border border-dashed border-slate-200 rounded-lg text-slate-400 text-xs bg-white/60", children: '\u05DC\u05D0 \u05D4\u05D5\u05D2\u05D3\u05E8\u05D5 \u05DB\u05E4\u05EA\u05D5\u05E8\u05D9\u05DD. \u05DC\u05D7\u05E5 \u05E2\u05DC "+ \u05D4\u05D5\u05E1\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8" \u05DB\u05D3\u05D9 \u05DC\u05D4\u05D5\u05E1\u05D9\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8 \u05E8\u05D0\u05E9\u05D5\u05DF \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA.' }),
-                  buttons.length > 0 && /* @__PURE__ */ jsx19("div", { className: "space-y-2.5", children: buttons.map((btn, index) => {
+                  buttons.length === 0 && /* @__PURE__ */ jsx20("div", { className: "p-3 text-center border border-dashed border-slate-200 rounded-lg text-slate-400 text-xs bg-white/60", children: '\u05DC\u05D0 \u05D4\u05D5\u05D2\u05D3\u05E8\u05D5 \u05DB\u05E4\u05EA\u05D5\u05E8\u05D9\u05DD. \u05DC\u05D7\u05E5 \u05E2\u05DC "+ \u05D4\u05D5\u05E1\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8" \u05DB\u05D3\u05D9 \u05DC\u05D4\u05D5\u05E1\u05D9\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8 \u05E8\u05D0\u05E9\u05D5\u05DF \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA.' }),
+                  buttons.length > 0 && /* @__PURE__ */ jsx20("div", { className: "space-y-2.5", children: buttons.map((btn, index) => {
                     const btnNum = index + 1;
-                    return /* @__PURE__ */ jsxs16(
+                    return /* @__PURE__ */ jsxs17(
                       "div",
                       {
                         className: "p-3 bg-white border border-slate-200 rounded-xl space-y-2.5 shadow-2xs transition-all hover:border-slate-300",
                         children: [
-                          /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-                            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                              /* @__PURE__ */ jsxs16("span", { className: "text-[11px] font-bold text-slate-400 font-mono", children: [
+                          /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+                              /* @__PURE__ */ jsxs17("span", { className: "text-[11px] font-bold text-slate-400 font-mono", children: [
                                 "#",
                                 btnNum
                               ] }),
-                              btn.type === "QUICK_REPLY" && /* @__PURE__ */ jsxs16("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-emerald-50 text-emerald-700 border border-emerald-200 text-[10px] font-semibold", children: [
-                                /* @__PURE__ */ jsx19(MessageSquare, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ jsx19("span", { children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" })
+                              btn.type === "QUICK_REPLY" && /* @__PURE__ */ jsxs17("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-emerald-50 text-emerald-700 border border-emerald-200 text-[10px] font-semibold", children: [
+                                /* @__PURE__ */ jsx20(MessageSquare, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ jsx20("span", { children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" })
                               ] }),
-                              btn.type === "URL" && /* @__PURE__ */ jsxs16("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-sky-50 text-sky-700 border border-sky-200 text-[10px] font-semibold", children: [
-                                /* @__PURE__ */ jsx19(ExternalLink3, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ jsx19("span", { children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" })
+                              btn.type === "URL" && /* @__PURE__ */ jsxs17("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-sky-50 text-sky-700 border border-sky-200 text-[10px] font-semibold", children: [
+                                /* @__PURE__ */ jsx20(ExternalLink3, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ jsx20("span", { children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" })
                               ] }),
-                              btn.type === "PHONE_NUMBER" && /* @__PURE__ */ jsxs16("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-violet-50 text-violet-700 border border-violet-200 text-[10px] font-semibold", children: [
-                                /* @__PURE__ */ jsx19(Phone, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ jsx19("span", { children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" })
+                              btn.type === "PHONE_NUMBER" && /* @__PURE__ */ jsxs17("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-violet-50 text-violet-700 border border-violet-200 text-[10px] font-semibold", children: [
+                                /* @__PURE__ */ jsx20(Phone, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ jsx20("span", { children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" })
                               ] }),
-                              btn.type === "COPY_CODE" && /* @__PURE__ */ jsxs16("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-amber-50 text-amber-700 border border-amber-200 text-[10px] font-semibold", children: [
-                                /* @__PURE__ */ jsx19(Copy3, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ jsx19("span", { children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" })
+                              btn.type === "COPY_CODE" && /* @__PURE__ */ jsxs17("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-lg bg-amber-50 text-amber-700 border border-amber-200 text-[10px] font-semibold", children: [
+                                /* @__PURE__ */ jsx20(Copy3, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ jsx20("span", { children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" })
                               ] })
                             ] }),
-                            /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20(
                               "button",
                               {
                                 type: "button",
                                 onClick: () => handleRemoveButton(index),
                                 className: "p-1 text-slate-400 hover:text-rose-600 hover:bg-rose-50 rounded-lg transition-colors cursor-pointer",
                                 title: "\u05D4\u05E1\u05E8 \u05DB\u05E4\u05EA\u05D5\u05E8",
-                                children: /* @__PURE__ */ jsx19(Trash22, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ jsx20(Trash22, { className: "w-3.5 h-3.5" })
                               }
                             )
                           ] }),
-                          btn.type === "QUICK_REPLY" && /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                            /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between text-[11px]", children: [
-                              /* @__PURE__ */ jsxs16("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "QUICK_REPLY" && /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px]", children: [
+                              /* @__PURE__ */ jsxs17("label", { className: "font-semibold text-slate-700", children: [
                                 "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 ",
-                                /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                                /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                               ] }),
-                              /* @__PURE__ */ jsxs16(
+                              /* @__PURE__ */ jsxs17(
                                 "span",
                                 {
                                   className: `font-mono text-[10px] ${(btn.text || "").length >= 25 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -10242,7 +10640,7 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20(
                               "input",
                               {
                                 type: "text",
@@ -10254,14 +10652,14 @@ function CreateTemplateModal({
                               }
                             )
                           ] }),
-                          btn.type === "URL" && /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
-                            /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ jsxs16("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "URL" && /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ jsxs17("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 ",
-                                  /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ jsxs16(
+                                /* @__PURE__ */ jsxs17(
                                   "span",
                                   {
                                     className: `font-mono text-[10px] ${(btn.text || "").length >= 25 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -10272,7 +10670,7 @@ function CreateTemplateModal({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ jsx19(
+                              /* @__PURE__ */ jsx20(
                                 "input",
                                 {
                                   type: "text",
@@ -10284,18 +10682,18 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ jsxs16("label", { className: "font-semibold text-slate-700", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ jsxs17("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05DB\u05EA\u05D5\u05D1\u05EA URL \u05E1\u05D8\u05D8\u05D9\u05EA ",
-                                  /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ jsxs16("span", { className: "font-mono text-[10px] text-slate-400", children: [
+                                /* @__PURE__ */ jsxs17("span", { className: "font-mono text-[10px] text-slate-400", children: [
                                   (btn.url || "").length,
                                   "/2000"
                                 ] })
                               ] }),
-                              /* @__PURE__ */ jsx19(
+                              /* @__PURE__ */ jsx20(
                                 "input",
                                 {
                                   type: "url",
@@ -10309,14 +10707,14 @@ function CreateTemplateModal({
                               )
                             ] })
                           ] }),
-                          btn.type === "PHONE_NUMBER" && /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
-                            /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ jsxs16("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "PHONE_NUMBER" && /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ jsxs17("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 ",
-                                  /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ jsxs16(
+                                /* @__PURE__ */ jsxs17(
                                   "span",
                                   {
                                     className: `font-mono text-[10px] ${(btn.text || "").length >= 25 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -10327,7 +10725,7 @@ function CreateTemplateModal({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ jsx19(
+                              /* @__PURE__ */ jsx20(
                                 "input",
                                 {
                                   type: "text",
@@ -10339,18 +10737,18 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ jsxs16("label", { className: "font-semibold text-slate-700", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ jsxs17("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05DE\u05E1\u05E4\u05E8 \u05D8\u05DC\u05E4\u05D5\u05DF (\u05E4\u05D5\u05E8\u05DE\u05D8: +[\u05E7\u05D9\u05D3\u05D5\u05DE\u05EA][\u05DE\u05E1\u05E4\u05E8]) ",
-                                  /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ jsxs16("span", { className: "font-mono text-[10px] text-slate-400", children: [
+                                /* @__PURE__ */ jsxs17("span", { className: "font-mono text-[10px] text-slate-400", children: [
                                   (btn.phone_number || "").length,
                                   "/20"
                                 ] })
                               ] }),
-                              /* @__PURE__ */ jsx19(
+                              /* @__PURE__ */ jsx20(
                                 "input",
                                 {
                                   type: "tel",
@@ -10364,14 +10762,14 @@ function CreateTemplateModal({
                               )
                             ] })
                           ] }),
-                          btn.type === "COPY_CODE" && /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
-                            /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ jsxs16("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "COPY_CODE" && /* @__PURE__ */ jsxs17("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ jsxs17("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05E7\u05D5\u05D3 \u05D4\u05E6\u05E2\u05D4 / \u05E7\u05D5\u05E4\u05D5\u05DF ",
-                                  /* @__PURE__ */ jsx19("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ jsx20("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ jsxs16(
+                                /* @__PURE__ */ jsxs17(
                                   "span",
                                   {
                                     className: `font-mono text-[10px] ${(btn.example || "").length >= 15 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -10382,7 +10780,7 @@ function CreateTemplateModal({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ jsx19(
+                              /* @__PURE__ */ jsx20(
                                 "input",
                                 {
                                   type: "text",
@@ -10395,15 +10793,15 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs16("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ jsx19("label", { className: "font-semibold text-slate-700", children: "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 (\u05D1\u05E8\u05D9\u05E8\u05EA \u05DE\u05D7\u05D3\u05DC: \u05D4\u05E2\u05EA\u05E7 \u05E7\u05D5\u05D3)" }),
-                                /* @__PURE__ */ jsxs16("span", { className: "font-mono text-[10px] text-slate-400", children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ jsx20("label", { className: "font-semibold text-slate-700", children: "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 (\u05D1\u05E8\u05D9\u05E8\u05EA \u05DE\u05D7\u05D3\u05DC: \u05D4\u05E2\u05EA\u05E7 \u05E7\u05D5\u05D3)" }),
+                                /* @__PURE__ */ jsxs17("span", { className: "font-mono text-[10px] text-slate-400", children: [
                                   (btn.text || "").length,
                                   "/25"
                                 ] })
                               ] }),
-                              /* @__PURE__ */ jsx19(
+                              /* @__PURE__ */ jsx20(
                                 "input",
                                 {
                                   type: "text",
@@ -10423,8 +10821,8 @@ function CreateTemplateModal({
                   }) })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs16("div", { className: "px-6 py-4 border-t border-slate-100 flex items-center justify-end gap-3 bg-slate-50/50", children: [
-                /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsxs17("div", { className: "px-6 py-4 border-t border-slate-100 flex items-center justify-end gap-3 bg-slate-50/50", children: [
+                /* @__PURE__ */ jsx20(
                   "button",
                   {
                     type: "button",
@@ -10434,19 +10832,19 @@ function CreateTemplateModal({
                     children: "\u05D1\u05D9\u05D8\u05D5\u05DC"
                   }
                 ),
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20(
                   "button",
                   {
                     type: "submit",
                     disabled: !canSubmit,
                     className: `inline-flex items-center gap-2 px-5 py-2 text-xs font-semibold text-white rounded-xl shadow-xs transition-all cursor-pointer active:scale-[0.98] ${canSubmit ? "bg-emerald-600 hover:bg-emerald-700" : "bg-slate-300 text-slate-500 cursor-not-allowed opacity-60"}`,
                     title: !canSubmit ? fileError || validationResult.errors[0] || "\u05D9\u05E9 \u05DC\u05D4\u05E9\u05DC\u05D9\u05DD \u05D0\u05EA \u05DB\u05DC \u05E9\u05D3\u05D5\u05EA \u05D4\u05D7\u05D5\u05D1\u05D4 \u05D1\u05D0\u05D5\u05E4\u05DF \u05EA\u05E7\u05D9\u05DF" : "\u05E9\u05DC\u05D7 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DC\u05D0\u05D9\u05E9\u05D5\u05E8 Meta",
-                    children: isSubmitting ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
-                      /* @__PURE__ */ jsx19(Loader24, { className: "w-4 h-4 animate-spin" }),
-                      /* @__PURE__ */ jsx19("span", { children: submittingStep || "\u05D9\u05D5\u05E6\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA..." })
-                    ] }) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-                      /* @__PURE__ */ jsx19(CheckCircle22, { className: "w-4 h-4" }),
-                      /* @__PURE__ */ jsx19("span", { children: "\u05E9\u05DC\u05D7 \u05DC\u05D1\u05D3\u05D9\u05E7\u05D4" })
+                    children: isSubmitting ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+                      /* @__PURE__ */ jsx20(Loader24, { className: "w-4 h-4 animate-spin" }),
+                      /* @__PURE__ */ jsx20("span", { children: submittingStep || "\u05D9\u05D5\u05E6\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA..." })
+                    ] }) : /* @__PURE__ */ jsxs17(Fragment4, { children: [
+                      /* @__PURE__ */ jsx20(CheckCircle22, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ jsx20("span", { children: "\u05E9\u05DC\u05D7 \u05DC\u05D1\u05D3\u05D9\u05E7\u05D4" })
                     ] })
                   }
                 )
@@ -10460,11 +10858,11 @@ function CreateTemplateModal({
 }
 
 // src/components/WhatsAppComponent/hooks/useWhatsAppState.ts
-import { useState as useState17, useEffect as useEffect15, useRef as useRef15, useMemo as useMemo10, useCallback as useCallback14 } from "react";
+import { useState as useState18, useEffect as useEffect16, useRef as useRef16, useMemo as useMemo11, useCallback as useCallback14 } from "react";
 
 // src/components/WhatsAppComponent/utils/recipientEngine.ts
 var STORAGE_KEY_TEST_PHONE = "whatsapp_test_phone";
-function isRawObjectId2(str) {
+function isRawObjectId3(str) {
   if (typeof str !== "string") return false;
   const trimmed = str.trim();
   return /^[0-9a-fA-F]{24}$/.test(trimmed) || trimmed.startsWith("temp_");
@@ -10474,14 +10872,14 @@ function getRelationOptionLabel(opt, colDef, allRelationOptions) {
   if (!opt) return "";
   if (typeof opt === "string") {
     const trimmed = opt.trim();
-    if (!isRawObjectId2(trimmed)) return trimmed;
+    if (!isRawObjectId3(trimmed)) return trimmed;
     if (allRelationOptions) {
       for (const list of Object.values(allRelationOptions)) {
         if (Array.isArray(list)) {
           const match = list.find((item) => ((item == null ? void 0 : item.id) || (item == null ? void 0 : item._id)) === trimmed);
           if (match) {
             const resolved = getRelationOptionLabel(match, colDef);
-            if (resolved && !isRawObjectId2(resolved)) {
+            if (resolved && !isRawObjectId3(resolved)) {
               return resolved;
             }
           }
@@ -10494,11 +10892,11 @@ function getRelationOptionLabel(opt, colDef, allRelationOptions) {
   const displayField = (_a = colDef == null ? void 0 : colDef.config) == null ? void 0 : _a.displayField;
   if (displayField && opt.data && opt.data[displayField] !== void 0 && opt.data[displayField] !== null) {
     const val = String(opt.data[displayField]).trim();
-    if (val && !isRawObjectId2(val) && val !== rawId) return val;
+    if (val && !isRawObjectId3(val) && val !== rawId) return val;
   }
   if (opt.label && typeof opt.label === "string") {
     const trimmed = opt.label.trim();
-    if (trimmed && !isRawObjectId2(trimmed) && trimmed !== rawId) {
+    if (trimmed && !isRawObjectId3(trimmed) && trimmed !== rawId) {
       return trimmed;
     }
   }
@@ -10521,14 +10919,14 @@ function getRelationOptionLabel(opt, colDef, allRelationOptions) {
       const val = opt.data[key];
       if (val !== void 0 && val !== null) {
         const str = String(val).trim();
-        if (str && !isRawObjectId2(str) && str !== rawId) return str;
+        if (str && !isRawObjectId3(str) && str !== rawId) return str;
       }
     }
     for (const [k, v] of Object.entries(opt.data)) {
       if (k.startsWith("_") || k.toLowerCase().endsWith("id") || k.toLowerCase() === "id") continue;
       if (v !== void 0 && v !== null) {
         const str = String(v).trim();
-        if (str && !isRawObjectId2(str) && str !== rawId) return str;
+        if (str && !isRawObjectId3(str) && str !== rawId) return str;
       }
     }
   }
@@ -10537,7 +10935,7 @@ function getRelationOptionLabel(opt, colDef, allRelationOptions) {
     const val = opt[key];
     if (val !== void 0 && val !== null) {
       const str = String(val).trim();
-      if (str && !isRawObjectId2(str) && str !== rawId) return str;
+      if (str && !isRawObjectId3(str) && str !== rawId) return str;
     }
   }
   if (opt.label && typeof opt.label === "string" && opt.label.trim()) {
@@ -11765,28 +12163,28 @@ 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] = useState17(() => {
+  const [tableColumns2, setTableColumns] = useState18(() => {
     return Array.isArray(settings == null ? void 0 : settings.columns) ? settings.columns : [];
   });
-  const [rawRecords, setRawRecords] = useState17(() => {
+  const [rawRecords, setRawRecords] = useState18(() => {
     if (Array.isArray(injectedData)) return injectedData;
     if (Array.isArray(injectedData == null ? void 0 : injectedData.records)) return injectedData.records;
     return [];
   });
-  const [relationOptions, setRelationOptions] = useState17(() => {
+  const [relationOptions, setRelationOptions] = useState18(() => {
     return (injectedData == null ? void 0 : injectedData.relationOptions) || {};
   });
-  const [isLoadingTableData, setIsLoadingTableData] = useState17(() => Boolean(settings == null ? void 0 : settings.tableMetaId));
-  const [activeSubtableScans, setActiveSubtableScans] = useState17(0);
-  const [tableError, setTableError] = useState17(null);
-  const [filters, setFilters] = useState17({});
-  const [selectedRowIds, setSelectedRowIds] = useState17([]);
-  const [autoSelectCount, setAutoSelectCount] = useState17(null);
-  const isAutoSelectingRef = useRef15(false);
-  const isManualOverrideRef = useRef15(false);
-  const prevAutoSelectCountRef = useRef15(null);
-  const fetchedTableIdsRef = useRef15(/* @__PURE__ */ new Set());
-  const fullyFetchedRelationKeysRef = useRef15(/* @__PURE__ */ new Set());
+  const [isLoadingTableData, setIsLoadingTableData] = useState18(() => Boolean(settings == null ? void 0 : settings.tableMetaId));
+  const [activeSubtableScans, setActiveSubtableScans] = useState18(0);
+  const [tableError, setTableError] = useState18(null);
+  const [filters, setFilters] = useState18({});
+  const [selectedRowIds, setSelectedRowIds] = useState18([]);
+  const [autoSelectCount, setAutoSelectCount] = useState18(null);
+  const isAutoSelectingRef = useRef16(false);
+  const isManualOverrideRef = useRef16(false);
+  const prevAutoSelectCountRef = useRef16(null);
+  const fetchedTableIdsRef = useRef16(/* @__PURE__ */ new Set());
+  const fullyFetchedRelationKeysRef = useRef16(/* @__PURE__ */ new Set());
   const loadTableData = useCallback14(async () => {
     var _a2;
     const tableId = (settings == null ? void 0 : settings.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableId);
@@ -11854,10 +12252,10 @@ function useWhatsAppState(props) {
     executeAction,
     orgId
   ]);
-  useEffect15(() => {
+  useEffect16(() => {
     loadTableData();
   }, [loadTableData]);
-  const filterableColumns = useMemo10(() => {
+  const filterableColumns = useMemo11(() => {
     return (tableColumns2 || []).filter((col) => {
       var _a2;
       if (!col || col.name === "_id" || col.id === "_id") return false;
@@ -11865,15 +12263,15 @@ function useWhatsAppState(props) {
       return type === "RELATION" || type === "BOOLEAN";
     });
   }, [tableColumns2]);
-  const [referencedTableSchemas, setReferencedTableSchemas] = useState17({});
-  const subtableCols = useMemo10(() => {
+  const [referencedTableSchemas, setReferencedTableSchemas] = useState18({});
+  const subtableCols = useMemo11(() => {
     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]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!executeAction) return;
     const unrequestedCols = subtableCols.filter((col) => {
       var _a2;
@@ -11919,20 +12317,20 @@ function useWhatsAppState(props) {
   const isScanningPhoneColumns = Boolean(
     isLoadingTableData || activeSubtableScans > 0 || tableColumns2.length === 0 && Boolean(settings == null ? void 0 : settings.tableMetaId)
   );
-  const targetPhoneOptions = useMemo10(() => {
+  const targetPhoneOptions = useMemo11(() => {
     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 = useMemo10(() => {
+  const phoneColumns = useMemo11(() => {
     return targetPhoneOptions.map((opt) => ({ name: opt.label, id: opt.id, type: "PHONE" }));
   }, [targetPhoneOptions]);
-  const [phoneColumnId, setPhoneColumnId] = useState17("");
-  const [subtableFilterColumn, setSubtableFilterColumn] = useState17("");
-  const [subtableFilterValue, setSubtableFilterValue] = useState17("");
-  const [subtableSendLimit, setSubtableSendLimit] = useState17(
+  const [phoneColumnId, setPhoneColumnId] = useState18("");
+  const [subtableFilterColumn, setSubtableFilterColumn] = useState18("");
+  const [subtableFilterValue, setSubtableFilterValue] = useState18("");
+  const [subtableSendLimit, setSubtableSendLimit] = useState18(
     (settings == null ? void 0 : settings.subtableSendLimit) || "PRIMARY"
   );
-  useEffect15(() => {
+  useEffect16(() => {
     if (targetPhoneOptions.length > 0) {
       const isValid = targetPhoneOptions.some(
         (opt) => opt.id === phoneColumnId || opt.columnName === phoneColumnId
@@ -11944,13 +12342,13 @@ function useWhatsAppState(props) {
       setPhoneColumnId("");
     }
   }, [targetPhoneOptions, phoneColumnId]);
-  const selectedPhoneOption = useMemo10(() => {
+  const selectedPhoneOption = useMemo11(() => {
     if (!phoneColumnId) return targetPhoneOptions[0] || null;
     return targetPhoneOptions.find(
       (opt) => opt.id === phoneColumnId || opt.columnName === phoneColumnId
     ) || targetPhoneOptions[0] || null;
   }, [targetPhoneOptions, phoneColumnId]);
-  const subtableFilterableColumns = useMemo10(() => {
+  const subtableFilterableColumns = useMemo11(() => {
     var _a2, _b2, _c;
     if (!selectedPhoneOption || selectedPhoneOption.type !== "SUBTABLE") {
       return [];
@@ -11969,14 +12367,14 @@ function useWhatsAppState(props) {
       return type === "BOOLEAN" || type === "RELATION";
     });
   }, [selectedPhoneOption, referencedTableSchemas, tableColumns2]);
-  const selectedSubtableFilterCol = useMemo10(() => {
+  const selectedSubtableFilterCol = useMemo11(() => {
     return subtableFilterableColumns.find((c) => c.name === subtableFilterColumn);
   }, [subtableFilterableColumns, subtableFilterColumn]);
-  const [enablePostSendAction, setEnablePostSendAction] = useState17(false);
-  const [postSendActionColumn, setPostSendActionColumn] = useState17("");
-  const [postSendActionValue, setPostSendActionValue] = useState17("");
-  const [postSendActionTargetType, setPostSendActionTargetType] = useState17("MAIN");
-  const postSendActionTargetOptions = useMemo10(() => {
+  const [enablePostSendAction, setEnablePostSendAction] = useState18(false);
+  const [postSendActionColumn, setPostSendActionColumn] = useState18("");
+  const [postSendActionValue, setPostSendActionValue] = useState18("");
+  const [postSendActionTargetType, setPostSendActionTargetType] = useState18("MAIN");
+  const postSendActionTargetOptions = useMemo11(() => {
     var _a2, _b2, _c;
     const options = [];
     (tableColumns2 || []).forEach((col) => {
@@ -12021,14 +12419,14 @@ function useWhatsAppState(props) {
     }
     return options;
   }, [tableColumns2, selectedPhoneOption, referencedTableSchemas]);
-  const selectedPostSendOption = useMemo10(() => {
+  const selectedPostSendOption = useMemo11(() => {
     return postSendActionTargetOptions.find(
       (opt) => opt.id === postSendActionColumn || opt.columnName === postSendActionColumn
     );
   }, [postSendActionTargetOptions, postSendActionColumn]);
   const selectedPostSendCol = selectedPostSendOption;
-  const [isTestPromptOpen, setIsTestPromptOpen] = useState17(false);
-  const [testPhoneNumber, setTestPhoneNumber] = useState17(() => {
+  const [isTestPromptOpen, setIsTestPromptOpen] = useState18(false);
+  const [testPhoneNumber, setTestPhoneNumber] = useState18(() => {
     if (typeof window !== "undefined") {
       try {
         return localStorage.getItem(STORAGE_KEY_TEST_PHONE) || "";
@@ -12038,10 +12436,10 @@ function useWhatsAppState(props) {
     }
     return "";
   });
-  const [testFeedback, setTestFeedback] = useState17(null);
-  const [isSendingTest, setIsSendingTest] = useState17(false);
-  const [isSendingBroadcast, setIsSendingBroadcast] = useState17(false);
-  const [broadcastProgress, setBroadcastProgress] = useState17({
+  const [testFeedback, setTestFeedback] = useState18(null);
+  const [isSendingTest, setIsSendingTest] = useState18(false);
+  const [isSendingBroadcast, setIsSendingBroadcast] = useState18(false);
+  const [broadcastProgress, setBroadcastProgress] = useState18({
     current: 0,
     total: 0,
     successful: 0,
@@ -12049,8 +12447,8 @@ function useWhatsAppState(props) {
     skipped: 0,
     percent: 0
   });
-  const [broadcastSummary, setBroadcastSummary] = useState17(null);
-  const [rowStatusMap, setRowStatusMap] = useState17({});
+  const [broadcastSummary, setBroadcastSummary] = useState18(null);
+  const [rowStatusMap, setRowStatusMap] = useState18({});
   const clearBroadcastSummary = useCallback14(() => {
     setBroadcastSummary(null);
   }, []);
@@ -12107,7 +12505,7 @@ function useWhatsAppState(props) {
     },
     [relationOptions, subtableFilterableColumns, postSendActionTargetOptions, tableColumns2, filterableColumns]
   );
-  useEffect15(() => {
+  useEffect16(() => {
     var _a2, _b2, _c, _d, _e;
     if (!executeAction) return;
     const targets = [];
@@ -12201,7 +12599,7 @@ function useWhatsAppState(props) {
       }
     });
   }, [filterableColumns, selectedPhoneOption, referencedTableSchemas, tableColumns2, executeAction, selectedPostSendOption, orgId]);
-  useEffect15(() => {
+  useEffect16(() => {
     var _a2, _b2, _c;
     if (!executeAction || !selectedSubtableFilterCol) return;
     if (((_a2 = selectedSubtableFilterCol.type) == null ? void 0 : _a2.toUpperCase()) !== "RELATION") return;
@@ -12252,7 +12650,7 @@ function useWhatsAppState(props) {
       }
     })();
   }, [selectedSubtableFilterCol, selectedPhoneOption, executeAction, orgId]);
-  useEffect15(() => {
+  useEffect16(() => {
     var _a2, _b2;
     if (!executeAction || !selectedPostSendOption) return;
     if (selectedPostSendOption.type !== "RELATION") return;
@@ -12305,7 +12703,7 @@ function useWhatsAppState(props) {
       }
     })();
   }, [selectedPostSendOption, executeAction, orgId]);
-  const filteredRecords = useMemo10(() => {
+  const filteredRecords = useMemo11(() => {
     const activeEntries = Object.entries(filters).filter(
       ([_, val]) => val !== void 0 && val !== null && val !== ""
     );
@@ -12337,7 +12735,7 @@ function useWhatsAppState(props) {
     });
   }, [rawRecords, filters, filterableColumns]);
   const filteredData = filteredRecords;
-  useEffect15(() => {
+  useEffect16(() => {
     if (autoSelectCount !== null && autoSelectCount > 0) {
       isAutoSelectingRef.current = true;
       const sliced = filteredData.slice(0, autoSelectCount);
@@ -12398,7 +12796,7 @@ function useWhatsAppState(props) {
   const handleClearFilters = () => {
     setFilters({});
   };
-  const activeFiltersCount = useMemo10(() => {
+  const activeFiltersCount = useMemo11(() => {
     return Object.values(filters).filter((v) => v !== "").length;
   }, [filters]);
   const handleSelectionChange = useCallback14((selectedIds) => {
@@ -12437,14 +12835,14 @@ function useWhatsAppState(props) {
       return prev;
     });
   }, [autoSelectCount]);
-  const [templates, setTemplates] = useState17([]);
-  const [selectedTemplateId, setSelectedTemplateId] = useState17(null);
-  const [isLoading, setIsLoading] = useState17(true);
-  const [fetchError, setFetchError] = useState17(null);
-  const [isModalOpen, setIsModalOpen] = useState17(false);
-  const [isDropdownOpen, setIsDropdownOpen] = useState17(false);
-  const [isDeleting, setIsDeleting] = useState17(false);
-  const [feedback, setFeedback] = useState17(null);
+  const [templates, setTemplates] = useState18([]);
+  const [selectedTemplateId, setSelectedTemplateId] = useState18(null);
+  const [isLoading, setIsLoading] = useState18(true);
+  const [fetchError, setFetchError] = useState18(null);
+  const [isModalOpen, setIsModalOpen] = useState18(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState18(false);
+  const [isDeleting, setIsDeleting] = useState18(false);
+  const [feedback, setFeedback] = useState18(null);
   const loadTemplates = useCallback14(async () => {
     var _a2, _b2;
     if (!executeAction) {
@@ -12497,13 +12895,13 @@ function useWhatsAppState(props) {
       setIsLoading(false);
     }
   }, [executeAction, orgId]);
-  useEffect15(() => {
+  useEffect16(() => {
     loadTemplates();
   }, [loadTemplates]);
-  const selectedTemplate = useMemo10(() => {
+  const selectedTemplate = useMemo11(() => {
     return templates.find((t) => t.id === selectedTemplateId) || null;
   }, [templates, selectedTemplateId]);
-  const templateBodyText = useMemo10(() => {
+  const templateBodyText = useMemo11(() => {
     if (!(selectedTemplate == null ? void 0 : selectedTemplate.components)) return "";
     const bodyComp = selectedTemplate.components.find(
       (c) => {
@@ -12513,7 +12911,7 @@ function useWhatsAppState(props) {
     );
     return (bodyComp == null ? void 0 : bodyComp.text) || "";
   }, [selectedTemplate]);
-  const templateHeaderComp = useMemo10(() => {
+  const templateHeaderComp = useMemo11(() => {
     if (!(selectedTemplate == null ? void 0 : selectedTemplate.components)) return null;
     return selectedTemplate.components.find(
       (c) => {
@@ -12522,8 +12920,8 @@ function useWhatsAppState(props) {
       }
     ) || null;
   }, [selectedTemplate]);
-  const [headerMediaUrl, setHeaderMediaUrl] = useState17("");
-  useEffect15(() => {
+  const [headerMediaUrl, setHeaderMediaUrl] = useState18("");
+  useEffect16(() => {
     if (!templateHeaderComp) {
       setHeaderMediaUrl("");
       return;
@@ -12573,7 +12971,7 @@ function useWhatsAppState(props) {
     );
     setHeaderMediaUrl(defaultUrl || "");
   }, [templateHeaderComp, selectedTemplate == null ? void 0 : selectedTemplate.name]);
-  const [isUploadingMedia, setIsUploadingMedia] = useState17(false);
+  const [isUploadingMedia, setIsUploadingMedia] = useState18(false);
   const handleFileUpload = useCallback14(
     async (file, templateName) => {
       const tplName = templateName || (selectedTemplate == null ? void 0 : selectedTemplate.name) || "";
@@ -12615,14 +13013,14 @@ function useWhatsAppState(props) {
     },
     [selectedTemplate == null ? void 0 : selectedTemplate.name]
   );
-  const templateVariables = useMemo10(() => {
+  const templateVariables = useMemo11(() => {
     return extractTemplateVariables(selectedTemplate);
   }, [selectedTemplate]);
-  const [variableMapping, setVariableMapping] = useState17({});
-  useEffect15(() => {
+  const [variableMapping, setVariableMapping] = useState18({});
+  useEffect16(() => {
     setVariableMapping({});
   }, [selectedTemplateId]);
-  const textableColumnOptions = useMemo10(() => {
+  const textableColumnOptions = useMemo11(() => {
     return getTextableColumnOptions({
       tableColumns: tableColumns2,
       selectedPhoneOption,
@@ -12648,7 +13046,7 @@ function useWhatsAppState(props) {
       });
     });
   };
-  const existingTemplateNames = useMemo10(() => {
+  const existingTemplateNames = useMemo11(() => {
     return templates.map((t) => t.name);
   }, [templates]);
   const handleDeleteTemplate = async () => {
@@ -12695,14 +13093,14 @@ function useWhatsAppState(props) {
     postSendActionColumn,
     postSendActionValue
   );
-  const isStaticVariableMissing = useMemo10(() => {
+  const isStaticVariableMissing = useMemo11(() => {
     return isStaticVariableIncomplete(templateVariables, variableMapping);
   }, [templateVariables, variableMapping]);
-  const currentRecords = useMemo10(() => {
+  const currentRecords = useMemo11(() => {
     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 = useMemo10(() => {
+  const preparedRecipients = useMemo11(() => {
     return prepareRecipients({
       selectedIds: selectedRowIds,
       records: currentRecords,
@@ -12722,7 +13120,7 @@ function useWhatsAppState(props) {
     selectedSubtableFilterCol
   ]);
   const finalRecipientCount = preparedRecipients.length;
-  const validMainRowsCount = useMemo10(() => {
+  const validMainRowsCount = useMemo11(() => {
     const rowIdSet = new Set(
       preparedRecipients.map((r) => r.mainRowId).filter(Boolean)
     );
@@ -13137,7 +13535,7 @@ function useWhatsAppState(props) {
 }
 
 // src/components/WhatsAppComponent/ui/TemplateSelectionBlock.tsx
-import { useRef as useRef16 } from "react";
+import { useRef as useRef17 } from "react";
 import {
   FileText as FileText3,
   Trash2 as Trash23,
@@ -13154,7 +13552,7 @@ import {
   CheckCircle2 as CheckCircle23,
   AlertCircle as AlertCircle3
 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function TemplateSelectionBlock({
   selectedTemplate,
   selectedTemplateId,
@@ -13180,16 +13578,16 @@ function TemplateSelectionBlock({
   isUploadingMedia = false,
   handleFileUpload
 }) {
-  const fileInputRef = useRef16(null);
-  return /* @__PURE__ */ jsxs17("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__ */ jsxs17("div", { className: "space-y-1.5 shrink-0", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between pb-1.5 border-b border-slate-200/70 shrink-0 gap-2", children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ jsx20(FileText3, { className: "w-4 h-4 text-emerald-600 shrink-0" }),
-          /* @__PURE__ */ jsx20("span", { className: "text-xs font-bold text-slate-800 truncate", children: "\u05EA\u05D1\u05E0\u05D9\u05EA \u05D5\u05EA\u05D5\u05DB\u05DF \u05D4\u05D5\u05D3\u05E2\u05D4" })
+  const fileInputRef = useRef17(null);
+  return /* @__PURE__ */ jsxs18("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__ */ jsxs18("div", { className: "space-y-1.5 shrink-0", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between pb-1.5 border-b border-slate-200/70 shrink-0 gap-2", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+          /* @__PURE__ */ jsx21(FileText3, { className: "w-4 h-4 text-emerald-600 shrink-0" }),
+          /* @__PURE__ */ jsx21("span", { className: "text-xs font-bold text-slate-800 truncate", children: "\u05EA\u05D1\u05E0\u05D9\u05EA \u05D5\u05EA\u05D5\u05DB\u05DF \u05D4\u05D5\u05D3\u05E2\u05D4" })
         ] }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ jsxs18(
             "button",
             {
               type: "button",
@@ -13198,12 +13596,12 @@ function TemplateSelectionBlock({
               className: `h-7 px-2 text-[11px] font-semibold rounded-lg border transition-all flex items-center gap-1 ${selectedTemplate && !isDeleting ? "bg-white text-rose-600 hover:bg-rose-50 border-rose-200 active:scale-[0.98] shadow-2xs cursor-pointer" : "bg-slate-100 text-slate-400 border-slate-200 cursor-not-allowed opacity-60"}`,
               title: !selectedTemplate ? "\u05D1\u05D7\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DB\u05D3\u05D9 \u05DC\u05DE\u05D7\u05D5\u05E7 \u05D0\u05D5\u05EA\u05D4" : `\u05DE\u05D7\u05E7 \u05D0\u05EA \u05D4\u05EA\u05D1\u05E0\u05D9\u05EA "${selectedTemplate.name}"`,
               children: [
-                isDeleting ? /* @__PURE__ */ jsx20(Loader25, { className: "w-3.5 h-3.5 animate-spin text-rose-500" }) : /* @__PURE__ */ jsx20(Trash23, { className: "w-3.5 h-3.5 text-rose-500" }),
-                /* @__PURE__ */ jsx20("span", { children: "\u05DE\u05D7\u05D9\u05E7\u05D4" })
+                isDeleting ? /* @__PURE__ */ jsx21(Loader25, { className: "w-3.5 h-3.5 animate-spin text-rose-500" }) : /* @__PURE__ */ jsx21(Trash23, { className: "w-3.5 h-3.5 text-rose-500" }),
+                /* @__PURE__ */ jsx21("span", { children: "\u05DE\u05D7\u05D9\u05E7\u05D4" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs18(
             "button",
             {
               type: "button",
@@ -13211,40 +13609,40 @@ function TemplateSelectionBlock({
               className: "h-7 px-2.5 text-[11px] font-semibold text-white bg-emerald-600 hover:bg-emerald-700 active:scale-[0.98] rounded-lg shadow-2xs transition-all flex items-center gap-1 cursor-pointer",
               title: "\u05E6\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D7\u05D3\u05E9\u05D4",
               children: [
-                /* @__PURE__ */ jsx20(Plus2, { className: "w-3.5 h-3.5" }),
-                /* @__PURE__ */ jsx20("span", { children: "\u05D7\u05D3\u05E9" })
+                /* @__PURE__ */ jsx21(Plus2, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ jsx21("span", { children: "\u05D7\u05D3\u05E9" })
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
             onClick: () => setIsDropdownOpen((prev) => !prev),
             className: "w-full h-8.5 px-3 bg-white hover:bg-slate-100/70 border border-slate-200 rounded-xl text-right flex items-center justify-between transition-colors cursor-pointer text-xs",
             children: [
-              selectedTemplate ? /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 overflow-hidden", children: [
-                /* @__PURE__ */ jsx20(
+              selectedTemplate ? /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+                /* @__PURE__ */ jsx21(
                   "span",
                   {
                     className: `w-2 h-2 rounded-full shrink-0 ${getStatusConfig(selectedTemplate.status).dotColor}`
                   }
                 ),
-                /* @__PURE__ */ jsx20("span", { className: "text-xs font-semibold text-slate-900 truncate", children: selectedTemplate.name }),
-                /* @__PURE__ */ jsxs17("span", { className: "text-[10px] text-slate-400 shrink-0", children: [
+                /* @__PURE__ */ jsx21("span", { className: "text-xs font-semibold text-slate-900 truncate", children: selectedTemplate.name }),
+                /* @__PURE__ */ jsxs18("span", { className: "text-[10px] text-slate-400 shrink-0", children: [
                   "(",
                   selectedTemplate.category,
                   " \u2022 ",
                   selectedTemplate.language,
                   ")"
                 ] })
-              ] }) : /* @__PURE__ */ jsx20("span", { className: "text-xs text-slate-400", children: "\u05D1\u05D7\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05E7\u05D9\u05D9\u05DE\u05EA \u05DE\u05D4\u05E8\u05E9\u05D9\u05DE\u05D4..." }),
-              /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5 shrink-0 mr-1", children: [
-                isLoadingTemplates && /* @__PURE__ */ jsx20(Loader25, { className: "w-3.5 h-3.5 text-emerald-600 animate-spin" }),
-                /* @__PURE__ */ jsx20(
+              ] }) : /* @__PURE__ */ jsx21("span", { className: "text-xs text-slate-400", children: "\u05D1\u05D7\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05E7\u05D9\u05D9\u05DE\u05EA \u05DE\u05D4\u05E8\u05E9\u05D9\u05DE\u05D4..." }),
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1.5 shrink-0 mr-1", children: [
+                isLoadingTemplates && /* @__PURE__ */ jsx21(Loader25, { className: "w-3.5 h-3.5 text-emerald-600 animate-spin" }),
+                /* @__PURE__ */ jsx21(
                   ChevronDown3,
                   {
                     className: `w-3.5 h-3.5 text-slate-400 transition-transform ${isDropdownOpen ? "rotate-180" : ""}`
@@ -13254,21 +13652,21 @@ function TemplateSelectionBlock({
             ]
           }
         ),
-        isDropdownOpen && /* @__PURE__ */ jsxs17(Fragment5, { children: [
-          /* @__PURE__ */ jsx20(
+        isDropdownOpen && /* @__PURE__ */ jsxs18(Fragment5, { children: [
+          /* @__PURE__ */ jsx21(
             "div",
             {
               className: "fixed inset-0 z-40",
               onClick: () => setIsDropdownOpen(false)
             }
           ),
-          /* @__PURE__ */ jsxs17("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white border border-slate-200 rounded-xl shadow-xl z-50 max-h-52 overflow-y-auto divide-y divide-slate-100 animate-in fade-in-50 zoom-in-95 duration-100", children: [
-            templates.length === 0 && !isLoadingTemplates && /* @__PURE__ */ jsx20("div", { className: "p-3 text-center text-xs text-slate-400", children: '\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05EA\u05D1\u05E0\u05D9\u05D5\u05EA. \u05DC\u05D7\u05E5 \u05E2\u05DC "+ \u05E6\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D7\u05D3\u05E9\u05D4".' }),
+          /* @__PURE__ */ jsxs18("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white border border-slate-200 rounded-xl shadow-xl z-50 max-h-52 overflow-y-auto divide-y divide-slate-100 animate-in fade-in-50 zoom-in-95 duration-100", children: [
+            templates.length === 0 && !isLoadingTemplates && /* @__PURE__ */ jsx21("div", { className: "p-3 text-center text-xs text-slate-400", children: '\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05EA\u05D1\u05E0\u05D9\u05D5\u05EA. \u05DC\u05D7\u05E5 \u05E2\u05DC "+ \u05E6\u05D5\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05D7\u05D3\u05E9\u05D4".' }),
             templates.map((tpl) => {
               const statusConfig = getStatusConfig(tpl.status);
               const isSelected = tpl.id === selectedTemplateId;
               const canSelect = statusConfig.isSelectable;
-              return /* @__PURE__ */ jsxs17(
+              return /* @__PURE__ */ jsxs18(
                 "div",
                 {
                   onClick: () => {
@@ -13281,29 +13679,29 @@ function TemplateSelectionBlock({
                   className: `p-2.5 flex items-center justify-between gap-2.5 transition-colors ${canSelect ? "hover:bg-slate-50 cursor-pointer" : "opacity-60 bg-slate-50/60 cursor-not-allowed"} ${isSelected ? "bg-emerald-50/50" : ""}`,
                   title: !canSelect ? `\u05E1\u05D8\u05D8\u05D5\u05E1 \u05EA\u05D1\u05E0\u05D9\u05EA: ${tpl.status}. \u05E8\u05E7 \u05EA\u05D1\u05E0\u05D9\u05D5\u05EA \u05D1\u05DE\u05E6\u05D1 \u05DE\u05D0\u05D5\u05E9\u05E8 \u05D0\u05D5 \u05E4\u05E2\u05D9\u05DC \u05E0\u05D9\u05EA\u05E0\u05D5\u05EA \u05DC\u05D1\u05D7\u05D9\u05E8\u05D4.` : void 0,
                   children: [
-                    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 overflow-hidden", children: [
-                      /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+                      /* @__PURE__ */ jsx21(
                         "span",
                         {
                           className: `w-2 h-2 rounded-full shrink-0 ${statusConfig.dotColor}`
                         }
                       ),
-                      /* @__PURE__ */ jsxs17("div", { className: "overflow-hidden", children: [
-                        /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsxs18("div", { className: "overflow-hidden", children: [
+                        /* @__PURE__ */ jsx21(
                           "p",
                           {
                             className: `text-xs font-semibold truncate ${isSelected ? "text-emerald-700" : canSelect ? "text-slate-800" : "text-slate-500"}`,
                             children: tpl.name
                           }
                         ),
-                        /* @__PURE__ */ jsxs17("p", { className: "text-[10px] text-slate-400", children: [
+                        /* @__PURE__ */ jsxs18("p", { className: "text-[10px] text-slate-400", children: [
                           tpl.category,
                           " \u2022 ",
                           tpl.language
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21(
                       "span",
                       {
                         className: `text-[9px] font-semibold px-2 py-0.5 rounded-full border shrink-0 ${statusConfig.badgeBg} ${statusConfig.badgeText}`,
@@ -13319,18 +13717,18 @@ function TemplateSelectionBlock({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-h-0 flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between text-[11px] font-semibold text-slate-600 shrink-0", children: [
-        /* @__PURE__ */ jsx20("span", { children: "\u05EA\u05E6\u05D5\u05D2\u05EA \u05D4\u05D5\u05D3\u05E2\u05D4" }),
-        selectedTemplate && /* @__PURE__ */ jsxs17("span", { className: "text-[10px] text-slate-400", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-h-0 flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between text-[11px] font-semibold text-slate-600 shrink-0", children: [
+        /* @__PURE__ */ jsx21("span", { children: "\u05EA\u05E6\u05D5\u05D2\u05EA \u05D4\u05D5\u05D3\u05E2\u05D4" }),
+        selectedTemplate && /* @__PURE__ */ jsxs18("span", { className: "text-[10px] text-slate-400", children: [
           "(",
           templateBodyText.length,
           " \u05EA\u05D5\u05D5\u05D9\u05DD)"
         ] })
       ] }),
-      selectedTemplate ? /* @__PURE__ */ jsx20("div", { className: "flex-1 min-h-0 overflow-y-auto bg-white border border-slate-200 rounded-lg p-3 text-sm text-slate-700 leading-relaxed font-sans whitespace-pre-wrap select-all shadow-2xs", children: templateBodyText || "(\u05D2\u05D5\u05E3 \u05D4\u05D4\u05D5\u05D3\u05E2\u05D4 \u05E8\u05D9\u05E7)" }) : /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-h-0 py-3 bg-white border border-dashed border-slate-200 rounded-lg text-center text-sm text-slate-400 flex flex-col items-center justify-center gap-0.5", children: [
-        /* @__PURE__ */ jsx20("span", { children: "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05EA\u05D1\u05E0\u05D9\u05EA" }),
-        /* @__PURE__ */ jsx20("span", { className: "text-xs text-slate-400", children: '\u05D1\u05D7\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D4\u05E8\u05E9\u05D9\u05DE\u05D4 \u05D0\u05D5 \u05DC\u05D7\u05E5 \u05E2\u05DC "+ \u05D7\u05D3\u05E9"' })
+      selectedTemplate ? /* @__PURE__ */ jsx21("div", { className: "flex-1 min-h-0 overflow-y-auto bg-white border border-slate-200 rounded-lg p-3 text-sm text-slate-700 leading-relaxed font-sans whitespace-pre-wrap select-all shadow-2xs", children: templateBodyText || "(\u05D2\u05D5\u05E3 \u05D4\u05D4\u05D5\u05D3\u05E2\u05D4 \u05E8\u05D9\u05E7)" }) : /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-h-0 py-3 bg-white border border-dashed border-slate-200 rounded-lg text-center text-sm text-slate-400 flex flex-col items-center justify-center gap-0.5", children: [
+        /* @__PURE__ */ jsx21("span", { children: "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05EA\u05D1\u05E0\u05D9\u05EA" }),
+        /* @__PURE__ */ jsx21("span", { className: "text-xs text-slate-400", children: '\u05D1\u05D7\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D4\u05E8\u05E9\u05D9\u05DE\u05D4 \u05D0\u05D5 \u05DC\u05D7\u05E5 \u05E2\u05DC "+ \u05D7\u05D3\u05E9"' })
       ] }),
       selectedTemplate && (() => {
         var _a;
@@ -13339,19 +13737,19 @@ function TemplateSelectionBlock({
         );
         const tplButtons = (buttonsComp == null ? void 0 : buttonsComp.buttons) || [];
         if (!tplButtons || tplButtons.length === 0) return null;
-        return /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap gap-1.5 shrink-0 pt-0.5", children: tplButtons.map((btn, idx) => {
+        return /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap gap-1.5 shrink-0 pt-0.5", children: tplButtons.map((btn, idx) => {
           const btnType = (btn.type || "").toUpperCase();
           const btnText = btn.text || (btnType === "COPY_CODE" ? `\u05D4\u05E2\u05EA\u05E7 \u05E7\u05D5\u05D3: ${btn.example}` : "\u05DB\u05E4\u05EA\u05D5\u05E8");
-          return /* @__PURE__ */ jsxs17(
+          return /* @__PURE__ */ jsxs18(
             "div",
             {
               className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-white border border-slate-200/90 text-slate-700 text-xs font-semibold shadow-2xs select-none",
               children: [
-                btnType === "QUICK_REPLY" && /* @__PURE__ */ jsx20(MessageSquare2, { className: "w-3 h-3 text-emerald-600" }),
-                btnType === "URL" && /* @__PURE__ */ jsx20(ExternalLink4, { className: "w-3 h-3 text-sky-600" }),
-                btnType === "PHONE_NUMBER" && /* @__PURE__ */ jsx20(Phone2, { className: "w-3 h-3 text-violet-600" }),
-                btnType === "COPY_CODE" && /* @__PURE__ */ jsx20(Copy4, { className: "w-3 h-3 text-amber-600" }),
-                /* @__PURE__ */ jsx20("span", { className: "truncate max-w-[180px]", children: btnText })
+                btnType === "QUICK_REPLY" && /* @__PURE__ */ jsx21(MessageSquare2, { className: "w-3 h-3 text-emerald-600" }),
+                btnType === "URL" && /* @__PURE__ */ jsx21(ExternalLink4, { className: "w-3 h-3 text-sky-600" }),
+                btnType === "PHONE_NUMBER" && /* @__PURE__ */ jsx21(Phone2, { className: "w-3 h-3 text-violet-600" }),
+                btnType === "COPY_CODE" && /* @__PURE__ */ jsx21(Copy4, { className: "w-3 h-3 text-amber-600" }),
+                /* @__PURE__ */ jsx21("span", { className: "truncate max-w-[180px]", children: btnText })
               ]
             },
             idx
@@ -13366,9 +13764,9 @@ function TemplateSelectionBlock({
         const docFilename = resolveDocumentFilename(templateHeaderComp, headerMediaUrl);
         const hasValidMedia = Boolean(headerMediaUrl && headerMediaUrl.trim() && headerMediaUrl.startsWith("http"));
         const uploadButtonLabel = headerFormat === "DOCUMENT" ? "\u05D4\u05E2\u05DC\u05D4 \u05DE\u05E1\u05DE\u05DA" : headerFormat === "IMAGE" ? "\u05D4\u05E2\u05DC\u05D4 \u05EA\u05DE\u05D5\u05E0\u05D4" : "\u05D4\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5";
-        return /* @__PURE__ */ jsxs17("div", { className: "p-2.5 bg-slate-50 border border-slate-200/90 rounded-xl flex items-center justify-between gap-3 shrink-0 shadow-2xs", children: [
-          /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-2.5 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
-            /* @__PURE__ */ jsx20("div", { className: "w-8 h-8 rounded-lg overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: hasValidMedia ? /* @__PURE__ */ jsx20(
+        return /* @__PURE__ */ jsxs18("div", { className: "p-2.5 bg-slate-50 border border-slate-200/90 rounded-xl flex items-center justify-between gap-3 shrink-0 shadow-2xs", children: [
+          /* @__PURE__ */ jsx21("div", { className: "flex items-center gap-2.5 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
+            /* @__PURE__ */ jsx21("div", { className: "w-8 h-8 rounded-lg overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: hasValidMedia ? /* @__PURE__ */ jsx21(
               "img",
               {
                 src: headerMediaUrl,
@@ -13378,33 +13776,33 @@ function TemplateSelectionBlock({
                   e.currentTarget.style.display = "none";
                 }
               }
-            ) : /* @__PURE__ */ jsx20(ImageIcon2, { className: "w-4 h-4 text-amber-600" }) }),
-            /* @__PURE__ */ jsxs17("div", { className: "overflow-hidden", children: [
-              /* @__PURE__ */ jsx20("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ jsx20("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4" })
+            ) : /* @__PURE__ */ jsx21(ImageIcon2, { className: "w-4 h-4 text-amber-600" }) }),
+            /* @__PURE__ */ jsxs18("div", { className: "overflow-hidden", children: [
+              /* @__PURE__ */ jsx21("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" }),
+              /* @__PURE__ */ jsx21("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05EA\u05DE\u05D5\u05E0\u05D4" })
             ] })
-          ] }) : headerFormat === "DOCUMENT" ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
-            /* @__PURE__ */ jsx20("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-rose-50 text-rose-600 border-rose-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ jsx20(FileText3, { className: "w-4 h-4" }) }),
-            /* @__PURE__ */ jsxs17("div", { className: "overflow-hidden", children: [
-              /* @__PURE__ */ jsx20("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
-              /* @__PURE__ */ jsx20("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: hasValidMedia ? docFilename : void 0, children: hasValidMedia ? docFilename : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05DE\u05E1\u05DE\u05DA" })
+          ] }) : headerFormat === "DOCUMENT" ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
+            /* @__PURE__ */ jsx21("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-rose-50 text-rose-600 border-rose-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ jsx21(FileText3, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsxs18("div", { className: "overflow-hidden", children: [
+              /* @__PURE__ */ jsx21("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
+              /* @__PURE__ */ jsx21("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: hasValidMedia ? docFilename : void 0, children: hasValidMedia ? docFilename : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05DE\u05E1\u05DE\u05DA" })
             ] })
-          ] }) : /* @__PURE__ */ jsxs17(Fragment5, { children: [
-            /* @__PURE__ */ jsx20("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-indigo-50 text-indigo-600 border-indigo-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ jsx20(Video2, { className: "w-4 h-4" }) }),
-            /* @__PURE__ */ jsxs17("div", { className: "overflow-hidden", children: [
-              /* @__PURE__ */ jsx20("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ jsx20("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5" })
+          ] }) : /* @__PURE__ */ jsxs18(Fragment5, { children: [
+            /* @__PURE__ */ jsx21("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center shrink-0 border ${hasValidMedia ? "bg-indigo-50 text-indigo-600 border-indigo-100" : "bg-slate-100 text-slate-400 border-slate-200"}`, children: /* @__PURE__ */ jsx21(Video2, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsxs18("div", { className: "overflow-hidden", children: [
+              /* @__PURE__ */ jsx21("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" }),
+              /* @__PURE__ */ jsx21("span", { className: "text-[10px] text-slate-400 block truncate", children: hasValidMedia ? "\u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5 \u05DE\u05E7\u05D5\u05E9\u05E8 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA" : "\u05D8\u05E8\u05DD \u05D4\u05D5\u05E2\u05DC\u05D4 \u05E7\u05D5\u05D1\u05E5 \u05D5\u05D9\u05D3\u05D0\u05D5" })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 shrink-0", children: [
-            hasValidMedia ? /* @__PURE__ */ jsxs17("span", { className: "inline-flex items-center gap-1 text-[10px] font-medium text-emerald-800 px-2 py-0.5 bg-emerald-50 border border-emerald-200 rounded-lg", children: [
-              /* @__PURE__ */ jsx20(CheckCircle23, { className: "w-3 h-3 text-emerald-600" }),
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2 shrink-0", children: [
+            hasValidMedia ? /* @__PURE__ */ jsxs18("span", { className: "inline-flex items-center gap-1 text-[10px] font-medium text-emerald-800 px-2 py-0.5 bg-emerald-50 border border-emerald-200 rounded-lg", children: [
+              /* @__PURE__ */ jsx21(CheckCircle23, { className: "w-3 h-3 text-emerald-600" }),
               "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF"
-            ] }) : /* @__PURE__ */ jsxs17("span", { className: "inline-flex items-center gap-1 text-[10px] font-semibold text-amber-800 px-2 py-0.5 bg-amber-50 border border-amber-200 rounded-lg", children: [
-              /* @__PURE__ */ jsx20(AlertCircle3, { className: "w-3 h-3 text-amber-600 shrink-0" }),
+            ] }) : /* @__PURE__ */ jsxs18("span", { className: "inline-flex items-center gap-1 text-[10px] font-semibold text-amber-800 px-2 py-0.5 bg-amber-50 border border-amber-200 rounded-lg", children: [
+              /* @__PURE__ */ jsx21(AlertCircle3, { className: "w-3 h-3 text-amber-600 shrink-0" }),
               "\u05E0\u05D3\u05E8\u05E9 \u05E6\u05D9\u05E8\u05D5\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5"
             ] }),
-            hasValidMedia && /* @__PURE__ */ jsx20(
+            hasValidMedia && /* @__PURE__ */ jsx21(
               "a",
               {
                 href: headerMediaUrl,
@@ -13412,10 +13810,10 @@ function TemplateSelectionBlock({
                 rel: "noopener noreferrer",
                 title: "\u05EA\u05E6\u05D5\u05D2\u05D4 \u05DE\u05E7\u05D3\u05D9\u05DE\u05D4 \u05E9\u05DC \u05D4\u05E7\u05D5\u05D1\u05E5",
                 className: "p-1 text-slate-400 hover:text-emerald-700 hover:bg-slate-200/60 rounded-md transition-colors",
-                children: /* @__PURE__ */ jsx20(ExternalLink4, { className: "w-3.5 h-3.5" })
+                children: /* @__PURE__ */ jsx21(ExternalLink4, { className: "w-3.5 h-3.5" })
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "input",
               {
                 ref: fileInputRef,
@@ -13433,7 +13831,7 @@ function TemplateSelectionBlock({
                 disabled: isUploadingMedia
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 type: "button",
@@ -13444,39 +13842,39 @@ function TemplateSelectionBlock({
                 },
                 className: `inline-flex items-center gap-1.5 px-2.5 py-1 text-[11px] font-medium rounded-lg transition-colors border shadow-2xs ${isUploadingMedia ? "bg-slate-100 text-slate-400 border-slate-200 cursor-not-allowed" : hasValidMedia ? "bg-white text-slate-700 hover:bg-slate-50 border-slate-200 hover:border-slate-300" : "bg-emerald-600 text-white hover:bg-emerald-700 border-emerald-600"}`,
                 title: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DE\u05D3\u05D9\u05D4 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5" : `${uploadButtonLabel} \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5`,
-                children: isUploadingMedia ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
-                  /* @__PURE__ */ jsx20(Loader25, { className: "w-3.5 h-3.5 animate-spin" }),
-                  /* @__PURE__ */ jsx20("span", { children: "\u05DE\u05E2\u05DC\u05D4..." })
-                ] }) : /* @__PURE__ */ jsxs17(Fragment5, { children: [
-                  /* @__PURE__ */ jsx20(Upload3, { className: "w-3.5 h-3.5" }),
-                  /* @__PURE__ */ jsx20("span", { children: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5" : uploadButtonLabel })
+                children: isUploadingMedia ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
+                  /* @__PURE__ */ jsx21(Loader25, { className: "w-3.5 h-3.5 animate-spin" }),
+                  /* @__PURE__ */ jsx21("span", { children: "\u05DE\u05E2\u05DC\u05D4..." })
+                ] }) : /* @__PURE__ */ jsxs18(Fragment5, { children: [
+                  /* @__PURE__ */ jsx21(Upload3, { className: "w-3.5 h-3.5" }),
+                  /* @__PURE__ */ jsx21("span", { children: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5" : uploadButtonLabel })
                 ] })
               }
             )
           ] })
         ] });
       })(),
-      selectedTemplate && templateVariables.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "shrink-0 flex flex-col gap-1.5 pt-2 border-t border-slate-200/80 pb-0", children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between shrink-0", children: [
-          /* @__PURE__ */ jsx20("span", { className: "text-[11px] font-bold text-slate-700", children: "\u05DE\u05D9\u05E4\u05D5\u05D9 \u05DE\u05E9\u05EA\u05E0\u05D9\u05DD" }),
-          /* @__PURE__ */ jsxs17("span", { className: "text-[9px] font-semibold text-emerald-700 bg-emerald-50 px-1.5 py-0.5 rounded border border-emerald-200", children: [
+      selectedTemplate && templateVariables.length > 0 && /* @__PURE__ */ jsxs18("div", { className: "shrink-0 flex flex-col gap-1.5 pt-2 border-t border-slate-200/80 pb-0", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between shrink-0", children: [
+          /* @__PURE__ */ jsx21("span", { className: "text-[11px] font-bold text-slate-700", children: "\u05DE\u05D9\u05E4\u05D5\u05D9 \u05DE\u05E9\u05EA\u05E0\u05D9\u05DD" }),
+          /* @__PURE__ */ jsxs18("span", { className: "text-[9px] font-semibold text-emerald-700 bg-emerald-50 px-1.5 py-0.5 rounded border border-emerald-200", children: [
             templateVariables.length,
             " \u05DE\u05E9\u05EA\u05E0\u05D9\u05DD"
           ] })
         ] }),
-        /* @__PURE__ */ jsx20("div", { className: "max-h-48 overflow-y-auto space-y-1.5 pr-0.5", children: templateVariables.map((varKey) => {
+        /* @__PURE__ */ jsx21("div", { className: "max-h-48 overflow-y-auto space-y-1.5 pr-0.5", children: templateVariables.map((varKey) => {
           var _a;
           const mapping = variableMapping[varKey] || { type: "column", value: "" };
           const isStatic = mapping.type === "static";
           const selectedColVal = textableColumnOptions.some((o) => o.id === mapping.value) ? mapping.value : ((_a = textableColumnOptions.find((o) => o.columnName === mapping.value)) == null ? void 0 : _a.id) || mapping.value || "";
-          return /* @__PURE__ */ jsxs17(
+          return /* @__PURE__ */ jsxs18(
             "div",
             {
               className: "flex items-center gap-1.5 p-1 bg-white border border-slate-200 rounded-xl text-xs shrink-0",
               children: [
-                /* @__PURE__ */ jsx20("span", { className: "px-2 py-0.5 bg-emerald-50 text-emerald-800 font-mono font-bold text-[11px] rounded-lg border border-emerald-200/80 shrink-0", children: `{{${varKey}}}` }),
-                /* @__PURE__ */ jsxs17("div", { className: "inline-flex items-center p-0.5 bg-slate-100 rounded-lg border border-slate-200/80 shrink-0 text-[10px] font-medium", children: [
-                  /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21("span", { className: "px-2 py-0.5 bg-emerald-50 text-emerald-800 font-mono font-bold text-[11px] rounded-lg border border-emerald-200/80 shrink-0", children: `{{${varKey}}}` }),
+                /* @__PURE__ */ jsxs18("div", { className: "inline-flex items-center p-0.5 bg-slate-100 rounded-lg border border-slate-200/80 shrink-0 text-[10px] font-medium", children: [
+                  /* @__PURE__ */ jsx21(
                     "button",
                     {
                       type: "button",
@@ -13485,7 +13883,7 @@ function TemplateSelectionBlock({
                       children: "\u05E2\u05DE\u05D5\u05D3\u05D4"
                     }
                   ),
-                  /* @__PURE__ */ jsx20(
+                  /* @__PURE__ */ jsx21(
                     "button",
                     {
                       type: "button",
@@ -13495,7 +13893,7 @@ function TemplateSelectionBlock({
                     }
                   )
                 ] }),
-                isStatic ? /* @__PURE__ */ jsx20(
+                isStatic ? /* @__PURE__ */ jsx21(
                   "input",
                   {
                     type: "text",
@@ -13504,20 +13902,20 @@ function TemplateSelectionBlock({
                     placeholder: "\u05D4\u05D6\u05DF \u05E2\u05E8\u05DA \u05E7\u05D1\u05D5\u05E2 (\u05D7\u05D5\u05D1\u05D4)...",
                     className: `flex-1 min-w-0 h-7 px-2 text-[11px] rounded-lg border bg-white text-slate-800 placeholder:text-slate-400 focus:outline-none transition-colors ${!mapping.value || mapping.value.trim() === "" ? "border-amber-300 focus:border-amber-500 focus:ring-1 focus:ring-amber-500/20" : "border-slate-200 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500/20"}`
                   }
-                ) : /* @__PURE__ */ jsxs17("div", { className: "relative flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxs17(
+                ) : /* @__PURE__ */ jsxs18("div", { className: "relative flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxs18(
                     "select",
                     {
                       value: selectedColVal,
                       onChange: (e) => handleVariableValueChange(varKey, e.target.value),
                       className: "w-full h-7 pr-2.5 pl-6 text-[11px] rounded-lg border border-slate-200 bg-white text-slate-700 focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500/20 cursor-pointer truncate appearance-none",
                       children: [
-                        /* @__PURE__ */ jsx20("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4..." }),
-                        textableColumnOptions.map((opt) => /* @__PURE__ */ jsx20("option", { value: opt.id, children: opt.label }, opt.id))
+                        /* @__PURE__ */ jsx21("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4..." }),
+                        textableColumnOptions.map((opt) => /* @__PURE__ */ jsx21("option", { value: opt.id, children: opt.label }, opt.id))
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx20(ChevronDown3, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
+                  /* @__PURE__ */ jsx21(ChevronDown3, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
                 ] })
               ]
             },
@@ -13531,13 +13929,13 @@ function TemplateSelectionBlock({
 
 // src/components/WhatsAppComponent/ui/DynamicFiltersBlock.tsx
 import {
-  Filter as Filter2,
+  Filter as Filter3,
   X as X10,
   ChevronDown as ChevronDown4,
   CheckSquare,
   RefreshCw
 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function DynamicFiltersBlock({
   filterableColumns,
   filters,
@@ -13552,31 +13950,31 @@ function DynamicFiltersBlock({
   loadTableData,
   isLoadingTableData
 }) {
-  return /* @__PURE__ */ jsxs18("div", { className: "col-span-12 lg:col-span-3 min-h-[26rem] h-full flex flex-col justify-between bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 gap-2", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between pb-2 border-b border-slate-200/70 shrink-0", children: [
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx21(Filter2, { className: "w-4 h-4 text-emerald-600" }),
-          /* @__PURE__ */ jsx21("span", { className: "text-xs font-bold text-slate-800", children: "\u05E1\u05D9\u05E0\u05D5\u05DF \u05D3\u05D9\u05E0\u05DE\u05D9" }),
-          activeFiltersCount > 0 && /* @__PURE__ */ jsx21("span", { className: "text-[10px] font-bold px-1.5 py-0.5 rounded-full bg-emerald-100 text-emerald-800 border border-emerald-200", children: activeFiltersCount })
+  return /* @__PURE__ */ jsxs19("div", { className: "col-span-12 lg:col-span-3 min-h-[26rem] h-full flex flex-col justify-between bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 gap-2", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between pb-2 border-b border-slate-200/70 shrink-0", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx22(Filter3, { className: "w-4 h-4 text-emerald-600" }),
+          /* @__PURE__ */ jsx22("span", { className: "text-xs font-bold text-slate-800", children: "\u05E1\u05D9\u05E0\u05D5\u05DF \u05D3\u05D9\u05E0\u05DE\u05D9" }),
+          activeFiltersCount > 0 && /* @__PURE__ */ jsx22("span", { className: "text-[10px] font-bold px-1.5 py-0.5 rounded-full bg-emerald-100 text-emerald-800 border border-emerald-200", children: activeFiltersCount })
         ] }),
-        activeFiltersCount > 0 && /* @__PURE__ */ jsxs18(
+        activeFiltersCount > 0 && /* @__PURE__ */ jsxs19(
           "button",
           {
             type: "button",
             onClick: handleClearFilters,
             className: "text-[11px] text-rose-600 hover:text-rose-700 font-semibold hover:underline flex items-center gap-1 cursor-pointer",
             children: [
-              /* @__PURE__ */ jsx21(X10, { className: "w-3 h-3" }),
-              /* @__PURE__ */ jsx21("span", { children: "\u05E0\u05E7\u05D4" })
+              /* @__PURE__ */ jsx22(X10, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx22("span", { children: "\u05E0\u05E7\u05D4" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx21("div", { className: "py-1", children: filterableColumns.length === 0 ? /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center justify-center text-center p-4 text-xs text-slate-400 gap-1", children: [
-        /* @__PURE__ */ jsx21("span", { children: "\u05D0\u05D9\u05DF \u05E9\u05D3\u05D5\u05EA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D6\u05D5" }),
-        /* @__PURE__ */ jsx21("span", { className: "text-[10px] text-slate-400", children: "\u05E9\u05D3\u05D5\u05EA \u05DE\u05E1\u05D5\u05D2 \u05E7\u05E9\u05E8 \u05D5\u05D1\u05D5\u05DC\u05D9\u05D0\u05E0\u05D9 \u05D1\u05DC\u05D1\u05D3" })
-      ] }) : /* @__PURE__ */ jsx21("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-2", children: filterableColumns.map((col) => {
+      /* @__PURE__ */ jsx22("div", { className: "py-1", children: filterableColumns.length === 0 ? /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center justify-center text-center p-4 text-xs text-slate-400 gap-1", children: [
+        /* @__PURE__ */ jsx22("span", { children: "\u05D0\u05D9\u05DF \u05E9\u05D3\u05D5\u05EA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D6\u05D5" }),
+        /* @__PURE__ */ jsx22("span", { className: "text-[10px] text-slate-400", children: "\u05E9\u05D3\u05D5\u05EA \u05DE\u05E1\u05D5\u05D2 \u05E7\u05E9\u05E8 \u05D5\u05D1\u05D5\u05DC\u05D9\u05D0\u05E0\u05D9 \u05D1\u05DC\u05D1\u05D3" })
+      ] }) : /* @__PURE__ */ jsx22("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-2", children: filterableColumns.map((col) => {
         var _a, _b, _c;
         const colType = (_a = col.type) == null ? void 0 : _a.toUpperCase();
         const isBoolean = colType === "BOOLEAN";
@@ -13584,9 +13982,9 @@ function DynamicFiltersBlock({
         const isActive = Boolean(currentValue);
         const refTableId = ((_b = col == null ? void 0 : col.config) == null ? void 0 : _b.referencedTableId) || (col == null ? void 0 : col.referencedTableId);
         const options = ((_c = getRelationOptionsForCol ? getRelationOptionsForCol(col.name) : []) == null ? void 0 : _c.length) > 0 ? getRelationOptionsForCol(col.name) : relationOptions[col.name] && relationOptions[col.name].length > 0 ? relationOptions[col.name] : refTableId && relationOptions[refTableId] && relationOptions[refTableId].length > 0 ? relationOptions[refTableId] : col.id && relationOptions[col.id] && relationOptions[col.id].length > 0 ? relationOptions[col.id] : [];
-        return /* @__PURE__ */ jsxs18("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsxs19("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx22(
               "label",
               {
                 className: "text-[11px] font-semibold text-slate-700 truncate max-w-[130px]",
@@ -13594,49 +13992,49 @@ function DynamicFiltersBlock({
                 children: col.name
               }
             ),
-            /* @__PURE__ */ jsx21("span", { className: "text-[9px] text-slate-400 font-mono", children: isBoolean ? "\u05DB\u05DF/\u05DC\u05D0" : "\u05E7\u05E9\u05E8" })
+            /* @__PURE__ */ jsx22("span", { className: "text-[9px] text-slate-400 font-mono", children: isBoolean ? "\u05DB\u05DF/\u05DC\u05D0" : "\u05E7\u05E9\u05E8" })
           ] }),
-          /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs19("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs19(
               "select",
               {
                 value: currentValue,
                 onChange: (e) => handleFilterChange(col.name, e.target.value),
                 className: `w-full h-8 px-2 pr-2.5 pl-6 text-[11px] rounded-lg border transition-all appearance-none bg-white cursor-pointer truncate ${isActive ? "border-emerald-500 bg-emerald-50/20 text-emerald-900 font-medium ring-1 ring-emerald-500/20" : "border-slate-200 text-slate-700 hover:border-slate-300 focus:border-emerald-500"}`,
                 children: [
-                  /* @__PURE__ */ jsx21("option", { value: "", children: "\u05D4\u05DB\u05DC" }),
-                  isBoolean ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
-                    /* @__PURE__ */ jsx21("option", { value: "true", children: "\u05DB\u05DF" }),
-                    /* @__PURE__ */ jsx21("option", { value: "false", children: "\u05DC\u05D0" })
-                  ] }) : options.map((opt) => /* @__PURE__ */ jsx21("option", { value: opt.id || opt._id, children: getRelationOptionLabel(opt, col, relationOptions) }, opt.id || opt._id))
+                  /* @__PURE__ */ jsx22("option", { value: "", children: "\u05D4\u05DB\u05DC" }),
+                  isBoolean ? /* @__PURE__ */ jsxs19(Fragment6, { children: [
+                    /* @__PURE__ */ jsx22("option", { value: "true", children: "\u05DB\u05DF" }),
+                    /* @__PURE__ */ jsx22("option", { value: "false", children: "\u05DC\u05D0" })
+                  ] }) : options.map((opt) => /* @__PURE__ */ jsx22("option", { value: opt.id || opt._id, children: getRelationOptionLabel(opt, col, relationOptions) }, opt.id || opt._id))
                 ]
               }
             ),
-            /* @__PURE__ */ jsx21(ChevronDown4, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
+            /* @__PURE__ */ jsx22(ChevronDown4, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
           ] })
         ] }, col.name);
       }) }) })
     ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "pt-2.5 mt-2 border-t border-slate-200/80 flex items-center justify-between gap-1.5 shrink-0", children: [
-      /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs19("div", { className: "pt-2.5 mt-2 border-t border-slate-200/80 flex items-center justify-between gap-1.5 shrink-0", children: [
+      /* @__PURE__ */ jsxs19(
         "div",
         {
           className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-lg text-[11px] font-semibold border transition-all ${selectedRowIds.length > 0 ? "bg-emerald-50 text-emerald-800 border-emerald-200 shadow-2xs" : "bg-white text-slate-600 border-slate-200"}`,
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(
               CheckSquare,
               {
                 className: `w-3 h-3 ${selectedRowIds.length > 0 ? "text-emerald-600" : "text-slate-400"}`
               }
             ),
-            /* @__PURE__ */ jsxs18("span", { children: [
+            /* @__PURE__ */ jsxs19("span", { children: [
               "\u05E0\u05D1\u05D7\u05E8\u05D5 ",
               selectedRowIds.length
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         "button",
         {
           type: "button",
@@ -13644,7 +14042,7 @@ function DynamicFiltersBlock({
           disabled: isLoadingTableData,
           className: "p-1.5 text-slate-500 hover:text-slate-800 bg-white hover:bg-slate-100 border border-slate-200 rounded-lg transition-colors cursor-pointer disabled:opacity-50 shrink-0",
           title: "\u05E8\u05E2\u05E0\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9 \u05D8\u05D1\u05DC\u05D4",
-          children: /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsx22(
             RefreshCw,
             {
               className: `w-3.5 h-3.5 ${isLoadingTableData ? "animate-spin text-emerald-600" : ""}`
@@ -13656,85 +14054,6 @@ function DynamicFiltersBlock({
   ] });
 }
 
-// src/components/WhatsAppComponent/ui/WhatsAppRelationButtons.tsx
-import { useMemo as useMemo11 } from "react";
-import { Zap } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
-var isRawObjectId3 = (s) => /^[0-9a-fA-F]{24}$/.test(s);
-function recordMatches(record, colDef, filterVal) {
-  var _a;
-  if (!colDef) return true;
-  const cell = ((record == null ? void 0 : record.data) || {})[colDef.name];
-  const type = (_a = colDef.type) == null ? void 0 : _a.toUpperCase();
-  if (type === "BOOLEAN") {
-    const isTrue = cell === true || cell === "true" || cell === 1;
-    return isTrue === (filterVal === "true");
-  }
-  if (type === "RELATION") {
-    return normalizeRelationValue(cell).includes(filterVal);
-  }
-  return true;
-}
-function WhatsAppRelationButtons({
-  columnNames,
-  tableColumns: tableColumns2,
-  records,
-  filters,
-  onFilterChange,
-  relationOptions,
-  getRelationOptionsForCol
-}) {
-  const groups = useMemo11(() => {
-    var _a, _b;
-    const activeEntries = Object.entries(filters).filter(([, v]) => v !== void 0 && v !== null && v !== "");
-    const result = [];
-    for (const colName of columnNames || []) {
-      const colDef = (tableColumns2 || []).find((c) => c.name === colName);
-      if (!colDef || ((_a = colDef.type) == null ? void 0 : _a.toUpperCase()) !== "RELATION") continue;
-      const otherEntries = activeEntries.filter(([name]) => name !== colName);
-      const base = otherEntries.length === 0 ? records : records.filter(
-        (rec) => otherEntries.every(
-          ([name, val]) => recordMatches(rec, (tableColumns2 || []).find((c) => c.name === name), val)
-        )
-      );
-      const counts = /* @__PURE__ */ new Map();
-      for (const rec of base) {
-        const ids = new Set(normalizeRelationValue(((rec == null ? void 0 : rec.data) || {})[colName]));
-        ids.forEach((id) => counts.set(id, (counts.get(id) || 0) + 1));
-      }
-      const optionList = ((_b = getRelationOptionsForCol ? getRelationOptionsForCol(colName) : []) == null ? void 0 : _b.length) > 0 ? getRelationOptionsForCol(colName) : relationOptions[colName] || [];
-      const activeId = filters[colName] ? String(filters[colName]) : null;
-      const seen = /* @__PURE__ */ new Set();
-      const options = [];
-      for (const opt of optionList) {
-        const id = String((opt == null ? void 0 : opt.id) || (opt == null ? void 0 : opt._id) || "");
-        if (!id || seen.has(id)) continue;
-        const count = counts.get(id) || 0;
-        if (count === 0 && id !== activeId) continue;
-        seen.add(id);
-        options.push({ id, label: getRelationOptionLabel(opt, colDef, relationOptions), count });
-      }
-      counts.forEach((count, id) => {
-        if (seen.has(id)) return;
-        const label = getRelationOptionLabel(id, colDef, relationOptions);
-        if (!label || isRawObjectId3(label)) return;
-        seen.add(id);
-        options.push({ id, label, count });
-      });
-      result.push({ key: colName, title: colName, options, activeId });
-    }
-    return result;
-  }, [columnNames, tableColumns2, records, filters, relationOptions, getRelationOptionsForCol]);
-  if (!columnNames || columnNames.length === 0) return null;
-  return /* @__PURE__ */ jsx22("div", { className: "relative min-h-[12rem] 2xl:min-h-0", "data-testid": "whatsapp-relation-buttons", children: /* @__PURE__ */ jsxs19("div", { className: "2xl:absolute 2xl:inset-0 flex flex-col bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 gap-2 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 pb-2 border-b border-slate-200/70 shrink-0", children: [
-      /* @__PURE__ */ jsx22(Zap, { className: "w-4 h-4 text-emerald-600" }),
-      /* @__PURE__ */ jsx22("span", { className: "text-xs font-bold text-slate-800", children: "\u05E1\u05D9\u05E0\u05D5\u05DF \u05DE\u05D4\u05D9\u05E8" })
-    ] }),
-    /* @__PURE__ */ jsx22("div", { className: "flex-1 min-h-0 overflow-y-auto max-h-[22rem] 2xl:max-h-none pr-0.5", children: groups.every((g) => g.options.length === 0) ? /* @__PURE__ */ jsx22("div", { className: "p-4 text-center text-xs text-slate-400", children: "\u05D0\u05D9\u05DF \u05E2\u05E8\u05DB\u05D9\u05DD \u05DC\u05D4\u05E6\u05D2\u05D4 \u05D1\u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05E9\u05E0\u05D1\u05D7\u05E8\u05D5" }) : /* @__PURE__ */ jsx22(RelationButtonsView, { groups, stacked: true, onSelect: (col, id) => onFilterChange(col, id || "") }) })
-  ] }) });
-}
-
 // src/components/WhatsAppComponent/ui/SettingsAndActionsBlock.tsx
 import {
   Phone as Phone3,
@@ -14226,16 +14545,16 @@ function SettingsAndActionsBlock({
 }
 
 // src/components/WhatsAppComponent/inbox/useInboxState.ts
-import { useState as useState18, useEffect as useEffect16, useCallback as useCallback15, useRef as useRef17 } from "react";
+import { useState as useState19, useEffect as useEffect17, useCallback as useCallback15, useRef as useRef18 } from "react";
 function useInboxState(orgId, actions) {
-  const [conversations, setConversations] = useState18([]);
-  const [activeConversationId, setActiveConversationId] = useState18(null);
-  const [messages, setMessages] = useState18([]);
-  const [isLoading, setIsLoading] = useState18(false);
-  const [isSending, setIsSending] = useState18(false);
-  const [error, setError] = useState18(null);
-  const actionsRef = useRef17(actions);
-  useEffect16(() => {
+  const [conversations, setConversations] = useState19([]);
+  const [activeConversationId, setActiveConversationId] = useState19(null);
+  const [messages, setMessages] = useState19([]);
+  const [isLoading, setIsLoading] = useState19(false);
+  const [isSending, setIsSending] = useState19(false);
+  const [error, setError] = useState19(null);
+  const actionsRef = useRef18(actions);
+  useEffect17(() => {
     actionsRef.current = actions;
   });
   const fetchConversations = useCallback15(async () => {
@@ -14260,7 +14579,7 @@ function useInboxState(orgId, actions) {
     }
     if (!silent) setIsLoading(false);
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     fetchConversations();
     const interval = setInterval(() => {
       fetchConversations();
@@ -14359,17 +14678,17 @@ function ConversationList({ conversations, activeId, onSelect }) {
 }
 
 // src/components/WhatsAppComponent/inbox/ChatWindow.tsx
-import { useState as useState19, useRef as useRef18, useEffect as useEffect17 } from "react";
+import { useState as useState20, useRef as useRef19, useEffect as useEffect18 } from "react";
 import { Send as Send2, User as User2, Loader2 as Loader27 } from "lucide-react";
 import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function ChatWindow({ activeConversation, messages, isLoading, isSending, onSendMessage }) {
-  const [inputText, setInputText] = useState19("");
-  const messagesTopRef = useRef18(null);
+  const [inputText, setInputText] = useState20("");
+  const messagesTopRef = useRef19(null);
   const scrollToTop = () => {
     var _a;
     (_a = messagesTopRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
   };
-  useEffect17(() => {
+  useEffect18(() => {
     scrollToTop();
   }, [messages.length, activeConversation == null ? void 0 : activeConversation.id]);
   const handleSend = (e) => {
@@ -14486,13 +14805,6 @@ function WhatsAppComponent(props) {
   const { className = "", settings, orgId, componentId, executeAction } = props;
   const state = useWhatsAppState(props);
   const [activeTab, setActiveTab] = React20.useState("broadcast");
-  const relationButtonColumns = (Array.isArray(settings == null ? void 0 : settings.relationButtonColumns) ? settings.relationButtonColumns : []).filter(
-    (name) => (state.tableColumns || []).some((c) => {
-      var _a2;
-      return c.name === name && ((_a2 = c.type) == null ? void 0 : _a2.toUpperCase()) === "RELATION";
-    })
-  );
-  const hasRelationButtons = relationButtonColumns.length > 0;
   return /* @__PURE__ */ jsxs24(
     "div",
     {
@@ -14600,111 +14912,97 @@ function WhatsAppComponent(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs24("div", { className: "p-4 flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsxs24("div", { className: `grid grid-cols-1 gap-4 shrink-0 items-stretch ${hasRelationButtons ? "2xl:grid-cols-2" : ""}`, children: [
-              hasRelationButtons && /* @__PURE__ */ jsx27(
-                WhatsAppRelationButtons,
+            /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-4 shrink-0 items-stretch", children: [
+              /* @__PURE__ */ jsx27(
+                TemplateSelectionBlock,
+                {
+                  selectedTemplate: state.selectedTemplate,
+                  selectedTemplateId: state.selectedTemplateId,
+                  setSelectedTemplateId: state.setSelectedTemplateId,
+                  templates: state.templates,
+                  isLoadingTemplates: state.isLoadingTemplates,
+                  isDropdownOpen: state.isDropdownOpen,
+                  setIsDropdownOpen: state.setIsDropdownOpen,
+                  templateBodyText: state.templateBodyText,
+                  templateHeaderComp: state.templateHeaderComp,
+                  headerMediaUrl: state.headerMediaUrl,
+                  handleHeaderMediaUrlChange: state.handleHeaderMediaUrlChange,
+                  handleResetHeaderMediaUrl: state.handleResetHeaderMediaUrl,
+                  templateVariables: state.templateVariables,
+                  variableMapping: state.variableMapping,
+                  handleVariableTypeChange: state.handleVariableTypeChange,
+                  handleVariableValueChange: state.handleVariableValueChange,
+                  textableColumnOptions: state.textableColumnOptions,
+                  handleDeleteTemplate: state.handleDeleteTemplate,
+                  isDeleting: state.isDeleting,
+                  setIsModalOpen: state.setIsModalOpen,
+                  setFeedback: state.setFeedback,
+                  isUploadingMedia: state.isUploadingMedia,
+                  handleFileUpload: state.handleFileUpload
+                }
+              ),
+              /* @__PURE__ */ jsx27(
+                DynamicFiltersBlock,
                 {
-                  columnNames: relationButtonColumns,
-                  tableColumns: state.tableColumns,
-                  records: state.rawRecords,
+                  filterableColumns: state.filterableColumns,
                   filters: state.filters,
-                  onFilterChange: state.handleFilterChange,
+                  handleFilterChange: state.handleFilterChange,
+                  handleClearFilters: state.handleClearFilters,
+                  activeFiltersCount: state.activeFiltersCount,
                   relationOptions: state.relationOptions,
-                  getRelationOptionsForCol: state.getRelationOptionsForCol
+                  getRelationOptionsForCol: state.getRelationOptionsForCol,
+                  selectedRowIds: state.selectedRowIds,
+                  filteredRecordsCount: state.filteredRecords.length,
+                  rawRecordsCount: state.rawRecords.length,
+                  loadTableData: state.loadTableData,
+                  isLoadingTableData: state.isLoadingTableData
                 }
               ),
-              /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-4 items-stretch", children: [
-                /* @__PURE__ */ jsx27(
-                  TemplateSelectionBlock,
-                  {
-                    selectedTemplate: state.selectedTemplate,
-                    selectedTemplateId: state.selectedTemplateId,
-                    setSelectedTemplateId: state.setSelectedTemplateId,
-                    templates: state.templates,
-                    isLoadingTemplates: state.isLoadingTemplates,
-                    isDropdownOpen: state.isDropdownOpen,
-                    setIsDropdownOpen: state.setIsDropdownOpen,
-                    templateBodyText: state.templateBodyText,
-                    templateHeaderComp: state.templateHeaderComp,
-                    headerMediaUrl: state.headerMediaUrl,
-                    handleHeaderMediaUrlChange: state.handleHeaderMediaUrlChange,
-                    handleResetHeaderMediaUrl: state.handleResetHeaderMediaUrl,
-                    templateVariables: state.templateVariables,
-                    variableMapping: state.variableMapping,
-                    handleVariableTypeChange: state.handleVariableTypeChange,
-                    handleVariableValueChange: state.handleVariableValueChange,
-                    textableColumnOptions: state.textableColumnOptions,
-                    handleDeleteTemplate: state.handleDeleteTemplate,
-                    isDeleting: state.isDeleting,
-                    setIsModalOpen: state.setIsModalOpen,
-                    setFeedback: state.setFeedback,
-                    isUploadingMedia: state.isUploadingMedia,
-                    handleFileUpload: state.handleFileUpload
-                  }
-                ),
-                /* @__PURE__ */ jsx27(
-                  DynamicFiltersBlock,
-                  {
-                    filterableColumns: state.filterableColumns,
-                    filters: state.filters,
-                    handleFilterChange: state.handleFilterChange,
-                    handleClearFilters: state.handleClearFilters,
-                    activeFiltersCount: state.activeFiltersCount,
-                    relationOptions: state.relationOptions,
-                    getRelationOptionsForCol: state.getRelationOptionsForCol,
-                    selectedRowIds: state.selectedRowIds,
-                    filteredRecordsCount: state.filteredRecords.length,
-                    rawRecordsCount: state.rawRecords.length,
-                    loadTableData: state.loadTableData,
-                    isLoadingTableData: state.isLoadingTableData
-                  }
-                ),
-                /* @__PURE__ */ jsx27(
-                  SettingsAndActionsBlock,
-                  {
-                    isScanningPhoneColumns: state.isScanningPhoneColumns,
-                    targetPhoneOptions: state.targetPhoneOptions,
-                    phoneColumnId: state.phoneColumnId,
-                    setPhoneColumnId: state.setPhoneColumnId,
-                    selectedPhoneOption: state.selectedPhoneOption,
-                    autoSelectCount: state.autoSelectCount,
-                    setAutoSelectCount: state.setAutoSelectCount,
-                    subtableFilterColumn: state.subtableFilterColumn,
-                    setSubtableFilterColumn: state.setSubtableFilterColumn,
-                    subtableFilterValue: state.subtableFilterValue,
-                    setSubtableFilterValue: state.setSubtableFilterValue,
-                    subtableSendLimit: state.subtableSendLimit,
-                    setSubtableSendLimit: state.setSubtableSendLimit,
-                    subtableFilterableColumns: state.subtableFilterableColumns,
-                    selectedSubtableFilterCol: state.selectedSubtableFilterCol,
-                    getRelationOptionsForCol: state.getRelationOptionsForCol,
-                    relationOptions: state.relationOptions,
-                    enablePostSendAction: state.enablePostSendAction,
-                    setEnablePostSendAction: state.setEnablePostSendAction,
-                    postSendActionColumn: state.postSendActionColumn,
-                    setPostSendActionColumn: state.setPostSendActionColumn,
-                    postSendActionValue: state.postSendActionValue,
-                    setPostSendActionValue: state.setPostSendActionValue,
-                    postSendActionTargetType: state.postSendActionTargetType,
-                    setPostSendActionTargetType: state.setPostSendActionTargetType,
-                    postSendActionTargetOptions: state.postSendActionTargetOptions,
-                    selectedPostSendOption: state.selectedPostSendCol,
-                    isTestDisabled: state.isTestDisabled,
-                    testButtonTitle: state.testButtonTitle,
-                    setIsTestPromptOpen: state.setIsTestPromptOpen,
-                    isSendDisabled: state.isSendDisabled,
-                    sendButtonTitle: state.sendButtonTitle,
-                    handleSendMessages: state.handleSendMessages,
-                    selectedRowIdsCount: state.selectedRowIds.length,
-                    finalRecipientCount: state.finalRecipientCount,
-                    validMainRowsCount: state.validMainRowsCount,
-                    isSendingBroadcast: state.isSendingBroadcast,
-                    broadcastProgress: state.broadcastProgress,
-                    broadcastSummary: state.broadcastSummary,
-                    clearBroadcastSummary: state.clearBroadcastSummary
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx27(
+                SettingsAndActionsBlock,
+                {
+                  isScanningPhoneColumns: state.isScanningPhoneColumns,
+                  targetPhoneOptions: state.targetPhoneOptions,
+                  phoneColumnId: state.phoneColumnId,
+                  setPhoneColumnId: state.setPhoneColumnId,
+                  selectedPhoneOption: state.selectedPhoneOption,
+                  autoSelectCount: state.autoSelectCount,
+                  setAutoSelectCount: state.setAutoSelectCount,
+                  subtableFilterColumn: state.subtableFilterColumn,
+                  setSubtableFilterColumn: state.setSubtableFilterColumn,
+                  subtableFilterValue: state.subtableFilterValue,
+                  setSubtableFilterValue: state.setSubtableFilterValue,
+                  subtableSendLimit: state.subtableSendLimit,
+                  setSubtableSendLimit: state.setSubtableSendLimit,
+                  subtableFilterableColumns: state.subtableFilterableColumns,
+                  selectedSubtableFilterCol: state.selectedSubtableFilterCol,
+                  getRelationOptionsForCol: state.getRelationOptionsForCol,
+                  relationOptions: state.relationOptions,
+                  enablePostSendAction: state.enablePostSendAction,
+                  setEnablePostSendAction: state.setEnablePostSendAction,
+                  postSendActionColumn: state.postSendActionColumn,
+                  setPostSendActionColumn: state.setPostSendActionColumn,
+                  postSendActionValue: state.postSendActionValue,
+                  setPostSendActionValue: state.setPostSendActionValue,
+                  postSendActionTargetType: state.postSendActionTargetType,
+                  setPostSendActionTargetType: state.setPostSendActionTargetType,
+                  postSendActionTargetOptions: state.postSendActionTargetOptions,
+                  selectedPostSendOption: state.selectedPostSendCol,
+                  isTestDisabled: state.isTestDisabled,
+                  testButtonTitle: state.testButtonTitle,
+                  setIsTestPromptOpen: state.setIsTestPromptOpen,
+                  isSendDisabled: state.isSendDisabled,
+                  sendButtonTitle: state.sendButtonTitle,
+                  handleSendMessages: state.handleSendMessages,
+                  selectedRowIdsCount: state.selectedRowIds.length,
+                  finalRecipientCount: state.finalRecipientCount,
+                  validMainRowsCount: state.validMainRowsCount,
+                  isSendingBroadcast: state.isSendingBroadcast,
+                  broadcastProgress: state.broadcastProgress,
+                  broadcastSummary: state.broadcastSummary,
+                  clearBroadcastSummary: state.clearBroadcastSummary
+                }
+              )
             ] }),
             /* @__PURE__ */ jsx27("div", { className: "w-full h-[calc(100vh-420px)] min-h-[320px] overflow-hidden border border-slate-200 rounded-2xl shadow-xs bg-white flex flex-col", children: state.isLoadingTableData && state.rawRecords.length === 0 ? /* @__PURE__ */ jsxs24("div", { className: "flex-1 flex flex-col items-center justify-center p-12 text-center text-xs text-slate-400 gap-2", children: [
               /* @__PURE__ */ jsx27(Loader28, { className: "w-6 h-6 animate-spin text-emerald-600" }),
@@ -14730,8 +15028,7 @@ function WhatsAppComponent(props) {
                 orgId,
                 componentId: `${componentId || "whatsapp"}-embedded-table`,
                 className: "h-full flex-1 border-0 rounded-2xl shadow-none",
-                rowStatusMap: state.rowStatusMap,
-                hideRelationButtons: true
+                rowStatusMap: state.rowStatusMap
               }
             ) })
           ] }),
@@ -14912,18 +15209,18 @@ function WhatsAppComponent(props) {
 }
 
 // src/components/FormBlock/FormBlock.tsx
-import { useState as useState20, useEffect as useEffect18 } from "react";
+import { useState as useState21, useEffect as useEffect19 } from "react";
 import { Loader2 as Loader29, CheckCircle2 as CheckCircle25 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function FormBlock({ settings: schema, executeAction, componentId, className = "", onSuccess }) {
   const { showError, addToast } = useToast();
-  const [formData, setFormData] = useState20({});
-  const [isSubmitting, setIsSubmitting] = useState20(false);
-  const [isSubmitted, setIsSubmitted] = useState20(false);
-  const [columns, setColumns] = useState20((schema == null ? void 0 : schema.columns) || []);
-  const [isLoadingSchema, setIsLoadingSchema] = useState20(false);
+  const [formData, setFormData] = useState21({});
+  const [isSubmitting, setIsSubmitting] = useState21(false);
+  const [isSubmitted, setIsSubmitted] = useState21(false);
+  const [columns, setColumns] = useState21((schema == null ? void 0 : schema.columns) || []);
+  const [isLoadingSchema, setIsLoadingSchema] = useState21(false);
   const targetTableId = (schema == null ? void 0 : schema.tableMetaId) || (schema == null ? void 0 : schema.tableId) || (schema == null ? void 0 : schema.id);
-  useEffect18(() => {
+  useEffect19(() => {
     let isMounted = true;
     if ((!(schema == null ? void 0 : schema.columns) || schema.columns.length === 0) && targetTableId && executeAction) {
       setIsLoadingSchema(true);
@@ -15088,6 +15385,7 @@ export {
   COLUMN_TYPE_LABELS,
   ColumnHeaderTitle,
   CreateTemplateModal,
+  DEFAULT_FILTER_COLUMN_TYPES,
   DEFAULT_PLACEMENT_STATUS_COLORS,
   DatePickerCell,
   DynamicFiltersBlock,
@@ -15102,6 +15400,7 @@ export {
   RELATION_BUTTON_COUNTS_ACTION,
   RELATION_LABEL_KEY,
   RELATION_SEP,
+  RESOLVE_DEFAULT_FILTERS_ACTION,
   RelationFilterPopover,
   RelationPickerCell,
   SettingsAndActionsBlock,
@@ -15122,6 +15421,7 @@ export {
   buildRelationRef,
   calculateMinColumnWidth,
   checkElementTruncation,
+  cleanPlacementFilterDefaults,
   cn,
   columnRefLabel,
   computeFormulaValue,
@@ -15137,6 +15437,8 @@ export {
   formatTimeInput,
   formatTimeIso,
   generateWhatsAppLink,
+  getColumnDefaultFilter,
+  getDefaultFilterColumns,
   getDeterministicPastelBadge,
   getEligibleCopyTargets,
   getNextVariableIndex,
@@ -15172,11 +15474,14 @@ export {
   renameCopyTarget,
   resolveDefaultStatusId,
   resolveProtocol,
+  sanitizeDefaultFilter,
   sanitizePhoneNumber,
   sanitizeTemplateNameInput,
   seamlessVariableEngine,
   splitHeaderTitle,
+  supportsDefaultFilter,
   tableColumns,
+  toColumnFilterValue,
   useColumnReorder,
   useColumnResize,
   useSmartTooltip,
@@ -15188,5 +15493,6 @@ export {
   validateTemplateBody,
   validateTemplateButtons,
   validateWhatsAppTemplate,
-  validateWordToVariableRatio
+  validateWordToVariableRatio,
+  withDefaultFilter
 };