medusajs-documents-plugin 1.1.61 → 1.1.64

package/.medusa/server/src/admin/index.js

@@ -330,31 +330,6 @@ The recipient confirms that the device has been inspected, tested in their prese
     },
     notes: "By accepting handover, the client acknowledges satisfactory return of all custody items and confirms device operability."
   },
-  {
-    id: "proforma",
-    name: "Commercial Quotation / Proforma",
-    icon: "💼",
-    badge: "Cost Estimate",
-    title: "Commercial Quotation (Proforma)",
-    subject: "Commercial Quotation & Scope of Work - Urban Device Care",
-    body_text: `Thank you for choosing Urban Device Care. Below is an itemized commercial quotation detailing required OEM components, workshop labor, precision calibration, and expected turnaround schedule for your equipment overhaul.
-
-This quotation is valid for 14 calendar days from the date of issue. Upon formal approval, component procurement and bench allocation will commence immediately.`,
-    items: [
-      { title: "OEM Liquid Retina XDR Display Assembly", description: "Brand new original factory panel with factory color calibration", quantity: 1, unit_price: 42e3 },
-      { title: "Clean-Room Workshop Installation & Sensor Alignment", description: "Certified clean-room installation, gasket replacement & TrueTone calibration", quantity: 1, unit_price: 6500 },
-      { title: "Hydrophobic Dust & Water Ingress Seal Restoration", description: "OEM adhesive barrier pressure cured to IP68 rating", quantity: 1, unit_price: 2500 }
-    ],
-    custom_fields: {
-      "Device Model": "Apple iPad Pro 12.9-inch (6th Gen - Wi-Fi + Cellular)",
-      "Serial / IMEI": "DLXW9201M93K",
-      "Ticket Reference": "RT-2024-4190",
-      "Estimator / Technician": "Bonifencia A.",
-      "Validity Period": "14 Calendar Days",
-      "Estimated Turnaround": "24 - 48 Hours"
-    },
-    notes: "All replaced hardware carries our standard 90-day warranty coverage. Payment accepted via M-Pesa, Bank Transfer, or Credit/Debit Card."
-  },
   {
     id: "trade_in",
     name: "Device Trade-In Agreement",
@@ -378,27 +353,358 @@ The seller warrants that they are the sole lawful owner of the equipment, that i
       "Evaluation Specialist": "Bonifencia A."
     },
     notes: "Ownership transfers immediately upon document execution. Valuation is binding and irrevocable once trade-in payout or store credit is issued."
-  },
-  {
-    id: "blank",
-    name: "Blank Custom Document",
-    icon: "📝",
-    badge: "Custom",
-    title: "Official Document",
-    subject: "Official Document from Urban Device Care",
-    body_text: "This official technical document confirms the specifications, service terms, and verified conditions documented by Urban Device Care for the specified customer asset.",
-    items: [
-      { title: "Professional Hardware Inspection & Maintenance Service", description: "Certified technical evaluation and service clearance", quantity: 1, unit_price: 0 }
-    ],
-    custom_fields: {
-      "Device Model": "Computing Asset / Hardware Module",
-      "Serial / IMEI": "SN-XXXX-XXXX",
-      "Ticket Reference": "RT-2024-0001",
-      "Technician": "Bonifencia A."
-    },
-    notes: "Standard terms and conditions apply. For inquiries, contact info@urbandevicecare.co.uk."
   }
 ];
+const CustomerAutofillCombobox = ({
+  candidates,
+  loading = false,
+  onSelectCustomer,
+  label = "Quick Autofill Customer Details"
+}) => {
+  const [query, setQuery] = react.useState("");
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [autofilledNotice, setAutofilledNotice] = react.useState(null);
+  const [remoteCandidates, setRemoteCandidates] = react.useState([]);
+  const [isSearchingRemote, setIsSearchingRemote] = react.useState(false);
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  react.useEffect(() => {
+    const q = query.trim();
+    if (q.length < 2) {
+      setRemoteCandidates([]);
+      setIsSearchingRemote(false);
+      return;
+    }
+    const timer = setTimeout(async () => {
+      setIsSearchingRemote(true);
+      try {
+        const res = await fetch(`/admin/customers?q=${encodeURIComponent(q)}&fields=*addresses&limit=25`, {
+          credentials: "include"
+        });
+        if (res.ok) {
+          const data = await res.json().catch(() => ({}));
+          if (data.customers && Array.isArray(data.customers)) {
+            const mapped = data.customers.map((c) => {
+              var _a, _b, _c;
+              const fullName = [c.first_name, c.last_name].filter(Boolean).join(" ").trim();
+              const addr = ((_a = c.addresses) == null ? void 0 : _a[0]) || c.default_billing_address || c.billing_address;
+              const formattedAddr = addr ? [addr.address_1, addr.address_2, addr.city, addr.postal_code, addr.province, (_b = addr.country_code) == null ? void 0 : _b.toUpperCase()].filter(Boolean).join(", ") : "";
+              const company = c.company_name || (addr == null ? void 0 : addr.company) || ((_c = c.metadata) == null ? void 0 : _c.company_name) || "";
+              const name = fullName || company || c.email || "Customer";
+              return {
+                id: `remote-${c.id}`,
+                name,
+                company_name: company,
+                email: c.email || "",
+                phone: c.phone || (addr == null ? void 0 : addr.phone) || "",
+                address: formattedAddr,
+                source: "customer",
+                source_label: "Medusa Customer (Live)"
+              };
+            });
+            setRemoteCandidates(mapped);
+          }
+        }
+      } catch (e) {
+      } finally {
+        setIsSearchingRemote(false);
+      }
+    }, 250);
+    return () => clearTimeout(timer);
+  }, [query]);
+  const allCandidates = react.useMemo(() => {
+    var _a, _b, _c, _d;
+    if (remoteCandidates.length === 0) return candidates;
+    const map = /* @__PURE__ */ new Map();
+    for (const c of candidates) {
+      const key = ((_a = c.email) == null ? void 0 : _a.toLowerCase()) || ((_b = c.phone) == null ? void 0 : _b.replace(/\s+/g, "")) || `${c.name.toLowerCase()}::${c.company_name.toLowerCase()}`;
+      if (key) map.set(key, c);
+    }
+    for (const c of remoteCandidates) {
+      const key = ((_c = c.email) == null ? void 0 : _c.toLowerCase()) || ((_d = c.phone) == null ? void 0 : _d.replace(/\s+/g, "")) || `${c.name.toLowerCase()}::${c.company_name.toLowerCase()}`;
+      if (key) {
+        if (!map.has(key)) {
+          map.set(key, c);
+        } else {
+          const existing = map.get(key);
+          if (!existing.address && c.address) existing.address = c.address;
+          if (!existing.company_name && c.company_name) existing.company_name = c.company_name;
+        }
+      }
+    }
+    return Array.from(map.values());
+  }, [candidates, remoteCandidates]);
+  const filteredCandidates = react.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) {
+      return allCandidates.slice(0, 10);
+    }
+    const cleanQ = q.replace(/\s+/g, "");
+    const digitsOnlyQ = cleanQ.replace(/\D/g, "");
+    return allCandidates.filter((c) => {
+      const name = c.name.toLowerCase();
+      const company = c.company_name.toLowerCase();
+      const email = c.email.toLowerCase();
+      const phone = c.phone.replace(/\s+/g, "").toLowerCase();
+      const digitsOnlyPhone = phone.replace(/\D/g, "");
+      const addr = c.address.toLowerCase();
+      const src = c.source_label.toLowerCase();
+      const phoneMatches = phone.includes(cleanQ) || digitsOnlyQ.length >= 4 && (digitsOnlyPhone.includes(digitsOnlyQ) || digitsOnlyQ.includes(digitsOnlyPhone));
+      return name.includes(q) || company.includes(q) || email.includes(q) || phoneMatches || addr.includes(q) || src.includes(q);
+    }).slice(0, 20);
+  }, [allCandidates, query]);
+  const handleSelect = (candidate) => {
+    onSelectCustomer(candidate);
+    const displayName = candidate.company_name ? `${candidate.name} (${candidate.company_name})` : candidate.name;
+    setAutofilledNotice(`✓ Autofilled: ${displayName}`);
+    setQuery("");
+    setIsOpen(false);
+    setTimeout(() => {
+      setAutofilledNotice(null);
+    }, 4e3);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative flex flex-col gap-1.5 p-3 rounded-lg bg-ui-bg-subtle border border-ui-border-base", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { className: "text-xs font-semibold flex items-center gap-1.5 text-ui-fg-base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkles, { className: "w-3.5 h-3.5 text-ui-fg-interactive" }),
+        label
+      ] }),
+      autofilledNotice && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-medium text-emerald-600 bg-emerald-50 dark:bg-emerald-950/40 px-2 py-0.5 rounded border border-emerald-200", children: autofilledNotice })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-[11px] text-ui-fg-subtle", children: "Search existing customer records, repair tickets, or recent documents in Medusa to automatically populate customer fields." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 left-0 pl-2.5 flex items-center pointer-events-none text-ui-fg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(icons.MagnifyingGlass, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: query,
+          onChange: (e) => {
+            setQuery(e.target.value);
+            setIsOpen(true);
+          },
+          onFocus: (e) => {
+            setIsOpen(true);
+            e.target.select();
+          },
+          placeholder: "Type name, company, email, phone, or ticket # to search & autofill...",
+          className: "w-full pl-8.5 pr-8 py-1.5 text-xs bg-ui-bg-base border border-ui-border-base rounded-md text-ui-fg-base placeholder:text-ui-fg-muted focus:outline-none focus:ring-1 focus:ring-ui-border-interactive focus:border-ui-border-interactive"
+        }
+      ),
+      query && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setQuery(""),
+          className: "absolute inset-y-0 right-0 pr-2.5 flex items-center text-ui-fg-muted hover:text-ui-fg-base",
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMark, { className: "w-3.5 h-3.5" })
+        }
+      )
+    ] }),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-0 right-0 mt-1 z-50 bg-ui-bg-base border border-ui-border-base rounded-md shadow-lg max-h-64 overflow-y-auto divide-y divide-ui-border-base", children: loading || isSearchingRemote ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 text-xs text-ui-fg-muted text-center flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, { className: "w-3 h-3 animate-spin" }),
+      "Searching customer records..."
+    ] }) : filteredCandidates.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3 text-xs text-ui-fg-muted text-center", children: "No matching customer records found" }) : filteredCandidates.map((c) => {
+      const badgeColor = c.source === "customer" ? "blue" : c.source === "repair" ? "orange" : "green";
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          onClick: () => handleSelect(c),
+          className: "p-2.5 hover:bg-ui-bg-subtle-hover cursor-pointer transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 truncate", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-xs text-ui-fg-base truncate", children: c.name }),
+                c.company_name && c.company_name !== c.name && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] text-ui-fg-muted truncate", children: [
+                  "(",
+                  c.company_name,
+                  ")"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "small", color: badgeColor, className: "shrink-0 text-[10px]", children: c.source_label })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-[11px] text-ui-fg-subtle truncate", children: [
+              c.email && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
+                "📧 ",
+                c.email
+              ] }),
+              c.phone && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
+                "📞 ",
+                c.phone
+              ] }),
+              c.address && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate max-w-[200px]", children: [
+                "📍 ",
+                c.address
+              ] })
+            ] })
+          ]
+        },
+        c.id
+      );
+    }) })
+  ] });
+};
+const RepairTicketCombobox = ({
+  tickets,
+  selectedTicketId,
+  onSelectTicket,
+  onClear,
+  loading = false
+}) => {
+  const [query, setQuery] = react.useState("");
+  const [isOpen, setIsOpen] = react.useState(false);
+  const containerRef = react.useRef(null);
+  const getTicketLabel = (t) => {
+    var _a, _b, _c, _d, _e;
+    const cleanNum = String(t.ticket_number || t.id).replace(/^(RT-|JOB-|CERT-)+/i, "");
+    const displayRef = `RT-${cleanNum}`;
+    const custName = ((_a = t.customer) == null ? void 0 : _a.company_name) || t.company_name || t.customer_name || (((_b = t.customer) == null ? void 0 : _b.first_name) ? `${t.customer.first_name} ${t.customer.last_name || ""}`.trim() : "") || "Customer";
+    const brandModel = [(_c = t.device) == null ? void 0 : _c.brand, (_d = t.device) == null ? void 0 : _d.model_name].filter(Boolean).join(" ").trim() || ((_e = t.custom_fields) == null ? void 0 : _e["Device Model"]) || "Device";
+    return `${displayRef} — ${custName} (${brandModel})`;
+  };
+  react.useEffect(() => {
+    if (!selectedTicketId) {
+      setQuery("");
+      return;
+    }
+    const t = tickets.find((item) => item.id === selectedTicketId || item.ticket_number === selectedTicketId);
+    if (t) {
+      setQuery(getTicketLabel(t));
+    }
+  }, [selectedTicketId, tickets]);
+  react.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const filteredTickets = react.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    const cleanQ = q.replace(/^(?:(?:rt|job|cert)[-–—\s#]*|[#])/i, "").trim().toLowerCase();
+    const digitsOnlyQ = cleanQ.replace(/\D/g, "");
+    const selectedTicket = tickets.find((item) => item.id === selectedTicketId || item.ticket_number === selectedTicketId);
+    const selectedLabel = selectedTicket ? getTicketLabel(selectedTicket).toLowerCase() : "";
+    const isUnmodifiedSelection = Boolean(selectedTicket && q === selectedLabel);
+    if (!q || isUnmodifiedSelection) {
+      return tickets.slice(0, 30);
+    }
+    return tickets.filter((t) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      const cleanNum = String(t.ticket_number || t.id).replace(/^(RT-|JOB-|CERT-)+/i, "").toLowerCase();
+      const rawNum = String(t.ticket_number || "").toLowerCase();
+      const rawId = String(t.id || "").toLowerCase();
+      const displayRef = `rt-${cleanNum}`;
+      const custName = (((_a = t.customer) == null ? void 0 : _a.name) || t.customer_name || (((_b = t.customer) == null ? void 0 : _b.first_name) ? `${t.customer.first_name} ${t.customer.last_name || ""}`.trim() : "")).toLowerCase();
+      const compName = (((_c = t.customer) == null ? void 0 : _c.company_name) || t.company_name || "").toLowerCase();
+      const email = (((_d = t.customer) == null ? void 0 : _d.email) || t.customer_email || "").toLowerCase();
+      const phone = (((_e = t.customer) == null ? void 0 : _e.phone) || t.customer_phone || "").replace(/\s+/g, "").toLowerCase();
+      const digitsOnlyPhone = phone.replace(/\D/g, "");
+      const brandModel = ([(_f = t.device) == null ? void 0 : _f.brand, (_g = t.device) == null ? void 0 : _g.model_name].filter(Boolean).join(" ") || ((_h = t.custom_fields) == null ? void 0 : _h["Device Model"]) || "").toLowerCase();
+      const phoneMatches = phone.includes(q.replace(/\s+/g, "")) || digitsOnlyQ.length >= 4 && (digitsOnlyPhone.includes(digitsOnlyQ) || digitsOnlyQ.includes(digitsOnlyPhone));
+      return cleanNum.includes(q) || cleanQ && cleanNum.includes(cleanQ) || displayRef.includes(q) || rawNum.includes(q) || cleanQ && rawNum.includes(cleanQ) || rawId.includes(q) || custName.includes(q) || compName.includes(q) || email.includes(q) || phoneMatches || brandModel.includes(q);
+    }).slice(0, 30);
+  }, [tickets, query, selectedTicketId]);
+  const handleSelect = (ticket) => {
+    onSelectTicket(ticket.id);
+    setQuery(getTicketLabel(ticket));
+    setIsOpen(false);
+  };
+  const handleClear = () => {
+    onClear();
+    setQuery("");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 left-0 pl-2.5 flex items-center pointer-events-none text-ui-fg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(icons.MagnifyingGlass, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: query,
+          onChange: (e) => {
+            setQuery(e.target.value);
+            setIsOpen(true);
+          },
+          onFocus: (e) => {
+            setIsOpen(true);
+            e.target.select();
+          },
+          placeholder: "Search by customer name, company, or ticket number (e.g. 5390 or RT-5390)...",
+          className: "w-full pl-8.5 pr-8 py-1.5 text-xs bg-ui-bg-base border border-ui-border-base rounded-md text-ui-fg-base placeholder:text-ui-fg-muted focus:outline-none focus:ring-1 focus:ring-ui-border-interactive focus:border-ui-border-interactive"
+        }
+      ),
+      (query || selectedTicketId) && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleClear,
+          className: "absolute inset-y-0 right-0 pr-2.5 flex items-center text-ui-fg-muted hover:text-ui-fg-base",
+          title: "Clear ticket link",
+          children: /* @__PURE__ */ jsxRuntime.jsx(icons.XMark, { className: "w-3.5 h-3.5" })
+        }
+      )
+    ] }),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-0 right-0 mt-1 z-50 bg-ui-bg-base border border-ui-border-base rounded-md shadow-lg max-h-64 overflow-y-auto divide-y divide-ui-border-base", children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 text-xs text-ui-fg-muted text-center flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, { className: "w-3 h-3 animate-spin" }),
+      "Loading repair tickets..."
+    ] }) : filteredTickets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 text-xs text-ui-fg-muted text-center", children: [
+      'No repair tickets found matching "',
+      query,
+      '"'
+    ] }) : filteredTickets.map((t) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      const cleanNum = String(t.ticket_number || t.id).replace(/^(RT-|JOB-|CERT-)+/i, "");
+      const displayRef = `RT-${cleanNum}`;
+      const custName = ((_a = t.customer) == null ? void 0 : _a.company_name) || t.company_name || t.customer_name || (((_b = t.customer) == null ? void 0 : _b.first_name) ? `${t.customer.first_name} ${t.customer.last_name || ""}`.trim() : "") || "Customer";
+      const compName = ((_c = t.customer) == null ? void 0 : _c.company_name) || t.company_name;
+      const brandModel = [(_d = t.device) == null ? void 0 : _d.brand, (_e = t.device) == null ? void 0 : _e.model_name].filter(Boolean).join(" ").trim() || ((_f = t.custom_fields) == null ? void 0 : _f["Device Model"]) || "Device";
+      const isSelected = selectedTicketId === t.id;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          onClick: () => handleSelect(t),
+          className: `p-2.5 hover:bg-ui-bg-subtle-hover cursor-pointer transition-colors ${isSelected ? "bg-ui-bg-interactive-subtle" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 truncate", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "small", color: isSelected ? "blue" : "grey", className: "shrink-0 font-mono", children: displayRef }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-xs text-ui-fg-base truncate", children: custName }),
+                compName && compName !== custName && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] text-ui-fg-muted truncate", children: [
+                  "(",
+                  compName,
+                  ")"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-ui-fg-subtle truncate shrink-0 font-medium", children: brandModel })
+            ] }),
+            (((_g = t.customer) == null ? void 0 : _g.email) || t.customer_email || ((_h = t.customer) == null ? void 0 : _h.phone) || t.customer_phone) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-[11px] text-ui-fg-muted truncate", children: [
+              (((_i = t.customer) == null ? void 0 : _i.email) || t.customer_email) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
+                "📧 ",
+                ((_j = t.customer) == null ? void 0 : _j.email) || t.customer_email
+              ] }),
+              (((_k = t.customer) == null ? void 0 : _k.phone) || t.customer_phone) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate", children: [
+                "📞 ",
+                ((_l = t.customer) == null ? void 0 : _l.phone) || t.customer_phone
+              ] })
+            ] })
+          ]
+        },
+        t.id
+      );
+    }) })
+  ] });
+};
 const DocumentsPage = () => {
   var _a, _b;
   const [activeTab, setActiveTab] = react.useState("hub");
@@ -512,7 +818,7 @@ const DocumentsPage = () => {
     items: [{ title: "", description: "", quantity: 1, unit_price: 0 }],
     currency_code: "kes",
     notes: "",
-    force_source: "auto",
+    force_source: "zoho",
     auto_send: false
   });
   const [customDocForm, setCustomDocForm] = react.useState({
@@ -522,6 +828,7 @@ const DocumentsPage = () => {
     customer_name: "Jane Doe",
     customer_email: "jane.doe@example.com",
     customer_phone: "+254 712 345 678",
+    customer_address: "",
     body_text: CUSTOM_DOC_PRESETS[0].body_text,
     items: CUSTOM_DOC_PRESETS[0].items.map((it) => ({ ...it })),
     custom_fields: { ...CUSTOM_DOC_PRESETS[0].custom_fields || {} },
@@ -535,6 +842,8 @@ const DocumentsPage = () => {
   const [selectedTicketId, setSelectedTicketId] = react.useState("");
   const [newCustomFieldKey, setNewCustomFieldKey] = react.useState("");
   const [newCustomFieldValue, setNewCustomFieldValue] = react.useState("");
+  const [customersList, setCustomersList] = react.useState([]);
+  const [loadingCustomers, setLoadingCustomers] = react.useState(false);
   const loadRepairTickets = async () => {
     setLoadingRepairs(true);
     try {
@@ -552,16 +861,60 @@ const DocumentsPage = () => {
       setLoadingRepairs(false);
     }
   };
+  const loadCustomers = async () => {
+    setLoadingCustomers(true);
+    try {
+      const res = await fetch("/admin/customers?limit=100&fields=*addresses", { credentials: "include" });
+      if (res.ok) {
+        const data = await res.json().catch(() => ({}));
+        if (data.customers && Array.isArray(data.customers)) {
+          setCustomersList(data.customers);
+          return;
+        }
+      }
+    } catch (e) {
+      console.warn("Could not fetch /admin/customers:", e);
+    } finally {
+      setLoadingCustomers(false);
+    }
+  };
   react.useEffect(() => {
-    if (customDocModalOpen) {
+    if (customDocModalOpen || manualModalOpen) {
       loadRepairTickets();
+      loadCustomers();
     }
-  }, [customDocModalOpen]);
+  }, [customDocModalOpen, manualModalOpen]);
   const availableTickets = react.useMemo(() => {
-    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
     const map = /* @__PURE__ */ new Map();
     for (const t of repairTickets) {
-      if (t.id) map.set(t.id, t);
+      if (t.id) {
+        const linkedCust = t.customer_id ? customersList.find((c) => c.id === t.customer_id) : null;
+        const custName = ((_a2 = t.customer) == null ? void 0 : _a2.name) || (((_b2 = t.customer) == null ? void 0 : _b2.first_name) ? `${t.customer.first_name} ${t.customer.last_name || ""}`.trim() : "") || t.customer_name || ((_c = t.metadata) == null ? void 0 : _c.customer_name) || (linkedCust ? [linkedCust.first_name, linkedCust.last_name].filter(Boolean).join(" ").trim() : "") || "";
+        const compName = ((_d = t.customer) == null ? void 0 : _d.company_name) || t.company_name || ((_e = t.metadata) == null ? void 0 : _e.company_name) || (linkedCust == null ? void 0 : linkedCust.company_name) || "";
+        const email = ((_f = t.customer) == null ? void 0 : _f.email) || t.customer_email || ((_g = t.metadata) == null ? void 0 : _g.customer_email) || (linkedCust == null ? void 0 : linkedCust.email) || "";
+        const phone = ((_h = t.customer) == null ? void 0 : _h.phone) || t.customer_phone || ((_i = t.metadata) == null ? void 0 : _i.customer_phone) || (linkedCust == null ? void 0 : linkedCust.phone) || "";
+        const linkedAddr = (_j = linkedCust == null ? void 0 : linkedCust.addresses) == null ? void 0 : _j[0];
+        const formattedCustAddr = linkedAddr ? [linkedAddr.address_1, linkedAddr.address_2, linkedAddr.city, linkedAddr.postal_code, linkedAddr.province, (_k = linkedAddr.country_code) == null ? void 0 : _k.toUpperCase()].filter(Boolean).join(", ") : "";
+        const address = ((_l = t.customer) == null ? void 0 : _l.address) || t.customer_address || ((_m = t.metadata) == null ? void 0 : _m.address) || ((_n = t.custom_fields) == null ? void 0 : _n["Address"]) || formattedCustAddr || "";
+        map.set(t.id, {
+          ...t,
+          customer_name: custName || t.customer_name,
+          company_name: compName || t.company_name,
+          customer_email: email || t.customer_email,
+          customer_phone: phone || t.customer_phone,
+          customer_address: address || t.customer_address,
+          customer: {
+            name: custName,
+            first_name: (linkedCust == null ? void 0 : linkedCust.first_name) || ((_o = t.customer) == null ? void 0 : _o.first_name),
+            last_name: (linkedCust == null ? void 0 : linkedCust.last_name) || ((_p = t.customer) == null ? void 0 : _p.last_name),
+            company_name: compName,
+            email,
+            phone,
+            address
+          }
+        });
+      }
     }
     for (const d of documents) {
       const ticketId = d.repair_ticket_id;
@@ -570,14 +923,14 @@ const DocumentsPage = () => {
       const idKey = ticketId || displayId;
       if (isRepairDoc && idKey) {
         if (!map.has(idKey)) {
-          const customFields = d.custom_fields || ((_a2 = d.metadata) == null ? void 0 : _a2.custom_fields) || {};
+          const customFields = d.custom_fields || ((_q = d.metadata) == null ? void 0 : _q.custom_fields) || {};
           map.set(idKey, {
             id: idKey,
             ticket_number: String(displayId).replace(/^(RT-|JOB-|CERT-)+/i, "") || idKey,
             customer_name: d.customer_name,
             customer_email: d.customer_email,
             customer_phone: d.customer_phone,
-            company_name: ((_b2 = d.customer) == null ? void 0 : _b2.company_name) || ((_c = d.metadata) == null ? void 0 : _c.company_name),
+            company_name: ((_r = d.customer) == null ? void 0 : _r.company_name) || ((_s = d.metadata) == null ? void 0 : _s.company_name),
             device: {
               brand: customFields["Brand"] || "",
               model_name: customFields["Device Model"] || customFields["Model"] || "Device",
@@ -588,16 +941,16 @@ const DocumentsPage = () => {
             technician_name: customFields["Technician"] || "Bonifencia A.",
             issue_description: customFields["Reported Issue"] || d.notes || "Standard Service",
             custom_fields: customFields,
-            items: ((_d = d.metadata) == null ? void 0 : _d.items) || []
+            items: ((_t = d.metadata) == null ? void 0 : _t.items) || []
           });
         } else {
           const existing = map.get(idKey);
           if (!existing.customer_name && d.customer_name) existing.customer_name = d.customer_name;
           if (!existing.customer_email && d.customer_email) existing.customer_email = d.customer_email;
           if (!existing.customer_phone && d.customer_phone) existing.customer_phone = d.customer_phone;
-          const compName = ((_e = d.customer) == null ? void 0 : _e.company_name) || ((_f = d.metadata) == null ? void 0 : _f.company_name);
+          const compName = ((_u = d.customer) == null ? void 0 : _u.company_name) || ((_v = d.metadata) == null ? void 0 : _v.company_name);
           if (!existing.company_name && compName) existing.company_name = compName;
-          if ((!((_g = existing.device) == null ? void 0 : _g.model_name) || ((_h = existing.device) == null ? void 0 : _h.model_name) === "Device") && ((_j = (_i = d.metadata) == null ? void 0 : _i.custom_fields) == null ? void 0 : _j["Device Model"])) {
+          if ((!((_w = existing.device) == null ? void 0 : _w.model_name) || ((_x = existing.device) == null ? void 0 : _x.model_name) === "Device") && ((_z = (_y = d.metadata) == null ? void 0 : _y.custom_fields) == null ? void 0 : _z["Device Model"])) {
             existing.device = existing.device || {};
             existing.device.model_name = d.metadata.custom_fields["Device Model"];
           }
@@ -605,9 +958,87 @@ const DocumentsPage = () => {
       }
     }
     return Array.from(map.values());
-  }, [repairTickets, documents]);
+  }, [repairTickets, documents, customersList]);
+  const customerAutofillCandidates = react.useMemo(() => {
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+    const map = /* @__PURE__ */ new Map();
+    const addCandidate = (c) => {
+      var _a3, _b3;
+      const key = ((_a3 = c.email) == null ? void 0 : _a3.trim().toLowerCase()) || ((_b3 = c.phone) == null ? void 0 : _b3.trim().replace(/\s+/g, "")) || `${c.name.trim().toLowerCase()}::${c.company_name.trim().toLowerCase()}`;
+      if (!key || key === "::" || key === "customer::") return;
+      if (!map.has(key)) {
+        map.set(key, c);
+      } else {
+        const existing = map.get(key);
+        if (!existing.name || existing.name === "Customer") existing.name = c.name;
+        if (!existing.company_name && c.company_name) existing.company_name = c.company_name;
+        if (!existing.email && c.email) existing.email = c.email;
+        if (!existing.phone && c.phone) existing.phone = c.phone;
+        if (!existing.address && c.address) existing.address = c.address;
+      }
+    };
+    for (const c of customersList) {
+      const fullName = [c.first_name, c.last_name].filter(Boolean).join(" ").trim();
+      const addr = ((_a2 = c.addresses) == null ? void 0 : _a2[0]) || c.default_billing_address || c.billing_address;
+      const formattedAddr = addr ? [addr.address_1, addr.address_2, addr.city, addr.postal_code, addr.province, (_b2 = addr.country_code) == null ? void 0 : _b2.toUpperCase()].filter(Boolean).join(", ") : "";
+      const company = c.company_name || (addr == null ? void 0 : addr.company) || ((_c = c.metadata) == null ? void 0 : _c.company_name) || "";
+      const name = fullName || company || c.email || "Customer";
+      addCandidate({
+        id: c.id || `cust-${Math.random()}`,
+        name,
+        company_name: company,
+        email: c.email || "",
+        phone: c.phone || (addr == null ? void 0 : addr.phone) || "",
+        address: formattedAddr,
+        source: "customer",
+        source_label: "Medusa Customer"
+      });
+    }
+    for (const t of availableTickets) {
+      const fullName = (((_d = t.customer) == null ? void 0 : _d.first_name) ? `${t.customer.first_name} ${t.customer.last_name || ""}`.trim() : "") || ((_e = t.customer) == null ? void 0 : _e.name) || t.customer_name || "";
+      const company = ((_f = t.customer) == null ? void 0 : _f.company_name) || t.company_name || ((_g = t.metadata) == null ? void 0 : _g.company_name) || "";
+      const email = ((_h = t.customer) == null ? void 0 : _h.email) || t.customer_email || ((_i = t.metadata) == null ? void 0 : _i.customer_email) || "";
+      const phone = ((_j = t.customer) == null ? void 0 : _j.phone) || t.customer_phone || ((_k = t.metadata) == null ? void 0 : _k.customer_phone) || "";
+      const address = ((_l = t.customer) == null ? void 0 : _l.address) || t.customer_address || ((_m = t.metadata) == null ? void 0 : _m.address) || ((_n = t.custom_fields) == null ? void 0 : _n["Address"]) || "";
+      const cleanNum = String(t.ticket_number || t.id).replace(/^(RT-|JOB-|CERT-)+/i, "");
+      const name = fullName || company || "Customer";
+      {
+        addCandidate({
+          id: `ticket-${t.id || cleanNum}`,
+          name,
+          company_name: company,
+          email,
+          phone,
+          address,
+          source: "repair",
+          source_label: `Ticket RT-${cleanNum}`
+        });
+      }
+    }
+    for (const d of documents) {
+      const name = d.customer_name || "";
+      const company = ((_o = d.customer) == null ? void 0 : _o.company_name) || ((_p = d.metadata) == null ? void 0 : _p.company_name) || d.company_name || "";
+      const email = d.customer_email || ((_q = d.customer) == null ? void 0 : _q.email) || "";
+      const phone = d.customer_phone || ((_r = d.customer) == null ? void 0 : _r.phone) || "";
+      const address = ((_s = d.customer) == null ? void 0 : _s.address) || d.customer_address || ((_t = d.metadata) == null ? void 0 : _t.customer_address) || ((_v = (_u = d.metadata) == null ? void 0 : _u.customer) == null ? void 0 : _v.address) || "";
+      const docRef = d.display_id || ((_w = d.id) == null ? void 0 : _w.slice(0, 8));
+      if (name || company || email || phone) {
+        addCandidate({
+          id: `doc-${d.id}`,
+          name: name || company || "Customer",
+          company_name: company,
+          email,
+          phone,
+          address,
+          source: "document",
+          source_label: `Doc ${docRef}`
+        });
+      }
+    }
+    return Array.from(map.values());
+  }, [customersList, availableTickets, documents]);
   const handleSelectRepairTicket = (ticketId) => {
-    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
     setSelectedTicketId(ticketId);
     if (!ticketId) return;
     const ticket = availableTickets.find((t) => t.id === ticketId || t.ticket_number === ticketId);
@@ -675,12 +1106,14 @@ const DocumentsPage = () => {
         });
       }
     }
+    const customerAddress = ((_A = ticket.customer) == null ? void 0 : _A.address) || ticket.customer_address || ((_B = ticket.metadata) == null ? void 0 : _B.address) || ((_C = ticket.custom_fields) == null ? void 0 : _C["Address"]) || "";
     setCustomDocForm((prev) => ({
       ...prev,
       customer_name: customerName,
       customer_email: customerEmail,
       customer_phone: customerPhone,
       company_name: companyName,
+      customer_address: customerAddress || prev.customer_address,
       custom_fields: {
         ...prev.custom_fields,
         "Device Model": brandModel,
@@ -826,7 +1259,7 @@ const DocumentsPage = () => {
           items: validItems,
           currency_code: manualForm.currency_code,
           notes: manualForm.notes,
-          force_source: manualForm.force_source === "auto" ? void 0 : manualForm.force_source,
+          force_source: "zoho",
           auto_send: manualForm.auto_send
         })
       });
@@ -845,7 +1278,7 @@ const DocumentsPage = () => {
           items: [{ title: "", description: "", quantity: 1, unit_price: 0 }],
           currency_code: "kes",
           notes: "",
-          force_source: "auto",
+          force_source: "zoho",
           auto_send: false
         });
         loadDocuments();
@@ -881,7 +1314,8 @@ const DocumentsPage = () => {
             name: customDocForm.customer_name,
             company_name: customDocForm.company_name || void 0,
             email: customDocForm.customer_email,
-            phone: customDocForm.customer_phone
+            phone: customDocForm.customer_phone,
+            address: customDocForm.customer_address || void 0
           },
           body_text: customDocForm.body_text,
           notes: customDocForm.notes,
@@ -899,6 +1333,7 @@ const DocumentsPage = () => {
           customDocForm.send_email_now ? "Custom document generated & emailed successfully!" : "Custom document generated and saved to Documents Hub!"
         );
         setCustomDocModalOpen(false);
+        setSelectedTicketId("");
         loadDocuments();
       } else {
         alert(`Failed to generate custom document: ${data.message || res.statusText}`);
@@ -2363,52 +2798,6 @@ const DocumentsPage = () => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between shadow-sm hover:border-ui-border-interactive transition-colors", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl", children: "💼" }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "font-semibold text-sm", children: "Commercial Proforma Quote" })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "orange", size: "small", children: "Cost Estimate" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-xs text-ui-fg-subtle mb-4", children: "Itemized corporate repair quotation with workshop turnaround estimate, OEM part warranties, and 14-day validity period." }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs font-medium", children: "Template Style" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.Select,
-                {
-                  value: settings.custom_doc_template || "modern",
-                  onValueChange: (v) => updateSettingField("custom_doc_template", v),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "modern", children: "Modern Minimalist" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "classic", children: "Classic Corporate" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
-                    ] })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 pt-3 border-t border-ui-border-base flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-[11px] text-ui-fg-muted font-mono", children: "Preset: proforma" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              ui.Button,
-              {
-                variant: "secondary",
-                size: "small",
-                onClick: () => handlePreviewTemplate(settings.custom_doc_template || "modern", "custom", "proforma"),
-                isLoading: previewLoading === `${settings.custom_doc_template || "modern"}-custom-proforma`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
-                  " Preview Proforma"
-                ]
-              }
-            )
-          ] })
-        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between shadow-sm hover:border-ui-border-interactive transition-colors", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
@@ -3296,6 +3685,23 @@ Your *{document_title} #{display_id}* has been generated.
               }
             )
           ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            CustomerAutofillCombobox,
+            {
+              candidates: customerAutofillCandidates,
+              loading: loadingCustomers || loadingRepairs,
+              onSelectCustomer: (candidate) => {
+                setManualForm((prev) => ({
+                  ...prev,
+                  customer_name: candidate.name,
+                  company_name: candidate.company_name,
+                  customer_email: candidate.email,
+                  customer_phone: candidate.phone,
+                  customer_address: candidate.address || prev.customer_address
+                }));
+              }
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Company Name (Optional)" }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -3309,7 +3715,7 @@ Your *{document_title} #{display_id}* has been generated.
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Customer Name" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Customer Name *" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               ui.Input,
               {
@@ -3344,23 +3750,26 @@ Your *{document_title} #{display_id}* has been generated.
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Generation Source" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              ui.Select,
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Customer Address (Optional)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
               {
-                value: manualForm.force_source,
-                onValueChange: (v) => setManualForm({ ...manualForm, force_source: v }),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "auto", children: "Auto (Zoho if enabled, else PDFKit)" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "zoho", children: "Force Zoho Books" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "pdfkit", children: "Force Local PDFKit" })
-                  ] })
-                ]
+                value: manualForm.customer_address,
+                onChange: (e) => setManualForm({ ...manualForm, customer_address: e.target.value }),
+                placeholder: "Street Address, City, Postal Code",
+                size: "small"
               }
             )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Generation Source" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1 px-3 py-2 rounded-md border border-ui-border-base bg-ui-bg-subtle text-xs text-ui-fg-base", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-emerald-500 animate-pulse" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-ui-fg-base", children: "Zoho Books (Cloud Invoicing)" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "small", color: "blue", className: "ml-auto font-mono", children: "Enforced" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-[11px] text-ui-fg-subtle mt-1", children: "All manual invoices and quotes are generated and synced directly via Zoho Books. Local PDFKit fallback is disabled." })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
@@ -3596,29 +4005,14 @@ Your *{document_title} #{display_id}* has been generated.
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-[11px] text-ui-fg-subtle", children: "Automatically autofills customer details, device specifications (model, serial/IMEI, accessories), technician notes, and services from active repairs." }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.Select,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RepairTicketCombobox,
             {
-              value: selectedTicketId || void 0,
-              onValueChange: handleSelectRepairTicket,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { size: "small", className: "w-full bg-ui-bg-base", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "-- Select a Repair Ticket to autofill fields --" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: availableTickets.map((t) => {
-                  var _a2, _b2, _c, _d, _e;
-                  const brandModel = [(_a2 = t.device) == null ? void 0 : _a2.brand, (_b2 = t.device) == null ? void 0 : _b2.model_name].filter(Boolean).join(" ").trim() || ((_c = t.custom_fields) == null ? void 0 : _c["Device Model"]) || "Device";
-                  const cleanNum = String(t.ticket_number || t.id).replace(/^(RT-|JOB-)+/i, "");
-                  const displayRef = `RT-${cleanNum}`;
-                  const custName = ((_d = t.customer) == null ? void 0 : _d.company_name) || t.company_name || t.customer_name || (((_e = t.customer) == null ? void 0 : _e.first_name) ? `${t.customer.first_name} ${t.customer.last_name || ""}`.trim() : "") || "Customer";
-                  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Item, { value: t.id, children: [
-                    displayRef,
-                    " — ",
-                    custName,
-                    " (",
-                    brandModel,
-                    ")"
-                  ] }, t.id);
-                }) })
-              ]
+              tickets: availableTickets,
+              selectedTicketId,
+              onSelectTicket: handleSelectRepairTicket,
+              onClear: handleClearRepairLink,
+              loading: loadingRepairs
             }
           ),
           selectedTicketId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-2.5 py-1.5 rounded bg-ui-bg-interactive-subtle border border-ui-border-interactive text-[11px] text-ui-fg-interactive font-medium", children: [
@@ -3666,6 +4060,23 @@ Your *{document_title} #{display_id}* has been generated.
               }
             )
           ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            CustomerAutofillCombobox,
+            {
+              candidates: customerAutofillCandidates,
+              loading: loadingCustomers || loadingRepairs,
+              onSelectCustomer: (candidate) => {
+                setCustomDocForm((prev) => ({
+                  ...prev,
+                  customer_name: candidate.name,
+                  company_name: candidate.company_name,
+                  customer_email: candidate.email,
+                  customer_phone: candidate.phone,
+                  customer_address: candidate.address || prev.customer_address
+                }));
+              }
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Company Name (Optional)" }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -3713,6 +4124,18 @@ Your *{document_title} #{display_id}* has been generated.
                 size: "small"
               }
             )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { className: "text-xs", children: "Customer Address (Optional)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                value: customDocForm.customer_address,
+                onChange: (e) => setCustomDocForm({ ...customDocForm, customer_address: e.target.value }),
+                placeholder: "Street Address, City, Postal Code",
+                size: "small"
+              }
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [