medusajs-documents-plugin 0.0.0-stage → 1.1.1

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

@@ -0,0 +1,2428 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { defineRouteConfig } from "@medusajs/admin-sdk";
+import { Container, Heading, Text, Button, Input, Select, Table, Badge, Label, Switch, Textarea, FocusModal } from "@medusajs/ui";
+import { useState, useEffect } from "react";
+import { DocumentText, Plus, Sparkles, ArrowPath, ArrowDownTray, Envelope, Trash } from "@medusajs/icons";
+const CUSTOM_DOC_PRESETS = [
+  {
+    id: "warranty",
+    name: "Warranty Certificate",
+    icon: "🛡️",
+    badge: "90-Day Coverage",
+    title: "Warranty Certificate",
+    subject: "Your Official Warranty Certificate - Urban Device Care",
+    body_text: `This certificate verifies that your device has undergone professional repairs with genuine OEM-specification components and has passed our multi-point quality assurance inspection.
+
+All hardware replacements and associated workshop labor are covered under our comprehensive 90-day warranty against defects in parts and workmanship. Please retain this document for warranty verification.`,
+    items: [
+      { title: "OEM Component & Hardware Warranty", description: "90-Day Coverage from Date of Collection", quantity: 1, unit_price: 0 },
+      { title: "Workshop Diagnostic & Quality Clearance", description: "Multi-Point Hardware & Bench Testing", quantity: 1, unit_price: 0 }
+    ]
+  },
+  {
+    id: "diagnostic",
+    name: "Diagnostic & Inspection Report",
+    icon: "🔍",
+    badge: "Hardware Findings",
+    title: "Diagnostic & Hardware Inspection Report",
+    subject: "Device Diagnostic & Inspection Findings",
+    body_text: `Our certified repair specialists have completed a hardware and firmware inspection of your equipment. Below are the confirmed technical findings, component test measurements, and technician notes regarding the state of your device.`,
+    items: [
+      { title: "Logic Board & Power Rail Inspection", description: "Voltage drop and circuit continuity tested", quantity: 1, unit_price: 0 },
+      { title: "Display & Touch Digitizer Diagnostic", description: "Digitizer touch grid, TrueTone, and Ambient Sensor test", quantity: 1, unit_price: 0 },
+      { title: "Battery Health & Thermal Profiling", description: "Cycle count, capacity retention, and charge testing", quantity: 1, unit_price: 0 }
+    ]
+  },
+  {
+    id: "service_completion",
+    name: "Service Completion Certificate",
+    icon: "📜",
+    badge: "QC Cleared",
+    title: "Certificate of Service Completion",
+    subject: "Service Completion & Quality Assurance Sign-off",
+    body_text: `This document certifies that the requested overhaul, maintenance, and repair services have been executed in full accordance with industry service standards. The device has cleared bench testing and is ready for customer collection.`,
+    items: [
+      { title: "Hardware Servicing & Component Replacement", description: "Executed per work order specifications", quantity: 1, unit_price: 0 },
+      { title: "Final Bench Testing & Quality Control", description: "Passed 100% functional test criteria", quantity: 1, unit_price: 0 }
+    ]
+  },
+  {
+    id: "handover",
+    name: "Equipment Handover & Release",
+    icon: "🤝",
+    badge: "Custody Form",
+    title: "Equipment Handover & Custody Release Agreement",
+    subject: "Equipment Handover & Custody Release Form",
+    body_text: `This handover document certifies the return and physical custody release of customer equipment and associated accessories from Urban Device Care. The customer acknowledges receipt of equipment in verified working order.`,
+    items: [
+      { title: "Device Handover & Physical Release", description: "Customer custody confirmed", quantity: 1, unit_price: 0 },
+      { title: "Accessories Handover", description: "Chargers, cases, and cables returned in verified condition", quantity: 1, unit_price: 0 }
+    ]
+  },
+  {
+    id: "proforma",
+    name: "Commercial Quotation / Proforma",
+    icon: "💼",
+    badge: "Cost Estimate",
+    title: "Commercial Quotation (Proforma)",
+    subject: "Commercial Quotation & Scope of Work",
+    body_text: `Thank you for choosing Urban Device Care. Below is an itemized breakdown of estimated hardware parts, workshop labor, and turnaround schedule for your project. This quote is valid for 14 calendar days.`,
+    items: [
+      { title: "OEM Replacement Hardware Assembly", description: "Brand new replacement module", quantity: 1, unit_price: 150 },
+      { title: "Workshop Labor & Clean-Room Installation", description: "Certified technician installation & calibration", quantity: 1, unit_price: 45 }
+    ]
+  },
+  {
+    id: "blank",
+    name: "Blank Custom Document",
+    icon: "📝",
+    badge: "Custom",
+    title: "Official Document",
+    subject: "Official Document from Urban Device Care",
+    body_text: "",
+    items: [
+      { title: "", description: "", quantity: 1, unit_price: 0 }
+    ]
+  }
+];
+const DocumentsPage = () => {
+  const [activeTab, setActiveTab] = useState("hub");
+  const [documents, setDocuments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [typeFilter, setTypeFilter] = useState("all");
+  const [sourceFilter, setSourceFilter] = useState("all");
+  const [zohoLiveDocs, setZohoLiveDocs] = useState([]);
+  const [loadingZoho, setLoadingZoho] = useState(false);
+  const [manualModalOpen, setManualModalOpen] = useState(false);
+  const [customDocModalOpen, setCustomDocModalOpen] = useState(false);
+  const [sendModalOpen, setSendModalOpen] = useState(false);
+  const [selectedDoc, setSelectedDoc] = useState(null);
+  const [settings, setSettings] = useState({
+    company_name: "Store",
+    storefront_url: "",
+    email_notifications_enabled: true,
+    sms_notifications_enabled: true,
+    whatsapp_notifications_enabled: true,
+    // Automation event subscriber toggles
+    event_order_placed_enabled: true,
+    event_order_completed_enabled: true,
+    event_payment_captured_enabled: true,
+    event_order_fulfillment_enabled: true,
+    event_repair_status_changed_enabled: true,
+    event_repair_compliance_enabled: true,
+    event_repair_created_enabled: true,
+    event_repair_completed_enabled: true,
+    event_repair_reminder_enabled: true,
+    // Zoho Books
+    zoho_books_enabled: false,
+    zoho_domain: "com",
+    zoho_organization_id: "",
+    zoho_client_id: "",
+    zoho_client_secret: "",
+    zoho_refresh_token: "",
+    zoho_invoice_notes: "Thank you for your business.",
+    zoho_invoice_terms: "",
+    zoho_estimate_terms: "",
+    zoho_payment_terms_days: 0,
+    zoho_tax_inclusive: false,
+    zoho_invoice_prefix: "INV-",
+    // PDF Branding
+    pdf_logo_url: "",
+    pdf_address: "",
+    pdf_phone: "",
+    pdf_email: "",
+    pdf_website: "",
+    pdf_payment_details: "",
+    pdf_terms: "",
+    // Template Choices
+    invoice_template: "modern",
+    packing_slip_template: "modern",
+    receipt_template: "modern",
+    estimate_template: "modern",
+    job_card_template: "modern",
+    custom_doc_template: "modern",
+    // Customizable Notification Templates
+    email_subject_template: "",
+    email_body_template: "",
+    sms_body_template: "",
+    whatsapp_body_template: ""
+  });
+  const [isSaving, setIsSaving] = useState(false);
+  const [saveSuccessMsg, setSaveSuccessMsg] = useState(null);
+  const [previewLoading, setPreviewLoading] = useState(null);
+  const [previewModalOpen, setPreviewModalOpen] = useState(false);
+  const [previewStyle, setPreviewStyle] = useState("modern");
+  const [previewType, setPreviewType] = useState("invoice");
+  const [previewBlobUrl, setPreviewBlobUrl] = useState(null);
+  const [isPreviewModalLoading, setIsPreviewModalLoading] = useState(false);
+  const [isGeneratingManual, setIsGeneratingManual] = useState(false);
+  const [isGeneratingCustom, setIsGeneratingCustom] = useState(false);
+  const [manualForm, setManualForm] = useState({
+    title: "Tax Invoice",
+    type: "invoice",
+    customer_name: "",
+    customer_email: "",
+    customer_phone: "",
+    customer_address: "",
+    items: [{ title: "", description: "", quantity: 1, unit_price: 0 }],
+    currency_code: "usd",
+    notes: "",
+    force_source: "auto",
+    auto_send: false
+  });
+  const [customDocForm, setCustomDocForm] = useState({
+    preset_id: "warranty",
+    title: "Warranty Certificate",
+    customer_name: "",
+    customer_email: "",
+    customer_phone: "",
+    body_text: "This certificate verifies that your device has undergone professional repairs with genuine OEM-specification components and has passed our multi-point quality assurance inspection.\n\nAll hardware replacements and associated workshop labor are covered under our comprehensive 90-day warranty against defects in parts and workmanship. Please retain this document for warranty verification.",
+    items: [
+      { title: "OEM Component & Hardware Warranty", description: "90-Day Coverage from Date of Collection", quantity: 1, unit_price: 0 },
+      { title: "Workshop Diagnostic & Quality Clearance", description: "Multi-Point Hardware & Bench Testing", quantity: 1, unit_price: 0 }
+    ],
+    currency_code: "usd",
+    send_email_now: true,
+    email_subject: "Your Official Warranty Certificate - Urban Device Care"
+  });
+  const selectCustomDocPreset = (presetId) => {
+    const preset = CUSTOM_DOC_PRESETS.find((p) => p.id === presetId);
+    if (!preset) return;
+    setCustomDocForm((prev) => ({
+      ...prev,
+      preset_id: preset.id,
+      title: preset.title,
+      email_subject: preset.subject,
+      body_text: preset.body_text,
+      items: preset.items.map((it) => ({ ...it }))
+    }));
+  };
+  const [sendForm, setSendForm] = useState({
+    channels: ["email"],
+    custom_message: "",
+    subject: ""
+  });
+  const loadDocuments = () => {
+    setLoading(true);
+    fetch("/admin/documents", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      setDocuments(data.documents || []);
+    }).catch((err) => console.error("Error loading documents:", err)).finally(() => setLoading(false));
+  };
+  const loadSettings = () => {
+    fetch("/admin/documents/settings", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      if (data.settings) {
+        setSettings((prev) => ({ ...prev, ...data.settings }));
+      }
+    }).catch((err) => console.error("Error loading settings:", err));
+  };
+  const loadZohoLiveDocs = () => {
+    setLoadingZoho(true);
+    fetch("/admin/documents/zoho/list", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      if (data.items) {
+        setZohoLiveDocs(data.items);
+      }
+    }).catch((err) => console.error("Error loading Zoho live docs:", err)).finally(() => setLoadingZoho(false));
+  };
+  useEffect(() => {
+    loadDocuments();
+    loadSettings();
+  }, []);
+  const saveSettings = async () => {
+    setIsSaving(true);
+    setSaveSuccessMsg(null);
+    try {
+      const res = await fetch("/admin/documents/settings", {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(settings)
+      });
+      const data = await res.json().catch(() => ({}));
+      if (res.ok && data.success) {
+        setSaveSuccessMsg("Preferences saved successfully!");
+        setTimeout(() => setSaveSuccessMsg(null), 4e3);
+        alert("Settings saved successfully!");
+      } else {
+        alert(`Failed to save settings: ${data.message || res.statusText || "Unknown error"}`);
+      }
+    } catch (e) {
+      console.error(e);
+      alert(`Error saving settings: ${e.message}`);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const updateSettingField = (key, val) => {
+    setSettings((prev) => ({ ...prev, [key]: val }));
+  };
+  const handleCreateManual = async () => {
+    var _a;
+    if (!((_a = manualForm.customer_name) == null ? void 0 : _a.trim())) {
+      alert("Please provide a Customer Name.");
+      return;
+    }
+    const validItems = manualForm.items.filter((it) => it.title.trim() !== "");
+    if (validItems.length === 0) {
+      alert("Please add at least one line item with a title.");
+      return;
+    }
+    setIsGeneratingManual(true);
+    try {
+      const res = await fetch("/admin/documents/manual", {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          title: manualForm.title,
+          type: manualForm.type,
+          customer: {
+            name: manualForm.customer_name,
+            email: manualForm.customer_email,
+            phone: manualForm.customer_phone,
+            address: manualForm.customer_address
+          },
+          items: validItems,
+          currency_code: manualForm.currency_code,
+          notes: manualForm.notes,
+          force_source: manualForm.force_source === "auto" ? void 0 : manualForm.force_source,
+          auto_send: manualForm.auto_send
+        })
+      });
+      const data = await res.json().catch(() => ({}));
+      if (res.ok && data.success) {
+        alert("Document created successfully!");
+        setManualModalOpen(false);
+        setManualForm({
+          title: "Tax Invoice",
+          type: "invoice",
+          customer_name: "",
+          customer_email: "",
+          customer_phone: "",
+          customer_address: "",
+          items: [{ title: "", description: "", quantity: 1, unit_price: 0 }],
+          currency_code: "usd",
+          notes: "",
+          force_source: "auto",
+          auto_send: false
+        });
+        loadDocuments();
+      } else {
+        alert(`Failed to create document: ${data.message || res.statusText}`);
+      }
+    } catch (e) {
+      alert(`Error creating document: ${e.message}`);
+    } finally {
+      setIsGeneratingManual(false);
+    }
+  };
+  const handleCreateCustomDoc = async () => {
+    var _a, _b;
+    if (!((_a = customDocForm.title) == null ? void 0 : _a.trim())) {
+      alert("Please provide a Document Title.");
+      return;
+    }
+    if (!((_b = customDocForm.customer_name) == null ? void 0 : _b.trim())) {
+      alert("Please provide a Customer / Recipient Name.");
+      return;
+    }
+    setIsGeneratingCustom(true);
+    try {
+      const res = await fetch("/admin/documents/custom", {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          title: customDocForm.title,
+          customer: {
+            name: customDocForm.customer_name,
+            email: customDocForm.customer_email,
+            phone: customDocForm.customer_phone
+          },
+          body_text: customDocForm.body_text,
+          items: customDocForm.items.filter((it) => it.title.trim() !== ""),
+          currency_code: customDocForm.currency_code,
+          send_email_now: customDocForm.send_email_now,
+          email_subject: customDocForm.email_subject,
+          custom_email_message: customDocForm.body_text
+        })
+      });
+      const data = await res.json().catch(() => ({}));
+      if (res.ok && data.success) {
+        alert(
+          customDocForm.send_email_now ? "Custom document generated & emailed successfully!" : "Custom document generated and saved to Documents Hub!"
+        );
+        setCustomDocModalOpen(false);
+        loadDocuments();
+      } else {
+        alert(`Failed to generate custom document: ${data.message || res.statusText}`);
+      }
+    } catch (e) {
+      alert(`Error generating custom document: ${e.message}`);
+    } finally {
+      setIsGeneratingCustom(false);
+    }
+  };
+  const loadPreviewBlob = async (style, type) => {
+    setIsPreviewModalLoading(true);
+    try {
+      const res = await fetch(`/admin/documents/templates/preview?style=${style}&type=${type}`, {
+        credentials: "include"
+      });
+      if (!res.ok) {
+        const errText = await res.text();
+        alert(`Preview failed: ${errText || res.statusText}`);
+        return;
+      }
+      const blob = await res.blob();
+      const blobUrl = URL.createObjectURL(blob);
+      setPreviewBlobUrl((old) => {
+        if (old) URL.revokeObjectURL(old);
+        return blobUrl;
+      });
+    } catch (e) {
+      alert(`Error previewing template: ${e.message}`);
+    } finally {
+      setIsPreviewModalLoading(false);
+      setPreviewLoading(null);
+    }
+  };
+  const handlePreviewTemplate = async (style, type) => {
+    const key = `${style}-${type}`;
+    setPreviewLoading(key);
+    setPreviewStyle(style);
+    setPreviewType(type);
+    setPreviewModalOpen(true);
+    await loadPreviewBlob(style, type);
+  };
+  const switchPreview = async (style, type) => {
+    setPreviewStyle(style);
+    setPreviewType(type);
+    await loadPreviewBlob(style, type);
+  };
+  const handleOpenPreviewNewTab = () => {
+    window.open(`/admin/documents/templates/preview?style=${previewStyle}&type=${previewType}`, "_blank");
+  };
+  const handleDownloadPreview = () => {
+    if (!previewBlobUrl) return;
+    const a = document.createElement("a");
+    a.href = previewBlobUrl;
+    a.download = `preview-${previewStyle}-${previewType}.pdf`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+  };
+  const handleViewDocument = (id, displayId) => {
+    window.open(`/admin/documents/${id}/document`, "_blank");
+  };
+  const handleSendNotification = async () => {
+    if (!selectedDoc) return;
+    try {
+      const res = await fetch(`/admin/documents/${selectedDoc.id}/send`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          channels: sendForm.channels,
+          custom_message: sendForm.custom_message,
+          subject: sendForm.subject || void 0
+        })
+      });
+      if (res.ok) {
+        alert("Notification dispatched successfully!");
+        setSendModalOpen(false);
+      } else {
+        alert("Failed to dispatch notification.");
+      }
+    } catch (e) {
+      alert("Error sending notification.");
+    }
+  };
+  const handleSyncToZoho = async (docId) => {
+    try {
+      const res = await fetch(`/admin/documents/${docId}/sync-zoho`, {
+        method: "POST",
+        credentials: "include"
+      });
+      const data = await res.json();
+      if (res.ok && data.success) {
+        alert(`Successfully synced to Zoho Books! (Zoho ID: ${data.zoho_document_id})`);
+        loadDocuments();
+      } else {
+        alert(`Zoho Sync Failed: ${data.message || "Unknown error"}`);
+      }
+    } catch (e) {
+      alert("Error syncing to Zoho Books.");
+    }
+  };
+  const filteredDocs = documents.filter((doc) => {
+    var _a, _b, _c, _d;
+    if (typeFilter !== "all" && doc.type !== typeFilter) return false;
+    if (sourceFilter !== "all" && doc.source !== sourceFilter) return false;
+    if (searchTerm) {
+      const q = searchTerm.toLowerCase();
+      return ((_a = doc.display_id) == null ? void 0 : _a.toLowerCase().includes(q)) || ((_b = doc.customer_name) == null ? void 0 : _b.toLowerCase().includes(q)) || ((_c = doc.customer_email) == null ? void 0 : _c.toLowerCase().includes(q)) || ((_d = doc.title) == null ? void 0 : _d.toLowerCase().includes(q));
+    }
+    return true;
+  });
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between p-6 border-b border-ui-border-base gap-4 bg-ui-bg-base", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-2.5 bg-ui-bg-subtle rounded-lg border border-ui-border-base", children: /* @__PURE__ */ jsx(DocumentText, { className: "text-ui-fg-interactive w-5 h-5" }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h1", className: "text-xl font-semibold", children: "Documents Hub" }),
+          /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Unified document generation with Zoho Books, PDFKit templates & multi-channel dispatch" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "small", onClick: () => setManualModalOpen(true), children: [
+          /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 mr-1" }),
+          " Create Invoice"
+        ] }),
+        /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "small", onClick: () => setCustomDocModalOpen(true), children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4 mr-1" }),
+          " Custom Document"
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "small", onClick: loadDocuments, children: /* @__PURE__ */ jsx(ArrowPath, { className: "w-4 h-4" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 px-6 border-b border-ui-border-base bg-ui-bg-subtle text-sm", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setActiveTab("hub"),
+          className: `py-3 font-medium border-b-2 transition-colors ${activeTab === "hub" ? "border-ui-border-interactive text-ui-fg-base" : "border-transparent text-ui-fg-muted hover:text-ui-fg-subtle"}`,
+          children: [
+            "All Documents (",
+            documents.length,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setActiveTab("templates"),
+          className: `py-3 font-medium border-b-2 transition-colors ${activeTab === "templates" ? "border-ui-border-interactive text-ui-fg-base" : "border-transparent text-ui-fg-muted hover:text-ui-fg-subtle"}`,
+          children: "PDF Templates"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setActiveTab("automations"),
+          className: `py-3 font-medium border-b-2 transition-colors ${activeTab === "automations" ? "border-ui-border-interactive text-ui-fg-base" : "border-transparent text-ui-fg-muted hover:text-ui-fg-subtle"}`,
+          children: "Automations / Events"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setActiveTab("settings"),
+          className: `py-3 font-medium border-b-2 transition-colors ${activeTab === "settings" ? "border-ui-border-interactive text-ui-fg-base" : "border-transparent text-ui-fg-muted hover:text-ui-fg-subtle"}`,
+          children: "Settings & Zoho"
+        }
+      )
+    ] }),
+    activeTab === "hub" && /* @__PURE__ */ jsxs("div", { className: "p-6 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 flex-1 max-w-sm", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: "Search reference, customer, or title...",
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            size: "small"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(Select, { value: typeFilter, onValueChange: (v) => setTypeFilter(v), children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Document Type" }) }),
+            /* @__PURE__ */ jsxs(Select.Content, { children: [
+              /* @__PURE__ */ jsx(Select.Item, { value: "all", children: "All Types" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "invoice", children: "Invoices" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "receipt", children: "Receipts" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "estimate", children: "Estimates / Quotes" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "job_card", children: "Job Cards" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "packing_slip", children: "Packing Slips" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "custom", children: "Custom Documents" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Select, { value: sourceFilter, onValueChange: (v) => setSourceFilter(v), children: [
+            /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Source" }) }),
+            /* @__PURE__ */ jsxs(Select.Content, { children: [
+              /* @__PURE__ */ jsx(Select.Item, { value: "all", children: "All Sources" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "zoho", children: "Zoho Books" }),
+              /* @__PURE__ */ jsx(Select.Item, { value: "pdfkit", children: "PDFKit Local" })
+            ] })
+          ] }),
+          settings.zoho_books_enabled && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: loadZohoLiveDocs,
+              isLoading: loadingZoho,
+              children: [
+                /* @__PURE__ */ jsx(ArrowPath, { className: "w-3.5 h-3.5 mr-1" }),
+                " View Live Zoho List"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      loading ? /* @__PURE__ */ jsx("div", { className: "py-12 text-center text-ui-fg-muted text-sm", children: "Loading documents..." }) : filteredDocs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "py-12 text-center text-ui-fg-muted border border-dashed border-ui-border-base rounded-lg", children: [
+        /* @__PURE__ */ jsx(Text, { className: "text-sm", children: "No documents found." }),
+        /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle mt-1", children: "Create a manual invoice or process an order to generate your first document." })
+      ] }) : /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Reference" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Type" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Recipient" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Amount" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Status" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Source" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Date" }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { className: "text-right", children: "Actions" })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Body, { children: filteredDocs.map((doc) => {
+          const isPaid = doc.payment_status === "paid" || doc.status === "paid";
+          const isZoho = doc.source === "zoho";
+          return /* @__PURE__ */ jsxs(Table.Row, { className: "hover:bg-ui-bg-subtle-hover transition-colors", children: [
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleViewDocument(doc.id, doc.display_id),
+                className: "font-medium text-ui-fg-interactive hover:underline text-left cursor-pointer bg-transparent border-0 p-0",
+                children: doc.display_id
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-ui-fg-base", children: doc.title }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: doc.customer_name || "Guest" }),
+              /* @__PURE__ */ jsx("span", { className: "text-[11px] text-ui-fg-subtle", children: doc.customer_email || doc.customer_phone || "-" })
+            ] }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: new Intl.NumberFormat("en-US", {
+              style: "currency",
+              currency: (doc.currency_code || "usd").toUpperCase()
+            }).format(Number(doc.total_amount || 0)) }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: isPaid ? "green" : doc.payment_status === "unpaid" ? "red" : "blue", size: "small", children: doc.payment_status || doc.status }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: isZoho ? "purple" : "grey", size: "small", children: isZoho ? "Zoho Books" : "PDFKit" }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx("span", { className: "text-xs text-ui-fg-subtle", children: new Date(doc.created_at).toLocaleDateString() }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handleViewDocument(doc.id, doc.display_id),
+                  className: "p-1.5 rounded hover:bg-ui-bg-subtle text-ui-fg-subtle hover:text-ui-fg-base cursor-pointer",
+                  title: "View / Download PDF",
+                  children: /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => {
+                    setSelectedDoc(doc);
+                    setSendForm({
+                      channels: ["email"],
+                      custom_message: "",
+                      subject: `${settings.company_name}: ${doc.title} #${doc.display_id}`
+                    });
+                    setSendModalOpen(true);
+                  },
+                  className: "p-1.5 rounded hover:bg-ui-bg-subtle text-ui-fg-subtle hover:text-ui-fg-base",
+                  title: "Send via Email / SMS / WhatsApp",
+                  children: /* @__PURE__ */ jsx(Envelope, { className: "w-4 h-4" })
+                }
+              ),
+              !isZoho && settings.zoho_books_enabled && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: () => handleSyncToZoho(doc.id),
+                  className: "text-xs text-purple-600 hover:text-purple-700",
+                  children: "Push Zoho"
+                }
+              ),
+              doc.short_payment_link && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => {
+                    navigator.clipboard.writeText(doc.short_payment_link);
+                    alert("Short payment link copied to clipboard!");
+                  },
+                  className: "text-[11px] text-ui-fg-interactive hover:underline px-1.5 py-1",
+                  title: "Copy Short Payment Link",
+                  children: "Copy Link"
+                }
+              )
+            ] }) })
+          ] }, doc.id);
+        }) })
+      ] }),
+      zohoLiveDocs.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-8 border border-ui-border-base rounded-lg p-4 bg-ui-bg-subtle", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-sm font-semibold mb-3", children: "Live Zoho Books Invoices" }),
+        /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Invoice #" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Customer Name" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Total" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Status" }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: "Date" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Body, { children: zohoLiveDocs.map((zi) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+            /* @__PURE__ */ jsx(Table.Cell, { className: "font-medium", children: zi.invoice_number }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: zi.customer_name }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: zi.total }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Badge, { color: zi.status === "paid" ? "green" : "red", size: "small", children: zi.status }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: zi.date })
+          ] }, zi.invoice_id)) })
+        ] })
+      ] })
+    ] }),
+    activeTab === "templates" && /* @__PURE__ */ jsxs("div", { className: "p-6 max-w-4xl flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-base font-semibold", children: "PDFKit Fallback Templates" }),
+        /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Configure different styling templates for each document type when generated locally via PDFKit." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Invoice Template" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle mb-3", children: "Used for standard customer order & repair invoices." }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: settings.invoice_template || "modern",
+                onValueChange: (v) => updateSettingField("invoice_template", v),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "modern", children: "Modern Minimalist" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "classic", children: "Classic Corporate" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-ui-border-base flex justify-end", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => handlePreviewTemplate(settings.invoice_template || "modern", "invoice"),
+              isLoading: previewLoading === `${settings.invoice_template || "modern"}-invoice`,
+              children: [
+                /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
+                " Preview Invoice Template"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Packing Slip Template" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle mb-3", children: "Used for warehouse fulfillment & shipping packing slips." }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: settings.packing_slip_template || "modern",
+                onValueChange: (v) => updateSettingField("packing_slip_template", v),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "modern", children: "Modern Minimalist" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "classic", children: "Classic Corporate" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-ui-border-base flex justify-end", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => handlePreviewTemplate(settings.packing_slip_template || "modern", "packing_slip"),
+              isLoading: previewLoading === `${settings.packing_slip_template || "modern"}-packing_slip`,
+              children: [
+                /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
+                " Preview Packing Slip Template"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Payment Receipt Template" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle mb-3", children: "Issued when orders or repairs are captured and paid in full." }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: settings.receipt_template || "modern",
+                onValueChange: (v) => updateSettingField("receipt_template", v),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "modern", children: "Modern Minimalist" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "classic", children: "Classic Corporate" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-ui-border-base flex justify-end", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => handlePreviewTemplate(settings.receipt_template || "modern", "receipt"),
+              isLoading: previewLoading === `${settings.receipt_template || "modern"}-receipt`,
+              children: [
+                /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
+                " Preview Receipt Template"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Estimate / Quotation Template" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle mb-3", children: "Issued for customer repair quotations, diagnostics, and price estimates." }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: settings.estimate_template || "modern",
+                onValueChange: (v) => updateSettingField("estimate_template", v),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "modern", children: "Modern Minimalist" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "classic", children: "Classic Corporate" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-ui-border-base flex justify-end", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => handlePreviewTemplate(settings.estimate_template || "modern", "estimate"),
+              isLoading: previewLoading === `${settings.estimate_template || "modern"}-estimate`,
+              children: [
+                /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
+                " Preview Estimate Template"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Custom Document Template" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle mb-3", children: "Used for certificates, agreements, and customized memos." }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: settings.custom_doc_template || "modern",
+                onValueChange: (v) => updateSettingField("custom_doc_template", v),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "modern", children: "Modern Minimalist" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "classic", children: "Classic Corporate" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-ui-border-base flex justify-end", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => handlePreviewTemplate(settings.custom_doc_template || "modern", "custom"),
+              isLoading: previewLoading === `${settings.custom_doc_template || "modern"}-custom`,
+              children: [
+                /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
+                " Preview Custom Doc Template"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Repair Job Card Template" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle mb-3", children: "Workshop intake job card with device specs, inspection checklist & technician sign-off." }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: settings.job_card_template || "modern",
+                onValueChange: (v) => updateSettingField("job_card_template", v),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "modern", children: "Modern Minimalist" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "classic", children: "Classic Corporate" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4 pt-3 border-t border-ui-border-base flex justify-end", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => handlePreviewTemplate(settings.job_card_template || "modern", "job_card"),
+              isLoading: previewLoading === `${settings.job_card_template || "modern"}-job_card`,
+              children: [
+                /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
+                " Preview Job Card Template"
+              ]
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 mt-4", children: [
+        saveSuccessMsg && /* @__PURE__ */ jsxs("span", { className: "text-xs text-ui-fg-interactive font-medium", children: [
+          "✓ ",
+          saveSuccessMsg
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: saveSettings, isLoading: isSaving, children: "Save Template Preferences" })
+      ] })
+    ] }),
+    activeTab === "automations" && /* @__PURE__ */ jsxs("div", { className: "p-6 max-w-4xl flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-base font-semibold", children: "Event Subscribers & Automations" }),
+        /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Toggle automated document generation on or off for captured Medusa order and repair events." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-sm font-semibold text-ui-fg-base", children: "E-commerce Order Events" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-ui-border-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Order Placed (`order.placed`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Autogenerates Tax Invoice, embeds Paystack QR payment link for unpaid balances, and dispatches to customer." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_order_placed_enabled,
+                onCheckedChange: (v) => updateSettingField("event_order_placed_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-ui-border-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Payment Captured (`payment.captured`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Autogenerates official Payment Receipt and delivers download link to customer." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_payment_captured_enabled,
+                onCheckedChange: (v) => updateSettingField("event_payment_captured_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-ui-border-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Order Completed (`order.completed`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Autogenerates Packing Slip and final delivery documents." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_order_completed_enabled,
+                onCheckedChange: (v) => updateSettingField("event_order_completed_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Fulfillment Created (`order.fulfillment_created`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Autogenerates Packing Slip for fulfillment staff and warehouse tracking." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_order_fulfillment_enabled,
+                onCheckedChange: (v) => updateSettingField("event_order_fulfillment_enabled", v)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-sm font-semibold text-ui-fg-base", children: "Repair Plugin Events" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-ui-border-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Repair Status Changed (`repair.status_changed`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Autogenerates updated repair invoice or quote with device details and payment link." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_repair_status_changed_enabled,
+                onCheckedChange: (v) => updateSettingField("event_repair_status_changed_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-ui-border-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Compliance Requested (`repair.ticket.compliance_requested`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Autogenerates Quotation and sends approval link to customer." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_repair_compliance_enabled,
+                onCheckedChange: (v) => updateSettingField("event_repair_compliance_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-ui-border-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Repair Created (`repair.created`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Generates initial Job Card / Estimate when a new repair ticket is filed." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_repair_created_enabled,
+                onCheckedChange: (v) => updateSettingField("event_repair_created_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 border-b border-ui-border-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Repair Completed (`repair.completed`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Generates final repair invoice with breakdown of parts and labor charges." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_repair_completed_enabled,
+                onCheckedChange: (v) => updateSettingField("event_repair_completed_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Customer Reminder (`repair.customer_reminder`)" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Nudges customer with short document link and outstanding balance reminder." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.event_repair_reminder_enabled,
+                onCheckedChange: (v) => updateSettingField("event_repair_reminder_enabled", v)
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 mt-4", children: [
+        saveSuccessMsg && /* @__PURE__ */ jsxs("span", { className: "text-xs text-ui-fg-interactive font-medium", children: [
+          "✓ ",
+          saveSuccessMsg
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: saveSettings, isLoading: isSaving, children: "Save Automations" })
+      ] })
+    ] }),
+    activeTab === "settings" && /* @__PURE__ */ jsxs("div", { className: "p-6 max-w-4xl flex flex-col gap-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-base font-semibold", children: "General Branding & Details" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Company Name" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.company_name,
+                onChange: (e) => updateSettingField("company_name", e.target.value),
+                placeholder: "Urban Device Care Ltd",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Storefront URL" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.storefront_url,
+                onChange: (e) => updateSettingField("storefront_url", e.target.value),
+                placeholder: "https://store.example.com",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Logo URL" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.pdf_logo_url,
+                onChange: (e) => updateSettingField("pdf_logo_url", e.target.value),
+                placeholder: "https://example.com/logo.png",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Phone Numbers" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.pdf_phone,
+                onChange: (e) => updateSettingField("pdf_phone", e.target.value),
+                placeholder: "+44 20 7946 0991",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Support Email" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.pdf_email,
+                onChange: (e) => updateSettingField("pdf_email", e.target.value),
+                placeholder: "support@example.com",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Website" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.pdf_website,
+                onChange: (e) => updateSettingField("pdf_website", e.target.value),
+                placeholder: "www.example.com",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Address" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.pdf_address,
+                onChange: (e) => updateSettingField("pdf_address", e.target.value),
+                placeholder: "123 High Street, Tech Park, London",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Payment Instructions / Bank Details" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: settings.pdf_payment_details,
+                onChange: (e) => updateSettingField("pdf_payment_details", e.target.value),
+                placeholder: "Bank: Barclays | Acct: 12345678 | MPESA Till: 123456",
+                rows: 2
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Default Terms & Conditions" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: settings.pdf_terms,
+                onChange: (e) => updateSettingField("pdf_terms", e.target.value),
+                placeholder: "All items come with 90-day warranty. Invoices payable within 14 days.",
+                rows: 3
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-base font-semibold", children: "Notification Channels" }),
+        /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Toggle which channels are active for auto-delivering document notifications." }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border border-ui-border-base rounded-lg bg-ui-bg-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "Email Channel" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Deliver HTML documents and payment buttons via Email." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.email_notifications_enabled,
+                onCheckedChange: (v) => updateSettingField("email_notifications_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border border-ui-border-base rounded-lg bg-ui-bg-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "SMS Channel" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Send concise texts with shortlinks via SMS provider." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.sms_notifications_enabled,
+                onCheckedChange: (v) => updateSettingField("sms_notifications_enabled", v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border border-ui-border-base rounded-lg bg-ui-bg-base", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "WhatsApp Channel" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Send formatted message with shortlinks via WhatsApp provider." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: settings.whatsapp_notifications_enabled,
+                onCheckedChange: (v) => updateSettingField("whatsapp_notifications_enabled", v)
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-base font-semibold", children: "Customizable Notification Message Templates" }),
+          /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Customize the exact message format and body text dispatched across Email, SMS, and WhatsApp. Click on any tag below each editor to insert dynamic placeholders." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs(Label, { className: "font-semibold text-sm flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Envelope, { className: "w-4 h-4 text-ui-fg-interactive" }),
+                "Email Notification Customizer"
+              ] }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Customize email subject line and HTML/text message body." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                onClick: () => {
+                  updateSettingField("email_subject_template", "");
+                  updateSettingField("email_body_template", "");
+                },
+                children: "Reset to Default"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Email Subject Template" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.email_subject_template || "",
+                onChange: (e) => updateSettingField("email_subject_template", e.target.value),
+                placeholder: "{company_name}: {document_title} #{display_id}",
+                size: "small",
+                className: "mt-1 font-mono text-xs"
+              }
+            ),
+            /* @__PURE__ */ jsxs(Text, { className: "text-[11px] text-ui-fg-muted mt-1", children: [
+              "Default: ",
+              /* @__PURE__ */ jsx("code", { children: "{company_name}: {document_title} #{display_id}" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Email Body Template (HTML / Text)" }),
+              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: [
+                "{customer_name}",
+                "{document_title}",
+                "{display_id}",
+                "{total_amount}",
+                "{company_name}",
+                "{payment_link}",
+                "{document_link}",
+                "{payment_button}",
+                "{download_button}"
+              ].map((tag) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    const cur = settings.email_body_template || "";
+                    updateSettingField("email_body_template", cur + (cur ? " " : "") + tag);
+                  },
+                  className: "text-[10px] px-1.5 py-0.5 rounded bg-ui-bg-subtle hover:bg-ui-bg-subtle-hover text-ui-fg-subtle border border-ui-border-base font-mono cursor-pointer transition-colors",
+                  children: [
+                    "+",
+                    tag
+                  ]
+                },
+                tag
+              )) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: settings.email_body_template || "",
+                onChange: (e) => updateSettingField("email_body_template", e.target.value),
+                placeholder: `<p>Hello <strong>{customer_name}</strong>,</p>
+<p>Your {document_title} <strong>#{display_id}</strong> is ready.</p>
+{payment_button}
+{download_button}
+<p>Thank you for choosing {company_name}.</p>`,
+                rows: 5,
+                className: "font-mono text-xs"
+              }
+            ),
+            /* @__PURE__ */ jsx(Text, { className: "text-[11px] text-ui-fg-muted mt-1", children: "Leave blank to use default responsive layout with company banner, payment button, and PDF download button." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "SMS Message Body Template" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Concise text message dispatched via your SMS provider." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                onClick: () => updateSettingField("sms_body_template", ""),
+                children: "Reset to Default"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: [
+                "{company_name}",
+                "{customer_name}",
+                "{document_title}",
+                "{display_id}",
+                "{total_amount}",
+                "{payment_link}",
+                "{document_link}"
+              ].map((tag) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    const cur = settings.sms_body_template || "";
+                    updateSettingField("sms_body_template", cur + (cur ? " " : "") + tag);
+                  },
+                  className: "text-[10px] px-1.5 py-0.5 rounded bg-ui-bg-subtle hover:bg-ui-bg-subtle-hover text-ui-fg-subtle border border-ui-border-base font-mono cursor-pointer transition-colors",
+                  children: [
+                    "+",
+                    tag
+                  ]
+                },
+                tag
+              )) }),
+              /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-ui-fg-muted font-mono", children: [
+                (settings.sms_body_template || "").length,
+                " chars"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: settings.sms_body_template || "",
+                onChange: (e) => updateSettingField("sms_body_template", e.target.value),
+                placeholder: "[{company_name}] Hi {customer_name}, your {document_title} #{display_id} is ready. Total: {total_amount}. Pay: {payment_link} View: {document_link}",
+                rows: 3,
+                className: "font-mono text-xs"
+              }
+            ),
+            /* @__PURE__ */ jsxs(Text, { className: "text-[11px] text-ui-fg-muted mt-1", children: [
+              "Default: ",
+              /* @__PURE__ */ jsx("code", { children: "[{company_name}] Hi {customer_name}, your {document_title} #{display_id} is ready. Total: {total_amount}. Pay: {payment_link} View: {document_link}" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "font-semibold text-sm", children: "WhatsApp Message Body Template" }),
+              /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Formatted message supporting WhatsApp formatting (*bold*, _italics_)." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                onClick: () => updateSettingField("whatsapp_body_template", ""),
+                children: "Reset to Default"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between mb-1", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: [
+              "{company_name}",
+              "{customer_name}",
+              "{document_title}",
+              "{display_id}",
+              "{total_amount}",
+              "{payment_link}",
+              "{document_link}"
+            ].map((tag) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  const cur = settings.whatsapp_body_template || "";
+                  updateSettingField("whatsapp_body_template", cur + (cur ? " " : "") + tag);
+                },
+                className: "text-[10px] px-1.5 py-0.5 rounded bg-ui-bg-subtle hover:bg-ui-bg-subtle-hover text-ui-fg-subtle border border-ui-border-base font-mono cursor-pointer transition-colors",
+                children: [
+                  "+",
+                  tag
+                ]
+              },
+              tag
+            )) }) }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: settings.whatsapp_body_template || "",
+                onChange: (e) => updateSettingField("whatsapp_body_template", e.target.value),
+                placeholder: `*{company_name}*
+Hello *{customer_name}*,
+Your *{document_title} #{display_id}* has been generated.
+*Amount:* {total_amount}
+*Pay Online:* {payment_link}
+*Download PDF:* {document_link}`,
+                rows: 4,
+                className: "font-mono text-xs"
+              }
+            ),
+            /* @__PURE__ */ jsxs(Text, { className: "text-[11px] text-ui-fg-muted mt-1", children: [
+              "Default: ",
+              /* @__PURE__ */ jsx("code", { children: "*{company_name}*\\nHello *{customer_name}*,\\nYour *{document_title} #{display_id}* has been generated.\\n*Amount:* {total_amount}\\n*Pay Online:* {payment_link}\\n*Download PDF:* {document_link}" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-base font-semibold", children: "Zoho Books Integration" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Sync invoices and estimates with your official Zoho Books accounting account." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: settings.zoho_books_enabled,
+              onCheckedChange: (v) => updateSettingField("zoho_books_enabled", v)
+            }
+          )
+        ] }),
+        settings.zoho_books_enabled && /* @__PURE__ */ jsxs("div", { className: "p-4 border border-ui-border-base rounded-lg bg-ui-bg-subtle flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Zoho Data Center Domain" }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: settings.zoho_domain || "com",
+                  onValueChange: (v) => updateSettingField("zoho_domain", v),
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsxs(Select.Content, { children: [
+                      /* @__PURE__ */ jsx(Select.Item, { value: "com", children: ".com (Global / US)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "eu", children: ".eu (Europe)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "in", children: ".in (India)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "com.au", children: ".com.au (Australia)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "jp", children: ".jp (Japan)" })
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Organization ID" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: settings.zoho_organization_id,
+                  onChange: (e) => updateSettingField("zoho_organization_id", e.target.value),
+                  placeholder: "e.g. 12345678",
+                  size: "small"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Client ID" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: settings.zoho_client_id,
+                  onChange: (e) => updateSettingField("zoho_client_id", e.target.value),
+                  placeholder: "1000.XXXXXXXXXXXXXXXXXXXXXXXX",
+                  size: "small"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Client Secret" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "password",
+                  value: settings.zoho_client_secret,
+                  onChange: (e) => updateSettingField("zoho_client_secret", e.target.value),
+                  placeholder: "Enter Client Secret",
+                  size: "small"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Refresh Token" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "password",
+                  value: settings.zoho_refresh_token,
+                  onChange: (e) => updateSettingField("zoho_refresh_token", e.target.value),
+                  placeholder: "1000.XXXXXXXXXXXXXXXXXXXXXXXX",
+                  size: "small"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pt-4 border-t border-ui-border-base flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-sm font-semibold text-ui-fg-base", children: "Exposed Zoho Invoice Customizations" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Configure invoice options directly here without needing to log in to Zoho Books." }),
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Invoice Number Prefix" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: settings.zoho_invoice_prefix,
+                    onChange: (e) => updateSettingField("zoho_invoice_prefix", e.target.value),
+                    placeholder: "INV-",
+                    size: "small"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Payment Due Terms (Days)" }),
+                /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: String(settings.zoho_payment_terms_days || 0),
+                    onValueChange: (v) => updateSettingField("zoho_payment_terms_days", Number(v)),
+                    children: [
+                      /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                      /* @__PURE__ */ jsxs(Select.Content, { children: [
+                        /* @__PURE__ */ jsx(Select.Item, { value: "0", children: "Due on Receipt (Net 0)" }),
+                        /* @__PURE__ */ jsx(Select.Item, { value: "7", children: "Net 7 Days" }),
+                        /* @__PURE__ */ jsx(Select.Item, { value: "15", children: "Net 15 Days" }),
+                        /* @__PURE__ */ jsx(Select.Item, { value: "30", children: "Net 30 Days" }),
+                        /* @__PURE__ */ jsx(Select.Item, { value: "60", children: "Net 60 Days" })
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 flex items-center justify-between p-3 border border-ui-border-base rounded bg-ui-bg-base", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Embed Payment QR Code on Zoho Invoices" }),
+                  /* @__PURE__ */ jsx(Text, { className: "text-[11px] text-ui-fg-subtle", children: "Automatically generate & embed Paystack scan-to-pay QR code on Zoho invoice PDFs." })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: settings.zoho_include_payment_qr !== false,
+                    onCheckedChange: (v) => updateSettingField("zoho_include_payment_qr", v)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Custom Field Name for Payment Link (Optional)" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: settings.zoho_custom_field_payment_link || "",
+                    onChange: (e) => updateSettingField("zoho_custom_field_payment_link", e.target.value),
+                    placeholder: "Payment Link",
+                    size: "small"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border border-ui-border-base rounded bg-ui-bg-base", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Tax Inclusive Treatment" }),
+                  /* @__PURE__ */ jsx(Text, { className: "text-[11px] text-ui-fg-subtle", children: "Include taxes in unit prices on Zoho line items." })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: settings.zoho_tax_inclusive,
+                    onCheckedChange: (v) => updateSettingField("zoho_tax_inclusive", v)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Default Zoho Customer Notes" }),
+                /* @__PURE__ */ jsx(
+                  Textarea,
+                  {
+                    value: settings.zoho_invoice_notes,
+                    onChange: (e) => updateSettingField("zoho_invoice_notes", e.target.value),
+                    placeholder: "Thank you for your business. Please retain this invoice for your records.",
+                    rows: 2
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+                /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Default Zoho Invoice Terms & Conditions" }),
+                /* @__PURE__ */ jsx(
+                  Textarea,
+                  {
+                    value: settings.zoho_invoice_terms,
+                    onChange: (e) => updateSettingField("zoho_invoice_terms", e.target.value),
+                    placeholder: "Terms & Conditions printed on all Zoho Invoices.",
+                    rows: 2
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 mt-4", children: [
+        saveSuccessMsg && /* @__PURE__ */ jsxs("span", { className: "text-xs text-ui-fg-interactive font-medium", children: [
+          "✓ ",
+          saveSuccessMsg
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: saveSettings, isLoading: isSaving, children: "Save All Settings" })
+      ] })
+    ] }),
+    manualModalOpen && /* @__PURE__ */ jsx(FocusModal, { open: manualModalOpen, onOpenChange: setManualModalOpen, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+      /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Create Manual Invoice / Document" }) }),
+      /* @__PURE__ */ jsxs(FocusModal.Body, { className: "p-6 flex flex-col gap-6 max-w-2xl mx-auto overflow-y-auto max-h-[80vh]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Document Type" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: manualForm.type,
+                onValueChange: (v) => setManualForm({ ...manualForm, type: v }),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "invoice", children: "Tax Invoice" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "estimate", children: "Estimate / Quote" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Document Title" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: manualForm.title,
+                onChange: (e) => setManualForm({ ...manualForm, title: e.target.value }),
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Customer Name" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: manualForm.customer_name,
+                onChange: (e) => setManualForm({ ...manualForm, customer_name: e.target.value }),
+                placeholder: "Customer Name",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Customer Email" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: manualForm.customer_email,
+                onChange: (e) => setManualForm({ ...manualForm, customer_email: e.target.value }),
+                placeholder: "customer@example.com",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Customer Phone" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: manualForm.customer_phone,
+                onChange: (e) => setManualForm({ ...manualForm, customer_phone: e.target.value }),
+                placeholder: "+44 7911 123456",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Generation Source" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: manualForm.force_source,
+                onValueChange: (v) => setManualForm({ ...manualForm, force_source: v }),
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { size: "small", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsxs(Select.Content, { children: [
+                    /* @__PURE__ */ jsx(Select.Item, { value: "auto", children: "Auto (Zoho if enabled, else PDFKit)" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "zoho", children: "Force Zoho Books" }),
+                    /* @__PURE__ */ jsx(Select.Item, { value: "pdfkit", children: "Force Local PDFKit" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Itemized Line Items" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs text-ui-fg-subtle", children: "Currency:" }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: manualForm.currency_code,
+                  onValueChange: (v) => setManualForm({ ...manualForm, currency_code: v }),
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { size: "small", className: "w-24", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsxs(Select.Content, { children: [
+                      /* @__PURE__ */ jsx(Select.Item, { value: "usd", children: "USD ($)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "gbp", children: "GBP (£)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "eur", children: "EUR (€)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "kes", children: "KES (KSh)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "cad", children: "CAD ($)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "aud", children: "AUD ($)" })
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 px-3 py-1.5 bg-ui-bg-subtle rounded border border-ui-border-base text-[11px] font-semibold text-ui-fg-muted uppercase tracking-wider", children: [
+            /* @__PURE__ */ jsx("div", { className: "col-span-6", children: "Description / Item Details" }),
+            /* @__PURE__ */ jsx("div", { className: "col-span-2 text-center", children: "Qty" }),
+            /* @__PURE__ */ jsx("div", { className: "col-span-2 text-right", children: "Unit Price" }),
+            /* @__PURE__ */ jsx("div", { className: "col-span-2 text-right", children: "Total" })
+          ] }),
+          manualForm.items.map((item, idx) => {
+            const lineTotal = (Number(item.quantity) || 0) * (Number(item.unit_price) || 0);
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "p-3 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col gap-2 relative group hover:border-ui-border-interactive transition-colors",
+                children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 items-start", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-6 flex flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Item Name / Service Title *" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          placeholder: "e.g. Screen Replacement / Diagnostic",
+                          value: item.title,
+                          onChange: (e) => {
+                            const updated = [...manualForm.items];
+                            updated[idx].title = e.target.value;
+                            setManualForm({ ...manualForm, items: updated });
+                          },
+                          size: "small"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Specifications / Details (Optional)" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          placeholder: "e.g. OEM grade component, includes installation",
+                          value: item.description || "",
+                          onChange: (e) => {
+                            const updated = [...manualForm.items];
+                            updated[idx].description = e.target.value;
+                            setManualForm({ ...manualForm, items: updated });
+                          },
+                          size: "small"
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Quantity" }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        type: "number",
+                        min: "1",
+                        step: "1",
+                        value: item.quantity,
+                        onChange: (e) => {
+                          const updated = [...manualForm.items];
+                          updated[idx].quantity = Math.max(1, Number(e.target.value) || 1);
+                          setManualForm({ ...manualForm, items: updated });
+                        },
+                        size: "small",
+                        className: "text-center font-medium"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Unit Price" }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        type: "number",
+                        min: "0",
+                        step: "0.01",
+                        value: item.unit_price,
+                        onChange: (e) => {
+                          const updated = [...manualForm.items];
+                          updated[idx].unit_price = Number(e.target.value);
+                          setManualForm({ ...manualForm, items: updated });
+                        },
+                        size: "small",
+                        className: "text-right font-medium"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col items-end justify-between self-stretch", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Row Total" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-ui-fg-base py-1", children: new Intl.NumberFormat("en-US", {
+                      style: "currency",
+                      currency: (manualForm.currency_code || "usd").toUpperCase()
+                    }).format(lineTotal) }),
+                    manualForm.items.length > 1 && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          const updated = manualForm.items.filter((_, i) => i !== idx);
+                          setManualForm({ ...manualForm, items: updated });
+                        },
+                        className: "text-ui-fg-muted hover:text-red-500 p-1 rounded hover:bg-ui-bg-subtle transition-colors cursor-pointer",
+                        title: "Delete Item",
+                        children: /* @__PURE__ */ jsx(Trash, { className: "w-3.5 h-3.5" })
+                      }
+                    )
+                  ] })
+                ] })
+              },
+              idx
+            );
+          }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-1", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                className: "text-xs",
+                onClick: () => setManualForm({
+                  ...manualForm,
+                  items: [
+                    ...manualForm.items,
+                    { title: "", description: "", quantity: 1, unit_price: 0 }
+                  ]
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5 mr-1" }),
+                  " Add Line Item"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 bg-ui-bg-subtle px-4 py-2 rounded border border-ui-border-base", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-ui-fg-subtle font-medium", children: "Document Total:" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-ui-fg-base", children: new Intl.NumberFormat("en-US", {
+                style: "currency",
+                currency: (manualForm.currency_code || "usd").toUpperCase()
+              }).format(
+                manualForm.items.reduce(
+                  (sum, it) => sum + (Number(it.quantity) || 0) * (Number(it.unit_price) || 0),
+                  0
+                )
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Notes / Special Instructions" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: manualForm.notes,
+              onChange: (e) => setManualForm({ ...manualForm, notes: e.target.value }),
+              placeholder: "Notes printed on document...",
+              rows: 2
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border border-ui-border-base rounded bg-ui-bg-subtle", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Auto-Send to Recipient" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-[11px] text-ui-fg-subtle", children: "Send immediately via active notification channels." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: manualForm.auto_send,
+              onCheckedChange: (v) => setManualForm({ ...manualForm, auto_send: v })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-4", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setManualModalOpen(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleCreateManual, isLoading: isGeneratingManual, children: "Generate Document" })
+        ] })
+      ] })
+    ] }) }),
+    customDocModalOpen && /* @__PURE__ */ jsx(FocusModal, { open: customDocModalOpen, onOpenChange: setCustomDocModalOpen, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+      /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Create Custom Document & Send Email" }) }),
+      /* @__PURE__ */ jsxs(FocusModal.Body, { className: "p-6 flex flex-col gap-6 max-w-2xl mx-auto overflow-y-auto max-h-[80vh]", children: [
+        /* @__PURE__ */ jsx(Text, { className: "text-xs text-ui-fg-subtle", children: "Create a customized document (e.g. Warranty Certificate, Inspection Report, Service Clearance) and directly dispatch via email." }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Select a Document Preset (Optional)" }),
+          /* @__PURE__ */ jsx(Text, { className: "text-[11px] text-ui-fg-subtle", children: "Pick a pre-configured template below to automatically populate title, certificate text, and itemized points." }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-2 mt-1", children: CUSTOM_DOC_PRESETS.map((preset) => {
+            const isSelected = customDocForm.preset_id === preset.id;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => selectCustomDocPreset(preset.id),
+                className: `p-3 rounded-lg border text-left flex flex-col justify-between transition-all cursor-pointer ${isSelected ? "border-ui-border-interactive bg-ui-bg-interactive-subtle shadow-sm ring-1 ring-ui-border-interactive" : "border-ui-border-base bg-ui-bg-base hover:border-ui-border-strong hover:bg-ui-bg-subtle"}`,
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-xl", children: preset.icon }),
+                    /* @__PURE__ */ jsx(Badge, { size: "small", color: isSelected ? "blue" : "grey", children: preset.badge })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-ui-fg-base leading-snug", children: preset.name })
+                ]
+              },
+              preset.id
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Document Title" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: customDocForm.title,
+                onChange: (e) => setCustomDocForm({ ...customDocForm, title: e.target.value }),
+                placeholder: "e.g. Warranty Certificate / Diagnostic Report",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Customer Name *" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: customDocForm.customer_name,
+                onChange: (e) => setCustomDocForm({ ...customDocForm, customer_name: e.target.value }),
+                placeholder: "Recipient Name",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Customer Email" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: customDocForm.customer_email,
+                onChange: (e) => setCustomDocForm({ ...customDocForm, customer_email: e.target.value }),
+                placeholder: "recipient@example.com",
+                size: "small"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs", children: "Customer Phone (Optional)" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: customDocForm.customer_phone,
+                onChange: (e) => setCustomDocForm({ ...customDocForm, customer_phone: e.target.value }),
+                placeholder: "+44 7911 123456",
+                size: "small"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Document Body / Certificate Details" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: customDocForm.body_text,
+              onChange: (e) => setCustomDocForm({ ...customDocForm, body_text: e.target.value }),
+              placeholder: "Enter the main body text or terms to appear on this document...",
+              rows: 4
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Included Items / Service Specifications (Optional)" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Label, { className: "text-xs text-ui-fg-subtle", children: "Currency:" }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: customDocForm.currency_code,
+                  onValueChange: (v) => setCustomDocForm({ ...customDocForm, currency_code: v }),
+                  children: [
+                    /* @__PURE__ */ jsx(Select.Trigger, { size: "small", className: "w-24", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                    /* @__PURE__ */ jsxs(Select.Content, { children: [
+                      /* @__PURE__ */ jsx(Select.Item, { value: "usd", children: "USD ($)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "gbp", children: "GBP (£)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "eur", children: "EUR (€)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "kes", children: "KES (KSh)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "cad", children: "CAD ($)" }),
+                      /* @__PURE__ */ jsx(Select.Item, { value: "aud", children: "AUD ($)" })
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 px-3 py-1.5 bg-ui-bg-subtle rounded border border-ui-border-base text-[11px] font-semibold text-ui-fg-muted uppercase tracking-wider", children: [
+            /* @__PURE__ */ jsx("div", { className: "col-span-6", children: "Description / Item Details" }),
+            /* @__PURE__ */ jsx("div", { className: "col-span-2 text-center", children: "Qty" }),
+            /* @__PURE__ */ jsx("div", { className: "col-span-2 text-right", children: "Unit Price" }),
+            /* @__PURE__ */ jsx("div", { className: "col-span-2 text-right", children: "Total" })
+          ] }),
+          customDocForm.items.map((item, idx) => {
+            const lineTotal = (Number(item.quantity) || 0) * (Number(item.unit_price) || 0);
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "p-3 border border-ui-border-base rounded-lg bg-ui-bg-base flex flex-col gap-2 relative group hover:border-ui-border-interactive transition-colors",
+                children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 items-start", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-6 flex flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Item Name / Service Title" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          placeholder: "e.g. Diagnostic / Inspection Finding",
+                          value: item.title,
+                          onChange: (e) => {
+                            const updated = [...customDocForm.items];
+                            updated[idx].title = e.target.value;
+                            setCustomDocForm({ ...customDocForm, items: updated });
+                          },
+                          size: "small"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Details / Specifications (Optional)" }),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          placeholder: "e.g. Coverage terms, diagnostic measurement",
+                          value: item.description || "",
+                          onChange: (e) => {
+                            const updated = [...customDocForm.items];
+                            updated[idx].description = e.target.value;
+                            setCustomDocForm({ ...customDocForm, items: updated });
+                          },
+                          size: "small"
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Quantity" }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        type: "number",
+                        min: "1",
+                        step: "1",
+                        value: item.quantity,
+                        onChange: (e) => {
+                          const updated = [...customDocForm.items];
+                          updated[idx].quantity = Math.max(1, Number(e.target.value) || 1);
+                          setCustomDocForm({ ...customDocForm, items: updated });
+                        },
+                        size: "small",
+                        className: "text-center font-medium"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Unit Price" }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        type: "number",
+                        min: "0",
+                        step: "0.01",
+                        value: item.unit_price,
+                        onChange: (e) => {
+                          const updated = [...customDocForm.items];
+                          updated[idx].unit_price = Number(e.target.value);
+                          setCustomDocForm({ ...customDocForm, items: updated });
+                        },
+                        size: "small",
+                        className: "text-right font-medium"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col items-end justify-between self-stretch", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-[11px] text-ui-fg-subtle mb-0.5", children: "Row Total" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-ui-fg-base py-1", children: new Intl.NumberFormat("en-US", {
+                      style: "currency",
+                      currency: (customDocForm.currency_code || "usd").toUpperCase()
+                    }).format(lineTotal) }),
+                    customDocForm.items.length > 1 && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          const updated = customDocForm.items.filter((_, i) => i !== idx);
+                          setCustomDocForm({ ...customDocForm, items: updated });
+                        },
+                        className: "text-ui-fg-muted hover:text-red-500 p-1 rounded hover:bg-ui-bg-subtle transition-colors cursor-pointer",
+                        title: "Delete Item",
+                        children: /* @__PURE__ */ jsx(Trash, { className: "w-3.5 h-3.5" })
+                      }
+                    )
+                  ] })
+                ] })
+              },
+              idx
+            );
+          }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-1", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                className: "text-xs",
+                onClick: () => setCustomDocForm({
+                  ...customDocForm,
+                  items: [
+                    ...customDocForm.items,
+                    { title: "", description: "", quantity: 1, unit_price: 0 }
+                  ]
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5 mr-1" }),
+                  " Add Line Item"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 bg-ui-bg-subtle px-4 py-2 rounded border border-ui-border-base", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-ui-fg-subtle font-medium", children: "Document Total:" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-ui-fg-base", children: new Intl.NumberFormat("en-US", {
+                style: "currency",
+                currency: (customDocForm.currency_code || "usd").toUpperCase()
+              }).format(
+                customDocForm.items.reduce(
+                  (sum, it) => sum + (Number(it.quantity) || 0) * (Number(it.unit_price) || 0),
+                  0
+                )
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Email Subject" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: customDocForm.email_subject,
+              onChange: (e) => setCustomDocForm({ ...customDocForm, email_subject: e.target.value }),
+              placeholder: "Email Subject",
+              size: "small"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border border-ui-border-base rounded bg-ui-bg-subtle", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-semibold", children: "Send via Email Immediately" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-[11px] text-ui-fg-subtle", children: "Dispatches document PDF link and message via Medusa notification provider." })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              checked: customDocForm.send_email_now,
+              onCheckedChange: (v) => setCustomDocForm({ ...customDocForm, send_email_now: v })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-4", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setCustomDocModalOpen(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleCreateCustomDoc, isLoading: isGeneratingCustom, children: "Generate & Deliver" })
+        ] })
+      ] })
+    ] }) }),
+    sendModalOpen && selectedDoc && /* @__PURE__ */ jsx(FocusModal, { open: sendModalOpen, onOpenChange: setSendModalOpen, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+      /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Dispatch Document Notification" }) }),
+      /* @__PURE__ */ jsxs(FocusModal.Body, { className: "p-6 flex flex-col gap-5 max-w-lg mx-auto", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs(Text, { className: "text-sm font-semibold", children: [
+            selectedDoc.title,
+            " #",
+            selectedDoc.display_id
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { className: "text-xs text-ui-fg-subtle", children: [
+            "Recipient: ",
+            selectedDoc.customer_name,
+            " (",
+            selectedDoc.customer_email || selectedDoc.customer_phone || "No contact info",
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Select Channels" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-4 mt-2", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: sendForm.channels.includes("email"),
+                  onChange: (e) => {
+                    const next = e.target.checked ? [...sendForm.channels, "email"] : sendForm.channels.filter((c) => c !== "email");
+                    setSendForm({ ...sendForm, channels: next });
+                  }
+                }
+              ),
+              "Email"
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: sendForm.channels.includes("sms"),
+                  onChange: (e) => {
+                    const next = e.target.checked ? [...sendForm.channels, "sms"] : sendForm.channels.filter((c) => c !== "sms");
+                    setSendForm({ ...sendForm, channels: next });
+                  }
+                }
+              ),
+              "SMS"
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: sendForm.channels.includes("whatsapp"),
+                  onChange: (e) => {
+                    const next = e.target.checked ? [...sendForm.channels, "whatsapp"] : sendForm.channels.filter((c) => c !== "whatsapp");
+                    setSendForm({ ...sendForm, channels: next });
+                  }
+                }
+              ),
+              "WhatsApp"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Custom Email / Text Message (Optional)" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: sendForm.custom_message,
+              onChange: (e) => setSendForm({ ...sendForm, custom_message: e.target.value }),
+              placeholder: "Add a personalized message to the notification...",
+              rows: 3
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-4", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setSendModalOpen(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleSendNotification, children: "Dispatch Now" })
+        ] })
+      ] })
+    ] }) }),
+    previewModalOpen && /* @__PURE__ */ jsx(FocusModal, { open: previewModalOpen, onOpenChange: setPreviewModalOpen, children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+      /* @__PURE__ */ jsxs(FocusModal.Header, { className: "flex items-center justify-between px-6 py-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-base font-semibold", children: "Template Live Preview" }),
+          /* @__PURE__ */ jsx(Badge, { color: "blue", size: "small", children: previewStyle.toUpperCase() }),
+          /* @__PURE__ */ jsx(Badge, { color: "grey", size: "small", children: previewType.toUpperCase() })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: handleOpenPreviewNewTab,
+              children: "Open in New Window"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: handleDownloadPreview,
+              disabled: !previewBlobUrl,
+              children: [
+                /* @__PURE__ */ jsx(ArrowDownTray, { className: "w-3.5 h-3.5 mr-1" }),
+                "Download PDF"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => setPreviewModalOpen(false),
+              children: "Close"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(FocusModal.Body, { className: "p-6 flex flex-col gap-4 max-w-5xl mx-auto h-[82vh]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 p-3 bg-ui-bg-subtle border border-ui-border-base rounded-lg", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Style:" }),
+            /* @__PURE__ */ jsxs(Select, { value: previewStyle, onValueChange: (v) => switchPreview(v, previewType), children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { size: "small", className: "w-[180px]", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+              /* @__PURE__ */ jsxs(Select.Content, { children: [
+                /* @__PURE__ */ jsx(Select.Item, { value: "modern", children: "Modern Minimalist" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "classic", children: "Classic Corporate" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "minimal", children: "Clean Tech Monospace" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: "Document Type:" }),
+            /* @__PURE__ */ jsxs(Select, { value: previewType, onValueChange: (v) => switchPreview(previewStyle, v), children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { size: "small", className: "w-[190px]", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+              /* @__PURE__ */ jsxs(Select.Content, { children: [
+                /* @__PURE__ */ jsx(Select.Item, { value: "invoice", children: "Tax Invoice" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "receipt", children: "Payment Receipt" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "packing_slip", children: "Packing Slip" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "estimate", children: "Estimate / Quote" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "custom", children: "Custom Document" }),
+                /* @__PURE__ */ jsx(Select.Item, { value: "job_card", children: "Repair Job Card" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => switchPreview(previewStyle, previewType),
+              isLoading: isPreviewModalLoading,
+              children: [
+                /* @__PURE__ */ jsx(ArrowPath, { className: "w-3.5 h-3.5 mr-1" }),
+                " Refresh Preview"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 w-full bg-ui-bg-subtle border border-ui-border-base rounded-lg overflow-hidden flex items-center justify-center relative min-h-[500px]", children: isPreviewModalLoading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-ui-fg-subtle", children: [
+          /* @__PURE__ */ jsx(ArrowPath, { className: "w-6 h-6 animate-spin text-ui-fg-interactive" }),
+          /* @__PURE__ */ jsx(Text, { className: "text-xs", children: "Rendering live template preview..." })
+        ] }) : previewBlobUrl ? /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: previewBlobUrl,
+            className: "w-full h-full border-0 rounded-lg",
+            title: "Live Template Preview"
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-ui-fg-error", children: [
+          /* @__PURE__ */ jsx(Text, { className: "text-xs font-medium", children: "Failed to generate PDF preview." }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: () => switchPreview(previewStyle, previewType),
+              children: "Try Again"
+            }
+          )
+        ] }) })
+      ] })
+    ] }) })
+  ] });
+};
+const config = defineRouteConfig({
+  label: "Documents",
+  icon: DocumentText
+});
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: DocumentsPage,
+      path: "/documents"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/documents",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: {} };
+const layoutModule = { layouts: [] };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule,
+  layoutModule
+};
+export {
+  plugin as default
+};