@universe-platform/ui 0.1.0-beta.7 → 0.1.0-beta.8

package/dist/index.mjs

@@ -38,6 +38,36 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// src/utils/whatsapp.ts
+function openWhatsAppChat(phone, defaultCountryCode = "972") {
+  if (!phone || typeof window === "undefined") return;
+  let cleaned = phone.replace(/\D/g, "");
+  if (cleaned.startsWith("0")) {
+    cleaned = defaultCountryCode + cleaned.substring(1);
+  }
+  const appUrl = `whatsapp://send?phone=${cleaned}`;
+  const webUrl = `https://web.whatsapp.com/send?phone=${cleaned}`;
+  const start = Date.now();
+  window.location.href = appUrl;
+  setTimeout(() => {
+    if (typeof document !== "undefined" && document.hasFocus() && Date.now() - start < 2e3) {
+      window.open(webUrl, "_blank", "noopener,noreferrer");
+    }
+  }, 1200);
+}
+function formatPhoneDisplay(phone) {
+  if (!phone) return "";
+  const digits = phone.replace(/\D/g, "");
+  if (digits.length === 10 && digits.startsWith("05")) {
+    return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6)}`;
+  }
+  if (digits.length === 12 && digits.startsWith("9725")) {
+    const local = "0" + digits.slice(3);
+    return `${local.slice(0, 3)}-${local.slice(3, 6)}-${local.slice(6)}`;
+  }
+  return phone;
+}
+
 // src/components/TableBlock/TableBlockClient.tsx
 import React6, { useState as useState5, useMemo as useMemo2, useEffect as useEffect4, useCallback as useCallback4, useRef as useRef4 } from "react";
 
@@ -889,16 +919,35 @@ var FORM_INPUTS = {
       }
     }
   ),
-  PHONE: ({ value, onChange }) => /* @__PURE__ */ jsx4(
-    "input",
-    {
-      type: "tel",
-      className: "w-full h-8 px-2 bg-transparent focus:bg-white focus:outline-none focus:ring-1 focus:ring-blue-400 text-sm",
-      value: value !== void 0 && value !== null ? String(value) : "",
-      onChange: (e) => onChange(e.target.value),
-      dir: "ltr"
-    }
-  ),
+  PHONE: ({ value, onChange, column }) => {
+    var _a;
+    const enableWhatsApp = (_a = column == null ? void 0 : column.config) == null ? void 0 : _a.enableWhatsApp;
+    return /* @__PURE__ */ jsxs4("div", { className: "flex items-center w-full h-full px-2 gap-1.5", children: [
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "tel",
+          className: "w-full h-8 bg-transparent focus:bg-white focus:outline-none focus:ring-1 focus:ring-blue-400 text-sm flex-1",
+          value: value !== void 0 && value !== null ? String(value) : "",
+          onChange: (e) => onChange(e.target.value),
+          dir: "ltr"
+        }
+      ),
+      enableWhatsApp && value && /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "button",
+          className: "text-emerald-500 cursor-pointer hover:opacity-80 transition-opacity shrink-0 p-1 rounded hover:bg-emerald-50",
+          title: "\u05E4\u05EA\u05D9\u05D7\u05EA \u05D5\u05D5\u05D0\u05D8\u05E1\u05D0\u05E4",
+          onClick: (e) => {
+            e.stopPropagation();
+            openWhatsAppChat(String(value));
+          },
+          children: /* @__PURE__ */ jsx4("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a5.816 5.816 0 00-.571-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) })
+        }
+      )
+    ] });
+  },
   GOOGLE_CONTACT: ({ value, column, rowId, onChange, context }) => {
     const [isSyncing, setIsSyncing] = React4.useState(false);
     const { addToast } = useToast();
@@ -1082,31 +1131,33 @@ var FORM_INPUTS = {
       }
     };
     if (value && value.synced && value.url) {
-      return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 h-8 px-2 group", children: [
-        /* @__PURE__ */ jsx4("a", { href: value.url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline flex-1 truncate text-sm", children: "\u05D0\u05D9\u05E9 \u05E7\u05E9\u05E8 \u05D2\u05D5\u05D2\u05DC" }),
+      return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5 h-8 px-2 group whitespace-nowrap", children: [
+        /* @__PURE__ */ jsx4("a", { href: value.url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline flex-1 truncate text-xs whitespace-nowrap", children: "\u05D0\u05D9\u05E9 \u05E7\u05E9\u05E8 \u05D2\u05D5\u05D2\u05DC" }),
         /* @__PURE__ */ jsx4(
           "button",
           {
+            type: "button",
             onClick: handleUnlink,
-            className: "text-slate-400 hover:text-rose-500 opacity-0 group-hover:opacity-100 transition-opacity p-1",
+            className: "text-slate-400 hover:text-rose-500 opacity-0 group-hover:opacity-100 transition-opacity p-1 shrink-0",
             title: "\u05D1\u05D8\u05DC \u05E1\u05E0\u05DB\u05E8\u05D5\u05DF",
-            children: /* @__PURE__ */ jsx4("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) })
+            children: /* @__PURE__ */ jsx4("svg", { className: "w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) })
           }
         )
       ] });
     }
-    return /* @__PURE__ */ jsx4("div", { className: "flex items-center h-8 px-2", children: /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx4("div", { className: "flex items-center h-8 px-2 whitespace-nowrap", children: /* @__PURE__ */ jsxs4(
       "button",
       {
+        type: "button",
         onClick: handleSync,
         disabled: isSyncing,
-        className: "flex items-center gap-1.5 px-3 py-1 bg-blue-50 text-blue-600 hover:bg-blue-100 border border-blue-200 rounded-md text-xs font-medium transition-colors disabled:opacity-50",
+        className: "inline-flex items-center gap-1.5 px-2.5 py-1 bg-blue-50 text-blue-600 hover:bg-blue-100 border border-blue-200 rounded-md text-xs font-medium transition-colors whitespace-nowrap shrink-0 disabled:opacity-50 cursor-pointer",
         children: [
-          isSyncing ? /* @__PURE__ */ jsxs4("svg", { className: "w-3.5 h-3.5 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+          isSyncing ? /* @__PURE__ */ jsxs4("svg", { className: "w-3.5 h-3.5 animate-spin shrink-0", viewBox: "0 0 24 24", fill: "none", children: [
             /* @__PURE__ */ jsx4("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
             /* @__PURE__ */ jsx4("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-          ] }) : /* @__PURE__ */ jsx4("svg", { className: "w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 4v16m8-8H4" }) }),
-          "\u05E1\u05E0\u05DB\u05E8\u05DF \u05DC\u05D2\u05D5\u05D2\u05DC"
+          ] }) : /* @__PURE__ */ jsx4("svg", { className: "w-3.5 h-3.5 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 4v16m8-8H4" }) }),
+          /* @__PURE__ */ jsx4("span", { className: "whitespace-nowrap", children: "\u05E1\u05E0\u05DB\u05E8\u05DF \u05DC\u05D2\u05D5\u05D2\u05DC" })
         ]
       }
     ) });
@@ -1121,17 +1172,48 @@ var FORM_INPUTS = {
     }
   ),
   SUB_TABLE: ({ value, column }) => {
+    var _a, _b;
     if (!Array.isArray(value)) return /* @__PURE__ */ jsx4("span", { className: "px-2 py-1 flex items-center h-full text-slate-300 text-xs italic", children: "\u05E8\u05D9\u05E7" });
     const selected = value.filter((e) => e == null ? void 0 : e.isSelected);
     if (selected.length === 0) return /* @__PURE__ */ jsx4("span", { className: "px-2 py-1 flex items-center h-full text-slate-300 text-xs italic", children: "\u05E8\u05D9\u05E7" });
     const displayFields = column.subTableDisplayFields || [];
+    const isWhatsApp = ((_a = column.config) == null ? void 0 : _a.actionType) === "WHATSAPP";
+    const actionPhoneCol = (_b = column.config) == null ? void 0 : _b.actionPhoneColumn;
     return /* @__PURE__ */ jsx4("div", { className: "px-1.5 py-1 flex flex-wrap items-center gap-1 h-full", children: selected.map((entry, idx) => {
-      var _a;
+      var _a2, _b2;
       let label = "";
-      if (entry._resolvedData && displayFields.length > 0) {
-        label = displayFields.map((f) => String(entry._resolvedData[f] || "")).filter(Boolean).join("   ");
+      if (entry._resolvedData) {
+        if (displayFields.length > 0) {
+          label = displayFields.map((f) => String(entry._resolvedData[f] || "")).filter(Boolean).join(" ");
+        } else {
+          const firstField = Object.keys(entry._resolvedData).find((k) => k !== "_id");
+          if (firstField) label = String(entry._resolvedData[firstField] || "");
+        }
+      }
+      if (!label) label = ((_a2 = entry.recordId) == null ? void 0 : _a2.slice(-6)) || "...";
+      if (isWhatsApp) {
+        const rawPhone = actionPhoneCol ? (_b2 = entry._resolvedData) == null ? void 0 : _b2[actionPhoneCol] : null;
+        const phone = rawPhone ? String(rawPhone).trim() : null;
+        if (phone) {
+          return /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.stopPropagation();
+                openWhatsAppChat(phone);
+              },
+              className: "inline-flex items-center gap-1 px-1.5 py-0.5 bg-emerald-50 hover:bg-emerald-100 text-emerald-800 border border-emerald-300 hover:border-emerald-400 rounded-full text-xs font-medium max-w-[150px] truncate cursor-pointer transition-colors shadow-xs",
+              title: `\u05E4\u05EA\u05D9\u05D7\u05EA \u05D5\u05D5\u05D0\u05D8\u05E1\u05D0\u05E4 (${phone})`,
+              children: [
+                /* @__PURE__ */ jsx4("svg", { className: "w-3 h-3 text-emerald-600 shrink-0", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a5.816 5.816 0 00-.571-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }),
+                /* @__PURE__ */ jsx4("span", { className: "truncate", children: label })
+              ]
+            },
+            entry.recordId || idx
+          );
+        }
       }
-      if (!label) label = ((_a = entry.recordId) == null ? void 0 : _a.slice(-6)) || "...";
       return /* @__PURE__ */ jsx4(
         "span",
         {
@@ -1147,12 +1229,241 @@ var FORM_INPUTS = {
 
 // src/components/TableBlock/fields/SubTableViewer.tsx
 import { useState as useState4, useEffect as useEffect3, useRef as useRef3, useCallback as useCallback3 } from "react";
+
+// src/utils/phone.ts
+function sanitizePhoneNumber(phone) {
+  if (!phone) return "";
+  const trimmed = phone.trim();
+  const hasLeadingPlus = trimmed.startsWith("+");
+  const digitsOnly = trimmed.replace(/\D/g, "");
+  return hasLeadingPlus ? `+${digitsOnly}` : digitsOnly;
+}
+function isValidPhoneNumber(phone) {
+  if (!phone) return false;
+  const cleaned = sanitizePhoneNumber(phone);
+  return /^\+?[0-9]{9,15}$/.test(cleaned);
+}
+
+// src/components/TableBlock/fields/SubTableViewer.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function SubTableViewer({ rowId, column, value, onChange, context }) {
+function validateCellValue(val, col) {
   var _a;
+  const colType = ((_a = col.type) == null ? void 0 : _a.toUpperCase()) || "DEFAULT";
+  const isEmpty = val === void 0 || val === null || typeof val === "string" && val.trim() === "";
+  if (col.isRequired && isEmpty) {
+    return {
+      isValid: false,
+      error: `\u05E9\u05D2\u05D9\u05D0\u05EA \u05D0\u05D9\u05DE\u05D5\u05EA: \u05E9\u05D3\u05D4 '${col.name}' \u05D4\u05D9\u05E0\u05D5 \u05E9\u05D3\u05D4 \u05D7\u05D5\u05D1\u05D4 \u05D5\u05DC\u05D0 \u05D9\u05DB\u05D5\u05DC \u05DC\u05D4\u05D9\u05E9\u05D0\u05E8 \u05E8\u05D9\u05E7.`
+    };
+  }
+  if (isEmpty) {
+    return { isValid: true };
+  }
+  if (colType === "PHONE") {
+    const strVal = String(val).trim();
+    if (!isValidPhoneNumber(strVal)) {
+      return {
+        isValid: false,
+        error: `\u05DE\u05E1\u05E4\u05E8 \u05D4\u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05E9\u05D3\u05D4 '${col.name}' \u05D0\u05D9\u05E0\u05D5 \u05EA\u05E7\u05D9\u05DF. \u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05DE\u05E1\u05E4\u05E8 \u05D1\u05D0\u05D5\u05E8\u05DA 9-15 \u05E1\u05E4\u05E8\u05D5\u05EA (\u05DC\u05D3\u05D5\u05D2\u05DE\u05D4 0501234567 \u05D0\u05D5 +972501234567).`
+      };
+    }
+  }
+  if (colType === "NUMBER" || colType === "CURRENCY") {
+    if (typeof val === "string" && isNaN(Number(val))) {
+      return {
+        isValid: false,
+        error: `\u05D4\u05E2\u05E8\u05DA \u05D1\u05E9\u05D3\u05D4 '${col.name}' \u05D7\u05D9\u05D9\u05D1 \u05DC\u05D4\u05D9\u05D5\u05EA \u05DE\u05E1\u05E4\u05E8 \u05EA\u05E7\u05D9\u05DF.`
+      };
+    }
+  }
+  return { isValid: true };
+}
+function SubTableCell({
+  record,
+  column,
+  targetSchema,
+  referencedTableId,
+  context,
+  relationOptions,
+  setRelationOptions,
+  refetchRelation,
+  onCommit
+}) {
+  var _a, _b;
+  const colType = ((_a = column.type) == null ? void 0 : _a.toUpperCase()) || "DEFAULT";
+  const isContact = colType === "GOOGLE_CONTACT";
+  const InputComponent = FORM_INPUTS[colType] || FORM_INPUTS.DEFAULT;
+  const serverValue = (_b = record.data[column.name]) != null ? _b : colType === "BOOLEAN" ? false : "";
+  const [draftValue, setDraftValue] = useState4(serverValue);
+  const [isDirty, setIsDirty] = useState4(false);
+  const [validationError, setValidationError] = useState4(null);
+  const cellRef = useRef3(null);
+  const draftRef = useRef3(draftValue);
+  const isDirtyRef = useRef3(isDirty);
+  const serverValueRef = useRef3(serverValue);
+  const recordIdRef = useRef3(record.id);
+  const columnRef = useRef3(column);
+  const onCommitRef = useRef3(onCommit);
+  const isCommittingRef = useRef3(false);
+  const lastFailedValRef = useRef3(void 0);
+  const { addToast } = useToast();
+  draftRef.current = draftValue;
+  isDirtyRef.current = isDirty;
+  serverValueRef.current = serverValue;
+  recordIdRef.current = record.id;
+  columnRef.current = column;
+  onCommitRef.current = onCommit;
+  useEffect3(() => {
+    if (!isDirtyRef.current) {
+      setDraftValue(serverValue);
+      draftRef.current = serverValue;
+      setValidationError(null);
+      lastFailedValRef.current = void 0;
+    }
+  }, [serverValue]);
+  const commit = useCallback3(async (valToCommit) => {
+    if (isCommittingRef.current) return false;
+    if (!isDirtyRef.current) return true;
+    if (valToCommit === serverValueRef.current) {
+      setIsDirty(false);
+      isDirtyRef.current = false;
+      setValidationError(null);
+      lastFailedValRef.current = void 0;
+      return true;
+    }
+    const valRes = validateCellValue(valToCommit, columnRef.current);
+    if (!valRes.isValid) {
+      const errorMsg = valRes.error || "\u05E9\u05D2\u05D9\u05D0\u05EA \u05D0\u05D9\u05DE\u05D5\u05EA";
+      setValidationError(errorMsg);
+      if (lastFailedValRef.current !== valToCommit) {
+        addToast({ type: "error", message: errorMsg });
+        lastFailedValRef.current = valToCommit;
+      }
+      return false;
+    }
+    try {
+      isCommittingRef.current = true;
+      const success = await onCommitRef.current(recordIdRef.current, columnRef.current.name, valToCommit);
+      if (success) {
+        setIsDirty(false);
+        isDirtyRef.current = false;
+        serverValueRef.current = valToCommit;
+        setValidationError(null);
+        lastFailedValRef.current = void 0;
+        return true;
+      } else {
+        setValidationError("\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E9\u05DE\u05D9\u05E8\u05EA \u05D4\u05E8\u05E9\u05D5\u05DE\u05D4");
+        return false;
+      }
+    } catch (e) {
+      setValidationError("\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E9\u05DE\u05D9\u05E8\u05EA \u05D4\u05E8\u05E9\u05D5\u05DE\u05D4");
+      return false;
+    } finally {
+      isCommittingRef.current = false;
+    }
+  }, [addToast]);
+  const discard = useCallback3(() => {
+    setDraftValue(serverValueRef.current);
+    draftRef.current = serverValueRef.current;
+    setIsDirty(false);
+    isDirtyRef.current = false;
+    setValidationError(null);
+    lastFailedValRef.current = void 0;
+  }, []);
+  useEffect3(() => {
+    return () => {
+      if (isDirtyRef.current && !isCommittingRef.current) {
+        const val = draftRef.current;
+        const orig = serverValueRef.current;
+        if (val !== orig) {
+          const valRes = validateCellValue(val, columnRef.current);
+          if (valRes.isValid) {
+            onCommitRef.current(recordIdRef.current, columnRef.current.name, val);
+          }
+        }
+      }
+    };
+  }, []);
+  const handleChange = (newVal) => {
+    setDraftValue(newVal);
+    draftRef.current = newVal;
+    setIsDirty(true);
+    isDirtyRef.current = true;
+    if (validationError) {
+      setValidationError(null);
+      lastFailedValRef.current = void 0;
+    }
+    if (colType === "BOOLEAN" || colType === "GOOGLE_DRIVE_FILE") {
+      commit(newVal);
+    }
+  };
+  const handleBlur = (e) => {
+    if (e.currentTarget.contains(e.relatedTarget)) {
+      return;
+    }
+    if (isDirtyRef.current) {
+      commit(draftRef.current);
+    }
+  };
+  const handleKeyDown = (e) => {
+    var _a2, _b2, _c, _d;
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (isDirtyRef.current) {
+        commit(draftRef.current);
+      }
+      (_b2 = (_a2 = e.target) == null ? void 0 : _a2.blur) == null ? void 0 : _b2.call(_a2);
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      discard();
+      (_d = (_c = e.target) == null ? void 0 : _c.blur) == null ? void 0 : _d.call(_c);
+    }
+  };
+  return /* @__PURE__ */ jsx5(
+    "td",
+    {
+      ref: cellRef,
+      onBlur: handleBlur,
+      onKeyDown: handleKeyDown,
+      title: validationError || void 0,
+      className: `border border-slate-200 p-0 relative h-8 transition-colors ${isContact ? "min-w-[140px]" : ""} ${validationError ? "border-rose-400 ring-1 ring-rose-400 bg-rose-50/20" : ""}`,
+      children: /* @__PURE__ */ jsx5(
+        InputComponent,
+        {
+          value: draftValue,
+          column,
+          rowId: record.id,
+          onChange: handleChange,
+          context: __spreadProps(__spreadValues({}, context), {
+            tableName: (targetSchema == null ? void 0 : targetSchema.name) || (targetSchema == null ? void 0 : targetSchema.tableName) || (targetSchema == null ? void 0 : targetSchema.title) || (targetSchema == null ? void 0 : targetSchema.id) || "Table",
+            relationOptions,
+            updateRelationOptions: (name, opts) => setRelationOptions((prev) => __spreadProps(__spreadValues({}, prev), { [name]: opts })),
+            refetchRelation,
+            parentRecord: { tableId: (context == null ? void 0 : context.parentTableId) || (context == null ? void 0 : context.tableId), data: context == null ? void 0 : context.rowData },
+            rowData: record.data,
+            tableId: (targetSchema == null ? void 0 : targetSchema.tableMetaId) || (targetSchema == null ? void 0 : targetSchema.id) || referencedTableId,
+            updateQuietly: (rid, colName, val) => onCommitRef.current(rid, colName, val)
+          })
+        }
+      )
+    }
+  );
+}
+function SubTableViewer({ rowId, column, value, onChange, context }) {
+  var _a, _b;
   const { addToast } = useToast();
   const entries = Array.isArray(value) ? value : [];
-  const [linkedRecords, setLinkedRecords] = useState4([]);
+  const [linkedRecords, setLinkedRecords] = useState4(() => {
+    const initial = [];
+    if (Array.isArray(value)) {
+      for (const entry of value) {
+        if (entry.recordId && entry._resolvedData) {
+          initial.push({ id: entry.recordId, data: entry._resolvedData });
+        }
+      }
+    }
+    return initial;
+  });
   const [targetSchema, setTargetSchema] = useState4(null);
   const [isLoading, setIsLoading] = useState4(true);
   const [isSearchOpen, setIsSearchOpen] = useState4(false);
@@ -1161,11 +1472,31 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
   const [isSearching, setIsSearching] = useState4(false);
   const [isCreating, setIsCreating] = useState4(false);
   const [newRecordData, setNewRecordData] = useState4({});
+  const [conflictModalState, setConflictModalState] = useState4({
+    isOpen: false,
+    fieldName: "",
+    matchingRecords: []
+  });
   const searchRef = useRef3(null);
   const searchTimerRef = useRef3(null);
   const executeAction = context == null ? void 0 : context.executeAction;
   const referencedTableId = column.referencedTableId;
   const fetchedIdsRef = useRef3(/* @__PURE__ */ new Set());
+  useEffect3(() => {
+    if (entries.length > 0) {
+      setLinkedRecords((prev) => {
+        const existingIds = new Set(prev.map((r) => r.id));
+        const toAdd = [];
+        for (const entry of entries) {
+          if (entry.recordId && entry._resolvedData && !existingIds.has(entry.recordId)) {
+            toAdd.push({ id: entry.recordId, data: entry._resolvedData });
+            existingIds.add(entry.recordId);
+          }
+        }
+        return toAdd.length > 0 ? [...prev, ...toAdd] : prev;
+      });
+    }
+  }, [entries]);
   useEffect3(() => {
     if (!referencedTableId || !executeAction) {
       setIsLoading(false);
@@ -1291,20 +1622,102 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
       }
     }
   };
-  const handleLinkRecord = (record) => {
-    fetchedIdsRef.current.add(record.id);
-    const newEntry = { recordId: record.id, isSelected: true, _resolvedData: record.data };
-    const updated = [...entries, newEntry];
-    updateParentLinkage(updated);
+  const handleLinkRecords = (recordsToLink) => {
+    if (!recordsToLink || recordsToLink.length === 0) return;
+    const existingEntryIds = new Set(entries.map((e) => e.recordId));
+    const newEntries = [];
+    const newRecordsToAdd = [];
+    for (const record of recordsToLink) {
+      fetchedIdsRef.current.add(record.id);
+      const resolvedData = __spreadValues({}, record.data || {});
+      targetColumns.forEach((col) => {
+        if ((resolvedData[col.name] === void 0 || resolvedData[col.name] === null) && record[col.name] !== void 0) {
+          resolvedData[col.name] = record[col.name];
+        }
+      });
+      if (!existingEntryIds.has(record.id)) {
+        newEntries.push({
+          recordId: record.id,
+          isSelected: true,
+          _resolvedData: resolvedData
+        });
+        existingEntryIds.add(record.id);
+      }
+      newRecordsToAdd.push({
+        id: record.id,
+        data: resolvedData
+      });
+    }
+    const updatedEntries = [...entries, ...newEntries];
+    updateParentLinkage(updatedEntries);
     setLinkedRecords((prev) => {
-      const exists = prev.find((r) => r.id === record.id);
-      if (exists) return prev;
-      return [...prev, record];
+      const map = new Map(prev.map((r) => [r.id, r]));
+      newRecordsToAdd.forEach((r) => {
+        const existing = map.get(r.id);
+        if (existing) {
+          map.set(r.id, __spreadProps(__spreadValues({}, existing), {
+            data: __spreadValues(__spreadValues({}, existing.data), r.data)
+          }));
+        } else {
+          map.set(r.id, r);
+        }
+      });
+      return Array.from(map.values());
     });
     setSearchQuery("");
     setSearchResults([]);
     setIsSearchOpen(false);
   };
+  const handleLinkRecord = (record) => {
+    handleLinkRecords([record]);
+  };
+  const handleUniqueConflict = (conflictData) => {
+    const rawMatching = Array.isArray(conflictData == null ? void 0 : conflictData.matchingRecords) ? conflictData.matchingRecords : [];
+    const resolvedMatching = rawMatching.map((r) => {
+      var _a2;
+      const recordId = String(r.id || ((_a2 = r._id) == null ? void 0 : _a2.$oid) || r._id);
+      let dataObj = {};
+      if (r.data && typeof r.data === "object") {
+        dataObj = __spreadValues({}, r.data);
+      }
+      targetColumns.forEach((col) => {
+        if ((dataObj[col.name] === void 0 || dataObj[col.name] === null) && r[col.name] !== void 0) {
+          dataObj[col.name] = r[col.name];
+        }
+      });
+      return {
+        id: recordId,
+        data: dataObj
+      };
+    });
+    setConflictModalState({
+      isOpen: true,
+      fieldName: (conflictData == null ? void 0 : conflictData.fieldName) || "",
+      matchingRecords: resolvedMatching
+    });
+  };
+  const handleCancelConflict = () => {
+    setConflictModalState((prev) => __spreadProps(__spreadValues({}, prev), { isOpen: false }));
+  };
+  const handleConfirmLinkConflict = async () => {
+    const { matchingRecords } = conflictModalState;
+    if (matchingRecords && matchingRecords.length > 0) {
+      handleLinkRecords(matchingRecords);
+      setNewRecordData({});
+      setIsCreating(false);
+      setConflictModalState({
+        isOpen: false,
+        fieldName: "",
+        matchingRecords: []
+      });
+      addToast({
+        type: "success",
+        message: "\u05D4\u05E8\u05E9\u05D5\u05DE\u05D4 \u05E7\u05D5\u05E9\u05E8\u05D4 \u05D1\u05D4\u05E6\u05DC\u05D7\u05D4"
+      });
+    } else {
+      setConflictModalState((prev) => __spreadProps(__spreadValues({}, prev), { isOpen: false }));
+    }
+  };
   const handleUnlinkRecord = (recordId) => {
     const updated = entries.filter((e) => e.recordId !== recordId);
     updateParentLinkage(updated);
@@ -1317,37 +1730,94 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
     );
     updateParentLinkage(updated);
   };
-  const handleRecordCellChange = async (recordId, colName, value2) => {
-    const updatedRecords = linkedRecords.map(
-      (r) => r.id === recordId ? __spreadProps(__spreadValues({}, r), { data: __spreadProps(__spreadValues({}, r.data), { [colName]: value2 }) }) : r
-    );
-    setLinkedRecords(updatedRecords);
-    const targetRecord = updatedRecords.find((r) => r.id === recordId);
-    const updatedEntries = entries.map(
-      (e) => e.recordId === recordId ? __spreadProps(__spreadValues({}, e), { _resolvedData: targetRecord == null ? void 0 : targetRecord.data }) : e
-    );
-    if (context == null ? void 0 : context.updateQuietly) {
-      context.updateQuietly(rowId, column.name, updatedEntries);
-    } else {
-      onChange(updatedEntries);
+  const isMountedRef = useRef3(true);
+  useEffect3(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const handleCommitRecordCell = async (recordId, colName, value2) => {
+    var _a2;
+    const previousRecord = linkedRecords.find((r) => r.id === recordId);
+    const previousValue = (_a2 = previousRecord == null ? void 0 : previousRecord.data) == null ? void 0 : _a2[colName];
+    if (previousValue === value2) return true;
+    const targetCol = targetColumns.find((c) => c.name === colName);
+    const valRes = targetCol ? validateCellValue(value2, targetCol) : { isValid: true };
+    if (!valRes.isValid) {
+      addToast({
+        type: "error",
+        message: valRes.error || "\u05E9\u05D2\u05D9\u05D0\u05EA \u05D0\u05D9\u05DE\u05D5\u05EA"
+      });
+      return false;
     }
     if (executeAction && referencedTableId && !recordId.startsWith("temp_")) {
       try {
-        await executeAction("UPDATE_RECORD", {
+        const res = await executeAction("UPDATE_RECORD", {
           tableId: referencedTableId,
           recordId,
           data: { [colName]: value2 }
         });
-        if (context == null ? void 0 : context.triggerSaveSuccess) {
-          context.triggerSaveSuccess();
+        if (res && res.success === false) {
+          const err = new Error(res.error || res.message || "Action execution failed");
+          Object.assign(err, res);
+          throw err;
+        }
+        if (isMountedRef.current) {
+          const updatedRecords = linkedRecords.map(
+            (r) => r.id === recordId ? __spreadProps(__spreadValues({}, r), { data: __spreadProps(__spreadValues({}, r.data), { [colName]: value2 }) }) : r
+          );
+          setLinkedRecords(updatedRecords);
+          const targetRecord = updatedRecords.find((r) => r.id === recordId);
+          const updatedEntries = entries.map(
+            (e) => e.recordId === recordId ? __spreadProps(__spreadValues({}, e), { _resolvedData: targetRecord == null ? void 0 : targetRecord.data }) : e
+          );
+          if (context == null ? void 0 : context.updateQuietly) {
+            context.updateQuietly(rowId, column.name, updatedEntries);
+          } else {
+            onChange(updatedEntries);
+          }
+          if (context == null ? void 0 : context.triggerSaveSuccess) {
+            context.triggerSaveSuccess();
+          }
         }
+        return true;
       } catch (err) {
         console.error("[SubTableViewer] Failed to auto-save linked record field", err);
+        let errorMsg = (err == null ? void 0 : err.message) || (err == null ? void 0 : err.error) || "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E9\u05DE\u05D9\u05E8\u05EA \u05D4\u05E8\u05E9\u05D5\u05DE\u05D4";
+        if ((err == null ? void 0 : err.error) === "UNIQUE_CONSTRAINT_CONFLICT" || (err == null ? void 0 : err.code) === "UNIQUE_CONSTRAINT_CONFLICT" || errorMsg.includes("must be unique") || errorMsg.includes("Duplicate value detected") || errorMsg.includes("\u05DB\u05D1\u05E8 \u05E7\u05D9\u05D9\u05DE\u05EA") || errorMsg.includes("UNIQUE_CONSTRAINT_CONFLICT")) {
+          errorMsg = `\u05E9\u05D2\u05D9\u05D0\u05EA \u05D0\u05D9\u05DE\u05D5\u05EA: \u05D4\u05E2\u05E8\u05DA '${value2}' \u05DB\u05D1\u05E8 \u05E7\u05D9\u05D9\u05DD \u05D1\u05E9\u05D3\u05D4 '${colName}' (\u05E9\u05D3\u05D4 \u05D9\u05D9\u05D7\u05D5\u05D3\u05D9).`;
+        } else if (errorMsg.includes("is required") || errorMsg.includes("\u05E9\u05D3\u05D4 \u05D7\u05D5\u05D1\u05D4") || errorMsg.toLowerCase().includes("required")) {
+          errorMsg = `\u05E9\u05D2\u05D9\u05D0\u05EA \u05D0\u05D9\u05DE\u05D5\u05EA: \u05E9\u05D3\u05D4 '${colName}' \u05D4\u05D9\u05E0\u05D5 \u05E9\u05D3\u05D4 \u05D7\u05D5\u05D1\u05D4 \u05D5\u05DC\u05D0 \u05D9\u05DB\u05D5\u05DC \u05DC\u05D4\u05D9\u05E9\u05D0\u05E8 \u05E8\u05D9\u05E7.`;
+        }
+        addToast({
+          type: "error",
+          message: errorMsg
+        });
+        return false;
       }
+    } else {
+      if (isMountedRef.current) {
+        const updatedRecords = linkedRecords.map(
+          (r) => r.id === recordId ? __spreadProps(__spreadValues({}, r), { data: __spreadProps(__spreadValues({}, r.data), { [colName]: value2 }) }) : r
+        );
+        setLinkedRecords(updatedRecords);
+        const targetRecord = updatedRecords.find((r) => r.id === recordId);
+        const updatedEntries = entries.map(
+          (e) => e.recordId === recordId ? __spreadProps(__spreadValues({}, e), { _resolvedData: targetRecord == null ? void 0 : targetRecord.data }) : e
+        );
+        if (context == null ? void 0 : context.updateQuietly) {
+          context.updateQuietly(rowId, column.name, updatedEntries);
+        } else {
+          onChange(updatedEntries);
+        }
+      }
+      return true;
     }
   };
+  const handleRecordCellChange = handleCommitRecordCell;
   const handleCreateRecord = async () => {
-    var _a2;
+    var _a2, _b2, _c, _d, _e;
     if (!executeAction || !referencedTableId) return;
     for (const col of targetColumns) {
       if (col.isRequired) {
@@ -1360,16 +1830,30 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
           return;
         }
       }
+      if (((_a2 = col.type) == null ? void 0 : _a2.toUpperCase()) === "PHONE") {
+        const val = newRecordData[col.name];
+        if (val !== void 0 && val !== null && String(val).trim() !== "" && !isValidPhoneNumber(String(val))) {
+          addToast({
+            type: "error",
+            message: `\u05DE\u05E1\u05E4\u05E8 \u05D4\u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05E9\u05D3\u05D4 '${col.name}' \u05D0\u05D9\u05E0\u05D5 \u05EA\u05E7\u05D9\u05DF. \u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05DE\u05E1\u05E4\u05E8 \u05D1\u05D0\u05D5\u05E8\u05DA 9-15 \u05E1\u05E4\u05E8\u05D5\u05EA.`
+          });
+          return;
+        }
+      }
     }
     try {
       const res = await executeAction("CREATE_RECORD", {
         tableId: referencedTableId,
         records: [newRecordData]
       });
+      if (res && (res.error === "UNIQUE_CONSTRAINT_CONFLICT" || res.code === "UNIQUE_CONSTRAINT_CONFLICT")) {
+        handleUniqueConflict(res);
+        return;
+      }
       if (res && res.success === false) {
         throw new Error(res.error || "Action execution failed");
       }
-      const created = Array.isArray(res) ? res[0] : ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2[0]) || res;
+      const created = Array.isArray(res) ? res[0] : ((_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2[0]) || res;
       if (created) {
         const newRecord = {
           id: String(created.id || created._id),
@@ -1380,6 +1864,12 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
         setNewRecordData({});
       }
     } catch (err) {
+      const isConflict = (err == null ? void 0 : err.error) === "UNIQUE_CONSTRAINT_CONFLICT" || (err == null ? void 0 : err.code) === "UNIQUE_CONSTRAINT_CONFLICT" || ((_c = err == null ? void 0 : err.data) == null ? void 0 : _c.error) === "UNIQUE_CONSTRAINT_CONFLICT" || ((_d = err == null ? void 0 : err.message) == null ? void 0 : _d.includes("UNIQUE_CONSTRAINT_CONFLICT"));
+      if (isConflict) {
+        const conflictPayload = (err == null ? void 0 : err.error) === "UNIQUE_CONSTRAINT_CONFLICT" ? err : ((_e = err == null ? void 0 : err.data) == null ? void 0 : _e.error) === "UNIQUE_CONSTRAINT_CONFLICT" ? err.data : err;
+        handleUniqueConflict(conflictPayload);
+        return;
+      }
       const msg = (err == null ? void 0 : err.message) || String(err);
       addToast({
         type: "error",
@@ -1466,11 +1956,23 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
     isLoading ? /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx5("div", { className: "w-5 h-5 border-2 border-blue-400 border-t-transparent rounded-full animate-spin" }) }) : entries.length === 0 && !isCreating ? /* @__PURE__ */ jsx5("div", { className: "text-center py-6 text-xs text-slate-400", children: "\u05D0\u05D9\u05DF \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05DE\u05E7\u05D5\u05E9\u05E8\u05D5\u05EA. \u05D4\u05E9\u05EA\u05DE\u05E9 \u05D1\u05D7\u05D9\u05E4\u05D5\u05E9 \u05DB\u05D3\u05D9 \u05DC\u05E7\u05E9\u05E8 \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05E7\u05D9\u05D9\u05DE\u05D5\u05EA, \u05D0\u05D5 \u05D4\u05D5\u05E1\u05E3 \u05E8\u05E9\u05D5\u05DE\u05D4 \u05D7\u05D3\u05E9\u05D4." }) : /* @__PURE__ */ jsx5("div", { className: "overflow-x-auto pb-1", children: /* @__PURE__ */ jsxs5("table", { className: "w-full text-xs border-collapse", children: [
       /* @__PURE__ */ jsx5("thead", { children: /* @__PURE__ */ jsxs5("tr", { className: "bg-slate-100/80", children: [
         /* @__PURE__ */ jsx5("th", { className: "border border-slate-200 px-2 py-1.5 text-center w-10 font-semibold text-slate-500", children: "\u05E0\u05D1\u05D7\u05E8" }),
-        targetColumns.map((col) => /* @__PURE__ */ jsx5("th", { className: "border border-slate-200 px-2 py-1.5 text-right font-semibold text-slate-600 whitespace-nowrap", children: col.name }, col.name)),
+        targetColumns.map((col) => {
+          var _a2;
+          const isContact = ((_a2 = col.type) == null ? void 0 : _a2.toUpperCase()) === "GOOGLE_CONTACT";
+          return /* @__PURE__ */ jsx5(
+            "th",
+            {
+              className: `border border-slate-200 px-2 py-1.5 text-right font-semibold text-slate-600 whitespace-nowrap ${isContact ? "min-w-[140px]" : ""}`,
+              children: col.name
+            },
+            col.name
+          );
+        }),
         /* @__PURE__ */ jsx5("th", { className: "border border-slate-200 px-2 py-1.5 w-14" })
       ] }) }),
       /* @__PURE__ */ jsxs5("tbody", { children: [
         entries.map((entry) => {
+          var _a2;
           const record = linkedRecords.find((r) => r.id === entry.recordId);
           return /* @__PURE__ */ jsxs5("tr", { className: "hover:bg-blue-50/30 transition-colors", children: [
             /* @__PURE__ */ jsx5("td", { className: "border border-slate-200 px-2 py-1 text-center", children: /* @__PURE__ */ jsx5(
@@ -1483,61 +1985,101 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
               }
             ) }),
             targetColumns.map((col) => {
-              var _a2, _b;
-              const colType = ((_a2 = col.type) == null ? void 0 : _a2.toUpperCase()) || "DEFAULT";
-              const InputComponent = FORM_INPUTS[colType] || FORM_INPUTS.DEFAULT;
-              return /* @__PURE__ */ jsx5("td", { className: "border border-slate-200 p-0 relative h-8", children: record ? /* @__PURE__ */ jsx5(
-                InputComponent,
+              var _a3;
+              const isContact = ((_a3 = col.type) == null ? void 0 : _a3.toUpperCase()) === "GOOGLE_CONTACT";
+              if (!record) {
+                return /* @__PURE__ */ jsx5(
+                  "td",
+                  {
+                    className: `border border-slate-200 p-0 relative h-8 ${isContact ? "min-w-[140px]" : ""}`,
+                    children: /* @__PURE__ */ jsx5("span", { className: "text-slate-300 italic px-2", children: "\u05D8\u05D5\u05E2\u05DF..." })
+                  },
+                  col.name
+                );
+              }
+              return /* @__PURE__ */ jsx5(
+                SubTableCell,
                 {
-                  value: (_b = record.data[col.name]) != null ? _b : colType === "BOOLEAN" ? false : "",
+                  record,
                   column: col,
-                  rowId: record.id,
-                  onChange: (v) => handleRecordCellChange(record.id, col.name, v),
-                  context: __spreadProps(__spreadValues({}, context), {
-                    tableName: (targetSchema == null ? void 0 : targetSchema.name) || (targetSchema == null ? void 0 : targetSchema.tableName) || (targetSchema == null ? void 0 : targetSchema.title) || (targetSchema == null ? void 0 : targetSchema.id) || "Table",
-                    relationOptions,
-                    updateRelationOptions: (name, opts) => setRelationOptions((prev) => __spreadProps(__spreadValues({}, prev), { [name]: opts })),
-                    refetchRelation,
-                    parentRecord: { tableId: (context == null ? void 0 : context.parentTableId) || (context == null ? void 0 : context.tableId), data: context == null ? void 0 : context.rowData },
-                    rowData: record.data,
-                    tableId: targetSchema == null ? void 0 : targetSchema.id,
-                    updateQuietly: (rid, colName, val) => handleRecordCellChange(rid, colName, val)
-                  })
-                }
-              ) : /* @__PURE__ */ jsx5("span", { className: "text-slate-300 italic px-2", children: "\u05D8\u05D5\u05E2\u05DF..." }) }, col.name);
+                  targetSchema,
+                  referencedTableId,
+                  context,
+                  relationOptions,
+                  setRelationOptions,
+                  refetchRelation,
+                  onCommit: handleCommitRecordCell
+                },
+                `${record.id}_${col.name}`
+              );
             }),
-            /* @__PURE__ */ jsx5("td", { className: "border border-slate-200 px-1 py-1 text-center", children: /* @__PURE__ */ jsx5(
-              "button",
-              {
-                type: "button",
-                onClick: () => handleUnlinkRecord(entry.recordId),
-                className: "text-slate-400 hover:text-rose-500 p-0.5 rounded transition-colors cursor-pointer inline-flex items-center justify-center w-full",
-                title: "\u05D4\u05E1\u05E8 \u05E7\u05D9\u05E9\u05D5\u05E8",
-                children: /* @__PURE__ */ jsx5("svg", { className: "w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) })
-              }
-            ) })
+            /* @__PURE__ */ jsx5("td", { className: "border border-slate-200 px-1 py-1 text-center", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-center gap-1", children: [
+              ((_a2 = column.config) == null ? void 0 : _a2.actionType) === "WHATSAPP" && (() => {
+                var _a3, _b2, _c;
+                const actionPhoneCol = (_a3 = column.config) == null ? void 0 : _a3.actionPhoneColumn;
+                const phone = actionPhoneCol ? ((_b2 = record == null ? void 0 : record.data) == null ? void 0 : _b2[actionPhoneCol]) || ((_c = entry._resolvedData) == null ? void 0 : _c[actionPhoneCol]) : null;
+                if (phone) {
+                  return /* @__PURE__ */ jsx5(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        openWhatsAppChat(String(phone));
+                      },
+                      className: "text-emerald-500 hover:text-emerald-600 p-0.5 rounded hover:bg-emerald-50 transition-colors cursor-pointer",
+                      title: `\u05E4\u05EA\u05D9\u05D7\u05EA \u05D5\u05D5\u05D0\u05D8\u05E1\u05D0\u05E4 (${phone})`,
+                      children: /* @__PURE__ */ jsx5("svg", { className: "w-3.5 h-3.5", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a5.816 5.816 0 00-.571-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) })
+                    }
+                  );
+                }
+                return null;
+              })(),
+              /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleUnlinkRecord(entry.recordId);
+                  },
+                  className: "text-slate-400 hover:text-rose-500 p-0.5 rounded transition-colors cursor-pointer inline-flex items-center justify-center",
+                  title: "\u05D4\u05E1\u05E8 \u05E7\u05D9\u05E9\u05D5\u05E8",
+                  children: /* @__PURE__ */ jsx5("svg", { className: "w-3.5 h-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }) })
+                }
+              )
+            ] }) })
           ] }, entry.recordId);
         }),
         isCreating && /* @__PURE__ */ jsxs5("tr", { className: "bg-emerald-50/40", children: [
           /* @__PURE__ */ jsx5("td", { className: "border border-emerald-200 px-2 py-1 text-center", children: /* @__PURE__ */ jsx5("span", { className: "text-emerald-500 font-bold text-[10px]", children: "\u05D7\u05D3\u05E9" }) }),
           targetColumns.map((col) => {
-            var _a2, _b;
+            var _a2, _b2;
             const colType = ((_a2 = col.type) == null ? void 0 : _a2.toUpperCase()) || "DEFAULT";
             const InputComponent = FORM_INPUTS[colType] || FORM_INPUTS.DEFAULT;
-            return /* @__PURE__ */ jsx5("td", { className: "border border-emerald-200 p-0 relative h-8", children: /* @__PURE__ */ jsx5(
-              InputComponent,
+            const isContact = colType === "GOOGLE_CONTACT";
+            return /* @__PURE__ */ jsx5(
+              "td",
               {
-                value: (_b = newRecordData[col.name]) != null ? _b : colType === "BOOLEAN" ? false : "",
-                column: col,
-                rowId: "new_record",
-                onChange: (v) => setNewRecordData((prev) => __spreadProps(__spreadValues({}, prev), { [col.name]: v })),
-                context: __spreadProps(__spreadValues({}, context), {
-                  tableName: (targetSchema == null ? void 0 : targetSchema.name) || (targetSchema == null ? void 0 : targetSchema.tableName) || (targetSchema == null ? void 0 : targetSchema.title) || (targetSchema == null ? void 0 : targetSchema.id) || "Table",
-                  relationOptions,
-                  refetchRelation
-                })
-              }
-            ) }, `new_${col.name}`);
+                className: `border border-emerald-200 p-0 relative h-8 ${isContact ? "min-w-[140px]" : ""}`,
+                children: /* @__PURE__ */ jsx5(
+                  InputComponent,
+                  {
+                    value: (_b2 = newRecordData[col.name]) != null ? _b2 : colType === "BOOLEAN" ? false : "",
+                    column: col,
+                    rowId: "new_record",
+                    onChange: (v) => setNewRecordData((prev) => __spreadProps(__spreadValues({}, prev), { [col.name]: v })),
+                    context: __spreadProps(__spreadValues({}, context), {
+                      tableName: (targetSchema == null ? void 0 : targetSchema.name) || (targetSchema == null ? void 0 : targetSchema.tableName) || (targetSchema == null ? void 0 : targetSchema.title) || (targetSchema == null ? void 0 : targetSchema.id) || "Table",
+                      relationOptions,
+                      refetchRelation,
+                      tableId: (targetSchema == null ? void 0 : targetSchema.tableMetaId) || (targetSchema == null ? void 0 : targetSchema.id) || referencedTableId
+                    })
+                  }
+                )
+              },
+              `new_${col.name}`
+            );
           }),
           /* @__PURE__ */ jsx5("td", { className: "border border-emerald-200 px-1 py-1 text-center", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-center gap-1", children: [
             /* @__PURE__ */ jsx5(
@@ -1565,7 +2107,102 @@ function SubTableViewer({ rowId, column, value, onChange, context }) {
           ] }) })
         ] })
       ] })
-    ] }) })
+    ] }) }),
+    conflictModalState.isOpen && /* @__PURE__ */ jsx5(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-900/60 backdrop-blur-sm animate-in fade-in duration-200",
+        dir: "rtl",
+        onClick: handleCancelConflict,
+        children: /* @__PURE__ */ jsxs5(
+          "div",
+          {
+            className: "bg-white rounded-xl shadow-2xl w-full max-w-lg sm:max-w-xl overflow-hidden border border-slate-200 animate-in fade-in zoom-in-95 duration-200",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs5("div", { className: "p-5 border-b border-slate-100 flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 rounded-full bg-blue-50 border border-blue-200 flex items-center justify-center text-blue-600 flex-shrink-0", children: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" }) }) }),
+                /* @__PURE__ */ jsxs5("div", { children: [
+                  /* @__PURE__ */ jsx5("h3", { className: "text-base font-bold text-slate-800", children: conflictModalState.matchingRecords.length > 1 ? "\u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05E7\u05D9\u05D9\u05DE\u05D5\u05EA \u05D1\u05D8\u05D1\u05DC\u05D4" : "\u05E8\u05E9\u05D5\u05DE\u05D4 \u05E7\u05D9\u05D9\u05DE\u05EA \u05D1\u05D8\u05D1\u05DC\u05D4" }),
+                  /* @__PURE__ */ jsx5("p", { className: "text-xs text-slate-500", children: "\u05E0\u05DE\u05E6\u05D0\u05D4 \u05E8\u05E9\u05D5\u05DE\u05D4 \u05E7\u05D9\u05D9\u05DE\u05EA \u05E2\u05DD \u05D0\u05D5\u05EA\u05D5 \u05E2\u05E8\u05DA \u05D9\u05D9\u05D7\u05D5\u05D3\u05D9" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs5("div", { className: "p-5 space-y-3", children: [
+                /* @__PURE__ */ jsxs5("p", { className: "text-sm text-slate-700 leading-relaxed", children: [
+                  "\u05E7\u05D9\u05D9\u05DE\u05EA \u05DB\u05D1\u05E8 \u05E8\u05E9\u05D5\u05DE\u05D4 \u05E2\u05DD \u05D4\u05E2\u05E8\u05DA \u05E9\u05E0\u05D1\u05D7\u05E8 \u05D1\u05E9\u05D3\u05D4",
+                  " ",
+                  /* @__PURE__ */ jsx5("span", { className: "font-bold text-slate-900 bg-slate-100 px-1.5 py-0.5 rounded border border-slate-200", children: conflictModalState.fieldName }),
+                  ". \u05D4\u05D0\u05DD \u05EA\u05E8\u05E6\u05D4 \u05DC\u05E7\u05E9\u05E8 \u05D0\u05D5\u05EA\u05D4 \u05DC\u05EA\u05EA-\u05D4\u05D8\u05D1\u05DC\u05D4 \u05D1\u05DE\u05E7\u05D5\u05DD \u05DC\u05D9\u05E6\u05D5\u05E8 \u05D7\u05D3\u05E9\u05D4?"
+                ] }),
+                conflictModalState.matchingRecords.length > 1 && /* @__PURE__ */ jsxs5("div", { className: "p-3 bg-blue-50 border border-blue-200 rounded-lg text-xs font-semibold text-blue-800", children: [
+                  "\u05E0\u05DE\u05E6\u05D0\u05D5 ",
+                  conflictModalState.matchingRecords.length,
+                  " \u05E8\u05E9\u05D5\u05DE\u05D5\u05EA \u05E7\u05D9\u05D9\u05DE\u05D5\u05EA. \u05D4\u05D0\u05DD \u05DC\u05E7\u05E9\u05E8 \u05D0\u05EA \u05DB\u05D5\u05DC\u05DF?"
+                ] }),
+                conflictModalState.matchingRecords.length > 0 && /* @__PURE__ */ jsx5("div", { className: "overflow-x-auto border border-slate-200 rounded-lg max-h-48 text-xs bg-white", children: /* @__PURE__ */ jsxs5("table", { className: "w-full text-right border-collapse", children: [
+                  /* @__PURE__ */ jsx5("thead", { children: /* @__PURE__ */ jsx5("tr", { className: "bg-slate-100 text-slate-700 font-semibold border-b whitespace-nowrap", children: (targetColumns.length > 0 ? targetColumns.filter((c) => c.name !== "_id" && c.name !== "id") : Object.keys(((_b = conflictModalState.matchingRecords[0]) == null ? void 0 : _b.data) || {}).filter((k) => k !== "_id" && k !== "id").map((name) => ({ name }))).map((col) => /* @__PURE__ */ jsx5(
+                    "th",
+                    {
+                      className: "bg-slate-100 text-slate-700 font-semibold p-2 border-b whitespace-nowrap",
+                      children: col.name
+                    },
+                    col.name
+                  )) }) }),
+                  /* @__PURE__ */ jsx5("tbody", { children: conflictModalState.matchingRecords.map((r, idx) => {
+                    const cols = targetColumns.length > 0 ? targetColumns.filter((c) => c.name !== "_id" && c.name !== "id") : Object.keys(r.data || {}).filter((k) => k !== "_id" && k !== "id").map((name) => ({ name }));
+                    return /* @__PURE__ */ jsx5("tr", { className: "hover:bg-slate-50/80 transition-colors", children: cols.map((col) => {
+                      var _a2;
+                      const rawVal = (_a2 = r.data) == null ? void 0 : _a2[col.name];
+                      let displayVal = "-";
+                      if (rawVal !== void 0 && rawVal !== null && rawVal !== "") {
+                        if (typeof rawVal === "boolean") {
+                          displayVal = rawVal ? "\u05DB\u05DF" : "\u05DC\u05D0";
+                        } else if (typeof rawVal === "object") {
+                          displayVal = Array.isArray(rawVal) ? rawVal.join(", ") : JSON.stringify(rawVal);
+                        } else {
+                          displayVal = String(rawVal);
+                        }
+                      }
+                      return /* @__PURE__ */ jsx5(
+                        "td",
+                        {
+                          className: "p-2 border-b border-slate-100 whitespace-nowrap text-slate-800",
+                          children: displayVal
+                        },
+                        col.name
+                      );
+                    }) }, r.id || idx);
+                  }) })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxs5("div", { className: "p-4 bg-slate-50 border-t border-slate-100 flex items-center justify-end gap-2.5", children: [
+                /* @__PURE__ */ jsx5(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleCancelConflict,
+                    className: "px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-200/70 rounded-lg border border-slate-300 transition-colors cursor-pointer",
+                    children: "\u05D1\u05D9\u05D8\u05D5\u05DC"
+                  }
+                ),
+                /* @__PURE__ */ jsxs5(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleConfirmLinkConflict,
+                    className: "px-4 py-2 text-sm font-semibold text-white bg-blue-600 hover:bg-blue-700 rounded-lg shadow transition-colors flex items-center gap-1.5 cursor-pointer",
+                    children: [
+                      /* @__PURE__ */ jsx5("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" }) }),
+                      conflictModalState.matchingRecords.length > 1 ? "\u05E7\u05E9\u05E8 \u05D0\u05EA \u05DB\u05D5\u05DC\u05DF" : "\u05E7\u05E9\u05E8 \u05E8\u05E9\u05D5\u05DE\u05D4"
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
   ] });
 }
 
@@ -2171,7 +2808,7 @@ function TableBlockClient({
   const formatPayload = (payload) => {
     const formatted = {};
     (localColumns || []).forEach((col) => {
-      var _a, _b;
+      var _a, _b, _c;
       if (["_id", "id", "createdAt", "updatedAt", "orgId", "tableId", "isSelected"].includes(col.name)) return;
       let val = payload[col.name];
       if (val !== void 0) {
@@ -2181,7 +2818,9 @@ function TableBlockClient({
           if (((_a = col.type) == null ? void 0 : _a.toUpperCase()) === "NUMBER") {
             val = val === "" ? 0 : Number(val);
             if (isNaN(val)) val = 0;
-          } else if (((_b = col.type) == null ? void 0 : _b.toUpperCase()) === "SUB_TABLE" && Array.isArray(val)) {
+          } else if (((_b = col.type) == null ? void 0 : _b.toUpperCase()) === "PHONE") {
+            val = sanitizePhoneNumber(String(val));
+          } else if (((_c = col.type) == null ? void 0 : _c.toUpperCase()) === "SUB_TABLE" && Array.isArray(val)) {
             val = val.map((item) => {
               const _a2 = item, { _resolvedData } = _a2, rest = __objRest(_a2, ["_resolvedData"]);
               return rest;
@@ -2195,7 +2834,7 @@ function TableBlockClient({
   };
   const hasChanges = dirty.added.length > 0 || Object.keys(dirty.modified).length > 0 || dirty.deleted.length > 0;
   const handleSave = async () => {
-    var _a;
+    var _a, _b;
     if (!hasChanges) {
       return;
     }
@@ -2218,6 +2857,28 @@ function TableBlockClient({
         }
       }
     }
+    const phoneCols = (localColumns || []).filter((c) => {
+      var _a2;
+      return ((_a2 = c.type) == null ? void 0 : _a2.toUpperCase()) === "PHONE";
+    });
+    for (const col of phoneCols) {
+      for (const row of dirty.added) {
+        const val = row.data[col.name];
+        if (!isEmpty(val) && !isValidPhoneNumber(val)) {
+          showError(`\u05DE\u05E1\u05E4\u05E8 \u05D4\u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05E9\u05D3\u05D4 "${col.name}" \u05D0\u05D9\u05E0\u05D5 \u05EA\u05E7\u05D9\u05DF. \u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05DE\u05E1\u05E4\u05E8 \u05D1\u05D0\u05D5\u05E8\u05DA 9-15 \u05E1\u05E4\u05E8\u05D5\u05EA (\u05DC\u05D3\u05D5\u05D2\u05DE\u05D4 0501234567 \u05D0\u05D5 +972501234567).`, "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05D5\u05D5\u05DC\u05D9\u05D3\u05E6\u05D9\u05D4");
+          return;
+        }
+      }
+      for (const [rowId, mods] of Object.entries(dirty.modified)) {
+        const rowData = ((_b = data.find((r) => r.id === rowId)) == null ? void 0 : _b.data) || {};
+        const mergedData = __spreadValues(__spreadValues({}, rowData), mods);
+        const val = mergedData[col.name];
+        if (!isEmpty(val) && !isValidPhoneNumber(val)) {
+          showError(`\u05DE\u05E1\u05E4\u05E8 \u05D4\u05D8\u05DC\u05E4\u05D5\u05DF \u05D1\u05E9\u05D3\u05D4 "${col.name}" \u05D0\u05D9\u05E0\u05D5 \u05EA\u05E7\u05D9\u05DF. \u05D9\u05E9 \u05DC\u05D4\u05D6\u05D9\u05DF \u05DE\u05E1\u05E4\u05E8 \u05D1\u05D0\u05D5\u05E8\u05DA 9-15 \u05E1\u05E4\u05E8\u05D5\u05EA (\u05DC\u05D3\u05D5\u05D2\u05DE\u05D4 0501234567 \u05D0\u05D5 +972501234567).`, "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05D5\u05D5\u05DC\u05D9\u05D3\u05E6\u05D9\u05D4");
+          return;
+        }
+      }
+    }
     setIsSaving(true);
     try {
       if (!executeAction) {
@@ -2880,5 +3541,7 @@ export {
   ToastProvider,
   UNIVERSE_COMPONENTS,
   cn,
+  formatPhoneDisplay,
+  openWhatsAppChat,
   useToast
 };