@universe-platform/ui 0.1.0-beta.24 → 0.1.0-beta.26

package/dist/index.js

@@ -66,10 +66,17 @@ __export(src_exports, {
   COLUMN_TYPE_LABELS: () => COLUMN_TYPE_LABELS,
   ColumnHeaderTitle: () => ColumnHeaderTitle,
   CreateTemplateModal: () => CreateTemplateModal,
+  DEFAULT_PLACEMENT_STATUS_COLORS: () => DEFAULT_PLACEMENT_STATUS_COLORS,
   DatePickerCell: () => DatePickerCell,
   DynamicFiltersBlock: () => DynamicFiltersBlock,
   LinkPickerCell: () => LinkPickerCell,
+  NON_TEXT_TYPES: () => NON_TEXT_TYPES,
   PASTEL_PALETTES: () => PASTEL_PALETTES,
+  PlacementBlock: () => PlacementBlock,
+  PlacementSettings: () => PlacementSettings,
+  PlacementStatusEditor: () => PlacementStatusEditor,
+  RELATION_LABEL_KEY: () => RELATION_LABEL_KEY,
+  RELATION_SEP: () => RELATION_SEP,
   RelationFilterPopover: () => RelationFilterPopover,
   RelationPickerCell: () => RelationPickerCell,
   SettingsAndActionsBlock: () => SettingsAndActionsBlock,
@@ -83,9 +90,13 @@ __export(src_exports, {
   TruncatedTooltip: () => TruncatedTooltip,
   UNIVERSE_COMPONENTS: () => UNIVERSE_COMPONENTS,
   WhatsAppComponent: () => WhatsAppComponent,
+  buildColumnOptions: () => buildColumnOptions,
+  buildRelationRef: () => buildRelationRef,
   calculateMinColumnWidth: () => calculateMinColumnWidth,
   checkElementTruncation: () => checkElementTruncation,
   cn: () => cn,
+  columnRefLabel: () => columnRefLabel,
+  enrichRowsWithRelations: () => enrichRowsWithRelations,
   extractUniqueVariableIndices: () => extractUniqueVariableIndices,
   extractVariableIndices: () => extractVariableIndices,
   findVariableAtPosition: () => findVariableAtPosition,
@@ -106,6 +117,7 @@ __export(src_exports, {
   isDuplicateTemplate: () => isDuplicateTemplate,
   isDuplicateTemplateName: () => isDuplicateTemplateName,
   isTextRepresentable: () => isTextRepresentable,
+  isUserColumn: () => isUserColumn,
   isValidButtonPhoneNumber: () => isValidButtonPhoneNumber,
   isValidButtonUrl: () => isValidButtonUrl,
   isValidPhoneNumber: () => isValidPhoneNumber,
@@ -115,14 +127,18 @@ __export(src_exports, {
   normalizePhoneForWhatsApp: () => normalizePhoneForWhatsApp,
   normalizeRelationValue: () => normalizeRelationValue,
   openWhatsAppChat: () => openWhatsAppChat,
+  parseColumnRef: () => parseColumnRef,
   parseLinkValue: () => parseLinkValue,
   parseTimeParts: () => parseTimeParts,
+  readColumnValue: () => readColumnValue,
   reindexVariables: () => reindexVariables,
+  resolveDefaultStatusId: () => resolveDefaultStatusId,
   resolveProtocol: () => resolveProtocol,
   sanitizePhoneNumber: () => sanitizePhoneNumber,
   sanitizeTemplateNameInput: () => sanitizeTemplateNameInput,
   seamlessVariableEngine: () => seamlessVariableEngine,
   splitHeaderTitle: () => splitHeaderTitle,
+  tableColumns: () => tableColumns,
   useColumnReorder: () => useColumnReorder,
   useColumnResize: () => useColumnResize,
   useSmartTooltip: () => useSmartTooltip,
@@ -7823,11 +7839,966 @@ function TableBlock(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TableBlockClient, __spreadValues({}, props));
 }
 
+// src/components/PlacementBlock/PlacementBlock.tsx
+var import_react17 = require("react");
+var import_ag_grid_react = require("ag-grid-react");
+var import_ag_grid_community = require("ag-grid-community");
+
+// src/components/PlacementBlock/PlacementSettings.tsx
+var import_react16 = __toESM(require("react"));
+
+// src/components/PlacementBlock/placementColumns.ts
+var RELATION_SEP = "::";
+var RELATION_LABEL_KEY = "__label";
+var NON_TEXT_TYPES = ["RELATION", "SUB_TABLE", "GOOGLE_DRIVE_FILE", "GOOGLE_CONTACT", "LINK"];
+var tableColumns = (table) => (table == null ? void 0 : table.fields) || (table == null ? void 0 : table.columns) || [];
+var isUserColumn = (c) => !!(c == null ? void 0 : c.name) && c.name !== "_id" && c.name !== "id" && !c.isHidden;
+var buildRelationRef = (relationColumn, field) => `${relationColumn}${RELATION_SEP}${field}`;
+function parseColumnRef(ref) {
+  const i = ref.indexOf(RELATION_SEP);
+  if (i < 0) return { field: ref };
+  return { relationColumn: ref.slice(0, i), field: ref.slice(i + RELATION_SEP.length) };
+}
+var columnRefLabel = (ref) => {
+  if (!ref) return "";
+  const { relationColumn, field } = parseColumnRef(ref);
+  return relationColumn ? `${relationColumn} \u203A ${field}` : field;
+};
+function buildColumnOptions(table, allTables, opts = {}) {
+  var _a, _b;
+  const { textOnly = false, includeRelated = true } = opts;
+  const result = [];
+  for (const col of tableColumns(table).filter(isUserColumn)) {
+    if (textOnly && NON_TEXT_TYPES.includes(col.type)) continue;
+    result.push({
+      id: col.name,
+      name: col.name,
+      type: col.type,
+      description: col.type ? `\u05E1\u05D5\u05D2 \u05E9\u05D3\u05D4: ${col.type}` : void 0
+    });
+  }
+  if (!includeRelated) return result;
+  for (const rel of tableColumns(table).filter(isUserColumn)) {
+    if (rel.type !== "RELATION") continue;
+    const refId = (_a = rel.config) == null ? void 0 : _a.referencedTableId;
+    const refTable = refId ? allTables == null ? void 0 : allTables.find((t) => t.id === refId) : void 0;
+    if (!refTable) continue;
+    const fromName = refTable.name || ((_b = rel.config) == null ? void 0 : _b.referencedTableName) || "";
+    for (const col of tableColumns(refTable).filter(isUserColumn)) {
+      if (NON_TEXT_TYPES.includes(col.type)) continue;
+      result.push({
+        id: buildRelationRef(rel.name, col.name),
+        name: `${rel.name} \u203A ${col.name}`,
+        type: col.type,
+        description: `\u05DE\u05D8\u05D1\u05DC\u05EA ${refTable.isGlobal ? "\u05DE\u05E2\u05E8\u05DB\u05EA " : ""}"${fromName}"`,
+        viaRelation: rel.name,
+        fromTableName: fromName,
+        fromGlobalTable: !!refTable.isGlobal
+      });
+    }
+  }
+  return result;
+}
+function enrichRowsWithRelations(rows, columns, relationOptions) {
+  const relCols = (columns || []).filter((c) => (c == null ? void 0 : c.type) === "RELATION" && (c == null ? void 0 : c.name));
+  if (!relCols.length || !relationOptions) return rows;
+  const idOf = (v) => {
+    var _a, _b, _c;
+    return String((_c = (_b = (_a = v == null ? void 0 : v.id) != null ? _a : v == null ? void 0 : v._id) != null ? _b : v) != null ? _c : "");
+  };
+  const join = (vals) => vals.filter((v) => v !== null && v !== void 0 && v !== "").map((v) => {
+    var _a, _b;
+    return typeof v === "object" ? String((_b = (_a = v.label) != null ? _a : v.name) != null ? _b : "") : String(v);
+  }).filter(Boolean).join(", ");
+  return rows.map((row) => {
+    var _a;
+    const extra = {};
+    for (const rel of relCols) {
+      const options = relationOptions[rel.name] || [];
+      if (!options.length) continue;
+      const byId = new Map(options.map((o) => [String(o.id), o]));
+      const raw = (_a = row.data) == null ? void 0 : _a[rel.name];
+      const values = Array.isArray(raw) ? raw : raw === null || raw === void 0 || raw === "" ? [] : [raw];
+      const linked = values.map((v) => byId.get(idOf(v))).filter(Boolean);
+      if (!linked.length) continue;
+      extra[`${rel.name}${RELATION_SEP}${RELATION_LABEL_KEY}`] = join(linked.map((o) => o.label));
+      const fieldNames = /* @__PURE__ */ new Set();
+      linked.forEach((o) => Object.keys(o.data || {}).forEach((k) => fieldNames.add(k)));
+      fieldNames.forEach((f) => {
+        extra[`${rel.name}${RELATION_SEP}${f}`] = join(linked.map((o) => {
+          var _a2;
+          return (_a2 = o.data) == null ? void 0 : _a2[f];
+        }));
+      });
+    }
+    return Object.keys(extra).length ? __spreadProps(__spreadValues({}, row), { data: __spreadValues(__spreadValues({}, row.data), extra) }) : row;
+  });
+}
+function readColumnValue(data, ref) {
+  if (!data || !ref) return void 0;
+  const label = data[`${ref}${RELATION_SEP}${RELATION_LABEL_KEY}`];
+  if (label !== void 0) return label;
+  return data[ref];
+}
+
+// src/components/PlacementBlock/PlacementSettings.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var DEFAULT_PLACEMENT_STATUS_COLORS = [
+  { id: "1", hex: "#10b981", label: "\u05DE\u05EA\u05D0\u05D9\u05DD / \u05D0\u05D5\u05E9\u05E8" },
+  { id: "2", hex: "#f59e0b", label: "\u05DE\u05DE\u05EA\u05D9\u05DF \u05DC\u05E8\u05D0\u05D9\u05D5\u05DF" },
+  { id: "3", hex: "#ef4444", label: "\u05E4\u05E0\u05D5\u05D9 / \u05DC\u05D0 \u05E8\u05DC\u05D5\u05D5\u05E0\u05D8\u05D9" }
+];
+function resolveDefaultStatusId(list, wanted) {
+  var _a, _b;
+  if (wanted && list.some((s) => s.id === wanted)) return wanted;
+  if (list.some((s) => s.id === "3")) return "3";
+  return (_b = (_a = list[0]) == null ? void 0 : _a.id) != null ? _b : "";
+}
+var SummaryRow = ({ label, value, hint }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-start gap-2 text-sm", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: value ? "text-emerald-600" : "text-slate-300", children: value ? "\u2713" : "\u25CB" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-slate-500 shrink-0", children: [
+    label,
+    ":"
+  ] }),
+  value ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "font-semibold text-slate-800 break-words", children: [
+    value,
+    hint && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "mr-2 text-[11px] font-normal text-indigo-600", children: hint })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-slate-400", children: "\u05D8\u05E8\u05DD \u05E0\u05D1\u05D7\u05E8" })
+] });
+var PlacementStatusEditor = ({ config, onChange }) => {
+  var _a;
+  const radioName = `placement-default-status-${import_react16.default.useId()}`;
+  const statuses = ((_a = config.statusColors) == null ? void 0 : _a.length) ? config.statusColors : DEFAULT_PLACEMENT_STATUS_COLORS;
+  const defaultStatusId = resolveDefaultStatusId(statuses, config.defaultReturnStatusId);
+  const setStatuses = (next, defId = defaultStatusId) => {
+    var _a2;
+    return onChange(__spreadProps(__spreadValues({}, config), {
+      statusColors: next,
+      defaultReturnStatusId: next.some((st) => st.id === defId) ? defId : (_a2 = next[0]) == null ? void 0 : _a2.id
+    }));
+  };
+  const updateStatus = (id, patch) => setStatuses(statuses.map((st) => st.id === id ? __spreadValues(__spreadValues({}, st), patch) : st));
+  const addStatus = () => setStatuses([...statuses, { id: `s${Date.now().toString(36)}`, hex: "#3b82f6", label: "\u05E1\u05D8\u05D8\u05D5\u05E1 \u05D7\u05D3\u05E9" }]);
+  const removeStatus = (id) => {
+    if (statuses.length > 1) setStatuses(statuses.filter((st) => st.id !== id));
+  };
+  const moveStatus = (index, dir) => {
+    const j = index + dir;
+    if (j < 0 || j >= statuses.length) return;
+    const next = [...statuses];
+    [next[index], next[j]] = [next[j], next[index]];
+    setStatuses(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 border border-emerald-200 bg-emerald-50/50 rounded space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { className: "font-semibold text-emerald-900", children: "\u05E9\u05DC\u05D1 3: \u05E1\u05D8\u05D8\u05D5\u05E1\u05D9\u05DD (\u05D4\u05E2\u05D9\u05D2\u05D5\u05DC\u05D9\u05DD \u05D4\u05E6\u05D1\u05E2\u05D5\u05E0\u05D9\u05D9\u05DD)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs text-slate-500", children: "\u05DC\u05D7\u05D9\u05E6\u05D4 \u05E2\u05DC \u05E2\u05D9\u05D2\u05D5\u05DC \u05D1\u05E8\u05DB\u05D9\u05D1 \u05DE\u05D7\u05DC\u05D9\u05E4\u05D4 \u05D1\u05D9\u05DF \u05D4\u05E1\u05D8\u05D8\u05D5\u05E1\u05D9\u05DD \u05DC\u05E4\u05D9 \u05D4\u05E1\u05D3\u05E8 \u05E9\u05DB\u05D0\u05DF. \u05D4\u05D8\u05E7\u05E1\u05D8 \u05DE\u05D5\u05E4\u05D9\u05E2 \u05D1\u05D1\u05D5\u05E2\u05D4 \u05DB\u05E9\u05D4\u05E2\u05DB\u05D1\u05E8 \u05E2\u05D5\u05DE\u05D3 \u05DE\u05E2\u05DC \u05D4\u05E2\u05D9\u05D2\u05D5\u05DC." }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-2", children: statuses.map((st, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2 bg-white border rounded p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "input",
+        {
+          type: "color",
+          value: st.hex,
+          onChange: (e) => updateStatus(st.id, { hex: e.target.value }),
+          className: "w-9 h-9 p-0 border rounded cursor-pointer shrink-0",
+          "aria-label": "\u05E6\u05D1\u05E2"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "input",
+        {
+          type: "text",
+          value: st.label,
+          onChange: (e) => updateStatus(st.id, { label: e.target.value }),
+          placeholder: "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05D1\u05D5\u05E2\u05D4 (\u05DC\u05DE\u05E9\u05DC: \u05D0\u05D5\u05DC\u05D9)",
+          className: "flex-1 min-w-0 border p-2 rounded text-sm"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex items-center gap-1 text-xs text-slate-600 shrink-0 cursor-pointer", title: "\u05D4\u05E1\u05D8\u05D8\u05D5\u05E1 \u05D4\u05D4\u05EA\u05D7\u05DC\u05EA\u05D9, \u05D5\u05D2\u05DD \u05D6\u05D4 \u05E9\u05D0\u05DC\u05D9\u05D5 \u05D7\u05D5\u05D6\u05E8 \u05DE\u05D5\u05E2\u05DE\u05D3 \u05E9\u05DE\u05D5\u05D7\u05D6\u05E8 \u05DC\u05E8\u05E9\u05D9\u05DE\u05EA \u05D4\u05DE\u05E7\u05D5\u05E8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "input",
+          {
+            type: "radio",
+            name: radioName,
+            checked: defaultStatusId === st.id,
+            onChange: () => setStatuses(statuses, st.id)
+          }
+        ),
+        "\u05D1\u05E8\u05D9\u05E8\u05EA \u05DE\u05D7\u05D3\u05DC"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: () => moveStatus(i, -1), disabled: i === 0, className: "px-2 py-1 border rounded text-xs disabled:opacity-30", "aria-label": "\u05D4\u05D6\u05D6 \u05DC\u05DE\u05E2\u05DC\u05D4", children: "\u25B2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: () => moveStatus(i, 1), disabled: i === statuses.length - 1, className: "px-2 py-1 border rounded text-xs disabled:opacity-30", "aria-label": "\u05D4\u05D6\u05D6 \u05DC\u05DE\u05D8\u05D4", children: "\u25BC" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: () => removeStatus(st.id), disabled: statuses.length <= 1, className: "px-2 py-1 border border-rose-300 text-rose-600 rounded text-xs disabled:opacity-30", "aria-label": "\u05DE\u05D7\u05E7 \u05E1\u05D8\u05D8\u05D5\u05E1", children: "\u2715" })
+    ] }, st.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: addStatus, className: "px-3 py-1.5 rounded text-sm font-medium bg-emerald-600 text-white hover:bg-emerald-700", children: "+ \u05D4\u05D5\u05E1\u05E3 \u05E1\u05D8\u05D8\u05D5\u05E1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: () => setStatuses(DEFAULT_PLACEMENT_STATUS_COLORS, "3"), className: "text-xs text-slate-500 underline", children: "\u05D0\u05E4\u05E1 \u05DC\u05D1\u05E8\u05D9\u05E8\u05EA \u05D4\u05DE\u05D7\u05D3\u05DC" })
+    ] })
+  ] });
+};
+var PlacementSettings = ({ config, onChange, tables }) => {
+  const sourceTable = tables == null ? void 0 : tables.find((t) => t.id === config.sourceTableId);
+  const targetTable = tables == null ? void 0 : tables.find((t) => t.id === config.targetTableId);
+  const sourceColumns = buildColumnOptions(sourceTable, tables);
+  const targetTextColumns = buildColumnOptions(targetTable, tables, { textOnly: true });
+  const targetColumns = buildColumnOptions(targetTable, tables, { includeRelated: false });
+  const relatedHint = (ref, cols) => {
+    const o = cols.find((c) => c.id === ref);
+    return (o == null ? void 0 : o.viaRelation) ? `\u05DE\u05D8\u05D1\u05DC\u05EA ${o.fromGlobalTable ? "\u05DE\u05E2\u05E8\u05DB\u05EA " : ""}${o.fromTableName}` : void 0;
+  };
+  const handleSourceTableChange = (value) => {
+    onChange(__spreadProps(__spreadValues({}, config), { sourceTableId: value, sourceDisplayFieldId: "" }));
+  };
+  const handleTargetTableChange = (value) => {
+    onChange(__spreadProps(__spreadValues({}, config), {
+      targetTableId: value,
+      targetFilterField1Id: "",
+      targetFilterField2Id: "",
+      targetSelectorFieldId: "",
+      targetAssignmentFieldId: ""
+    }));
+  };
+  const optionsFor = (cols, currentKey) => {
+    const used = [
+      config.targetFilterField1Id,
+      config.targetFilterField2Id,
+      config.targetSelectorFieldId,
+      config.targetAssignmentFieldId
+    ];
+    return cols.filter((c) => c.id === config[currentKey] || !used.includes(c.id));
+  };
+  const selectClass = "w-full border p-2 rounded bg-white text-sm";
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 border rounded shadow-sm bg-gray-50 space-y-6", dir: "rtl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-lg font-bold", children: "\u05D4\u05D2\u05D3\u05E8\u05D5\u05EA \u05E8\u05DB\u05D9\u05D1 \u05E9\u05D9\u05D1\u05D5\u05E5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 border border-indigo-200 bg-indigo-50/60 rounded space-y-2", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { className: "font-semibold text-indigo-900 text-sm", children: "\u05D4\u05D1\u05D7\u05D9\u05E8\u05D5\u05EA \u05E9\u05E0\u05E2\u05E9\u05D5 \u05E2\u05D3 \u05DB\u05D4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-x-6 gap-y-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-xs font-bold text-slate-500", children: "\u05DE\u05E7\u05D5\u05E8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SummaryRow, { label: "\u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8", value: sourceTable == null ? void 0 : sourceTable.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            SummaryRow,
+            {
+              label: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05DE\u05D9\u05D3\u05E2",
+              value: columnRefLabel(config.sourceDisplayFieldId),
+              hint: relatedHint(config.sourceDisplayFieldId, sourceColumns)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-xs font-bold text-slate-500", children: "\u05D9\u05E2\u05D3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SummaryRow, { label: "\u05D8\u05D1\u05DC\u05EA \u05D9\u05E2\u05D3", value: targetTable == null ? void 0 : targetTable.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            SummaryRow,
+            {
+              label: "\u05E1\u05D9\u05E0\u05D5\u05DF 1",
+              value: columnRefLabel(config.targetFilterField1Id),
+              hint: relatedHint(config.targetFilterField1Id, targetTextColumns)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            SummaryRow,
+            {
+              label: "\u05E1\u05D9\u05E0\u05D5\u05DF 2",
+              value: columnRefLabel(config.targetFilterField2Id),
+              hint: relatedHint(config.targetFilterField2Id, targetTextColumns)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            SummaryRow,
+            {
+              label: "\u05D1\u05D7\u05D9\u05E8\u05EA \u05E8\u05E9\u05D5\u05DE\u05D4",
+              value: columnRefLabel(config.targetSelectorFieldId),
+              hint: relatedHint(config.targetSelectorFieldId, targetTextColumns)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SummaryRow, { label: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05E9\u05D9\u05D1\u05D5\u05E5", value: config.targetAssignmentFieldId })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 border border-slate-200 bg-white rounded space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { className: "font-semibold text-slate-800", children: "\u05E9\u05DC\u05D1 1: \u05D8\u05D1\u05DC\u05EA \u05D4\u05DE\u05E7\u05D5\u05E8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium mb-1", children: "\u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8 (\u05DC\u05DE\u05E9\u05DC: \u05DE\u05D3\u05E8\u05D9\u05DB\u05D9\u05DD):" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "select",
+            {
+              className: selectClass,
+              value: config.sourceTableId || "",
+              onChange: (e) => handleSourceTableChange(e.target.value),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: "-- \u05D1\u05D7\u05E8 \u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8 --" }),
+                tables == null ? void 0 : tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: t.id, children: t.name }, t.id))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium mb-1", children: "\u05E2\u05DE\u05D5\u05D3\u05D4 \u05DC\u05E7\u05D7\u05EA \u05DE\u05DE\u05E0\u05D4 \u05DE\u05D9\u05D3\u05E2 (\u05DC\u05DE\u05E9\u05DC: \u05E9\u05DD \u05DE\u05D3\u05E8\u05D9\u05DA):" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "select",
+            {
+              className: selectClass,
+              disabled: !config.sourceTableId,
+              value: config.sourceDisplayFieldId || "",
+              onChange: (e) => onChange(__spreadProps(__spreadValues({}, config), { sourceDisplayFieldId: e.target.value })),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: "-- \u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05EA \u05DE\u05E7\u05D5\u05E8 --" }),
+                sourceColumns.map((f) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: f.id, children: f.name }, f.id))
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 border border-blue-200 bg-blue-50 rounded space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { className: "font-semibold text-blue-900", children: "\u05E9\u05DC\u05D1 2: \u05D8\u05D1\u05DC\u05EA \u05D4\u05D9\u05E2\u05D3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium mb-1", children: "\u05D8\u05D1\u05DC\u05EA \u05D9\u05E2\u05D3:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          "select",
+          {
+            className: selectClass,
+            value: config.targetTableId || "",
+            onChange: (e) => handleTargetTableChange(e.target.value),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: "-- \u05D1\u05D7\u05E8 \u05D8\u05D1\u05DC\u05EA \u05D9\u05E2\u05D3 --" }),
+              tables == null ? void 0 : tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: t.id, children: t.name }, t.id))
+            ]
+          }
+        )
+      ] }),
+      config.targetTableId && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium mb-1", children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05E1\u05D9\u05E0\u05D5\u05DF 1:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "select",
+              {
+                className: selectClass,
+                value: config.targetFilterField1Id || "",
+                onChange: (e) => onChange(__spreadProps(__spreadValues({}, config), { targetFilterField1Id: e.target.value })),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: "-- \u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4 --" }),
+                  optionsFor(targetTextColumns, "targetFilterField1Id").map((f) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: f.id, children: f.name }, f.id))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium mb-1", children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05E1\u05D9\u05E0\u05D5\u05DF 2:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "select",
+              {
+                className: selectClass,
+                value: config.targetFilterField2Id || "",
+                onChange: (e) => onChange(__spreadProps(__spreadValues({}, config), { targetFilterField2Id: e.target.value })),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: "-- \u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4 --" }),
+                  optionsFor(targetTextColumns, "targetFilterField2Id").map((f) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: f.id, children: f.name }, f.id))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium mb-1", children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D1\u05D7\u05D9\u05E8\u05EA \u05D4\u05E8\u05E9\u05D5\u05DE\u05D4:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "select",
+              {
+                className: selectClass,
+                value: config.targetSelectorFieldId || "",
+                onChange: (e) => onChange(__spreadProps(__spreadValues({}, config), { targetSelectorFieldId: e.target.value })),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: "-- \u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4 --" }),
+                  optionsFor(targetTextColumns, "targetSelectorFieldId").map((f) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: f.id, children: f.name }, f.id))
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium mb-1", children: "\u05E2\u05DE\u05D5\u05D3\u05D4 \u05D1\u05D8\u05D1\u05DC\u05EA \u05D4\u05D9\u05E2\u05D3 \u05D0\u05DC\u05D9\u05D4 \u05D9\u05D9\u05DB\u05E0\u05E1 \u05D4\u05DE\u05D9\u05D3\u05E2 \u05DE\u05D4\u05DE\u05E7\u05D5\u05E8:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "select",
+            {
+              className: selectClass,
+              value: config.targetAssignmentFieldId || "",
+              onChange: (e) => onChange(__spreadProps(__spreadValues({}, config), { targetAssignmentFieldId: e.target.value })),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", disabled: true, children: "-- \u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D9\u05E2\u05D3 --" }),
+                optionsFor(targetColumns, "targetAssignmentFieldId").map((f) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: f.id, children: f.name }, f.id))
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PlacementStatusEditor, { config, onChange })
+  ] });
+};
+
+// src/components/PlacementBlock/PlacementBlock.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+import_ag_grid_community.ModuleRegistry.registerModules([import_ag_grid_community.AllCommunityModule]);
+var FETCH_LIMIT = 1e3;
+function normalizeRows(records) {
+  return (records || []).filter(Boolean).map((r) => {
+    var _c, _d, _e;
+    const data = r.data && typeof r.data === "object" ? r.data : r.values && typeof r.values === "object" ? r.values : ((_a) => {
+      var _b = _a, { id, _id, recordId } = _b, rest = __objRest(_b, ["id", "_id", "recordId"]);
+      return rest;
+    })(r);
+    return { id: String((_e = (_d = (_c = r.id) != null ? _c : r._id) != null ? _d : r.recordId) != null ? _e : ""), data };
+  }).filter((r) => r.id);
+}
+function unpackTableResponse(res) {
+  var _a, _b, _c, _d, _e, _f;
+  const rawRecords = Array.isArray(res) ? res : Array.isArray(res == null ? void 0 : res.records) ? res.records : Array.isArray(res == null ? void 0 : res.data) ? res.data : Array.isArray((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.records) ? res.data.records : Array.isArray((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.data) ? res.data.data : [];
+  const columns = ((_c = res == null ? void 0 : res.schema) == null ? void 0 : _c.columns) || ((_e = (_d = res == null ? void 0 : res.data) == null ? void 0 : _d.schema) == null ? void 0 : _e.columns) || [];
+  const opts = (res == null ? void 0 : res.relationOptions) || ((_f = res == null ? void 0 : res.data) == null ? void 0 : _f.relationOptions) || {};
+  return {
+    rows: enrichRowsWithRelations(normalizeRows(rawRecords), columns, opts),
+    columns,
+    relationOptions: opts
+  };
+}
+function cellText(value) {
+  var _a, _b, _c, _d;
+  if (value === null || value === void 0) return "";
+  if (Array.isArray(value)) return value.map(cellText).join(", ");
+  if (typeof value === "object") return String((_d = (_c = (_b = (_a = value.title) != null ? _a : value.label) != null ? _b : value.name) != null ? _c : value.id) != null ? _d : "[\u05D0\u05D5\u05D1\u05D9\u05D9\u05E7\u05D8]");
+  return String(value);
+}
+var ColorDotRenderer = (props) => {
+  const item = props.data;
+  if (!item) return null;
+  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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => props.onCycle(item.id),
+      title: status.label,
+      "aria-label": status.label,
+      className: "w-5 h-5 rounded-full border shadow-sm transition-transform hover:scale-110 cursor-pointer",
+      style: { backgroundColor: status.hex, borderColor: "rgba(0,0,0,0.15)" }
+    }
+  ) });
+};
+var CheckCellRenderer = (props) => {
+  if (!props.data) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "input",
+    {
+      type: "checkbox",
+      className: "w-4 h-4 cursor-pointer accent-blue-600",
+      checked: !!props.data.__checked,
+      onChange: () => props.onToggle(props.data.id),
+      "aria-label": "\u05D1\u05D7\u05D9\u05E8\u05EA \u05DE\u05D5\u05E2\u05DE\u05D3"
+    }
+  ) });
+};
+var CheckHeader = (props) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center justify-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  "input",
+  {
+    type: "checkbox",
+    className: "w-4 h-4 cursor-pointer accent-blue-600",
+    ref: (el) => {
+      if (el) el.indeterminate = props.someChecked && !props.allChecked;
+    },
+    checked: props.allChecked,
+    onChange: props.onToggleAll,
+    "aria-label": "\u05D1\u05D7\u05D9\u05E8\u05EA \u05DB\u05DC \u05D4\u05DE\u05D5\u05E2\u05DE\u05D3\u05D9\u05DD"
+  }
+) });
+var PlacementBlock = (props) => {
+  var _a, _b;
+  const { executeAction, fetchSourceData, fetchTargetData, updateAssignment, className = "" } = props;
+  const config = (0, import_react17.useMemo)(() => {
+    var _a2, _b2, _c;
+    const raw = (_a2 = props.config) != null ? _a2 : props.settings;
+    if (!raw) return void 0;
+    return ((_b2 = raw.config) == null ? void 0 : _b2.sourceTableId) || ((_c = raw.config) == null ? void 0 : _c.targetTableId) ? raw.config : raw;
+  }, [props.config, props.settings]);
+  const statuses = (0, import_react17.useMemo)(
+    () => {
+      var _a2;
+      return ((_a2 = config == null ? void 0 : config.statusColors) == null ? void 0 : _a2.length) ? config.statusColors : DEFAULT_PLACEMENT_STATUS_COLORS;
+    },
+    [config == null ? void 0 : config.statusColors]
+  );
+  const defaultStatusId = (0, import_react17.useMemo)(
+    () => resolveDefaultStatusId(statuses, config == null ? void 0 : config.defaultReturnStatusId),
+    [statuses, config == null ? void 0 : config.defaultReturnStatusId]
+  );
+  const sourceTableId = config == null ? void 0 : config.sourceTableId;
+  const targetTableId = config == null ? void 0 : config.targetTableId;
+  const displayField = (config == null ? void 0 : config.sourceDisplayFieldId) || "name";
+  const assignmentField = config == null ? void 0 : config.targetAssignmentFieldId;
+  const executeActionRef = (0, import_react17.useRef)(executeAction);
+  executeActionRef.current = executeAction;
+  const legacyRef = (0, import_react17.useRef)({ fetchSourceData, fetchTargetData, updateAssignment });
+  legacyRef.current = { fetchSourceData, fetchTargetData, updateAssignment };
+  const [sourceRows, setSourceRows] = (0, import_react17.useState)([]);
+  const [sourceColumns, setSourceColumns] = (0, import_react17.useState)([]);
+  const [targetRows, setTargetRows] = (0, import_react17.useState)([]);
+  const [targetColumns, setTargetColumns] = (0, import_react17.useState)([]);
+  const [targetRelOptions, setTargetRelOptions] = (0, import_react17.useState)({});
+  const [selectedTargetId, setSelectedTargetId] = (0, import_react17.useState)("");
+  const [candidateIds, setCandidateIds] = (0, import_react17.useState)([]);
+  const [checkedIds, setCheckedIds] = (0, import_react17.useState)([]);
+  const [isSaving, setIsSaving] = (0, import_react17.useState)(false);
+  const [sourceSearch, setSourceSearch] = (0, import_react17.useState)("");
+  const [candidateSearch, setCandidateSearch] = (0, import_react17.useState)("");
+  const [statusMap, setStatusMap] = (0, import_react17.useState)({});
+  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
+  const [loadError, setLoadError] = (0, import_react17.useState)(null);
+  const [saveError, setSaveError] = (0, import_react17.useState)(null);
+  const [targetFilters, setTargetFilters] = (0, import_react17.useState)({});
+  const loadTable = (0, import_react17.useCallback)(async (tableId, kind) => {
+    const exec = executeActionRef.current;
+    if (exec) {
+      const res = await exec("FETCH_TABLE_DATA", { tableId, tableMetaId: tableId, limit: FETCH_LIMIT, skip: 0 });
+      return unpackTableResponse(res);
+    }
+    const legacy = kind === "source" ? legacyRef.current.fetchSourceData : legacyRef.current.fetchTargetData;
+    if (legacy) {
+      const raw = await legacy(tableId);
+      return { rows: normalizeRows(raw), columns: [], relationOptions: {} };
+    }
+    throw new Error("executeAction \u05DC\u05D0 \u05D4\u05D5\u05E2\u05D1\u05E8 \u05DC\u05E8\u05DB\u05D9\u05D1 \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5");
+  }, []);
+  (0, import_react17.useEffect)(() => {
+    if (!sourceTableId || !targetTableId) return;
+    let cancelled = false;
+    (async () => {
+      setIsLoading(true);
+      setLoadError(null);
+      try {
+        const [src, tgt] = await Promise.all([
+          loadTable(sourceTableId, "source"),
+          loadTable(targetTableId, "target")
+        ]);
+        if (cancelled) return;
+        setSourceRows(src.rows);
+        setSourceColumns(src.columns);
+        setTargetRows(tgt.rows);
+        setTargetColumns(tgt.columns);
+        setTargetRelOptions(tgt.relationOptions || {});
+      } catch (err) {
+        if (!cancelled) setLoadError((err == null ? void 0 : err.message) || "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05D8\u05E2\u05D9\u05E0\u05EA \u05D4\u05E0\u05EA\u05D5\u05E0\u05D9\u05DD");
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [sourceTableId, targetTableId, loadTable]);
+  const displayValue = (0, import_react17.useCallback)((col, val) => {
+    var _a2, _b2, _c, _d, _e;
+    let text = cellText(val);
+    if (text && /^[a-fA-F0-9]{24}$/.test(text)) {
+      let opts = targetRelOptions[col == null ? void 0 : col.name] || targetRelOptions[col == null ? void 0 : col.id] || [];
+      if (opts.length === 0 && ((_a2 = col == null ? void 0 : col.name) == null ? void 0 : _a2.includes(RELATION_SEP))) {
+        const baseName = col.name.split(RELATION_SEP)[0];
+        opts = targetRelOptions[baseName] || [];
+      }
+      if (opts.length === 0) {
+        opts = Object.values(targetRelOptions).flat();
+      }
+      if (opts.length === 0) {
+        opts = [...targetRows.map((r) => r.data), ...sourceRows.map((r) => r.data)];
+      }
+      const found = opts.find((o) => String(o.id) === text || String(o._id) === text || String(o.value) === text);
+      if (found) return cellText((_e = (_d = (_c = (_b2 = found.label) != null ? _b2 : found.title) != null ? _c : found.name) != null ? _d : found.value) != null ? _e : found);
+    }
+    return text;
+  }, [targetRelOptions, targetRows, sourceRows]);
+  const filterColumns = (0, import_react17.useMemo)(() => {
+    const definedFilters = (config == null ? void 0 : config.filterFields) || [];
+    const legacyFilters = [config == null ? void 0 : config.targetFilterField1Id, config == null ? void 0 : config.targetFilterField2Id].filter(Boolean);
+    const fieldsToUse = definedFilters.length > 0 ? definedFilters : legacyFilters;
+    if (fieldsToUse.length > 0) {
+      const seen = /* @__PURE__ */ new Set();
+      const resolved = [];
+      fieldsToUse.forEach((idOrName) => {
+        let col = targetColumns.find((c) => c.id === idOrName || c.name === idOrName);
+        if (!col) {
+          const { relationColumn } = parseColumnRef(idOrName);
+          if (relationColumn) col = targetColumns.find((c) => {
+            var _a2;
+            return c.name === relationColumn && ((_a2 = c.type) == null ? void 0 : _a2.toUpperCase()) === "RELATION";
+          });
+        }
+        const final = col || { name: idOrName, label: columnRefLabel(idOrName) };
+        if (seen.has(final.name)) return;
+        seen.add(final.name);
+        resolved.push(final);
+      });
+      return resolved;
+    }
+    return targetColumns.filter((c) => isUserColumn(c) && c.name !== assignmentField && !["id", "_id", "id_", "statusId"].includes(c.name)).slice(0, 3);
+  }, [targetColumns, assignmentField, config]);
+  const rawSelectorField = (config == null ? void 0 : config.targetSelectorFieldId) || (config == null ? void 0 : config.targetDisplayFieldId) || ((_a = filterColumns[0]) == null ? void 0 : _a.name) || "";
+  const selectorField = (0, import_react17.useMemo)(() => {
+    const { relationColumn } = parseColumnRef(rawSelectorField);
+    if (relationColumn && !targetColumns.some((c) => c.name === rawSelectorField) && targetColumns.some((c) => {
+      var _a2;
+      return c.name === relationColumn && ((_a2 = c.type) == null ? void 0 : _a2.toUpperCase()) === "RELATION";
+    })) {
+      return relationColumn;
+    }
+    return rawSelectorField;
+  }, [rawSelectorField, targetColumns]);
+  const filteredTargetRows = (0, import_react17.useMemo)(() => {
+    return targetRows.filter((r) => {
+      return filterColumns.every((col) => {
+        const filterVal = targetFilters[col.name];
+        if (!filterVal) return true;
+        return displayValue(col, readColumnValue(r.data, col.name)) === filterVal;
+      });
+    });
+  }, [targetRows, targetFilters, filterColumns, displayValue]);
+  (0, import_react17.useEffect)(() => {
+    if (filteredTargetRows.length > 0) {
+      if (!selectedTargetId || !filteredTargetRows.some((r) => r.id === selectedTargetId)) {
+        setSelectedTargetId(filteredTargetRows[0].id);
+      }
+    } else {
+      setSelectedTargetId("");
+    }
+  }, [filteredTargetRows, selectedTargetId]);
+  const assignmentColumn = (0, import_react17.useMemo)(() => targetColumns.find((c) => c.name === assignmentField), [targetColumns, assignmentField]);
+  const isRelationField = ((_b = assignmentColumn == null ? void 0 : assignmentColumn.type) == null ? void 0 : _b.toUpperCase()) === "RELATION";
+  const assignmentLabel = (assignmentColumn == null ? void 0 : assignmentColumn.label) || (assignmentColumn == null ? void 0 : assignmentColumn.name) || assignmentField || "";
+  const nameOf = (0, import_react17.useCallback)((row) => cellText(readColumnValue(row.data, displayField)) || "\u05DC\u05DC\u05D0 \u05E9\u05DD", [displayField]);
+  const assignedIds = (0, import_react17.useMemo)(() => {
+    var _a2;
+    const target = targetRows.find((r) => r.id === selectedTargetId);
+    if (!target || !assignmentField) return [];
+    const raw = (_a2 = target.data) == null ? void 0 : _a2[assignmentField];
+    if (raw === null || raw === void 0 || raw === "") return [];
+    const values = Array.isArray(raw) ? raw : typeof raw === "string" && !isRelationField ? raw.split(",").map((s) => s.trim()).filter(Boolean) : [raw];
+    const ids = values.map((v) => {
+      var _a3, _b2, _c;
+      if (isRelationField || typeof v === "object" && v !== null) return String((_b2 = (_a3 = v == null ? void 0 : v.id) != null ? _a3 : v == null ? void 0 : v._id) != null ? _b2 : v);
+      return (_c = sourceRows.find((s) => nameOf(s) === String(v))) == null ? void 0 : _c.id;
+    }).filter((id) => !!id && sourceRows.some((s) => s.id === id));
+    return Array.from(new Set(ids));
+  }, [selectedTargetId, targetRows, sourceRows, assignmentField, isRelationField, nameOf]);
+  const assignedIdsRef = (0, import_react17.useRef)(assignedIds);
+  assignedIdsRef.current = assignedIds;
+  (0, import_react17.useEffect)(() => {
+    setCandidateIds(assignedIdsRef.current);
+    setCheckedIds(assignedIdsRef.current);
+  }, [selectedTargetId, sourceRows]);
+  const toGridRow = (0, import_react17.useCallback)((r, checked = false) => __spreadProps(__spreadValues({}, r.data), { id: r.id, __label: nameOf(r), __checked: checked, statusId: statusMap[r.id] || defaultStatusId }), [nameOf, statusMap, defaultStatusId]);
+  const candidateGridData = (0, import_react17.useMemo)(() => {
+    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 = (0, import_react17.useMemo)(() => {
+    const set = new Set(candidateIds);
+    return sourceRows.filter((r) => !set.has(r.id)).map((r) => toGridRow(r));
+  }, [candidateIds, sourceRows, toGridRow]);
+  const persistAssignment = (0, import_react17.useCallback)(async (nextIds) => {
+    const exec = executeActionRef.current;
+    if (exec && targetTableId && assignmentField && selectedTargetId) {
+      const value = isRelationField ? nextIds : nextIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r).map(nameOf).join(", ");
+      await exec("UPDATE_RECORD", { tableId: targetTableId, tableMetaId: targetTableId, modifications: { [selectedTargetId]: { [assignmentField]: value } } });
+      setTargetRows((prev) => prev.map((r) => r.id === selectedTargetId ? __spreadProps(__spreadValues({}, r), { data: __spreadProps(__spreadValues({}, r.data), { [assignmentField]: value }) }) : r));
+      return;
+    }
+    if (legacyRef.current.updateAssignment) {
+      for (const id of nextIds.filter((i) => !assignedIds.includes(i))) await legacyRef.current.updateAssignment(selectedTargetId, id);
+    }
+  }, [targetTableId, assignmentField, selectedTargetId, isRelationField, sourceRows, nameOf, assignedIds]);
+  const moveToCandidates = (0, import_react17.useCallback)((id) => {
+    setCandidateIds((prev) => prev.includes(id) ? prev : [...prev, id]);
+  }, []);
+  const moveToSource = (0, import_react17.useCallback)((id) => {
+    setCandidateIds((prev) => prev.filter((x) => x !== id));
+    setCheckedIds((prev) => prev.filter((x) => x !== id));
+    setStatusMap((prev) => __spreadProps(__spreadValues({}, prev), { [id]: defaultStatusId }));
+  }, [defaultStatusId]);
+  const moveToCandidatesRef = (0, import_react17.useRef)(moveToCandidates);
+  moveToCandidatesRef.current = moveToCandidates;
+  const moveToSourceRef = (0, import_react17.useRef)(moveToSource);
+  moveToSourceRef.current = moveToSource;
+  const toggleChecked = (0, import_react17.useCallback)((id) => {
+    setCheckedIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
+  }, []);
+  const allChecked = candidateIds.length > 0 && candidateIds.every((id) => checkedIds.includes(id));
+  const someChecked = candidateIds.some((id) => checkedIds.includes(id));
+  const toggleAll = (0, import_react17.useCallback)(() => {
+    setCheckedIds(allChecked ? [] : [...candidateIds]);
+  }, [allChecked, candidateIds]);
+  const returnAll = (0, import_react17.useCallback)(() => {
+    setCandidateIds([]);
+    setCheckedIds([]);
+  }, []);
+  const checkedCandidates = (0, import_react17.useMemo)(() => candidateIds.filter((id) => checkedIds.includes(id)), [candidateIds, checkedIds]);
+  const isDirty = checkedCandidates.length !== assignedIds.length || checkedCandidates.some((id) => !assignedIds.includes(id));
+  const submitAssignment = (0, import_react17.useCallback)(async () => {
+    if (!selectedTargetId) {
+      alert("\u05D0\u05E0\u05D0 \u05D1\u05D7\u05E8 \u05E7\u05D5\u05D3\u05DD \u05E8\u05E9\u05D5\u05DE\u05EA \u05D9\u05E2\u05D3 \u05DC\u05E4\u05E0\u05D9 \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5");
+      return;
+    }
+    setSaveError(null);
+    setIsSaving(true);
+    try {
+      await persistAssignment(checkedCandidates);
+    } catch (err) {
+      console.error("[PlacementBlock] save failed:", err);
+      setSaveError((err == null ? void 0 : err.message) || "\u05D4\u05E9\u05DE\u05D9\u05E8\u05D4 \u05E0\u05DB\u05E9\u05DC\u05D4");
+    } finally {
+      setIsSaving(false);
+    }
+  }, [selectedTargetId, persistAssignment, checkedCandidates]);
+  const cycleStatus = (0, import_react17.useCallback)((recordId) => {
+    setStatusMap((prev) => {
+      const current = prev[recordId] || defaultStatusId;
+      const idx = statuses.findIndex((c) => c.id === current);
+      return __spreadProps(__spreadValues({}, prev), { [recordId]: statuses[(idx + 1) % statuses.length].id });
+    });
+  }, [statuses, defaultStatusId]);
+  const cancelAssignment = (0, import_react17.useCallback)(async () => {
+    if (!selectedTargetId || assignedIds.length === 0) return;
+    if (!window.confirm(`\u05DC\u05D1\u05D8\u05DC \u05D0\u05EA \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5 \u05D5\u05DC\u05DE\u05D7\u05D5\u05E7 \u05D0\u05EA \u05D4\u05E0\u05EA\u05D5\u05DF \u05DE\u05E9\u05D3\u05D4 "${assignmentLabel}"?`)) return;
+    const removed = new Set(assignedIds);
+    setSaveError(null);
+    setIsSaving(true);
+    try {
+      await persistAssignment([]);
+      setCheckedIds((prev) => prev.filter((id) => !removed.has(id)));
+    } catch (err) {
+      console.error("[PlacementBlock] cancel failed:", err);
+      setSaveError((err == null ? void 0 : err.message) || "\u05D1\u05D9\u05D8\u05D5\u05DC \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5 \u05E0\u05DB\u05E9\u05DC");
+    } finally {
+      setIsSaving(false);
+    }
+  }, [selectedTargetId, assignedIds, assignmentLabel, persistAssignment]);
+  const makeColDefs = (0, import_react17.useCallback)((columns, fallbackName, withCheckbox = false) => {
+    const defs = [];
+    if (withCheckbox) {
+      defs.push({
+        colId: "select",
+        headerName: "",
+        width: 56,
+        pinned: "right",
+        suppressSizeToFit: true,
+        sortable: false,
+        filter: false,
+        suppressMovable: true,
+        cellRenderer: CheckCellRenderer,
+        cellRendererParams: { onToggle: toggleChecked },
+        headerComponent: CheckHeader,
+        headerComponentParams: { allChecked, someChecked, onToggleAll: toggleAll }
+      });
+    }
+    defs.push({ colId: "color", headerName: "\u05E1\u05D8\u05D8\u05D5\u05E1", width: 70, valueGetter: (p) => {
+      var _a2;
+      return (_a2 = p.data) == null ? void 0 : _a2.statusId;
+    }, cellRenderer: ColorDotRenderer, cellRendererParams: { onCycle: cycleStatus, statuses, defaultStatusId }, pinned: "right", suppressSizeToFit: true });
+    const userCols = (columns || []).filter((c) => isUserColumn(c) && !["id", "_id", "id_", "statusId"].includes(c.name));
+    if (userCols.length > 0) {
+      const displayIsRelated = displayField.includes(RELATION_SEP);
+      const ordered = [...userCols.filter((c) => c.name === displayField), ...userCols.filter((c) => c.name !== displayField)];
+      if (displayIsRelated) defs.push({ colId: displayField, headerName: columnRefLabel(displayField), valueGetter: (p) => {
+        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 }));
+    } else {
+      defs.push({ field: "__label", headerName: fallbackName, rowDrag: true, flex: 1 });
+    }
+    return defs;
+  }, [cycleStatus, statuses, defaultStatusId, displayField, displayValue, toggleChecked, toggleAll, allChecked, someChecked]);
+  const sourceHeader = displayField === "name" ? "\u05E9\u05DD" : columnRefLabel(displayField);
+  const sourceColDefs = (0, import_react17.useMemo)(() => makeColDefs(sourceColumns, sourceHeader), [makeColDefs, sourceColumns, sourceHeader]);
+  const candidateColDefs = (0, import_react17.useMemo)(() => makeColDefs(sourceColumns, sourceHeader, true), [makeColDefs, sourceColumns, sourceHeader]);
+  const getRowId = (0, import_react17.useCallback)((p) => p.data.id, []);
+  const sourceContainerRef = (0, import_react17.useRef)(null);
+  const assignedContainerRef = (0, import_react17.useRef)(null);
+  const [sourceApi, setSourceApi] = (0, import_react17.useState)(null);
+  const [assignedApi, setAssignedApi] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
+    if (!sourceApi || !assignedApi) return;
+    const toAssigned = { getContainer: () => assignedContainerRef.current, onDragStop: (p) => {
+      var _a2, _b2;
+      if ((_b2 = (_a2 = p.node) == null ? void 0 : _a2.data) == null ? void 0 : _b2.id) moveToCandidatesRef.current(p.node.data.id);
+    } };
+    const toSource = { getContainer: () => sourceContainerRef.current, onDragStop: (p) => {
+      var _a2, _b2;
+      if ((_b2 = (_a2 = p.node) == null ? void 0 : _a2.data) == null ? void 0 : _b2.id) moveToSourceRef.current(p.node.data.id);
+    } };
+    sourceApi.addRowDropZone(toAssigned);
+    assignedApi.addRowDropZone(toSource);
+    return () => {
+      try {
+        sourceApi.removeRowDropZone(toAssigned);
+      } catch (e) {
+      }
+      try {
+        assignedApi.removeRowDropZone(toSource);
+      } catch (e) {
+      }
+    };
+  }, [sourceApi, assignedApi]);
+  const selectorLabel = (0, import_react17.useMemo)(() => {
+    const col = targetColumns.find((c) => c.name === selectorField || c.id === selectorField);
+    return (col == null ? void 0 : col.label) || columnRefLabel(selectorField) || "\u05D1\u05D7\u05D9\u05E8\u05EA \u05E8\u05E9\u05D5\u05DE\u05D4 \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5";
+  }, [targetColumns, selectorField]);
+  const assignedText = (0, import_react17.useMemo)(
+    () => assignedIds.map((id) => sourceRows.find((r) => r.id === id)).filter((r) => !!r).map(nameOf).join(", "),
+    [assignedIds, sourceRows, nameOf]
+  );
+  const activeTarget = targetRows.find((r) => r.id === selectedTargetId);
+  const targetLabel = (0, import_react17.useCallback)((r) => {
+    const col = targetColumns.find((c) => c.name === selectorField || c.id === selectorField);
+    return displayValue(col || { name: selectorField }, readColumnValue(r.data, selectorField)) || "\u05DC\u05DC\u05D0 \u05E9\u05DD";
+  }, [selectorField, targetColumns, displayValue]);
+  const previewColumns = (0, import_react17.useMemo)(() => targetColumns.filter((c) => isUserColumn(c) && c.name !== assignmentField && !["id", "_id", "id_", "statusId"].includes(c.name)), [targetColumns, assignmentField]);
+  if (!config || !sourceTableId || !targetTableId) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "p-4 text-xs text-slate-500 border border-dashed border-slate-300 rounded-xl", dir: "rtl", children: "\u05E8\u05DB\u05D9\u05D1 \u05D4\u05E9\u05D9\u05D1\u05D5\u05E5 \u05DC\u05D0 \u05D4\u05D5\u05D2\u05D3\u05E8 (\u05D7\u05E1\u05E8\u05D5\u05EA \u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8 / \u05D8\u05D1\u05DC\u05EA \u05D9\u05E2\u05D3)." });
+  }
+  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__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "p-3 text-xs rounded-lg bg-rose-50 border border-rose-200 text-rose-700", children: loadError || saveError }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col lg:flex-row gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u{1F4CC}" }),
+          " \u05E4\u05E8\u05D8\u05D9 \u05D4\u05D9\u05E2\u05D3 \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5"
+        ] }),
+        activeTarget ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-2 text-xs text-slate-700 overflow-y-auto pr-1 max-h-32", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "font-bold text-slate-900 text-sm mb-1", children: targetLabel(activeTarget) }),
+          previewColumns.map((col) => ({ col, text: displayValue(col, readColumnValue(activeTarget.data, col.name)) })).filter(({ col, text }) => {
+            var _a2;
+            return text && (col.type === "RELATION" || typeof ((_a2 = activeTarget.data) == null ? void 0 : _a2[col.name]) !== "object");
+          }).map(({ col, text }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-2 items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "font-semibold shrink-0", children: [
+              col.label || col.name,
+              ":"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "break-words line-clamp-2", children: text })
+          ] }, col.name)),
+          assignmentField && assignedText && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex gap-2 items-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "font-semibold shrink-0", children: [
+              assignmentLabel,
+              ":"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "break-words line-clamp-2", title: assignedText, children: assignedText })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mt-3 pt-3 border-t border-teal-200/60 text-teal-800 font-bold", children: [
+            "\u05DE\u05E9\u05D5\u05D1\u05E6\u05D9\u05DD \u05DB\u05E8\u05D2\u05E2: ",
+            assignedIds.length
+          ] })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("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) => {
+              return previousColumns.every((prevCol) => {
+                const filterVal = targetFilters[prevCol.name];
+                if (!filterVal) return true;
+                return displayValue(prevCol, readColumnValue(r.data, prevCol.name)) === filterVal;
+              });
+            });
+            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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 basis-0 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { className: labelClass, children: col.label || columnRefLabel(col.name) }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                "select",
+                {
+                  className: selectClass,
+                  value: targetFilters[col.name] || "",
+                  onChange: (e) => {
+                    const val = e.target.value;
+                    setTargetFilters((prev) => {
+                      const newFilters = __spreadProps(__spreadValues({}, prev), { [col.name]: val });
+                      filterColumns.slice(index + 1).forEach((subCol) => {
+                        newFilters[subCol.name] = "";
+                      });
+                      return newFilters;
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: "", children: "\u05D4\u05DB\u05DC" }),
+                    uniqueValues.map((v) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: v, children: v }, v))
+                  ]
+                }
+              )
+            ] }, col.name);
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 basis-0 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("label", { className: labelClass, children: selectorLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("select", { className: selectClass, value: selectedTargetId, onChange: (e) => setSelectedTargetId(e.target.value), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("option", { value: "", children: [
+                "-- \u05D1\u05D7\u05E8 \u05DE\u05EA\u05D5\u05DA ",
+                filteredTargetRows.length,
+                " \u05EA\u05D5\u05E6\u05D0\u05D5\u05EA --"
+              ] }),
+              filteredTargetRows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: r.id, children: targetLabel(r) }, r.id))
+            ] })
+          ] })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col lg:flex-row w-full gap-4 h-[550px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "bg-slate-100 p-3 border-b border-slate-200 flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex justify-between items-center font-bold text-slate-800 text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+              "\u05E8\u05E9\u05D9\u05DE\u05EA \u05DE\u05E7\u05D5\u05E8 (",
+              availableGridData.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("div", { ref: sourceContainerRef, className: "ag-theme-quartz flex-1 w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_ag_grid_react.AgGridReact, { rowData: availableGridData, columnDefs: sourceColDefs, getRowId, enableRtl: true, rowDragManaged: false, quickFilterText: sourceSearch, onGridReady: (e) => setSourceApi(e.api), loading: isLoading }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "bg-blue-50/80 p-3 border-b border-blue-100 flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-wrap justify-between items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 font-bold text-blue-900 text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
+                "\u05DE\u05D5\u05E2\u05DE\u05D3\u05D9\u05DD \u05DC\u05E9\u05D9\u05D1\u05D5\u05E5 (",
+                candidateGridData.length,
+                ")"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("div", { ref: assignedContainerRef, className: "ag-theme-quartz flex-1 w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_ag_grid_react.AgGridReact, { rowData: candidateGridData, columnDefs: candidateColDefs, getRowId, enableRtl: true, rowDragManaged: false, quickFilterText: candidateSearch, onGridReady: (e) => setAssignedApi(e.api), loading: isLoading }) })
+      ] })
+    ] })
+  ] });
+};
+
 // src/components/WhatsAppComponent/WhatsAppComponent.tsx
 var import_lucide_react14 = require("lucide-react");
 
 // src/components/WhatsAppComponent/CreateTemplateModal.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 var import_lucide_react10 = require("lucide-react");
 var import_emoji_picker_react = __toESM(require("emoji-picker-react"));
 
@@ -7947,7 +8918,7 @@ function readFileAsBase64(file) {
 }
 
 // src/components/WhatsAppComponent/CreateTemplateModal.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function CreateTemplateModal({
   isOpen,
   onClose,
@@ -7957,26 +8928,26 @@ function CreateTemplateModal({
   executeAction,
   orgId
 }) {
-  const [templateName, setTemplateName] = (0, import_react16.useState)("");
-  const [language, setLanguage] = (0, import_react16.useState)("he");
-  const [category, setCategory] = (0, import_react16.useState)("MARKETING");
-  const [bodyText, setBodyText] = (0, import_react16.useState)("");
-  const [variableSamples, setVariableSamples] = (0, import_react16.useState)({});
-  const [hasFileHeader, setHasFileHeader] = (0, import_react16.useState)(false);
-  const [selectedFile, setSelectedFile] = (0, import_react16.useState)(null);
-  const [fileBase64, setFileBase64] = (0, import_react16.useState)("");
-  const [buttons, setButtons] = (0, import_react16.useState)([]);
-  const [isAddButtonOpen, setIsAddButtonOpen] = (0, import_react16.useState)(false);
-  const addButtonDropdownRef = (0, import_react16.useRef)(null);
-  const [isSubmitting, setIsSubmitting] = (0, import_react16.useState)(false);
-  const [submittingStep, setSubmittingStep] = (0, import_react16.useState)("");
-  const [submitError, setSubmitError] = (0, import_react16.useState)(null);
-  const [fileError, setFileError] = (0, import_react16.useState)(null);
-  const textareaRef = (0, import_react16.useRef)(null);
-  const fileInputRef = (0, import_react16.useRef)(null);
-  const emojiPickerRef = (0, import_react16.useRef)(null);
-  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = (0, import_react16.useState)(false);
-  (0, import_react16.useEffect)(() => {
+  const [templateName, setTemplateName] = (0, import_react18.useState)("");
+  const [language, setLanguage] = (0, import_react18.useState)("he");
+  const [category, setCategory] = (0, import_react18.useState)("MARKETING");
+  const [bodyText, setBodyText] = (0, import_react18.useState)("");
+  const [variableSamples, setVariableSamples] = (0, import_react18.useState)({});
+  const [hasFileHeader, setHasFileHeader] = (0, import_react18.useState)(false);
+  const [selectedFile, setSelectedFile] = (0, import_react18.useState)(null);
+  const [fileBase64, setFileBase64] = (0, import_react18.useState)("");
+  const [buttons, setButtons] = (0, import_react18.useState)([]);
+  const [isAddButtonOpen, setIsAddButtonOpen] = (0, import_react18.useState)(false);
+  const addButtonDropdownRef = (0, import_react18.useRef)(null);
+  const [isSubmitting, setIsSubmitting] = (0, import_react18.useState)(false);
+  const [submittingStep, setSubmittingStep] = (0, import_react18.useState)("");
+  const [submitError, setSubmitError] = (0, import_react18.useState)(null);
+  const [fileError, setFileError] = (0, import_react18.useState)(null);
+  const textareaRef = (0, import_react18.useRef)(null);
+  const fileInputRef = (0, import_react18.useRef)(null);
+  const emojiPickerRef = (0, import_react18.useRef)(null);
+  const [isEmojiPickerOpen, setIsEmojiPickerOpen] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     function handleClickOutside(event) {
       if (emojiPickerRef.current && !emojiPickerRef.current.contains(event.target)) {
         setIsEmojiPickerOpen(false);
@@ -8000,7 +8971,7 @@ function CreateTemplateModal({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [isEmojiPickerOpen, isAddButtonOpen]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (isOpen) {
       setTemplateName("");
       setLanguage("he");
@@ -8019,10 +8990,10 @@ function CreateTemplateModal({
       setIsEmojiPickerOpen(false);
     }
   }, [isOpen]);
-  const uniqueVariables = (0, import_react16.useMemo)(() => {
+  const uniqueVariables = (0, import_react18.useMemo)(() => {
     return extractUniqueVariableIndices(bodyText);
   }, [bodyText]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setVariableSamples((prev) => {
       const next = {};
       uniqueVariables.forEach((idx) => {
@@ -8033,7 +9004,7 @@ function CreateTemplateModal({
   }, [uniqueVariables]);
   const isNameEmpty = templateName.trim().length === 0;
   const isNamePatternValid = isValidTemplateName(templateName);
-  const isNameDuplicate = (0, import_react16.useMemo)(() => {
+  const isNameDuplicate = (0, import_react18.useMemo)(() => {
     const trimmedName = templateName.trim().toLowerCase();
     if (!trimmedName) return false;
     if (existingTemplates && existingTemplates.length > 0) {
@@ -8043,9 +9014,9 @@ function CreateTemplateModal({
     }
     return isDuplicateTemplateName(trimmedName, existingTemplateNames, language);
   }, [templateName, language, existingTemplates, existingTemplateNames]);
-  const ratioInfo = (0, import_react16.useMemo)(() => validateWordToVariableRatio(bodyText), [bodyText]);
-  const seqInfo = (0, import_react16.useMemo)(() => validateSequentialVariables(bodyText), [bodyText]);
-  const validationResult = (0, import_react16.useMemo)(() => {
+  const ratioInfo = (0, import_react18.useMemo)(() => validateWordToVariableRatio(bodyText), [bodyText]);
+  const seqInfo = (0, import_react18.useMemo)(() => validateSequentialVariables(bodyText), [bodyText]);
+  const validationResult = (0, import_react18.useMemo)(() => {
     return validateWhatsAppTemplate({
       name: templateName,
       language,
@@ -8299,12 +9270,12 @@ function CreateTemplateModal({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "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__ */ (0, import_jsx_runtime14.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "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",
@@ -8312,43 +9283,43 @@ function CreateTemplateModal({
           "aria-modal": "true",
           "aria-labelledby": "modal-title",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "px-6 py-4 border-b border-slate-100 flex items-center justify-between bg-slate-50/70", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-8 h-8 rounded-lg bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Plus, { className: "w-4 h-4" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "px-6 py-4 border-b border-slate-100 flex items-center justify-between bg-slate-50/70", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-8 h-8 rounded-lg bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Plus, { className: "w-4 h-4" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.X, { className: "w-5 h-5" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.X, { className: "w-5 h-5" })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { onSubmit: handleSubmit, className: "flex flex-col overflow-hidden flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-6 overflow-y-auto space-y-5 flex-1", children: [
-                submitError && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.AlertCircle, { className: "w-4 h-4 text-rose-600 shrink-0" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: submitError })
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("form", { onSubmit: handleSubmit, className: "flex flex-col overflow-hidden flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-6 overflow-y-auto space-y-5 flex-1", children: [
+                submitError && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.AlertCircle, { className: "w-4 h-4 text-rose-600 shrink-0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: submitError })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block text-xs font-bold text-slate-800", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block text-xs font-bold text-slate-800", children: [
                       "\u05E9\u05DD \u05EA\u05D1\u05E0\u05D9\u05EA \u05D7\u05D3\u05E9\u05D4 ",
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                     ] }),
-                    templateName && isNamePatternValid && !isNameDuplicate && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-[11px] text-emerald-600 font-semibold flex items-center gap-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.CheckCircle2, { className: "w-3.5 h-3.5" }),
+                    templateName && isNamePatternValid && !isNameDuplicate && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-[11px] text-emerald-600 font-semibold flex items-center gap-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.CheckCircle2, { className: "w-3.5 h-3.5" }),
                       " \u05E9\u05DD \u05EA\u05E7\u05D9\u05DF"
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     "input",
                     {
                       type: "text",
@@ -8360,47 +9331,47 @@ function CreateTemplateModal({
                       required: true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "text-[11px] text-rose-600 font-semibold flex items-center gap-1 mt-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.AlertCircle, { className: "w-3.5 h-3.5 shrink-0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-[11px] text-rose-600 font-semibold flex items-center gap-1 mt-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.AlertCircle, { 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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E9\u05E4\u05D4" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E9\u05E4\u05D4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "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__ */ (0, import_jsx_runtime14.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+                        children: LANGUAGE_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E7\u05D8\u05D2\u05D5\u05E8\u05D9\u05D4" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { className: "block text-xs font-semibold text-slate-700", children: "\u05E7\u05D8\u05D2\u05D5\u05E8\u05D9\u05D4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "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__ */ (0, import_jsx_runtime14.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+                        children: CATEGORY_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block text-xs font-bold text-slate-800", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(
                       "textarea",
                       {
                         ref: textareaRef,
@@ -8415,14 +9386,14 @@ function CreateTemplateModal({
                         required: true
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       "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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -8430,10 +9401,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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Bold, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Bold, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -8441,10 +9412,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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Italic, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Italic, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -8452,12 +9423,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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Strikethrough, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Strikethrough, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative inline-block", ref: emojiPickerRef, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative inline-block", ref: emojiPickerRef, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -8465,16 +9436,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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Smile, { className: "w-4 h-4" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Smile, { className: "w-4 h-4" })
                                 }
                               ),
-                              isEmojiPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              isEmojiPickerOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "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__ */ (0, import_jsx_runtime14.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                     import_emoji_picker_react.default,
                                     {
                                       onEmojiClick: (emojiData) => {
@@ -8491,8 +9462,8 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-4 w-px bg-slate-200 mx-1" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                               "button",
                               {
                                 type: "button",
@@ -8502,28 +9473,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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Plus, { className: "w-3.5 h-3.5" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: language === "en_US" ? "Add variable" : "\u05DE\u05E9\u05EA\u05E0\u05D4" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Plus, { className: "w-3.5 h-3.5" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: language === "en_US" ? "Add variable" : "\u05DE\u05E9\u05EA\u05E0\u05D4" })
                                 ]
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                             "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__ */ (0, import_jsx_runtime14.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                   "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__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-slate-300", children: "/" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-slate-400", children: "1024" })
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-slate-300", children: "/" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-slate-400", children: "1024" })
                               ]
                             }
                           )
@@ -8531,30 +9502,30 @@ function CreateTemplateModal({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-wrap items-center justify-between text-[11px] text-slate-400 px-1 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-wrap items-center justify-between text-[11px] text-slate-400 px-1 gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
                       ratioInfo.staticWordsCount,
                       " \u05DE\u05D9\u05DC\u05D9\u05DD"
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
                       ratioInfo.variableCount,
                       " \u05DE\u05E9\u05EA\u05E0\u05D9\u05DD"
                     ] })
                   ] }) }),
-                  uniqueVariables.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1.5 text-xs font-bold text-slate-800", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Info, { className: "w-4 h-4 text-emerald-600" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1.5 text-xs font-bold text-slate-800", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Info, { className: "w-4 h-4 text-emerald-600" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 pt-1", children: uniqueVariables.map((idx) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block text-[11px] font-semibold text-slate-700 font-mono", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 pt-1", children: uniqueVariables.map((idx) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block text-[11px] font-semibold text-slate-700 font-mono", children: [
                         "\u05D3\u05D5\u05D2\u05DE\u05D4 \u05E2\u05D1\u05D5\u05E8 ",
                         `{{${idx}}}`,
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         "input",
                         {
                           type: "text",
@@ -8569,21 +9540,21 @@ function CreateTemplateModal({
                       )
                     ] }, idx)) })
                   ] }),
-                  bodyText.trim().length > 0 && validationResult.errors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1.5 font-bold", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.AlertCircle, { className: "w-4 h-4 text-amber-600 shrink-0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1.5 font-bold", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.AlertCircle, { className: "w-4 h-4 text-amber-600 shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "list-disc list-inside space-y-1 text-[11px] pr-2 leading-relaxed", children: validationResult.errors.map((err, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { children: err }, i)) })
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "list-disc list-inside space-y-1 text-[11px] pr-2 leading-relaxed", children: validationResult.errors.map((err, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: err }, i)) })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Paperclip, { className: "w-4 h-4 text-slate-600" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Paperclip, { className: "w-4 h-4 text-slate-600" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "input",
                       {
                         type: "checkbox",
@@ -8599,12 +9570,12 @@ function CreateTemplateModal({
                       }
                     )
                   ] }),
-                  hasFileHeader && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-3 pt-1", children: [
-                    fileError && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.AlertCircle, { className: "w-4 h-4 text-rose-600 shrink-0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: fileError })
+                  hasFileHeader && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-3 pt-1", children: [
+                    fileError && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.AlertCircle, { className: "w-4 h-4 text-rose-600 shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: fileError })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       "input",
                       {
                         ref: fileInputRef,
@@ -8614,7 +9585,7 @@ function CreateTemplateModal({
                         className: "hidden"
                       }
                     ),
-                    !selectedFile && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    !selectedFile && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -8624,49 +9595,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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 text-slate-500 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Upload, { className: "w-4 h-4" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[10px] text-slate-400", children: "PDF, JPG, PNG, MP4 \u05E2\u05D3 5MB" })
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 text-slate-500 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Upload, { className: "w-4 h-4" }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "text-center", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[10px] text-slate-400", children: "PDF, JPG, PNG, MP4 \u05E2\u05D3 5MB" })
                           ] })
                         ]
                       }
                     ),
-                    selectedFile && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-3 bg-white border border-emerald-200 rounded-xl flex items-center justify-between gap-3 shadow-2xs", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2.5 overflow-hidden", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.FileText, { className: "w-4 h-4" }) : selectedFile.type.includes("video") || selectedFile.name.toLowerCase().match(/\.(mp4|mov|avi|webm)$/) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Video, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Image, { className: "w-4 h-4" }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "overflow-hidden", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs font-bold text-slate-800 truncate", title: selectedFile.name, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { dir: "ltr", className: "inline-block truncate max-w-full", children: selectedFile.name }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[10px] text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { dir: "ltr", className: "inline-block", children: [
+                    selectedFile && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-3 bg-white border border-emerald-200 rounded-xl flex items-center justify-between gap-3 shadow-2xs", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2.5 overflow-hidden", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.FileText, { className: "w-4 h-4" }) : selectedFile.type.includes("video") || selectedFile.name.toLowerCase().match(/\.(mp4|mov|avi|webm)$/) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Video, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Image, { className: "w-4 h-4" }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "overflow-hidden", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-bold text-slate-800 truncate", title: selectedFile.name, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { dir: "ltr", className: "inline-block truncate max-w-full", children: selectedFile.name }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[10px] text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { dir: "ltr", className: "inline-block", children: [
                             formatFileSize(selectedFile.size),
                             selectedFile.type ? ` \u2022 ${selectedFile.type}` : ""
                           ] }) })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                         "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Trash2, { className: "w-4 h-4" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Trash2, { className: "w-4 h-4" })
                         }
                       )
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.MousePointerClick, { className: "w-4 h-4 text-slate-600" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "p-4 bg-slate-50 border border-slate-200 rounded-xl space-y-3.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.MousePointerClick, { className: "w-4 h-4 text-slate-600" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                         "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"}`,
@@ -8676,8 +9647,8 @@ function CreateTemplateModal({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", ref: addButtonDropdownRef, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", ref: addButtonDropdownRef, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                           "button",
                           {
                             type: "button",
@@ -8686,9 +9657,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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Plus, { className: "w-3.5 h-3.5" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u05D4\u05D5\u05E1\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Plus, { className: "w-3.5 h-3.5" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "\u05D4\u05D5\u05E1\u05E3 \u05DB\u05E4\u05EA\u05D5\u05E8" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 import_lucide_react10.ChevronDown,
                                 {
                                   className: `w-3.5 h-3.5 transition-transform ${isAddButtonOpen ? "rotate-180" : ""}`
@@ -8697,63 +9668,63 @@ function CreateTemplateModal({
                             ]
                           }
                         ),
-                        isAddButtonOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsxs)(
+                        isAddButtonOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsxs)(
                             "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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.MessageSquare, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.MessageSquare, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                             "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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.ExternalLink, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.ExternalLink, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                             "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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Phone, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Phone, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                             "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__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Copy, { className: "w-3.5 h-3.5" }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Copy, { className: "w-3.5 h-3.5" }) }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-semibold text-slate-800", children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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" })
                                 ] })
                               ]
                             }
@@ -8762,55 +9733,55 @@ function CreateTemplateModal({
                       ] })
                     ] })
                   ] }),
-                  buttons.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-2.5", children: buttons.map((btn, index) => {
+                  buttons.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("div", { className: "space-y-2.5", children: buttons.map((btn, index) => {
                     const btnNum = index + 1;
-                    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       "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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-[11px] font-bold text-slate-400 font-mono", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-[11px] font-bold text-slate-400 font-mono", children: [
                                 "#",
                                 btnNum
                               ] }),
-                              btn.type === "QUICK_REPLY" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.MessageSquare, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" })
+                              btn.type === "QUICK_REPLY" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.MessageSquare, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Custom (\u05EA\u05D2\u05D5\u05D1\u05D4 \u05DE\u05D4\u05D9\u05E8\u05D4)" })
                               ] }),
-                              btn.type === "URL" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.ExternalLink, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" })
+                              btn.type === "URL" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.ExternalLink, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Visit website (\u05E7\u05D9\u05E9\u05D5\u05E8 \u05DC\u05D0\u05EA\u05E8)" })
                               ] }),
-                              btn.type === "PHONE_NUMBER" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Phone, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" })
+                              btn.type === "PHONE_NUMBER" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Phone, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Call phone number (\u05D7\u05D9\u05D5\u05D2 \u05DC\u05DE\u05E1\u05E4\u05E8)" })
                               ] }),
-                              btn.type === "COPY_CODE" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Copy, { className: "w-3 h-3" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" })
+                              btn.type === "COPY_CODE" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Copy, { className: "w-3 h-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Copy offer code (\u05D4\u05E2\u05EA\u05E7\u05EA \u05E7\u05D5\u05D3)" })
                               ] })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                               "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Trash2, { className: "w-3.5 h-3.5" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Trash2, { className: "w-3.5 h-3.5" })
                               }
                             )
                           ] }),
-                          btn.type === "QUICK_REPLY" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "QUICK_REPLY" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "font-semibold text-slate-700", children: [
                                 "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 ",
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                                 "span",
                                 {
                                   className: `font-mono text-[10px] ${(btn.text || "").length >= 25 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -8821,7 +9792,7 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                               "input",
                               {
                                 type: "text",
@@ -8833,14 +9804,14 @@ function CreateTemplateModal({
                               }
                             )
                           ] }),
-                          btn.type === "URL" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "URL" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 ",
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                                   "span",
                                   {
                                     className: `font-mono text-[10px] ${(btn.text || "").length >= 25 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -8851,7 +9822,7 @@ function CreateTemplateModal({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "input",
                                 {
                                   type: "text",
@@ -8863,18 +9834,18 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "font-semibold text-slate-700", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05DB\u05EA\u05D5\u05D1\u05EA URL \u05E1\u05D8\u05D8\u05D9\u05EA ",
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "font-mono text-[10px] text-slate-400", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "font-mono text-[10px] text-slate-400", children: [
                                   (btn.url || "").length,
                                   "/2000"
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "input",
                                 {
                                   type: "url",
@@ -8888,14 +9859,14 @@ function CreateTemplateModal({
                               )
                             ] })
                           ] }),
-                          btn.type === "PHONE_NUMBER" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "PHONE_NUMBER" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05D8\u05E7\u05E1\u05D8 \u05D4\u05DB\u05E4\u05EA\u05D5\u05E8 ",
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                                   "span",
                                   {
                                     className: `font-mono text-[10px] ${(btn.text || "").length >= 25 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -8906,7 +9877,7 @@ function CreateTemplateModal({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "input",
                                 {
                                   type: "text",
@@ -8918,18 +9889,18 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "font-semibold text-slate-700", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "font-mono text-[10px] text-slate-400", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "font-mono text-[10px] text-slate-400", children: [
                                   (btn.phone_number || "").length,
                                   "/20"
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "input",
                                 {
                                   type: "tel",
@@ -8943,14 +9914,14 @@ function CreateTemplateModal({
                               )
                             ] })
                           ] }),
-                          btn.type === "COPY_CODE" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "font-semibold text-slate-700", children: [
+                          btn.type === "COPY_CODE" && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "font-semibold text-slate-700", children: [
                                   "\u05E7\u05D5\u05D3 \u05D4\u05E6\u05E2\u05D4 / \u05E7\u05D5\u05E4\u05D5\u05DF ",
-                                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-rose-500", children: "*" })
+                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-rose-500", children: "*" })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                                   "span",
                                   {
                                     className: `font-mono text-[10px] ${(btn.example || "").length >= 15 ? "text-amber-600 font-bold" : "text-slate-400"}`,
@@ -8961,7 +9932,7 @@ function CreateTemplateModal({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "input",
                                 {
                                   type: "text",
@@ -8974,15 +9945,15 @@ function CreateTemplateModal({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "font-mono text-[10px] text-slate-400", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between text-[11px]", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "font-mono text-[10px] text-slate-400", children: [
                                   (btn.text || "").length,
                                   "/25"
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                 "input",
                                 {
                                   type: "text",
@@ -9002,8 +9973,8 @@ function CreateTemplateModal({
                   }) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "px-6 py-4 border-t border-slate-100 flex items-center justify-end gap-3 bg-slate-50/50", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "px-6 py-4 border-t border-slate-100 flex items-center justify-end gap-3 bg-slate-50/50", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "button",
                   {
                     type: "button",
@@ -9013,19 +9984,19 @@ function CreateTemplateModal({
                     children: "\u05D1\u05D9\u05D8\u05D5\u05DC"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "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__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Loader2, { className: "w-4 h-4 animate-spin" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: submittingStep || "\u05D9\u05D5\u05E6\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA..." })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.CheckCircle2, { className: "w-4 h-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u05E9\u05DC\u05D7 \u05DC\u05D1\u05D3\u05D9\u05E7\u05D4" })
+                    children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.Loader2, { className: "w-4 h-4 animate-spin" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: submittingStep || "\u05D9\u05D5\u05E6\u05E8 \u05EA\u05D1\u05E0\u05D9\u05EA..." })
+                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.CheckCircle2, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "\u05E9\u05DC\u05D7 \u05DC\u05D1\u05D3\u05D9\u05E7\u05D4" })
                     ] })
                   }
                 )
@@ -9039,7 +10010,7 @@ function CreateTemplateModal({
 }
 
 // src/components/WhatsAppComponent/hooks/useWhatsAppState.ts
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/components/WhatsAppComponent/utils/recipientEngine.ts
 var STORAGE_KEY_TEST_PHONE = "whatsapp_test_phone";
@@ -9364,7 +10335,7 @@ function matchesColumnFilter(cellValue, filterVal, colName, relationOptions, col
   }
   return true;
 }
-function filterRecordsByColumnAndSearch(records, columnFilters, searchQuery, tableColumns, relationOptions) {
+function filterRecordsByColumnAndSearch(records, columnFilters, searchQuery, tableColumns2, relationOptions) {
   let result = records || [];
   if (columnFilters && typeof columnFilters === "object") {
     const activeEntries = Object.entries(columnFilters).filter(([_, val]) => {
@@ -9380,7 +10351,7 @@ function filterRecordsByColumnAndSearch(records, columnFilters, searchQuery, tab
         const rowData = record.data || {};
         for (const [colName, filterVal] of activeEntries) {
           const cellValue = rowData[colName];
-          const colDef = tableColumns == null ? void 0 : tableColumns.find((c) => c.name === colName);
+          const colDef = tableColumns2 == null ? void 0 : tableColumns2.find((c) => c.name === colName);
           if (!matchesColumnFilter(cellValue, filterVal, colName, relationOptions, colDef)) {
             return false;
           }
@@ -9441,9 +10412,9 @@ function isTextableColumn(col) {
 }
 function getTextableColumnOptions(params) {
   var _a, _b, _c, _d;
-  const { tableColumns = [], selectedPhoneOption, referencedTableSchemas = {} } = params;
+  const { tableColumns: tableColumns2 = [], selectedPhoneOption, referencedTableSchemas = {} } = params;
   const options = [];
-  for (const col of tableColumns) {
+  for (const col of tableColumns2) {
     if (col.name === "_id" || col.id === "_id") continue;
     const colType = String(col.type || "").toUpperCase();
     if (colType === "SUB_TABLE" || colType === "SUBTABLE") continue;
@@ -9461,7 +10432,7 @@ function getTextableColumnOptions(params) {
     const parentColName = selectedPhoneOption.parentColumnName || "";
     const refTableId = selectedPhoneOption.referencedTableId;
     const subSchema = refTableId ? referencedTableSchemas[refTableId] : null;
-    const parentCol = tableColumns.find((c) => c.name === parentColName);
+    const parentCol = tableColumns2.find((c) => c.name === parentColName);
     const subtableName = ((_a = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _a.referencedTableName) || (subSchema == null ? void 0 : subSchema.title) || (parentCol == null ? void 0 : parentCol.name) || parentColName || "\u05D8\u05D1\u05DC\u05D4 \u05DE\u05E7\u05D5\u05E9\u05E8\u05EA";
     const embeddedCols = ((_b = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _b.columns) || ((_d = (_c = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _c.schema) == null ? void 0 : _d.columns);
     const cols = (subSchema == null ? void 0 : subSchema.columns) || embeddedCols || [];
@@ -9719,7 +10690,7 @@ function buildTemplateComponents(params) {
     variableMapping,
     textableColumnOptions,
     recordData,
-    tableColumns,
+    tableColumns: tableColumns2,
     relationOptions,
     templateHeaderComp,
     mediaUrl
@@ -9796,7 +10767,7 @@ function buildTemplateComponents(params) {
             mapping.value,
             textableColumnOptions,
             recordData,
-            tableColumns,
+            tableColumns2,
             relationOptions,
             templateLanguage
           );
@@ -9816,7 +10787,7 @@ function buildTemplateComponents(params) {
     variableMapping,
     textableColumnOptions,
     recordData,
-    tableColumns,
+    tableColumns: tableColumns2,
     relationOptions
   });
   if (bodyParameters.length > 0) {
@@ -9834,7 +10805,7 @@ function buildBodyParameters(params) {
     variableMapping,
     textableColumnOptions,
     recordData,
-    tableColumns,
+    tableColumns: tableColumns2,
     relationOptions
   } = params;
   const bodyComp = (_a = selectedTemplate.components) == null ? void 0 : _a.find(
@@ -9867,7 +10838,7 @@ function buildBodyParameters(params) {
       mapping.value,
       textableColumnOptions,
       recordData,
-      tableColumns,
+      tableColumns2,
       relationOptions,
       templateLanguage
     );
@@ -9877,7 +10848,7 @@ function buildBodyParameters(params) {
     };
   });
 }
-function resolveColumnValue(columnOptionId, textableColumnOptions, recordData, tableColumns, relationOptions, templateLanguage) {
+function resolveColumnValue(columnOptionId, textableColumnOptions, recordData, tableColumns2, relationOptions, templateLanguage) {
   const colOption = textableColumnOptions.find((opt) => opt.id === columnOptionId);
   if (!colOption) {
     const rawValue2 = recordData[columnOptionId];
@@ -9885,7 +10856,7 @@ function resolveColumnValue(columnOptionId, textableColumnOptions, recordData, t
   }
   const colName = colOption.columnName;
   const rawValue = recordData[colName];
-  const colDef = findColumnDef(colOption, tableColumns);
+  const colDef = findColumnDef(colOption, tableColumns2);
   const colType = colOption.type || (colDef == null ? void 0 : colDef.type) || "STRING";
   const formatOptions = {
     columnDef: colDef,
@@ -9893,13 +10864,13 @@ function resolveColumnValue(columnOptionId, textableColumnOptions, recordData, t
   };
   return formatVariableValue(rawValue, colType, templateLanguage, formatOptions);
 }
-function findColumnDef(colOption, tableColumns) {
+function findColumnDef(colOption, tableColumns2) {
   var _a, _b, _c;
   if (colOption.source === "MAIN") {
-    return tableColumns.find((c) => c.name === colOption.columnName) || null;
+    return tableColumns2.find((c) => c.name === colOption.columnName) || null;
   }
   if (colOption.source === "SUBTABLE" && colOption.parentColumnName) {
-    const parentCol = tableColumns.find((c) => c.name === colOption.parentColumnName);
+    const parentCol = tableColumns2.find((c) => c.name === colOption.parentColumnName);
     if (parentCol) {
       const embeddedCols = ((_a = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _a.columns) || ((_c = (_b = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _b.schema) == null ? void 0 : _c.columns) || [];
       return embeddedCols.find((c) => c.name === colOption.columnName) || null;
@@ -10063,7 +11034,7 @@ async function sendTestMessage(params) {
     variableMapping,
     textableColumnOptions,
     recordData,
-    tableColumns,
+    tableColumns: tableColumns2,
     relationOptions,
     templateHeaderComp,
     mediaUrl,
@@ -10076,7 +11047,7 @@ async function sendTestMessage(params) {
     variableMapping,
     textableColumnOptions,
     recordData,
-    tableColumns,
+    tableColumns: tableColumns2,
     relationOptions,
     templateHeaderComp,
     mediaUrl
@@ -10097,7 +11068,7 @@ async function sendBulkWhatsAppMessages(params) {
     selectedTemplate,
     variableMapping,
     textableColumnOptions,
-    tableColumns,
+    tableColumns: tableColumns2,
     relationOptions,
     templateHeaderComp,
     mediaUrl,
@@ -10137,7 +11108,7 @@ async function sendBulkWhatsAppMessages(params) {
           variableMapping,
           textableColumnOptions,
           recordData: recipient.recordData,
-          tableColumns,
+          tableColumns: tableColumns2,
           relationOptions,
           templateHeaderComp: templateHeaderComp || null,
           mediaUrl
@@ -10344,29 +11315,29 @@ function useWhatsAppState(props) {
     data: injectedData
   } = props;
   const orgId = props.orgId || props.organizationId || (settings == null ? void 0 : settings.orgId) || (settings == null ? void 0 : settings.organizationId) || (injectedData == null ? void 0 : injectedData.orgId) || (injectedData == null ? void 0 : injectedData.organizationId);
-  const [tableColumns, setTableColumns] = (0, import_react17.useState)(() => {
+  const [tableColumns2, setTableColumns] = (0, import_react19.useState)(() => {
     return Array.isArray(settings == null ? void 0 : settings.columns) ? settings.columns : [];
   });
-  const [rawRecords, setRawRecords] = (0, import_react17.useState)(() => {
+  const [rawRecords, setRawRecords] = (0, import_react19.useState)(() => {
     if (Array.isArray(injectedData)) return injectedData;
     if (Array.isArray(injectedData == null ? void 0 : injectedData.records)) return injectedData.records;
     return [];
   });
-  const [relationOptions, setRelationOptions] = (0, import_react17.useState)(() => {
+  const [relationOptions, setRelationOptions] = (0, import_react19.useState)(() => {
     return (injectedData == null ? void 0 : injectedData.relationOptions) || {};
   });
-  const [isLoadingTableData, setIsLoadingTableData] = (0, import_react17.useState)(() => Boolean(settings == null ? void 0 : settings.tableMetaId));
-  const [activeSubtableScans, setActiveSubtableScans] = (0, import_react17.useState)(0);
-  const [tableError, setTableError] = (0, import_react17.useState)(null);
-  const [filters, setFilters] = (0, import_react17.useState)({});
-  const [selectedRowIds, setSelectedRowIds] = (0, import_react17.useState)([]);
-  const [autoSelectCount, setAutoSelectCount] = (0, import_react17.useState)(null);
-  const isAutoSelectingRef = (0, import_react17.useRef)(false);
-  const isManualOverrideRef = (0, import_react17.useRef)(false);
-  const prevAutoSelectCountRef = (0, import_react17.useRef)(null);
-  const fetchedTableIdsRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
-  const fullyFetchedRelationKeysRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
-  const loadTableData = (0, import_react17.useCallback)(async () => {
+  const [isLoadingTableData, setIsLoadingTableData] = (0, import_react19.useState)(() => Boolean(settings == null ? void 0 : settings.tableMetaId));
+  const [activeSubtableScans, setActiveSubtableScans] = (0, import_react19.useState)(0);
+  const [tableError, setTableError] = (0, import_react19.useState)(null);
+  const [filters, setFilters] = (0, import_react19.useState)({});
+  const [selectedRowIds, setSelectedRowIds] = (0, import_react19.useState)([]);
+  const [autoSelectCount, setAutoSelectCount] = (0, import_react19.useState)(null);
+  const isAutoSelectingRef = (0, import_react19.useRef)(false);
+  const isManualOverrideRef = (0, import_react19.useRef)(false);
+  const prevAutoSelectCountRef = (0, import_react19.useRef)(null);
+  const fetchedTableIdsRef = (0, import_react19.useRef)(/* @__PURE__ */ new Set());
+  const fullyFetchedRelationKeysRef = (0, import_react19.useRef)(/* @__PURE__ */ new Set());
+  const loadTableData = (0, import_react19.useCallback)(async () => {
     var _a2;
     const tableId = (settings == null ? void 0 : settings.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableMetaId) || (injectedData == null ? void 0 : injectedData.tableId);
     if (!tableId || !executeAction) return;
@@ -10433,26 +11404,26 @@ function useWhatsAppState(props) {
     executeAction,
     orgId
   ]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     loadTableData();
   }, [loadTableData]);
-  const filterableColumns = (0, import_react17.useMemo)(() => {
-    return (tableColumns || []).filter((col) => {
+  const filterableColumns = (0, import_react19.useMemo)(() => {
+    return (tableColumns2 || []).filter((col) => {
       var _a2;
       if (!col || col.name === "_id" || col.id === "_id") return false;
       const type = (_a2 = col.type) == null ? void 0 : _a2.toUpperCase();
       return type === "RELATION" || type === "BOOLEAN";
     });
-  }, [tableColumns]);
-  const [referencedTableSchemas, setReferencedTableSchemas] = (0, import_react17.useState)({});
-  const subtableCols = (0, import_react17.useMemo)(() => {
-    return (tableColumns || []).filter((col) => {
+  }, [tableColumns2]);
+  const [referencedTableSchemas, setReferencedTableSchemas] = (0, import_react19.useState)({});
+  const subtableCols = (0, import_react19.useMemo)(() => {
+    return (tableColumns2 || []).filter((col) => {
       var _a2;
       const type = (_a2 = col.type) == null ? void 0 : _a2.toUpperCase();
       return type === "RELATION" || type === "SUB_TABLE" || type === "SUBTABLE";
     });
-  }, [tableColumns]);
-  (0, import_react17.useEffect)(() => {
+  }, [tableColumns2]);
+  (0, import_react19.useEffect)(() => {
     if (!executeAction) return;
     const unrequestedCols = subtableCols.filter((col) => {
       var _a2;
@@ -10496,22 +11467,22 @@ function useWhatsAppState(props) {
     });
   }, [subtableCols, executeAction, orgId]);
   const isScanningPhoneColumns = Boolean(
-    isLoadingTableData || activeSubtableScans > 0 || tableColumns.length === 0 && Boolean(settings == null ? void 0 : settings.tableMetaId)
+    isLoadingTableData || activeSubtableScans > 0 || tableColumns2.length === 0 && Boolean(settings == null ? void 0 : settings.tableMetaId)
   );
-  const targetPhoneOptions = (0, import_react17.useMemo)(() => {
-    const cols = tableColumns && tableColumns.length > 0 ? tableColumns : Array.isArray(settings == null ? void 0 : settings.columns) ? settings.columns : [];
+  const targetPhoneOptions = (0, import_react19.useMemo)(() => {
+    const cols = tableColumns2 && tableColumns2.length > 0 ? tableColumns2 : Array.isArray(settings == null ? void 0 : settings.columns) ? settings.columns : [];
     return scanTargetPhoneOptions(cols, referencedTableSchemas);
-  }, [tableColumns, settings == null ? void 0 : settings.columns, referencedTableSchemas]);
-  const phoneColumns = (0, import_react17.useMemo)(() => {
+  }, [tableColumns2, settings == null ? void 0 : settings.columns, referencedTableSchemas]);
+  const phoneColumns = (0, import_react19.useMemo)(() => {
     return targetPhoneOptions.map((opt) => ({ name: opt.label, id: opt.id, type: "PHONE" }));
   }, [targetPhoneOptions]);
-  const [phoneColumnId, setPhoneColumnId] = (0, import_react17.useState)("");
-  const [subtableFilterColumn, setSubtableFilterColumn] = (0, import_react17.useState)("");
-  const [subtableFilterValue, setSubtableFilterValue] = (0, import_react17.useState)("");
-  const [subtableSendLimit, setSubtableSendLimit] = (0, import_react17.useState)(
+  const [phoneColumnId, setPhoneColumnId] = (0, import_react19.useState)("");
+  const [subtableFilterColumn, setSubtableFilterColumn] = (0, import_react19.useState)("");
+  const [subtableFilterValue, setSubtableFilterValue] = (0, import_react19.useState)("");
+  const [subtableSendLimit, setSubtableSendLimit] = (0, import_react19.useState)(
     (settings == null ? void 0 : settings.subtableSendLimit) || "PRIMARY"
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (targetPhoneOptions.length > 0) {
       const isValid = targetPhoneOptions.some(
         (opt) => opt.id === phoneColumnId || opt.columnName === phoneColumnId
@@ -10523,20 +11494,20 @@ function useWhatsAppState(props) {
       setPhoneColumnId("");
     }
   }, [targetPhoneOptions, phoneColumnId]);
-  const selectedPhoneOption = (0, import_react17.useMemo)(() => {
+  const selectedPhoneOption = (0, import_react19.useMemo)(() => {
     if (!phoneColumnId) return targetPhoneOptions[0] || null;
     return targetPhoneOptions.find(
       (opt) => opt.id === phoneColumnId || opt.columnName === phoneColumnId
     ) || targetPhoneOptions[0] || null;
   }, [targetPhoneOptions, phoneColumnId]);
-  const subtableFilterableColumns = (0, import_react17.useMemo)(() => {
+  const subtableFilterableColumns = (0, import_react19.useMemo)(() => {
     var _a2, _b2, _c;
     if (!selectedPhoneOption || selectedPhoneOption.type !== "SUBTABLE") {
       return [];
     }
     const refTableId = selectedPhoneOption.referencedTableId;
     const subSchema = refTableId ? referencedTableSchemas[refTableId] : null;
-    const parentCol = (tableColumns || []).find(
+    const parentCol = (tableColumns2 || []).find(
       (c) => c.name === selectedPhoneOption.parentColumnName
     );
     const embeddedCols = ((_a2 = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _a2.columns) || ((_c = (_b2 = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _b2.schema) == null ? void 0 : _c.columns);
@@ -10547,18 +11518,18 @@ function useWhatsAppState(props) {
       const type = (_a3 = c.type) == null ? void 0 : _a3.toUpperCase();
       return type === "BOOLEAN" || type === "RELATION";
     });
-  }, [selectedPhoneOption, referencedTableSchemas, tableColumns]);
-  const selectedSubtableFilterCol = (0, import_react17.useMemo)(() => {
+  }, [selectedPhoneOption, referencedTableSchemas, tableColumns2]);
+  const selectedSubtableFilterCol = (0, import_react19.useMemo)(() => {
     return subtableFilterableColumns.find((c) => c.name === subtableFilterColumn);
   }, [subtableFilterableColumns, subtableFilterColumn]);
-  const [enablePostSendAction, setEnablePostSendAction] = (0, import_react17.useState)(false);
-  const [postSendActionColumn, setPostSendActionColumn] = (0, import_react17.useState)("");
-  const [postSendActionValue, setPostSendActionValue] = (0, import_react17.useState)("");
-  const [postSendActionTargetType, setPostSendActionTargetType] = (0, import_react17.useState)("MAIN");
-  const postSendActionTargetOptions = (0, import_react17.useMemo)(() => {
+  const [enablePostSendAction, setEnablePostSendAction] = (0, import_react19.useState)(false);
+  const [postSendActionColumn, setPostSendActionColumn] = (0, import_react19.useState)("");
+  const [postSendActionValue, setPostSendActionValue] = (0, import_react19.useState)("");
+  const [postSendActionTargetType, setPostSendActionTargetType] = (0, import_react19.useState)("MAIN");
+  const postSendActionTargetOptions = (0, import_react19.useMemo)(() => {
     var _a2, _b2, _c;
     const options = [];
-    (tableColumns || []).forEach((col) => {
+    (tableColumns2 || []).forEach((col) => {
       var _a3;
       if (!col || col.name === "_id" || col.id === "_id") return;
       const type = (_a3 = col.type) == null ? void 0 : _a3.toUpperCase();
@@ -10577,7 +11548,7 @@ function useWhatsAppState(props) {
       const parentColName = selectedPhoneOption.parentColumnName || "";
       const refTableId = selectedPhoneOption.referencedTableId;
       const subSchema = refTableId ? referencedTableSchemas[refTableId] : null;
-      const parentCol = (tableColumns || []).find((c) => c.name === parentColName);
+      const parentCol = (tableColumns2 || []).find((c) => c.name === parentColName);
       const embeddedCols = ((_a2 = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _a2.columns) || ((_c = (_b2 = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _b2.schema) == null ? void 0 : _c.columns);
       const cols = (subSchema == null ? void 0 : subSchema.columns) || embeddedCols || [];
       cols.forEach((subCol) => {
@@ -10599,15 +11570,15 @@ function useWhatsAppState(props) {
       });
     }
     return options;
-  }, [tableColumns, selectedPhoneOption, referencedTableSchemas]);
-  const selectedPostSendOption = (0, import_react17.useMemo)(() => {
+  }, [tableColumns2, selectedPhoneOption, referencedTableSchemas]);
+  const selectedPostSendOption = (0, import_react19.useMemo)(() => {
     return postSendActionTargetOptions.find(
       (opt) => opt.id === postSendActionColumn || opt.columnName === postSendActionColumn
     );
   }, [postSendActionTargetOptions, postSendActionColumn]);
   const selectedPostSendCol = selectedPostSendOption;
-  const [isTestPromptOpen, setIsTestPromptOpen] = (0, import_react17.useState)(false);
-  const [testPhoneNumber, setTestPhoneNumber] = (0, import_react17.useState)(() => {
+  const [isTestPromptOpen, setIsTestPromptOpen] = (0, import_react19.useState)(false);
+  const [testPhoneNumber, setTestPhoneNumber] = (0, import_react19.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         return localStorage.getItem(STORAGE_KEY_TEST_PHONE) || "";
@@ -10617,10 +11588,10 @@ function useWhatsAppState(props) {
     }
     return "";
   });
-  const [testFeedback, setTestFeedback] = (0, import_react17.useState)(null);
-  const [isSendingTest, setIsSendingTest] = (0, import_react17.useState)(false);
-  const [isSendingBroadcast, setIsSendingBroadcast] = (0, import_react17.useState)(false);
-  const [broadcastProgress, setBroadcastProgress] = (0, import_react17.useState)({
+  const [testFeedback, setTestFeedback] = (0, import_react19.useState)(null);
+  const [isSendingTest, setIsSendingTest] = (0, import_react19.useState)(false);
+  const [isSendingBroadcast, setIsSendingBroadcast] = (0, import_react19.useState)(false);
+  const [broadcastProgress, setBroadcastProgress] = (0, import_react19.useState)({
     current: 0,
     total: 0,
     successful: 0,
@@ -10628,12 +11599,12 @@ function useWhatsAppState(props) {
     skipped: 0,
     percent: 0
   });
-  const [broadcastSummary, setBroadcastSummary] = (0, import_react17.useState)(null);
-  const [rowStatusMap, setRowStatusMap] = (0, import_react17.useState)({});
-  const clearBroadcastSummary = (0, import_react17.useCallback)(() => {
+  const [broadcastSummary, setBroadcastSummary] = (0, import_react19.useState)(null);
+  const [rowStatusMap, setRowStatusMap] = (0, import_react19.useState)({});
+  const clearBroadcastSummary = (0, import_react19.useCallback)(() => {
     setBroadcastSummary(null);
   }, []);
-  const handleTestPhoneChange = (0, import_react17.useCallback)((val) => {
+  const handleTestPhoneChange = (0, import_react19.useCallback)((val) => {
     setTestPhoneNumber(val);
     if (typeof window !== "undefined") {
       try {
@@ -10643,7 +11614,7 @@ function useWhatsAppState(props) {
       }
     }
   }, []);
-  const getRelationOptionsForCol = (0, import_react17.useCallback)(
+  const getRelationOptionsForCol = (0, import_react19.useCallback)(
     (colName, parentColName) => {
       var _a2, _b2, _c, _d;
       if (parentColName) {
@@ -10672,7 +11643,7 @@ function useWhatsAppState(props) {
           return relationOptions[postSendRefId];
         }
       }
-      const mainCol = (tableColumns || []).find((c) => c.name === colName);
+      const mainCol = (tableColumns2 || []).find((c) => c.name === colName);
       const mainRefId = ((_c = mainCol == null ? void 0 : mainCol.config) == null ? void 0 : _c.referencedTableId) || (mainCol == null ? void 0 : mainCol.referencedTableId);
       if (mainRefId && relationOptions[mainRefId] && relationOptions[mainRefId].length > 0) {
         return relationOptions[mainRefId];
@@ -10684,13 +11655,13 @@ function useWhatsAppState(props) {
       }
       return [];
     },
-    [relationOptions, subtableFilterableColumns, postSendActionTargetOptions, tableColumns, filterableColumns]
+    [relationOptions, subtableFilterableColumns, postSendActionTargetOptions, tableColumns2, filterableColumns]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     var _a2, _b2, _c, _d, _e;
     if (!executeAction) return;
     const targets = [];
-    (tableColumns || []).forEach((col) => {
+    (tableColumns2 || []).forEach((col) => {
       var _a3, _b3, _c2;
       if (((_a3 = col.type) == null ? void 0 : _a3.toUpperCase()) === "RELATION") {
         const refId = ((_b3 = col.config) == null ? void 0 : _b3.referencedTableId) || col.referencedTableId;
@@ -10715,7 +11686,7 @@ function useWhatsAppState(props) {
       const parentColName = selectedPhoneOption.parentColumnName || "";
       const refTableId = selectedPhoneOption.referencedTableId;
       const subSchema = refTableId ? referencedTableSchemas[refTableId] : null;
-      const parentCol = (tableColumns || []).find((c) => c.name === parentColName);
+      const parentCol = (tableColumns2 || []).find((c) => c.name === parentColName);
       const embeddedCols = ((_a2 = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _a2.columns) || ((_c = (_b2 = parentCol == null ? void 0 : parentCol.config) == null ? void 0 : _b2.schema) == null ? void 0 : _c.columns);
       const cols = (subSchema == null ? void 0 : subSchema.columns) || embeddedCols || [];
       cols.forEach((subCol) => {
@@ -10779,8 +11750,8 @@ function useWhatsAppState(props) {
         console.warn(`[useWhatsAppState] Failed to fetch relation options for ${target.key}:`, err);
       }
     });
-  }, [filterableColumns, selectedPhoneOption, referencedTableSchemas, tableColumns, executeAction, selectedPostSendOption, orgId]);
-  (0, import_react17.useEffect)(() => {
+  }, [filterableColumns, selectedPhoneOption, referencedTableSchemas, tableColumns2, executeAction, selectedPostSendOption, orgId]);
+  (0, import_react19.useEffect)(() => {
     var _a2, _b2, _c;
     if (!executeAction || !selectedSubtableFilterCol) return;
     if (((_a2 = selectedSubtableFilterCol.type) == null ? void 0 : _a2.toUpperCase()) !== "RELATION") return;
@@ -10831,7 +11802,7 @@ function useWhatsAppState(props) {
       }
     })();
   }, [selectedSubtableFilterCol, selectedPhoneOption, executeAction, orgId]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     var _a2, _b2;
     if (!executeAction || !selectedPostSendOption) return;
     if (selectedPostSendOption.type !== "RELATION") return;
@@ -10884,7 +11855,7 @@ function useWhatsAppState(props) {
       }
     })();
   }, [selectedPostSendOption, executeAction, orgId]);
-  const filteredRecords = (0, import_react17.useMemo)(() => {
+  const filteredRecords = (0, import_react19.useMemo)(() => {
     const activeEntries = Object.entries(filters).filter(
       ([_, val]) => val !== void 0 && val !== null && val !== ""
     );
@@ -10916,7 +11887,7 @@ function useWhatsAppState(props) {
     });
   }, [rawRecords, filters, filterableColumns]);
   const filteredData = filteredRecords;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (autoSelectCount !== null && autoSelectCount > 0) {
       isAutoSelectingRef.current = true;
       const sliced = filteredData.slice(0, autoSelectCount);
@@ -10934,7 +11905,7 @@ function useWhatsAppState(props) {
     isManualOverrideRef.current = false;
     prevAutoSelectCountRef.current = autoSelectCount;
   }, [autoSelectCount, filteredData]);
-  const embeddedTableExecuteAction = (0, import_react17.useCallback)(async (actionType, payload) => {
+  const embeddedTableExecuteAction = (0, import_react19.useCallback)(async (actionType, payload) => {
     if (actionType === "FETCH_TABLE_DATA") {
       const colFilters = (payload == null ? void 0 : payload.columnFilters) || (payload == null ? void 0 : payload.filters);
       const searchQuery = payload == null ? void 0 : payload.search;
@@ -10942,11 +11913,11 @@ function useWhatsAppState(props) {
         filteredRecords,
         colFilters,
         searchQuery,
-        tableColumns,
+        tableColumns2,
         relationOptions
       );
       return {
-        schema: { columns: tableColumns },
+        schema: { columns: tableColumns2 },
         records: recordsToReturn,
         meta: {
           totalRecords: recordsToReturn.length,
@@ -10968,7 +11939,7 @@ function useWhatsAppState(props) {
       return executeAction(actionType, payload);
     }
     return null;
-  }, [tableColumns, filteredRecords, relationOptions, executeAction]);
+  }, [tableColumns2, filteredRecords, relationOptions, executeAction]);
   const handleFilterChange = (colName, val) => {
     setFilters((prev) => __spreadProps(__spreadValues({}, prev), {
       [colName]: val
@@ -10977,10 +11948,10 @@ function useWhatsAppState(props) {
   const handleClearFilters = () => {
     setFilters({});
   };
-  const activeFiltersCount = (0, import_react17.useMemo)(() => {
+  const activeFiltersCount = (0, import_react19.useMemo)(() => {
     return Object.values(filters).filter((v) => v !== "").length;
   }, [filters]);
-  const handleSelectionChange = (0, import_react17.useCallback)((selectedIds) => {
+  const handleSelectionChange = (0, import_react19.useCallback)((selectedIds) => {
     setSelectedRowIds((prev) => {
       if (prev.length === selectedIds.length && prev.every((id, idx) => id === selectedIds[idx])) {
         return prev;
@@ -10994,13 +11965,13 @@ function useWhatsAppState(props) {
       return selectedIds;
     });
   }, [autoSelectCount]);
-  const handleRowToggle = (0, import_react17.useCallback)((rowId, checked) => {
+  const handleRowToggle = (0, import_react19.useCallback)((rowId, checked) => {
     if (autoSelectCount !== null && autoSelectCount > 0) {
       isManualOverrideRef.current = true;
       setAutoSelectCount(null);
     }
   }, [autoSelectCount]);
-  const toggleRowSelection = (0, import_react17.useCallback)((rowId, checked) => {
+  const toggleRowSelection = (0, import_react19.useCallback)((rowId, checked) => {
     if (autoSelectCount !== null && autoSelectCount > 0) {
       isManualOverrideRef.current = true;
       setAutoSelectCount(null);
@@ -11016,15 +11987,15 @@ function useWhatsAppState(props) {
       return prev;
     });
   }, [autoSelectCount]);
-  const [templates, setTemplates] = (0, import_react17.useState)([]);
-  const [selectedTemplateId, setSelectedTemplateId] = (0, import_react17.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react17.useState)(true);
-  const [fetchError, setFetchError] = (0, import_react17.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0, import_react17.useState)(false);
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react17.useState)(false);
-  const [isDeleting, setIsDeleting] = (0, import_react17.useState)(false);
-  const [feedback, setFeedback] = (0, import_react17.useState)(null);
-  const loadTemplates = (0, import_react17.useCallback)(async () => {
+  const [templates, setTemplates] = (0, import_react19.useState)([]);
+  const [selectedTemplateId, setSelectedTemplateId] = (0, import_react19.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react19.useState)(true);
+  const [fetchError, setFetchError] = (0, import_react19.useState)(null);
+  const [isModalOpen, setIsModalOpen] = (0, import_react19.useState)(false);
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react19.useState)(false);
+  const [isDeleting, setIsDeleting] = (0, import_react19.useState)(false);
+  const [feedback, setFeedback] = (0, import_react19.useState)(null);
+  const loadTemplates = (0, import_react19.useCallback)(async () => {
     var _a2, _b2;
     if (!executeAction) {
       setIsLoading(false);
@@ -11076,13 +12047,13 @@ function useWhatsAppState(props) {
       setIsLoading(false);
     }
   }, [executeAction, orgId]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     loadTemplates();
   }, [loadTemplates]);
-  const selectedTemplate = (0, import_react17.useMemo)(() => {
+  const selectedTemplate = (0, import_react19.useMemo)(() => {
     return templates.find((t) => t.id === selectedTemplateId) || null;
   }, [templates, selectedTemplateId]);
-  const templateBodyText = (0, import_react17.useMemo)(() => {
+  const templateBodyText = (0, import_react19.useMemo)(() => {
     if (!(selectedTemplate == null ? void 0 : selectedTemplate.components)) return "";
     const bodyComp = selectedTemplate.components.find(
       (c) => {
@@ -11092,7 +12063,7 @@ function useWhatsAppState(props) {
     );
     return (bodyComp == null ? void 0 : bodyComp.text) || "";
   }, [selectedTemplate]);
-  const templateHeaderComp = (0, import_react17.useMemo)(() => {
+  const templateHeaderComp = (0, import_react19.useMemo)(() => {
     if (!(selectedTemplate == null ? void 0 : selectedTemplate.components)) return null;
     return selectedTemplate.components.find(
       (c) => {
@@ -11101,8 +12072,8 @@ function useWhatsAppState(props) {
       }
     ) || null;
   }, [selectedTemplate]);
-  const [headerMediaUrl, setHeaderMediaUrl] = (0, import_react17.useState)("");
-  (0, import_react17.useEffect)(() => {
+  const [headerMediaUrl, setHeaderMediaUrl] = (0, import_react19.useState)("");
+  (0, import_react19.useEffect)(() => {
     if (!templateHeaderComp) {
       setHeaderMediaUrl("");
       return;
@@ -11119,7 +12090,7 @@ function useWhatsAppState(props) {
       setHeaderMediaUrl("");
     }
   }, [templateHeaderComp, selectedTemplate == null ? void 0 : selectedTemplate.name]);
-  const handleHeaderMediaUrlChange = (0, import_react17.useCallback)(
+  const handleHeaderMediaUrlChange = (0, import_react19.useCallback)(
     (newUrl) => {
       setHeaderMediaUrl(newUrl);
       if ((selectedTemplate == null ? void 0 : selectedTemplate.name) && typeof window !== "undefined") {
@@ -11138,7 +12109,7 @@ function useWhatsAppState(props) {
     },
     [selectedTemplate == null ? void 0 : selectedTemplate.name]
   );
-  const handleResetHeaderMediaUrl = (0, import_react17.useCallback)(() => {
+  const handleResetHeaderMediaUrl = (0, import_react19.useCallback)(() => {
     if ((selectedTemplate == null ? void 0 : selectedTemplate.name) && typeof window !== "undefined") {
       try {
         localStorage.removeItem(`whatsapp_template_media_${selectedTemplate.name}`);
@@ -11152,8 +12123,8 @@ function useWhatsAppState(props) {
     );
     setHeaderMediaUrl(defaultUrl || "");
   }, [templateHeaderComp, selectedTemplate == null ? void 0 : selectedTemplate.name]);
-  const [isUploadingMedia, setIsUploadingMedia] = (0, import_react17.useState)(false);
-  const handleFileUpload = (0, import_react17.useCallback)(
+  const [isUploadingMedia, setIsUploadingMedia] = (0, import_react19.useState)(false);
+  const handleFileUpload = (0, import_react19.useCallback)(
     async (file, templateName) => {
       const tplName = templateName || (selectedTemplate == null ? void 0 : selectedTemplate.name) || "";
       if (!file) return;
@@ -11194,20 +12165,20 @@ function useWhatsAppState(props) {
     },
     [selectedTemplate == null ? void 0 : selectedTemplate.name]
   );
-  const templateVariables = (0, import_react17.useMemo)(() => {
+  const templateVariables = (0, import_react19.useMemo)(() => {
     return extractTemplateVariables(selectedTemplate);
   }, [selectedTemplate]);
-  const [variableMapping, setVariableMapping] = (0, import_react17.useState)({});
-  (0, import_react17.useEffect)(() => {
+  const [variableMapping, setVariableMapping] = (0, import_react19.useState)({});
+  (0, import_react19.useEffect)(() => {
     setVariableMapping({});
   }, [selectedTemplateId]);
-  const textableColumnOptions = (0, import_react17.useMemo)(() => {
+  const textableColumnOptions = (0, import_react19.useMemo)(() => {
     return getTextableColumnOptions({
-      tableColumns,
+      tableColumns: tableColumns2,
       selectedPhoneOption,
       referencedTableSchemas
     });
-  }, [tableColumns, selectedPhoneOption, referencedTableSchemas]);
+  }, [tableColumns2, selectedPhoneOption, referencedTableSchemas]);
   const handleVariableTypeChange = (varKey, newType) => {
     setVariableMapping((prev) => __spreadProps(__spreadValues({}, prev), {
       [varKey]: {
@@ -11227,7 +12198,7 @@ function useWhatsAppState(props) {
       });
     });
   };
-  const existingTemplateNames = (0, import_react17.useMemo)(() => {
+  const existingTemplateNames = (0, import_react19.useMemo)(() => {
     return templates.map((t) => t.name);
   }, [templates]);
   const handleDeleteTemplate = async () => {
@@ -11274,14 +12245,14 @@ function useWhatsAppState(props) {
     postSendActionColumn,
     postSendActionValue
   );
-  const isStaticVariableMissing = (0, import_react17.useMemo)(() => {
+  const isStaticVariableMissing = (0, import_react19.useMemo)(() => {
     return isStaticVariableIncomplete(templateVariables, variableMapping);
   }, [templateVariables, variableMapping]);
-  const currentRecords = (0, import_react17.useMemo)(() => {
+  const currentRecords = (0, import_react19.useMemo)(() => {
     var _a2;
     return rawRecords && rawRecords.length > 0 ? rawRecords : Array.isArray(props.data) ? props.data : Array.isArray((_a2 = props.data) == null ? void 0 : _a2.records) ? props.data.records : [];
   }, [rawRecords, props.data]);
-  const preparedRecipients = (0, import_react17.useMemo)(() => {
+  const preparedRecipients = (0, import_react19.useMemo)(() => {
     return prepareRecipients({
       selectedIds: selectedRowIds,
       records: currentRecords,
@@ -11301,7 +12272,7 @@ function useWhatsAppState(props) {
     selectedSubtableFilterCol
   ]);
   const finalRecipientCount = preparedRecipients.length;
-  const validMainRowsCount = (0, import_react17.useMemo)(() => {
+  const validMainRowsCount = (0, import_react19.useMemo)(() => {
     const rowIdSet = new Set(
       preparedRecipients.map((r) => r.mainRowId).filter(Boolean)
     );
@@ -11387,7 +12358,7 @@ function useWhatsAppState(props) {
         variableMapping,
         textableColumnOptions,
         recordData: testRecordData,
-        tableColumns,
+        tableColumns: tableColumns2,
         relationOptions,
         templateHeaderComp,
         mediaUrl: headerMediaUrl || void 0,
@@ -11410,7 +12381,7 @@ function useWhatsAppState(props) {
       setIsSendingTest(false);
     }
   };
-  const handleSendMessages = (0, import_react17.useCallback)(async () => {
+  const handleSendMessages = (0, import_react19.useCallback)(async () => {
     var _a2, _b2;
     if (isSendDisabled || isSendingBroadcast) return;
     const recipients = preparedRecipients;
@@ -11468,7 +12439,7 @@ function useWhatsAppState(props) {
         selectedTemplate,
         variableMapping,
         textableColumnOptions,
-        tableColumns,
+        tableColumns: tableColumns2,
         relationOptions,
         templateHeaderComp,
         mediaUrl: headerMediaUrl || void 0,
@@ -11589,7 +12560,7 @@ function useWhatsAppState(props) {
     selectedTemplate,
     variableMapping,
     textableColumnOptions,
-    tableColumns,
+    tableColumns2,
     relationOptions,
     templateHeaderComp,
     headerMediaUrl,
@@ -11605,7 +12576,7 @@ function useWhatsAppState(props) {
   return {
     orgId,
     // Table & data
-    tableColumns,
+    tableColumns: tableColumns2,
     rawRecords,
     relationOptions,
     isLoadingTableData,
@@ -11716,9 +12687,9 @@ function useWhatsAppState(props) {
 }
 
 // src/components/WhatsAppComponent/ui/TemplateSelectionBlock.tsx
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function TemplateSelectionBlock({
   selectedTemplate,
   selectedTemplateId,
@@ -11744,16 +12715,16 @@ function TemplateSelectionBlock({
   isUploadingMedia = false,
   handleFileUpload
 }) {
-  const fileInputRef = (0, import_react18.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "col-span-12 lg:col-span-5 min-h-[26rem] h-full flex flex-col bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "space-y-1.5 shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between pb-1.5 border-b border-slate-200/70 shrink-0 gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.FileText, { className: "w-4 h-4 text-emerald-600 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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 = (0, import_react20.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "col-span-12 lg:col-span-5 min-h-[26rem] h-full flex flex-col bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1.5 shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between pb-1.5 border-b border-slate-200/70 shrink-0 gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.FileText, { className: "w-4 h-4 text-emerald-600 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "button",
             {
               type: "button",
@@ -11762,12 +12733,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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Loader2, { className: "w-3.5 h-3.5 animate-spin text-rose-500" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Trash2, { className: "w-3.5 h-3.5 text-rose-500" }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u05DE\u05D7\u05D9\u05E7\u05D4" })
+                isDeleting ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Loader2, { className: "w-3.5 h-3.5 animate-spin text-rose-500" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Trash2, { className: "w-3.5 h-3.5 text-rose-500" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05DE\u05D7\u05D9\u05E7\u05D4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "button",
             {
               type: "button",
@@ -11775,40 +12746,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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Plus, { className: "w-3.5 h-3.5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u05D7\u05D3\u05E9" })
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Plus, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05D7\u05D3\u05E9" })
               ]
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 overflow-hidden", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              selectedTemplate ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "span",
                   {
                     className: `w-2 h-2 rounded-full shrink-0 ${getStatusConfig(selectedTemplate.status).dotColor}`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-semibold text-slate-900 truncate", children: selectedTemplate.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "text-[10px] text-slate-400 shrink-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-semibold text-slate-900 truncate", children: selectedTemplate.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[10px] text-slate-400 shrink-0", children: [
                   "(",
                   selectedTemplate.category,
                   " \u2022 ",
                   selectedTemplate.language,
                   ")"
                 ] })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1.5 shrink-0 mr-1", children: [
-                isLoadingTemplates && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Loader2, { className: "w-3.5 h-3.5 text-emerald-600 animate-spin" }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 shrink-0 mr-1", children: [
+                isLoadingTemplates && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Loader2, { className: "w-3.5 h-3.5 text-emerald-600 animate-spin" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   import_lucide_react11.ChevronDown,
                   {
                     className: `w-3.5 h-3.5 text-slate-400 transition-transform ${isDropdownOpen ? "rotate-180" : ""}`
@@ -11818,21 +12789,21 @@ function TemplateSelectionBlock({
             ]
           }
         ),
-        isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "div",
             {
               className: "fixed inset-0 z-40",
               onClick: () => setIsDropdownOpen(false)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   onClick: () => {
@@ -11845,29 +12816,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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 overflow-hidden", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 overflow-hidden", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "span",
                         {
                           className: `w-2 h-2 rounded-full shrink-0 ${statusConfig.dotColor}`
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "overflow-hidden", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "overflow-hidden", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                           "p",
                           {
                             className: `text-xs font-semibold truncate ${isSelected ? "text-emerald-700" : canSelect ? "text-slate-800" : "text-slate-500"}`,
                             children: tpl.name
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("p", { className: "text-[10px] text-slate-400", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-[10px] text-slate-400", children: [
                           tpl.category,
                           " \u2022 ",
                           tpl.language
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "span",
                       {
                         className: `text-[9px] font-semibold px-2 py-0.5 rounded-full border shrink-0 ${statusConfig.badgeBg} ${statusConfig.badgeText}`,
@@ -11883,18 +12854,18 @@ function TemplateSelectionBlock({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 min-h-0 flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between text-[11px] font-semibold text-slate-600 shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u05EA\u05E6\u05D5\u05D2\u05EA \u05D4\u05D5\u05D3\u05E2\u05D4" }),
-        selectedTemplate && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "text-[10px] text-slate-400", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex-1 min-h-0 flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between text-[11px] font-semibold text-slate-600 shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05EA\u05E6\u05D5\u05D2\u05EA \u05D4\u05D5\u05D3\u05E2\u05D4" }),
+        selectedTemplate && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[10px] text-slate-400", children: [
           "(",
           templateBodyText.length,
           " \u05EA\u05D5\u05D5\u05D9\u05DD)"
         ] })
       ] }),
-      selectedTemplate ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05EA\u05D1\u05E0\u05D9\u05EA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05EA\u05D1\u05E0\u05D9\u05EA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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;
@@ -11903,19 +12874,19 @@ function TemplateSelectionBlock({
         );
         const tplButtons = (buttonsComp == null ? void 0 : buttonsComp.buttons) || [];
         if (!tplButtons || tplButtons.length === 0) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex flex-wrap gap-1.5 shrink-0 pt-0.5", children: tplButtons.map((btn, idx) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.MessageSquare, { className: "w-3 h-3 text-emerald-600" }),
-                btnType === "URL" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.ExternalLink, { className: "w-3 h-3 text-sky-600" }),
-                btnType === "PHONE_NUMBER" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Phone, { className: "w-3 h-3 text-violet-600" }),
-                btnType === "COPY_CODE" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Copy, { className: "w-3 h-3 text-amber-600" }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "truncate max-w-[180px]", children: btnText })
+                btnType === "QUICK_REPLY" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.MessageSquare, { className: "w-3 h-3 text-emerald-600" }),
+                btnType === "URL" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.ExternalLink, { className: "w-3 h-3 text-sky-600" }),
+                btnType === "PHONE_NUMBER" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Phone, { className: "w-3 h-3 text-violet-600" }),
+                btnType === "COPY_CODE" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Copy, { className: "w-3 h-3 text-amber-600" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate max-w-[180px]", children: btnText })
               ]
             },
             idx
@@ -11930,9 +12901,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__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center gap-2.5 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center gap-2.5 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)(
               "img",
               {
                 src: headerMediaUrl,
@@ -11942,33 +12913,33 @@ function TemplateSelectionBlock({
                   e.currentTarget.style.display = "none";
                 }
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Image, { className: "w-4 h-4 text-amber-600" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "overflow-hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Image, { className: "w-4 h-4 text-amber-600" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "overflow-hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.FileText, { className: "w-4 h-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "overflow-hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.FileText, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "overflow-hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Video, { className: "w-4 h-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "overflow-hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Video, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "overflow-hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-bold text-slate-800 block truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
-            hasValidMedia ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.CheckCircle2, { className: "w-3 h-3 text-emerald-600" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+            hasValidMedia ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.CheckCircle2, { className: "w-3 h-3 text-emerald-600" }),
               "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF"
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.AlertCircle, { className: "w-3 h-3 text-amber-600 shrink-0" }),
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.AlertCircle, { 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__ */ (0, import_jsx_runtime15.jsx)(
+            hasValidMedia && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "a",
               {
                 href: headerMediaUrl,
@@ -11976,10 +12947,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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.ExternalLink, { className: "w-3.5 h-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.ExternalLink, { className: "w-3.5 h-3.5" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "input",
               {
                 ref: fileInputRef,
@@ -11997,7 +12968,7 @@ function TemplateSelectionBlock({
                 disabled: isUploadingMedia
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "button",
               {
                 type: "button",
@@ -12008,39 +12979,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__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u05DE\u05E2\u05DC\u05D4..." })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Upload, { className: "w-3.5 h-3.5" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5" : uploadButtonLabel })
+                children: isUploadingMedia ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05DE\u05E2\u05DC\u05D4..." })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Upload, { className: "w-3.5 h-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: hasValidMedia ? "\u05D4\u05D7\u05DC\u05E3 \u05E7\u05D5\u05D1\u05E5" : uploadButtonLabel })
                 ] })
               }
             )
           ] })
         ] });
       })(),
-      selectedTemplate && templateVariables.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "shrink-0 flex flex-col gap-1.5 pt-2 border-t border-slate-200/80 pb-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-[11px] font-bold text-slate-700", children: "\u05DE\u05D9\u05E4\u05D5\u05D9 \u05DE\u05E9\u05EA\u05E0\u05D9\u05DD" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "shrink-0 flex flex-col gap-1.5 pt-2 border-t border-slate-200/80 pb-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[11px] font-bold text-slate-700", children: "\u05DE\u05D9\u05E4\u05D5\u05D9 \u05DE\u05E9\u05EA\u05E0\u05D9\u05DD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "max-h-48 overflow-y-auto space-y-1.5 pr-0.5", children: templateVariables.map((varKey) => {
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "div",
             {
               className: "flex items-center gap-1.5 p-1 bg-white border border-slate-200 rounded-xl text-xs shrink-0",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)(
                     "button",
                     {
                       type: "button",
@@ -12049,7 +13020,7 @@ function TemplateSelectionBlock({
                       children: "\u05E2\u05DE\u05D5\u05D3\u05D4"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "button",
                     {
                       type: "button",
@@ -12059,7 +13030,7 @@ function TemplateSelectionBlock({
                     }
                   )
                 ] }),
-                isStatic ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                isStatic ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "input",
                   {
                     type: "text",
@@ -12068,20 +13039,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__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative flex-1 min-w-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative flex-1 min-w-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                     "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__ */ (0, import_jsx_runtime15.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4..." }),
-                        textableColumnOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: opt.id, children: opt.label }, opt.id))
+                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4..." }),
+                        textableColumnOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: opt.id, children: opt.label }, opt.id))
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
                 ] })
               ]
             },
@@ -12095,7 +13066,7 @@ function TemplateSelectionBlock({
 
 // src/components/WhatsAppComponent/ui/DynamicFiltersBlock.tsx
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function DynamicFiltersBlock({
   filterableColumns,
   filters,
@@ -12110,31 +13081,31 @@ function DynamicFiltersBlock({
   loadTableData,
   isLoadingTableData
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between pb-2 border-b border-slate-200/70 shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react12.Filter, { className: "w-4 h-4 text-emerald-600" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs font-bold text-slate-800", children: "\u05E1\u05D9\u05E0\u05D5\u05DF \u05D3\u05D9\u05E0\u05DE\u05D9" }),
-          activeFiltersCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime18.jsxs)("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__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between pb-2 border-b border-slate-200/70 shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react12.Filter, { className: "w-4 h-4 text-emerald-600" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs font-bold text-slate-800", children: "\u05E1\u05D9\u05E0\u05D5\u05DF \u05D3\u05D9\u05E0\u05DE\u05D9" }),
+          activeFiltersCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime16.jsxs)(
+        activeFiltersCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "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__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react12.X, { className: "w-3 h-3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "\u05E0\u05E7\u05D4" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react12.X, { className: "w-3 h-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u05E0\u05E7\u05D4" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "py-1", children: filterableColumns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col items-center justify-center text-center p-4 text-xs text-slate-400 gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "\u05D0\u05D9\u05DF \u05E9\u05D3\u05D5\u05EA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D6\u05D5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-2", children: filterableColumns.map((col) => {
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "py-1", children: filterableColumns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col items-center justify-center text-center p-4 text-xs text-slate-400 gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u05D0\u05D9\u05DF \u05E9\u05D3\u05D5\u05EA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D6\u05D5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime18.jsx)("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";
@@ -12142,9 +13113,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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "label",
               {
                 className: "text-[11px] font-semibold text-slate-700 truncate max-w-[130px]",
@@ -12152,49 +13123,49 @@ function DynamicFiltersBlock({
                 children: col.name
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[9px] text-slate-400 font-mono", children: isBoolean ? "\u05DB\u05DF/\u05DC\u05D0" : "\u05E7\u05E9\u05E8" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[9px] text-slate-400 font-mono", children: isBoolean ? "\u05DB\u05DF/\u05DC\u05D0" : "\u05E7\u05E9\u05E8" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "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__ */ (0, import_jsx_runtime16.jsx)("option", { value: "", children: "\u05D4\u05DB\u05DC" }),
-                  isBoolean ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: "true", children: "\u05DB\u05DF" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: "false", children: "\u05DC\u05D0" })
-                  ] }) : options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: opt.id || opt._id, children: getRelationOptionLabel(opt, col, relationOptions) }, opt.id || opt._id))
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "", children: "\u05D4\u05DB\u05DC" }),
+                  isBoolean ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "true", children: "\u05DB\u05DF" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "false", children: "\u05DC\u05D0" })
+                  ] }) : options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: opt.id || opt._id, children: getRelationOptionLabel(opt, col, relationOptions) }, opt.id || opt._id))
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react12.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react12.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
           ] })
         ] }, col.name);
       }) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("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__ */ (0, import_jsx_runtime16.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("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__ */ (0, import_jsx_runtime18.jsxs)(
         "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__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               import_lucide_react12.CheckSquare,
               {
                 className: `w-3 h-3 ${selectedRowIds.length > 0 ? "text-emerald-600" : "text-slate-400"}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { children: [
               "\u05E0\u05D1\u05D7\u05E8\u05D5 ",
               selectedRowIds.length
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "button",
         {
           type: "button",
@@ -12202,7 +13173,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__ */ (0, import_jsx_runtime16.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             import_lucide_react12.RefreshCw,
             {
               className: `w-3.5 h-3.5 ${isLoadingTableData ? "animate-spin text-emerald-600" : ""}`
@@ -12216,7 +13187,7 @@ function DynamicFiltersBlock({
 
 // src/components/WhatsAppComponent/ui/SettingsAndActionsBlock.tsx
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function SettingsAndActionsBlock({
   isScanningPhoneColumns,
   targetPhoneOptions,
@@ -12259,29 +13230,29 @@ function SettingsAndActionsBlock({
   clearBroadcastSummary
 }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "col-span-12 lg:col-span-4 min-h-[26rem] flex flex-col justify-between bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-between pb-2 border-b border-slate-200/70 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm", children: "\u2699\uFE0F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-bold text-slate-800", children: "\u05D4\u05D2\u05D3\u05E8\u05D5\u05EA \u05D5\u05E4\u05E2\u05D5\u05DC\u05D5\u05EA" })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "col-span-12 lg:col-span-4 min-h-[26rem] flex flex-col justify-between bg-slate-50/70 border border-slate-200 rounded-2xl p-3.5 gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center justify-between pb-2 border-b border-slate-200/70 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm", children: "\u2699\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs font-bold text-slate-800", children: "\u05D4\u05D2\u05D3\u05E8\u05D5\u05EA \u05D5\u05E4\u05E2\u05D5\u05DC\u05D5\u05EA" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-2.5 py-1", children: [
-        isScanningPhoneColumns && targetPhoneOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "p-2.5 bg-slate-100/80 border border-slate-200 rounded-xl text-slate-500 text-xs flex items-center gap-2 shadow-2xs animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Loader2, { className: "w-4 h-4 animate-spin text-emerald-600 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-medium text-[11px] text-slate-600", children: "\u05E1\u05D5\u05E8\u05E7 \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D5\u05D1\u05D8\u05D1\u05DC\u05D0\u05D5\u05EA \u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA..." })
-        ] }) : targetPhoneOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "p-2.5 bg-amber-50 border border-amber-200 rounded-xl text-amber-900 text-xs flex items-center gap-2 shadow-2xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.AlertCircle, { className: "w-4 h-4 text-amber-600 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-semibold text-[11px]", children: "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" })
-        ] }) : targetPhoneOptions.length === 1 && targetPhoneOptions[0].type === "DIRECT" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "text-[11px] font-semibold text-slate-700 flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Phone, { className: "w-3 h-3 text-slate-400" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D9\u05E2\u05D3" })
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2.5 py-1", children: [
+        isScanningPhoneColumns && targetPhoneOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "p-2.5 bg-slate-100/80 border border-slate-200 rounded-xl text-slate-500 text-xs flex items-center gap-2 shadow-2xs animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Loader2, { className: "w-4 h-4 animate-spin text-emerald-600 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-medium text-[11px] text-slate-600", children: "\u05E1\u05D5\u05E8\u05E7 \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4 \u05D5\u05D1\u05D8\u05D1\u05DC\u05D0\u05D5\u05EA \u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA..." })
+        ] }) : targetPhoneOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "p-2.5 bg-amber-50 border border-amber-200 rounded-xl text-amber-900 text-xs flex items-center gap-2 shadow-2xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.AlertCircle, { className: "w-4 h-4 text-amber-600 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-semibold text-[11px]", children: "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05D8\u05D1\u05DC\u05D4" })
+        ] }) : targetPhoneOptions.length === 1 && targetPhoneOptions[0].type === "DIRECT" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "text-[11px] font-semibold text-slate-700 flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Phone, { className: "w-3 h-3 text-slate-400" }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D9\u05E2\u05D3" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[9px] font-medium text-slate-500 bg-slate-100 px-1.5 py-0.5 rounded border border-slate-200", children: "\u05D6\u05D5\u05D4\u05EA\u05D4 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[9px] font-medium text-slate-500 bg-slate-100 px-1.5 py-0.5 rounded border border-slate-200", children: "\u05D6\u05D5\u05D4\u05EA\u05D4 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "input",
               {
                 type: "text",
@@ -12291,52 +13262,52 @@ function SettingsAndActionsBlock({
                 className: "w-full h-8 px-2.5 pl-7 text-[11px] rounded-lg border border-slate-200 bg-slate-100 text-slate-600 cursor-not-allowed font-medium select-none"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Phone, { className: "w-3.5 h-3.5 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Phone, { className: "w-3.5 h-3.5 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "text-[11px] font-semibold text-slate-700 flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Phone, { className: "w-3 h-3 text-slate-400" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D9\u05E2\u05D3" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "text-[11px] font-semibold text-slate-700 flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Phone, { className: "w-3 h-3 text-slate-400" }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D8\u05DC\u05E4\u05D5\u05DF \u05D9\u05E2\u05D3" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[9px] text-slate-400", children: "\u05D7\u05D5\u05D1\u05D4" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[9px] text-slate-400", children: "\u05D7\u05D5\u05D1\u05D4" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "select",
               {
                 value: phoneColumnId,
                 onChange: (e) => setPhoneColumnId(e.target.value),
                 className: "w-full h-8 px-2.5 pr-2.5 pl-6 text-[11px] rounded-lg border border-slate-200 bg-white text-slate-700 appearance-none focus:border-emerald-500 cursor-pointer",
-                children: targetPhoneOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: opt.id, children: opt.label }, opt.id))
+                children: targetPhoneOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: opt.id, children: opt.label }, opt.id))
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "label",
               {
                 htmlFor: "whatsapp-auto-select-records",
                 className: "text-[11px] font-semibold text-slate-700 flex items-center gap-1 cursor-pointer",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.CheckSquare, { className: "w-3 h-3 text-slate-400" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05D1\u05D7\u05E8 \u05E8\u05E9\u05D5\u05DE\u05D4 (\u05DB\u05DE\u05D5\u05EA \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05E8\u05D1\u05D9\u05EA)" })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.CheckSquare, { className: "w-3 h-3 text-slate-400" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u05D1\u05D7\u05E8 \u05E8\u05E9\u05D5\u05DE\u05D4 (\u05DB\u05DE\u05D5\u05EA \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05E8\u05D1\u05D9\u05EA)" })
                 ]
               }
             ),
-            autoSelectCount !== null && autoSelectCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 animate-in fade-in duration-150", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[9px] font-semibold text-emerald-700 bg-emerald-50 border border-emerald-200/80 px-1.5 py-0.5 rounded-full flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+            autoSelectCount !== null && autoSelectCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1.5 animate-in fade-in duration-150", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[9px] font-semibold text-emerald-700 bg-emerald-50 border border-emerald-200/80 px-1.5 py-0.5 rounded-full flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
                   "\u05E0\u05D1\u05D7\u05E8\u05D5 ",
                   selectedRowIdsCount,
                   " \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA"
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -12345,14 +13316,14 @@ function SettingsAndActionsBlock({
                   title: "\u05E0\u05E7\u05D4 \u05D1\u05D7\u05D9\u05E8\u05D4 \u05D0\u05D5\u05D8\u05D5\u05DE\u05D8\u05D9\u05EA",
                   "aria-label": "Clear auto select count",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.X, { className: "w-3 h-3" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05E0\u05E7\u05D4" })
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.X, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u05E0\u05E7\u05D4" })
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "input",
             {
               id: "whatsapp-auto-select-records",
@@ -12380,19 +13351,19 @@ function SettingsAndActionsBlock({
             }
           ) })
         ] }),
-        (selectedPhoneOption == null ? void 0 : selectedPhoneOption.type) === "SUBTABLE" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "p-2.5 bg-emerald-50/60 border border-emerald-200/80 rounded-xl space-y-2 animate-in fade-in duration-150", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 pb-1 border-b border-emerald-200/60", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Users, { className: "w-3.5 h-3.5 text-emerald-700" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-[10.5px] font-bold text-emerald-900 truncate", children: [
+        (selectedPhoneOption == null ? void 0 : selectedPhoneOption.type) === "SUBTABLE" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "p-2.5 bg-emerald-50/60 border border-emerald-200/80 rounded-xl space-y-2 animate-in fade-in duration-150", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1.5 pb-1 border-b border-emerald-200/60", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Users, { className: "w-3.5 h-3.5 text-emerald-700" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[10.5px] font-bold text-emerald-900 truncate", children: [
               "\u05D4\u05D2\u05D3\u05E8\u05D5\u05EA \u05E9\u05DC\u05D9\u05D7\u05D4 \u05DC\u05EA\u05EA-\u05D8\u05D1\u05DC\u05D4 \u05DE\u05E7\u05D5\u05E9\u05E8\u05EA (",
               selectedPhoneOption.parentColumnName,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "text-[10px] font-semibold text-slate-700 block", children: "\u05E1\u05E0\u05DF \u05E0\u05E6\u05D9\u05D2\u05D9\u05DD (\u05D1\u05EA\u05EA-\u05D4\u05D8\u05D1\u05DC\u05D4) \u05DC\u05E4\u05D9 \u05E2\u05DE\u05D5\u05D3\u05D4:" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "text-[10px] font-semibold text-slate-700 block", children: "\u05E1\u05E0\u05DF \u05E0\u05E6\u05D9\u05D2\u05D9\u05DD (\u05D1\u05EA\u05EA-\u05D4\u05D8\u05D1\u05DC\u05D4) \u05DC\u05E4\u05D9 \u05E2\u05DE\u05D5\u05D3\u05D4:" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "select",
                 {
                   value: subtableFilterColumn,
@@ -12402,10 +13373,10 @@ function SettingsAndActionsBlock({
                   },
                   className: "w-full h-7 px-2 pr-2 pl-5 text-[11px] rounded-lg border border-slate-200 bg-white text-slate-700 appearance-none focus:border-emerald-500 cursor-pointer truncate",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "\u05DB\u05DC \u05D4\u05E0\u05E6\u05D9\u05D2\u05D9\u05DD \u05E9\u05E0\u05D1\u05D7\u05E8\u05D5 (\u05DC\u05DC\u05D0 \u05E1\u05D9\u05E0\u05D5\u05DF \u05E0\u05D5\u05E1\u05E3)" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: "\u05DB\u05DC \u05D4\u05E0\u05E6\u05D9\u05D2\u05D9\u05DD \u05E9\u05E0\u05D1\u05D7\u05E8\u05D5 (\u05DC\u05DC\u05D0 \u05E1\u05D9\u05E0\u05D5\u05DF \u05E0\u05D5\u05E1\u05E3)" }),
                     subtableFilterableColumns.map((col) => {
                       var _a2;
-                      return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("option", { value: col.name, children: [
+                      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("option", { value: col.name, children: [
                         col.name,
                         " (",
                         ((_a2 = col.type) == null ? void 0 : _a2.toUpperCase()) === "BOOLEAN" ? "\u05D1\u05D5\u05DC\u05D9\u05D0\u05E0\u05D9" : "\u05E7\u05E9\u05E8",
@@ -12415,30 +13386,30 @@ function SettingsAndActionsBlock({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
             ] })
           ] }),
-          selectedSubtableFilterCol && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1 animate-in fade-in duration-150", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "text-[10px] font-semibold text-slate-700 block", children: "\u05E9\u05D4\u05E2\u05E8\u05DA \u05E9\u05DC\u05D4\u05DD \u05E9\u05D5\u05D5\u05D4 \u05DC:" }),
-              !subtableFilterValue && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[9px] text-amber-600 font-medium", children: "\u05D1\u05D7\u05E8 \u05E2\u05E8\u05DA..." })
+          selectedSubtableFilterCol && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1 animate-in fade-in duration-150", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "text-[10px] font-semibold text-slate-700 block", children: "\u05E9\u05D4\u05E2\u05E8\u05DA \u05E9\u05DC\u05D4\u05DD \u05E9\u05D5\u05D5\u05D4 \u05DC:" }),
+              !subtableFilterValue && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[9px] text-amber-600 font-medium", children: "\u05D1\u05D7\u05E8 \u05E2\u05E8\u05DA..." })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "select",
                 {
                   value: subtableFilterValue,
                   onChange: (e) => setSubtableFilterValue(e.target.value),
                   className: `w-full h-7 px-2 pr-2 pl-5 text-[11px] rounded-lg border appearance-none cursor-pointer truncate transition-colors ${!subtableFilterValue ? "border-amber-400 bg-amber-50/30 text-slate-700 focus:border-amber-500 focus:ring-1 focus:ring-amber-500" : "border-slate-200 bg-white text-slate-700 focus:border-emerald-500"}`,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF..." }),
-                    ((_a = selectedSubtableFilterCol.type) == null ? void 0 : _a.toUpperCase()) === "BOOLEAN" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "true", children: "\u05DB\u05DF (true)" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "false", children: "\u05DC\u05D0 (false)" })
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05E8\u05DA \u05DC\u05E1\u05D9\u05E0\u05D5\u05DF..." }),
+                    ((_a = selectedSubtableFilterCol.type) == null ? void 0 : _a.toUpperCase()) === "BOOLEAN" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "true", children: "\u05DB\u05DF (true)" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "false", children: "\u05DC\u05D0 (false)" })
                     ] }) : getRelationOptionsForCol(
                       selectedSubtableFilterCol.name,
                       selectedPhoneOption.parentColumnName
-                    ).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: opt.id, children: getRelationOptionLabel(
+                    ).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: opt.id, children: getRelationOptionLabel(
                       opt,
                       selectedSubtableFilterCol,
                       relationOptions
@@ -12446,32 +13417,32 @@ function SettingsAndActionsBlock({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "text-[10px] font-semibold text-slate-700 block", children: "\u05DE\u05D2\u05D1\u05DC\u05EA \u05E9\u05DC\u05D9\u05D7\u05D4 \u05DC\u05DB\u05DC \u05E9\u05D5\u05E8\u05D4 \u05E8\u05D0\u05E9\u05D9\u05EA:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "text-[10px] font-semibold text-slate-700 block", children: "\u05DE\u05D2\u05D1\u05DC\u05EA \u05E9\u05DC\u05D9\u05D7\u05D4 \u05DC\u05DB\u05DC \u05E9\u05D5\u05E8\u05D4 \u05E8\u05D0\u05E9\u05D9\u05EA:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "select",
                 {
                   value: subtableSendLimit,
                   onChange: (e) => setSubtableSendLimit(e.target.value),
                   className: "w-full h-7 px-2 pr-2 pl-5 text-[11px] rounded-lg border border-slate-200 bg-white text-slate-700 appearance-none focus:border-emerald-500 cursor-pointer truncate",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "PRIMARY", children: "\u05DC\u05E0\u05E6\u05D9\u05D2 \u05E8\u05D0\u05E9\u05D9 \u05D1\u05DC\u05D1\u05D3" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "FIRST", children: "\u05E0\u05E6\u05D9\u05D2 \u05D0\u05D7\u05D3 \u05D1\u05DC\u05D1\u05D3" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "ALL", children: "\u05DB\u05DC \u05D4\u05E0\u05E6\u05D9\u05D2\u05D9\u05DD" })
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "PRIMARY", children: "\u05DC\u05E0\u05E6\u05D9\u05D2 \u05E8\u05D0\u05E9\u05D9 \u05D1\u05DC\u05D1\u05D3" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "FIRST", children: "\u05E0\u05E6\u05D9\u05D2 \u05D0\u05D7\u05D3 \u05D1\u05DC\u05D1\u05D3" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "ALL", children: "\u05DB\u05DC \u05D4\u05E0\u05E6\u05D9\u05D2\u05D9\u05DD" })
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "pt-2 border-t border-slate-200/70 space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer select-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "pt-2 border-t border-slate-200/70 space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer select-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -12488,13 +13459,13 @@ function SettingsAndActionsBlock({
                 className: "w-3.5 h-3.5 rounded border-slate-300 text-emerald-600 focus:ring-emerald-500 cursor-pointer"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[11px] font-semibold text-slate-800", children: "\u05E2\u05D3\u05DB\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4 \u05DE\u05D5\u05E6\u05DC\u05D7\u05EA" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[11px] font-semibold text-slate-800", children: "\u05E2\u05D3\u05DB\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD \u05DC\u05D0\u05D7\u05E8 \u05E9\u05DC\u05D9\u05D7\u05D4 \u05DE\u05D5\u05E6\u05DC\u05D7\u05EA" })
           ] }),
-          enablePostSendAction && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "p-2 bg-slate-100/70 border border-slate-200/80 rounded-xl space-y-2 animate-in fade-in duration-150", children: postSendActionTargetOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "text-[10px] text-slate-400 text-center py-1", children: "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05E7\u05E9\u05E8 \u05D0\u05D5 \u05D1\u05D5\u05DC\u05D9\u05D0\u05E0\u05D9 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "text-[10px] font-semibold text-slate-600 block", children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF" }),
-                selectedPostSendOption && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          enablePostSendAction && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "p-2 bg-slate-100/70 border border-slate-200/80 rounded-xl space-y-2 animate-in fade-in duration-150", children: postSendActionTargetOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-[10px] text-slate-400 text-center py-1", children: "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D5 \u05E2\u05DE\u05D5\u05D3\u05D5\u05EA \u05E7\u05E9\u05E8 \u05D0\u05D5 \u05D1\u05D5\u05DC\u05D9\u05D0\u05E0\u05D9 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "text-[10px] font-semibold text-slate-600 block", children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D9\u05E2\u05D3 \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF" }),
+                selectedPostSendOption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "span",
                   {
                     className: `text-[9px] font-medium px-1.5 py-0.5 rounded border ${selectedPostSendOption.targetType === "SUBTABLE" ? "bg-emerald-50 text-emerald-700 border-emerald-200" : "bg-slate-100 text-slate-600 border-slate-200"}`,
@@ -12502,8 +13473,8 @@ function SettingsAndActionsBlock({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                   "select",
                   {
                     value: postSendActionColumn,
@@ -12516,35 +13487,35 @@ function SettingsAndActionsBlock({
                     },
                     className: "w-full h-7 px-2 pr-2 pl-5 text-[11px] rounded-lg border border-slate-200 bg-white text-slate-700 appearance-none focus:border-emerald-500 cursor-pointer truncate",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4..." }),
-                      postSendActionTargetOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: opt.id, children: opt.label }, opt.id))
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05DE\u05D5\u05D3\u05D4..." }),
+                      postSendActionTargetOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: opt.id, children: opt.label }, opt.id))
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
               ] })
             ] }),
-            selectedPostSendOption && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1 animate-in fade-in duration-150", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "text-[10px] font-semibold text-slate-600 block", children: "\u05E2\u05E8\u05DA \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF" }),
-                !postSendActionValue && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-[9px] text-amber-600 font-medium", children: "\u05D7\u05D5\u05D1\u05D4 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA" })
+            selectedPostSendOption && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1 animate-in fade-in duration-150", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "text-[10px] font-semibold text-slate-600 block", children: "\u05E2\u05E8\u05DA \u05DC\u05E2\u05D3\u05DB\u05D5\u05DF" }),
+                !postSendActionValue && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[9px] text-amber-600 font-medium", children: "\u05D7\u05D5\u05D1\u05D4 \u05DC\u05D1\u05D7\u05D5\u05E8 \u05E2\u05E8\u05DA" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                   "select",
                   {
                     value: postSendActionValue,
                     onChange: (e) => setPostSendActionValue(e.target.value),
                     className: `w-full h-7 px-2 pr-2 pl-5 text-[11px] rounded-lg border appearance-none cursor-pointer truncate transition-colors ${!postSendActionValue ? "border-amber-400 bg-amber-50/30 text-slate-700 focus:border-amber-500 focus:ring-1 focus:ring-amber-500" : "border-slate-200 bg-white text-slate-700 focus:border-emerald-500"}`,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05E8\u05DA..." }),
-                      selectedPostSendOption.type === "BOOLEAN" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "true", children: "\u05DB\u05DF (Yes)" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "false", children: "\u05DC\u05D0 (No)" })
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: "\u05D1\u05D7\u05E8 \u05E2\u05E8\u05DA..." }),
+                      selectedPostSendOption.type === "BOOLEAN" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "true", children: "\u05DB\u05DF (Yes)" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "false", children: "\u05DC\u05D0 (No)" })
                       ] }) : getRelationOptionsForCol(
                         selectedPostSendOption.columnName,
                         selectedPostSendOption.parentColumnName
-                      ).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: opt.id, children: getRelationOptionLabel(
+                      ).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: opt.id, children: getRelationOptionLabel(
                         opt,
                         selectedPostSendOption,
                         relationOptions
@@ -12552,15 +13523,15 @@ function SettingsAndActionsBlock({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.ChevronDown, { className: "w-3 h-3 text-slate-400 absolute left-1.5 top-1/2 -translate-y-1/2 pointer-events-none" })
               ] })
             ] })
           ] }) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mt-auto pt-2.5 border-t border-slate-200/80 space-y-2 shrink-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mt-auto pt-2.5 border-t border-slate-200/80 space-y-2 shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "button",
         {
           type: "button",
@@ -12569,23 +13540,23 @@ function SettingsAndActionsBlock({
           className: `w-full h-8 px-3 text-xs font-semibold rounded-xl border transition-all flex items-center justify-center gap-1.5 ${isTestDisabled || isSendingBroadcast ? "bg-slate-100 text-slate-400 border-slate-200 cursor-not-allowed opacity-60" : "bg-white hover:bg-slate-50 text-slate-700 border-slate-200 active:scale-[0.98] cursor-pointer shadow-2xs"}`,
           title: testButtonTitle,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Phone, { className: "w-3 h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05E9\u05DC\u05D7 \u05D8\u05E1\u05D8" })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Phone, { className: "w-3 h-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u05E9\u05DC\u05D7 \u05D8\u05E1\u05D8" })
           ]
         }
       ),
-      isSendingBroadcast ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      isSendingBroadcast ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "div",
         {
           className: "w-full bg-white border border-emerald-200 rounded-xl p-2.5 shadow-xs space-y-2 animate-in fade-in duration-200",
           "data-testid": "live-broadcast-progress",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between text-[11px] font-semibold text-slate-700", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 text-emerald-800 font-bold", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Loader2, { className: "w-3.5 h-3.5 animate-spin text-emerald-600 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05E9\u05D5\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA \u05D1\u05EA\u05E4\u05D5\u05E6\u05D4..." })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between text-[11px] font-semibold text-slate-700", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1.5 text-emerald-800 font-bold", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Loader2, { className: "w-3.5 h-3.5 animate-spin text-emerald-600 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u05E9\u05D5\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA \u05D1\u05EA\u05E4\u05D5\u05E6\u05D4..." })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-emerald-700 font-bold", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-emerald-700 font-bold", children: [
                 (broadcastProgress == null ? void 0 : broadcastProgress.percent) || 0,
                 "% (",
                 (broadcastProgress == null ? void 0 : broadcastProgress.current) || 0,
@@ -12594,7 +13565,7 @@ function SettingsAndActionsBlock({
                 ")"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full h-2.5 bg-slate-100 rounded-full overflow-hidden border border-slate-200", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w-full h-2.5 bg-slate-100 rounded-full overflow-hidden border border-slate-200", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "div",
               {
                 className: "h-full bg-emerald-500 rounded-full transition-all duration-300 ease-out",
@@ -12603,18 +13574,18 @@ function SettingsAndActionsBlock({
                 }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-around pt-1 text-[11px] font-medium border-t border-slate-100", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-emerald-700 flex items-center gap-1", title: "\u05E0\u05E9\u05DC\u05D7\u05D5 \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u2705" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-bold", children: (broadcastProgress == null ? void 0 : broadcastProgress.successful) || 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-around pt-1 text-[11px] font-medium border-t border-slate-100", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-emerald-700 flex items-center gap-1", title: "\u05E0\u05E9\u05DC\u05D7\u05D5 \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u2705" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-bold", children: (broadcastProgress == null ? void 0 : broadcastProgress.successful) || 0 })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-rose-600 flex items-center gap-1", title: "\u05E9\u05DC\u05D9\u05D7\u05D4 \u05E0\u05DB\u05E9\u05DC\u05D4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u274C" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-bold", children: (broadcastProgress == null ? void 0 : broadcastProgress.failed) || 0 })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-rose-600 flex items-center gap-1", title: "\u05E9\u05DC\u05D9\u05D7\u05D4 \u05E0\u05DB\u05E9\u05DC\u05D4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u274C" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-bold", children: (broadcastProgress == null ? void 0 : broadcastProgress.failed) || 0 })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "text-amber-700 flex items-center gap-1", title: "\u05E9\u05D5\u05E8\u05D5\u05EA \u05E9\u05D3\u05D5\u05DC\u05D2\u05D5 \u05DC\u05DC\u05D0 \u05DE\u05E1\u05E4\u05E8 \u05D8\u05DC\u05E4\u05D5\u05DF \u05EA\u05E7\u05D9\u05DF", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u26A0\uFE0F" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "font-bold", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-amber-700 flex items-center gap-1", title: "\u05E9\u05D5\u05E8\u05D5\u05EA \u05E9\u05D3\u05D5\u05DC\u05D2\u05D5 \u05DC\u05DC\u05D0 \u05DE\u05E1\u05E4\u05E8 \u05D8\u05DC\u05E4\u05D5\u05DF \u05EA\u05E7\u05D9\u05DF", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u26A0\uFE0F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "font-bold", children: [
                   (broadcastProgress == null ? void 0 : broadcastProgress.skipped) || 0,
                   " \u05DC\u05DC\u05D0 \u05D8\u05DC\u05E4\u05D5\u05DF"
                 ] })
@@ -12622,8 +13593,8 @@ function SettingsAndActionsBlock({
             ] })
           ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "button",
           {
             type: "button",
@@ -12632,56 +13603,56 @@ function SettingsAndActionsBlock({
             className: `w-full h-9 px-3 text-xs font-bold rounded-xl shadow-xs transition-all flex items-center justify-center gap-2 ${isSendDisabled ? "bg-emerald-600/40 text-white/70 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 active:scale-[0.98] text-white cursor-pointer"}`,
             title: sendButtonTitle,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Send, { className: "w-3.5 h-3.5" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: finalRecipientCount > 0 ? `\u05E9\u05DC\u05D7 \u05DC-${finalRecipientCount} \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD` : "\u05E9\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA" })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Send, { className: "w-3.5 h-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: finalRecipientCount > 0 ? `\u05E9\u05DC\u05D7 \u05DC-${finalRecipientCount} \u05E0\u05DE\u05E2\u05E0\u05D9\u05DD` : "\u05E9\u05DC\u05D7 \u05D4\u05D5\u05D3\u05E2\u05D5\u05EA" })
             ]
           }
         ),
-        validMainRowsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "text-center text-[10.5px] text-slate-500 font-medium pt-0.5", children: [
+        validMainRowsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-center text-[10.5px] text-slate-500 font-medium pt-0.5", children: [
           "\u05DE\u05EA\u05D5\u05DA ",
           validMainRowsCount,
           " \u05E9\u05D5\u05E8\u05D5\u05EA \u05E8\u05D0\u05E9\u05D9\u05D5\u05EA"
         ] }),
-        broadcastSummary && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        broadcastSummary && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "div",
           {
             className: "w-full bg-slate-50/90 border border-slate-200/90 rounded-xl p-2.5 shadow-2xs space-y-2 animate-in fade-in duration-200",
             "data-testid": "broadcast-summary-card",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 text-[11px] font-bold text-slate-700", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs", children: "\u{1F4CA}" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u05E1\u05D9\u05DB\u05D5\u05DD \u05E9\u05D9\u05D3\u05D5\u05E8 \u05D0\u05D7\u05E8\u05D5\u05DF" })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1.5 text-[11px] font-bold text-slate-700", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs", children: "\u{1F4CA}" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u05E1\u05D9\u05DB\u05D5\u05DD \u05E9\u05D9\u05D3\u05D5\u05E8 \u05D0\u05D7\u05E8\u05D5\u05DF" })
                 ] }),
-                clearBroadcastSummary && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                clearBroadcastSummary && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "button",
                   {
                     type: "button",
                     onClick: clearBroadcastSummary,
                     className: "text-slate-400 hover:text-slate-600 p-0.5 rounded-md hover:bg-slate-200/60 transition-colors cursor-pointer",
                     title: "\u05E1\u05D2\u05D5\u05E8 \u05E1\u05D9\u05DB\u05D5\u05DD",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.X, { className: "w-3.5 h-3.5" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.X, { className: "w-3.5 h-3.5" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 pt-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10.5px] font-semibold bg-emerald-50 text-emerald-700 border border-emerald-200/80", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u2705" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 pt-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10.5px] font-semibold bg-emerald-50 text-emerald-700 border border-emerald-200/80", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u2705" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
                     broadcastSummary.successful,
                     " \u05E0\u05E9\u05DC\u05D7\u05D5"
                   ] })
                 ] }),
-                broadcastSummary.failed > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10.5px] font-semibold bg-rose-50 text-rose-700 border border-rose-200/80", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u274C" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+                broadcastSummary.failed > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10.5px] font-semibold bg-rose-50 text-rose-700 border border-rose-200/80", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u274C" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
                     broadcastSummary.failed,
                     " \u05E0\u05DB\u05E9\u05DC\u05D5"
                   ] })
                 ] }),
-                broadcastSummary.skipped > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10.5px] font-semibold bg-amber-50 text-amber-700 border border-amber-200/80", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u26A0\uFE0F" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
+                broadcastSummary.skipped > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10.5px] font-semibold bg-amber-50 text-amber-700 border border-amber-200/80", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u26A0\uFE0F" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
                     broadcastSummary.skipped,
                     " \u05DC\u05DC\u05D0 \u05D8\u05DC\u05E4\u05D5\u05DF"
                   ] })
@@ -12696,48 +13667,48 @@ function SettingsAndActionsBlock({
 }
 
 // src/components/WhatsAppComponent/WhatsAppComponent.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function WhatsAppComponent(props) {
   var _a;
   const { className = "", settings, orgId, componentId, executeAction } = props;
   const state = useWhatsAppState(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       className: `w-full flex flex-col bg-white border border-slate-200 rounded-2xl shadow-xs overflow-hidden ${className}`,
       "data-testid": "whatsapp-component",
       dir: "rtl",
       children: [
-        state.feedback && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        state.feedback && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "div",
           {
             className: `px-6 py-3 border-b text-xs flex items-center justify-between gap-3 ${state.feedback.type === "success" ? "bg-emerald-50 border-emerald-200 text-emerald-800" : "bg-rose-50 border-rose-200 text-rose-800"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-                state.feedback.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.CheckCircle2, { className: "w-4 h-4 text-emerald-600 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-rose-600 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: state.feedback.message })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+                state.feedback.type === "success" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.CheckCircle2, { className: "w-4 h-4 text-emerald-600 shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-rose-600 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: state.feedback.message })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: () => state.setFeedback(null),
                   className: "text-slate-400 hover:text-slate-700 cursor-pointer",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.X, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.X, { className: "w-4 h-4" })
                 }
               )
             ]
           }
         ),
-        state.fetchError && !state.isLoadingTemplates && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "px-6 py-3 bg-amber-50 border-b border-amber-200 text-xs text-amber-900 flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-amber-600 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { children: [
+        state.fetchError && !state.isLoadingTemplates && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "px-6 py-3 bg-amber-50 border-b border-amber-200 text-xs text-amber-900 flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-amber-600 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { children: [
               "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05D8\u05E2\u05D9\u05E0\u05EA \u05EA\u05D1\u05E0\u05D9\u05D5\u05EA \u05DE-Meta: ",
               state.fetchError
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "button",
             {
               type: "button",
@@ -12747,9 +13718,9 @@ function WhatsAppComponent(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-4 flex flex-col gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-4 shrink-0 items-stretch", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-4 flex flex-col gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-4 shrink-0 items-stretch", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               TemplateSelectionBlock,
               {
                 selectedTemplate: state.selectedTemplate,
@@ -12777,7 +13748,7 @@ function WhatsAppComponent(props) {
                 handleFileUpload: state.handleFileUpload
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               DynamicFiltersBlock,
               {
                 filterableColumns: state.filterableColumns,
@@ -12794,7 +13765,7 @@ function WhatsAppComponent(props) {
                 isLoadingTableData: state.isLoadingTableData
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               SettingsAndActionsBlock,
               {
                 isScanningPhoneColumns: state.isScanningPhoneColumns,
@@ -12840,13 +13811,13 @@ function WhatsAppComponent(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 flex flex-col items-center justify-center p-12 text-center text-xs text-slate-400 gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Loader2, { className: "w-6 h-6 animate-spin text-emerald-600" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u05D8\u05D5\u05E2\u05DF \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05D4\u05D8\u05D1\u05DC\u05D4..." })
-          ] }) : state.tableError ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 flex items-center justify-center p-6 text-center text-xs text-rose-600 bg-rose-50 gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-rose-500 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: state.tableError })
-          ] }) : !(settings == null ? void 0 : settings.tableMetaId) ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex-1 flex items-center justify-center p-10 text-center text-xs text-slate-400", children: "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8 \u05E2\u05D1\u05D5\u05E8 \u05E8\u05DB\u05D9\u05D1 WhatsApp \u05D6\u05D4" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 flex flex-col items-center justify-center p-12 text-center text-xs text-slate-400 gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Loader2, { className: "w-6 h-6 animate-spin text-emerald-600" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "\u05D8\u05D5\u05E2\u05DF \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05D4\u05D8\u05D1\u05DC\u05D4..." })
+          ] }) : state.tableError ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 flex items-center justify-center p-6 text-center text-xs text-rose-600 bg-rose-50 gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-rose-500 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: state.tableError })
+          ] }) : !(settings == null ? void 0 : settings.tableMetaId) ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1 flex items-center justify-center p-10 text-center text-xs text-slate-400", children: "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05D8\u05D1\u05DC\u05EA \u05DE\u05E7\u05D5\u05E8 \u05E2\u05D1\u05D5\u05E8 \u05E8\u05DB\u05D9\u05D1 WhatsApp \u05D6\u05D4" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             TableBlockClient,
             {
               settings: {
@@ -12868,7 +13839,7 @@ function WhatsAppComponent(props) {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           CreateTemplateModal,
           {
             isOpen: state.isModalOpen,
@@ -12882,7 +13853,7 @@ function WhatsAppComponent(props) {
             orgId: state.orgId || orgId
           }
         ),
-        state.isTestPromptOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        state.isTestPromptOpen && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "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-150",
@@ -12891,7 +13862,7 @@ function WhatsAppComponent(props) {
               state.setIsTestPromptOpen(false);
               state.setTestFeedback(null);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               "div",
               {
                 className: "bg-white rounded-2xl border border-slate-200 shadow-2xl w-full max-w-md flex flex-col overflow-hidden animate-in zoom-in-95 duration-150",
@@ -12900,15 +13871,15 @@ function WhatsAppComponent(props) {
                 "aria-labelledby": "test-modal-title",
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "px-5 py-4 border-b border-slate-100 flex items-center justify-between bg-slate-50/70", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-8 h-8 rounded-lg bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Phone, { className: "w-4 h-4" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { id: "test-modal-title", className: "text-sm font-bold text-slate-900", children: "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA \u05D1\u05D3\u05D9\u05E7\u05D4 (\u05D8\u05E1\u05D8)" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] text-slate-500", children: "\u05D1\u05D3\u05D9\u05E7\u05EA \u05D4\u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D5\u05DC \u05E0\u05DE\u05E2\u05DF \u05D1\u05D5\u05D3\u05D3 \u05DC\u05E4\u05E0\u05D9 \u05E9\u05D9\u05D3\u05D5\u05E8 \u05E8\u05D7\u05D1" })
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "px-5 py-4 border-b border-slate-100 flex items-center justify-between bg-slate-50/70", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-8 h-8 rounded-lg bg-emerald-100 text-emerald-700 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Phone, { className: "w-4 h-4" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h3", { id: "test-modal-title", className: "text-sm font-bold text-slate-900", children: "\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05EA \u05D1\u05D3\u05D9\u05E7\u05D4 (\u05D8\u05E1\u05D8)" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-[11px] text-slate-500", children: "\u05D1\u05D3\u05D9\u05E7\u05EA \u05D4\u05EA\u05D1\u05E0\u05D9\u05EA \u05DE\u05D5\u05DC \u05E0\u05DE\u05E2\u05DF \u05D1\u05D5\u05D3\u05D3 \u05DC\u05E4\u05E0\u05D9 \u05E9\u05D9\u05D3\u05D5\u05E8 \u05E8\u05D7\u05D1" })
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                       "button",
                       {
                         type: "button",
@@ -12920,25 +13891,25 @@ function WhatsAppComponent(props) {
                         },
                         className: `w-8 h-8 rounded-lg flex items-center justify-center transition-colors ${state.isSendingTest ? "text-slate-300 cursor-not-allowed" : "text-slate-400 hover:text-slate-700 hover:bg-slate-200/50 cursor-pointer"}`,
                         title: "\u05E1\u05D2\u05D5\u05E8",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.X, { className: "w-4 h-4" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.X, { className: "w-4 h-4" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-5 space-y-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-2.5 bg-slate-50 border border-slate-200/80 rounded-xl flex items-center justify-between text-xs", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-slate-500 font-medium", children: "\u05EA\u05D1\u05E0\u05D9\u05EA \u05E0\u05D1\u05D7\u05E8\u05EA:" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-bold text-slate-800 font-mono", children: ((_a = state.selectedTemplate) == null ? void 0 : _a.name) || "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05EA\u05D1\u05E0\u05D9\u05EA" })
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-5 space-y-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-2.5 bg-slate-50 border border-slate-200/80 rounded-xl flex items-center justify-between text-xs", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-slate-500 font-medium", children: "\u05EA\u05D1\u05E0\u05D9\u05EA \u05E0\u05D1\u05D7\u05E8\u05EA:" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-bold text-slate-800 font-mono", children: ((_a = state.selectedTemplate) == null ? void 0 : _a.name) || "\u05DC\u05D0 \u05E0\u05D1\u05D7\u05E8\u05D4 \u05EA\u05D1\u05E0\u05D9\u05EA" })
                     ] }),
-                    state.selectedPhoneOption && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-2 bg-emerald-50/50 border border-emerald-200/60 rounded-xl flex items-center justify-between text-[11px]", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-emerald-800 font-medium", children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D9\u05E2\u05D3:" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-bold text-emerald-950 font-mono", children: state.selectedPhoneOption.label })
+                    state.selectedPhoneOption && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-2 bg-emerald-50/50 border border-emerald-200/60 rounded-xl flex items-center justify-between text-[11px]", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-emerald-800 font-medium", children: "\u05E2\u05DE\u05D5\u05D3\u05EA \u05D9\u05E2\u05D3:" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-bold text-emerald-950 font-mono", children: state.selectedPhoneOption.label })
                     ] }),
                     state.templateHeaderComp && (() => {
                       const headerFormat = (state.templateHeaderComp.format || "").toUpperCase();
                       const docFilename = resolveDocumentFilename(state.templateHeaderComp, state.headerMediaUrl);
-                      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-2.5 bg-slate-50 border border-slate-200/80 rounded-xl flex items-center justify-between text-xs", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center gap-2 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-7 h-7 rounded-md overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: state.headerMediaUrl && state.headerMediaUrl.startsWith("http") ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-2.5 bg-slate-50 border border-slate-200/80 rounded-xl flex items-center justify-between text-xs", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center gap-2 overflow-hidden", children: headerFormat === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-7 h-7 rounded-md overflow-hidden border border-slate-200 shrink-0 bg-slate-100 flex items-center justify-center", children: state.headerMediaUrl && state.headerMediaUrl.startsWith("http") ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                             "img",
                             {
                               src: state.headerMediaUrl,
@@ -12948,28 +13919,28 @@ function WhatsAppComponent(props) {
                                 e.currentTarget.style.display = "none";
                               }
                             }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Image, { className: "w-3.5 h-3.5 text-emerald-600" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-semibold text-slate-800 truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" })
-                        ] }) : headerFormat === "DOCUMENT" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-7 h-7 rounded-md bg-rose-50 text-rose-600 border border-rose-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.FileText, { className: "w-3.5 h-3.5" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "overflow-hidden", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-semibold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: docFilename, children: docFilename })
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Image, { className: "w-3.5 h-3.5 text-emerald-600" }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-semibold text-slate-800 truncate", children: "\u05EA\u05DE\u05D5\u05E0\u05EA \u05DB\u05D5\u05EA\u05E8\u05EA" })
+                        ] }) : headerFormat === "DOCUMENT" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-7 h-7 rounded-md bg-rose-50 text-rose-600 border border-rose-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.FileText, { className: "w-3.5 h-3.5" }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "overflow-hidden", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-semibold text-slate-800 block truncate", children: "\u05DE\u05E1\u05DE\u05DA \u05DB\u05D5\u05EA\u05E8\u05EA (PDF)" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-[10px] text-slate-500 font-mono block truncate", title: docFilename, children: docFilename })
                           ] })
-                        ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-7 h-7 rounded-md bg-indigo-50 text-indigo-600 border border-indigo-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Video, { className: "w-3.5 h-3.5" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-semibold text-slate-800 truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" })
+                        ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-7 h-7 rounded-md bg-indigo-50 text-indigo-600 border border-indigo-100 flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Video, { className: "w-3.5 h-3.5" }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-semibold text-slate-800 truncate", children: "\u05E1\u05E8\u05D8\u05D5\u05DF \u05DB\u05D5\u05EA\u05E8\u05EA" })
                         ] }) }),
-                        state.headerMediaUrl && state.headerMediaUrl.startsWith("http") ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-emerald-700 bg-emerald-50 border border-emerald-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-[10px] text-amber-700 bg-amber-50 border border-amber-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E0\u05D3\u05E8\u05E9 \u05E6\u05D9\u05E8\u05D5\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5" })
+                        state.headerMediaUrl && state.headerMediaUrl.startsWith("http") ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-[10px] text-emerald-700 bg-emerald-50 border border-emerald-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E7\u05D5\u05D1\u05E5 \u05DE\u05E6\u05D5\u05E8\u05E3 \u05EA\u05E7\u05D9\u05DF" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-[10px] text-amber-700 bg-amber-50 border border-amber-200 px-1.5 py-0.5 rounded font-medium shrink-0", children: "\u05E0\u05D3\u05E8\u05E9 \u05E6\u05D9\u05E8\u05D5\u05E3 \u05E7\u05D5\u05D1\u05E5 \u05DC\u05EA\u05D1\u05E0\u05D9\u05EA \u05D6\u05D5" })
                       ] });
                     })(),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "text-xs font-semibold text-slate-700 block", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-1.5", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "text-xs font-semibold text-slate-700 block", children: [
                         "\u05DE\u05E1\u05E4\u05E8 \u05D8\u05DC\u05E4\u05D5\u05DF \u05DC\u05D8\u05E1\u05D8 ",
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-rose-500", children: "*" })
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-rose-500", children: "*" })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                           "input",
                           {
                             type: "tel",
@@ -12991,17 +13962,17 @@ function WhatsAppComponent(props) {
                             className: "w-full h-10 px-3 pr-3 pl-8 text-sm rounded-xl border border-slate-200 bg-white text-slate-900 placeholder:text-slate-400 focus:outline-hidden focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all font-mono disabled:opacity-60 disabled:cursor-not-allowed"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Phone, { className: "w-4 h-4 text-slate-400 absolute left-2.5 top-1/2 -translate-y-1/2 pointer-events-none" })
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Phone, { className: "w-4 h-4 text-slate-400 absolute left-2.5 top-1/2 -translate-y-1/2 pointer-events-none" })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] text-slate-500 leading-normal", children: "\u05D4\u05D5\u05D3\u05E2\u05EA \u05D4\u05D1\u05D3\u05D9\u05E7\u05D4 \u05EA\u05D9\u05E9\u05DC\u05D7 \u05D9\u05E9\u05D9\u05E8\u05D5\u05EA \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D6\u05D4 \u05DC\u05E6\u05D5\u05E8\u05DA \u05D5\u05D9\u05D3\u05D5\u05D0 \u05EA\u05E7\u05D9\u05E0\u05D5\u05EA \u05EA\u05D5\u05DB\u05DF \u05D4\u05D4\u05D5\u05D3\u05E2\u05D4 \u05D5\u05D4\u05E2\u05D9\u05E6\u05D5\u05D1." })
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-[11px] text-slate-500 leading-normal", children: "\u05D4\u05D5\u05D3\u05E2\u05EA \u05D4\u05D1\u05D3\u05D9\u05E7\u05D4 \u05EA\u05D9\u05E9\u05DC\u05D7 \u05D9\u05E9\u05D9\u05E8\u05D5\u05EA \u05DC\u05DE\u05E1\u05E4\u05E8 \u05D6\u05D4 \u05DC\u05E6\u05D5\u05E8\u05DA \u05D5\u05D9\u05D3\u05D5\u05D0 \u05EA\u05E7\u05D9\u05E0\u05D5\u05EA \u05EA\u05D5\u05DB\u05DF \u05D4\u05D4\u05D5\u05D3\u05E2\u05D4 \u05D5\u05D4\u05E2\u05D9\u05E6\u05D5\u05D1." })
                     ] }),
-                    state.testFeedback && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "p-2.5 bg-rose-50 border border-rose-200 rounded-xl text-xs text-rose-700 flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-rose-500 shrink-0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: state.testFeedback })
+                    state.testFeedback && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-2.5 bg-rose-50 border border-rose-200 rounded-xl text-xs text-rose-700 flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.AlertCircle, { className: "w-4 h-4 text-rose-500 shrink-0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: state.testFeedback })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "px-5 py-3.5 bg-slate-50/70 border-t border-slate-100 flex items-center justify-end gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "px-5 py-3.5 bg-slate-50/70 border-t border-slate-100 flex items-center justify-end gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                       "button",
                       {
                         type: "button",
@@ -13015,7 +13986,7 @@ function WhatsAppComponent(props) {
                         children: "\u05D1\u05D9\u05D8\u05D5\u05DC"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                       "button",
                       {
                         type: "button",
@@ -13023,12 +13994,12 @@ function WhatsAppComponent(props) {
                         onClick: state.handleSendTest,
                         title: state.testButtonTitle,
                         className: `px-4 py-2 text-xs font-bold rounded-xl transition-all flex items-center gap-1.5 ${!state.testPhoneNumber.trim() || state.isSendingTest || state.isTestDisabled ? "bg-emerald-600/40 text-white/70 cursor-not-allowed" : "bg-emerald-600 hover:bg-emerald-700 active:scale-[0.98] text-white shadow-xs cursor-pointer"}`,
-                        children: state.isSendingTest ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u05E9\u05D5\u05DC\u05D7..." })
-                        ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react14.Send, { className: "w-3.5 h-3.5" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "\u05E9\u05DC\u05D7 \u05E2\u05DB\u05E9\u05D9\u05D5" })
+                        children: state.isSendingTest ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "\u05E9\u05D5\u05DC\u05D7..." })
+                        ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Send, { className: "w-3.5 h-3.5" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "\u05E9\u05DC\u05D7 \u05E2\u05DB\u05E9\u05D9\u05D5" })
                         ] })
                       }
                     )
@@ -13043,10 +14014,175 @@ function WhatsAppComponent(props) {
   );
 }
 
+// src/components/FormBlock/FormBlock.tsx
+var import_react21 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function FormBlock({ settings: schema, executeAction, componentId, className = "", onSuccess }) {
+  const { showError, addToast } = useToast();
+  const [formData, setFormData] = (0, import_react21.useState)({});
+  const [isSubmitting, setIsSubmitting] = (0, import_react21.useState)(false);
+  const [isSubmitted, setIsSubmitted] = (0, import_react21.useState)(false);
+  const [columns, setColumns] = (0, import_react21.useState)((schema == null ? void 0 : schema.columns) || []);
+  const [isLoadingSchema, setIsLoadingSchema] = (0, import_react21.useState)(false);
+  const targetTableId = (schema == null ? void 0 : schema.tableMetaId) || (schema == null ? void 0 : schema.tableId) || (schema == null ? void 0 : schema.id);
+  (0, import_react21.useEffect)(() => {
+    let isMounted = true;
+    if ((!(schema == null ? void 0 : schema.columns) || schema.columns.length === 0) && targetTableId && executeAction) {
+      setIsLoadingSchema(true);
+      executeAction("FETCH_TABLE_DATA", { tableId: targetTableId, limit: 1 }).then((res) => {
+        var _a;
+        if (!isMounted) return;
+        const fetchedCols = ((_a = res == null ? void 0 : res.schema) == null ? void 0 : _a.columns) || (res == null ? void 0 : res.columns);
+        if (fetchedCols && Array.isArray(fetchedCols)) {
+          setColumns(fetchedCols);
+        }
+      }).catch((err) => {
+        console.error("[FormBlock] Failed to fetch table schema:", err);
+      }).finally(() => {
+        if (isMounted) setIsLoadingSchema(false);
+      });
+    } else if (schema == null ? void 0 : schema.columns) {
+      setColumns(schema.columns);
+    }
+    return () => {
+      isMounted = false;
+    };
+  }, [schema == null ? void 0 : schema.columns, targetTableId]);
+  const systemFields = ["_id", "id", "createdAt", "updatedAt", "orgId", "tableId"];
+  const formColumns = (columns || []).filter(
+    (col) => !systemFields.includes(col.name) && !col.isHidden
+  ).sort((a, b) => {
+    var _a, _b;
+    return ((_a = a.order) != null ? _a : 0) - ((_b = b.order) != null ? _b : 0);
+  });
+  const handleFieldChange = (colName, value) => {
+    setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [colName]: value }));
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!executeAction) {
+      showError("\u05E8\u05DB\u05D9\u05D1 \u05D4\u05EA\u05E7\u05E9\u05D5\u05E8\u05EA \u05DC\u05D0 \u05D0\u05D5\u05EA\u05D7\u05DC", "\u05E9\u05D2\u05D9\u05D0\u05EA \u05DE\u05E2\u05E8\u05DB\u05EA");
+      return;
+    }
+    if (!targetTableId) {
+      showError("\u05DC\u05D0 \u05E0\u05D9\u05EA\u05DF \u05DC\u05E9\u05DE\u05D5\u05E8: \u05DE\u05D6\u05D4\u05D4 \u05D4\u05D8\u05D1\u05DC\u05D4 \u05D7\u05E1\u05E8", "\u05E9\u05D2\u05D9\u05D0\u05EA \u05E9\u05DE\u05D9\u05E8\u05D4");
+      return;
+    }
+    const missingFields = formColumns.filter(
+      (col) => col.isRequired && (formData[col.name] === void 0 || formData[col.name] === null || formData[col.name] === "")
+    );
+    if (missingFields.length > 0) {
+      showError(`\u05D9\u05E9 \u05DC\u05DE\u05DC\u05D0 \u05D0\u05EA \u05D4\u05E9\u05D3\u05D5\u05EA \u05D4\u05D1\u05D0\u05D9\u05DD: ${missingFields.map((c) => c.name).join(", ")}`, "\u05E9\u05D2\u05D9\u05D0\u05EA \u05D5\u05DC\u05D9\u05D3\u05E6\u05D9\u05D4");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const formattedPayload = {};
+      formColumns.forEach((col) => {
+        var _a;
+        let val = formData[col.name];
+        if (val !== void 0 && val !== null) {
+          if (((_a = col.type) == null ? void 0 : _a.toUpperCase()) === "NUMBER") {
+            val = val === "" ? 0 : Number(val);
+          }
+          formattedPayload[col.name] = val;
+        } else if (col.defaultValue !== void 0) {
+          formattedPayload[col.name] = col.defaultValue;
+        }
+      });
+      await executeAction("CREATE_RECORD", {
+        tableId: targetTableId,
+        tableMetaId: targetTableId,
+        records: [formattedPayload]
+      });
+      addToast({ message: "\u05D4\u05E0\u05EA\u05D5\u05E0\u05D9\u05DD \u05E0\u05E9\u05DE\u05E8\u05D5 \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4", type: "success" });
+      setFormData({});
+      setIsSubmitted(true);
+      if (onSuccess) onSuccess();
+    } catch (err) {
+      console.error("[FormBlock] Submit error:", err);
+      showError((err == null ? void 0 : err.message) || String(err), "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E9\u05DE\u05D9\u05E8\u05EA \u05D4\u05E0\u05EA\u05D5\u05E0\u05D9\u05DD");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (isLoadingSchema) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "p-8 flex items-center justify-center gap-2 text-slate-500", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.Loader2, { className: "w-5 h-5 animate-spin text-brand" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm", children: "\u05D8\u05D5\u05E2\u05DF \u05E9\u05D3\u05D5\u05EA \u05D8\u05D5\u05E4\u05E1..." })
+    ] });
+  }
+  if (!formColumns || formColumns.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "p-4 text-center text-slate-500", children: "\u05DC\u05D0 \u05D4\u05D5\u05D2\u05D3\u05E8\u05D5 \u05E9\u05D3\u05D5\u05EA \u05DC\u05D8\u05D5\u05E4\u05E1 \u05D6\u05D4." });
+  }
+  if (isSubmitted) {
+    const customMessage = (schema == null ? void 0 : schema.successMessage) || "\u05EA\u05D5\u05D3\u05D4 \u05E8\u05D1\u05D4! \u05D4\u05E4\u05E8\u05D8\u05D9\u05DD \u05D4\u05EA\u05E7\u05D1\u05DC\u05D5 \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4.";
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { id: componentId, className: `bg-white p-8 rounded-xl shadow-xs border border-slate-200 text-center dir-rtl ${className}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-16 h-16 bg-emerald-50 text-emerald-600 rounded-full flex items-center justify-center mx-auto mb-4 animate-in zoom-in duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.CheckCircle2, { className: "w-8 h-8" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "text-2xl font-bold text-slate-800 mb-2", children: "\u05D4\u05D5\u05D3\u05E2\u05D4 \u05E0\u05E9\u05DC\u05D7\u05D4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-slate-600 text-base max-w-md mx-auto whitespace-pre-wrap", children: customMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsSubmitted(false),
+          className: "mt-6 px-4 py-2 text-xs font-semibold text-brand hover:underline cursor-pointer",
+          children: "\u05E9\u05DC\u05D9\u05D7\u05EA \u05DE\u05E2\u05E0\u05D4 \u05E0\u05D5\u05E1\u05E3"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { id: componentId, className: `bg-white p-6 rounded-xl shadow-xs border border-slate-200 dir-rtl ${className}`, children: [
+    (schema == null ? void 0 : schema.title) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { className: "text-xl font-bold text-slate-800 mb-6", children: schema.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      formColumns.map((col) => {
+        var _a, _b;
+        const colType = ((_a = col.type) == null ? void 0 : _a.toUpperCase()) || "DEFAULT";
+        const InputComponent = FORM_INPUTS[colType] || FORM_INPUTS.DEFAULT;
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "text-sm font-semibold text-slate-700", children: [
+            col.name,
+            " ",
+            col.isRequired && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-rose-500", children: "*" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "border border-slate-200 rounded-lg min-h-[40px] relative", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            InputComponent,
+            {
+              column: col,
+              rowId: "new_form_record",
+              value: (_b = formData[col.name]) != null ? _b : "",
+              onChange: (val) => handleFieldChange(col.name, val),
+              context: {
+                executeAction,
+                tableId: targetTableId
+              }
+            }
+          ) })
+        ] }, col.name);
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "pt-4 border-t border-slate-100 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        "button",
+        {
+          type: "submit",
+          disabled: isSubmitting,
+          className: "flex items-center gap-2 px-6 py.2.5 bg-brand hover:bg-brand-hover text-white font-bold rounded-lg shadow-sm transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+          children: [
+            isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.Loader2, { className: "w-4 h-4 animate-spin" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: isSubmitting ? "\u05E9\u05D5\u05DE\u05E8..." : "\u05E9\u05DC\u05D9\u05D7\u05D4" })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+
 // src/registry.ts
 var UNIVERSE_COMPONENTS = {
   TABLE: TableBlock,
-  WHATSAPP: WhatsAppComponent
+  WHATSAPP: WhatsAppComponent,
+  FORM: FormBlock,
+  PLACEMENT: PlacementBlock
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -13056,10 +14192,17 @@ var UNIVERSE_COMPONENTS = {
   COLUMN_TYPE_LABELS,
   ColumnHeaderTitle,
   CreateTemplateModal,
+  DEFAULT_PLACEMENT_STATUS_COLORS,
   DatePickerCell,
   DynamicFiltersBlock,
   LinkPickerCell,
+  NON_TEXT_TYPES,
   PASTEL_PALETTES,
+  PlacementBlock,
+  PlacementSettings,
+  PlacementStatusEditor,
+  RELATION_LABEL_KEY,
+  RELATION_SEP,
   RelationFilterPopover,
   RelationPickerCell,
   SettingsAndActionsBlock,
@@ -13073,9 +14216,13 @@ var UNIVERSE_COMPONENTS = {
   TruncatedTooltip,
   UNIVERSE_COMPONENTS,
   WhatsAppComponent,
+  buildColumnOptions,
+  buildRelationRef,
   calculateMinColumnWidth,
   checkElementTruncation,
   cn,
+  columnRefLabel,
+  enrichRowsWithRelations,
   extractUniqueVariableIndices,
   extractVariableIndices,
   findVariableAtPosition,
@@ -13096,6 +14243,7 @@ var UNIVERSE_COMPONENTS = {
   isDuplicateTemplate,
   isDuplicateTemplateName,
   isTextRepresentable,
+  isUserColumn,
   isValidButtonPhoneNumber,
   isValidButtonUrl,
   isValidPhoneNumber,
@@ -13105,14 +14253,18 @@ var UNIVERSE_COMPONENTS = {
   normalizePhoneForWhatsApp,
   normalizeRelationValue,
   openWhatsAppChat,
+  parseColumnRef,
   parseLinkValue,
   parseTimeParts,
+  readColumnValue,
   reindexVariables,
+  resolveDefaultStatusId,
   resolveProtocol,
   sanitizePhoneNumber,
   sanitizeTemplateNameInput,
   seamlessVariableEngine,
   splitHeaderTitle,
+  tableColumns,
   useColumnReorder,
   useColumnResize,
   useSmartTooltip,