medusajs-repairshop-plugin 0.1.9

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

@@ -0,0 +1,1464 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const adminSdk = require("@medusajs/admin-sdk");
+const ui = require("@medusajs/ui");
+const react = require("react");
+const icons = require("@medusajs/icons");
+const reactRouterDom = require("react-router-dom");
+const recharts = require("recharts");
+const useStoreCurrency = () => {
+  const [currencyCode, setCurrencyCode] = react.useState("KES");
+  react.useEffect(() => {
+    fetch("/admin/stores", { credentials: "include" }).then((res) => res.json()).then((data) => {
+      var _a;
+      const store = data.store || data.stores && data.stores[0];
+      if (store) {
+        if (store.default_currency_code) {
+          setCurrencyCode(store.default_currency_code.toUpperCase());
+        } else if (((_a = store.supported_currencies) == null ? void 0 : _a.length) > 0) {
+          const defaultCurrency = store.supported_currencies.find((c) => c.is_default) || store.supported_currencies[0];
+          if (defaultCurrency == null ? void 0 : defaultCurrency.currency_code) {
+            setCurrencyCode(defaultCurrency.currency_code.toUpperCase());
+          }
+        }
+      }
+    }).catch((err) => {
+      console.error("Failed to load store currency", err);
+    });
+  }, []);
+  const formatCurrency = (amount) => {
+    return new Intl.NumberFormat(window.navigator.language || "en-US", {
+      style: "currency",
+      currency: currencyCode
+    }).format(amount / 100);
+  };
+  return { currencyCode, formatCurrency };
+};
+const RepairTicketWidget = ({ data }) => {
+  const [tickets, setTickets] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const { formatCurrency } = useStoreCurrency();
+  react.useEffect(() => {
+    fetch(`/admin/repairs?customer_id=${data.id}`, {
+      credentials: "include"
+    }).then((res) => res.json()).then((data2) => {
+      setTickets(data2.repair_tickets || []);
+      setLoading(false);
+    }).catch((err) => {
+      console.error("Failed to load repair tickets:", err);
+      setLoading(false);
+    });
+  }, []);
+  const getStatusColor = (status) => {
+    const colors = {
+      received: "grey",
+      diagnosing: "blue",
+      awaiting_approval: "orange",
+      repairing: "blue",
+      ready: "green",
+      completed: "green",
+      cancelled: "red",
+      refunded: "red"
+    };
+    return colors[status] || "grey";
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading repairs..." }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Active Repair Tickets" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ui-fg-subtle px-6 py-4", children: tickets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "No active repair tickets" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: tickets.slice(0, 5).map((ticket) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex items-start justify-between border-b pb-3 last:border-b-0",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ticket.ticket_number }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: getStatusColor(ticket.status), size: "small", children: ticket.status.replace("_", " ") }),
+              ticket.technician_name && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "purple", size: "small", children: ticket.technician_name })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle mt-1", children: [
+              ticket.issue_description.substring(0, 60),
+              ticket.issue_description.length > 60 ? "..." : ""
+            ] }),
+            ticket.estimated_completion && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted mt-1", children: [
+              "ETC:",
+              " ",
+              new Date(
+                ticket.estimated_completion
+              ).toLocaleDateString()
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: formatCurrency(ticket.total_estimate) }) })
+        ]
+      },
+      ticket.id
+    )) }) })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "customer.details.before"
+});
+const RepairsPage = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [tickets, setTickets] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [searchTerm, setSearchTerm] = react.useState("");
+  const [statusFilter, setStatusFilter] = react.useState("all");
+  const { formatCurrency } = useStoreCurrency();
+  const [createModalOpen, setCreateModalOpen] = react.useState(false);
+  const [isCreating, setIsCreating] = react.useState(false);
+  const [newDevice, setNewDevice] = react.useState({
+    serial_number: "",
+    model_name: "",
+    brand: "",
+    customer_id: "",
+    imei: "",
+    condition: ""
+  });
+  const [newTicket, setNewTicket] = react.useState({
+    customer_id: "",
+    issue_description: "",
+    terms_accepted: false,
+    data_wiped_consent: false
+  });
+  const [accessoryInput, setAccessoryInput] = react.useState("");
+  const [accessories, setAccessories] = react.useState([]);
+  const [customers, setCustomers] = react.useState([]);
+  const [loadingCustomers, setLoadingCustomers] = react.useState(false);
+  const loadCustomers = () => {
+    setLoadingCustomers(true);
+    fetch(`/admin/customers`, {
+      credentials: "include"
+    }).then((res) => res.json()).then((data) => {
+      setCustomers(data.customers || []);
+      setLoadingCustomers(false);
+    }).catch((err) => {
+      console.error("Failed to load customers:", err);
+      setLoadingCustomers(false);
+    });
+  };
+  const loadTickets = () => {
+    setLoading(true);
+    fetch(`/admin/repairs`, {
+      credentials: "include"
+    }).then((res) => res.json()).then((data) => {
+      setTickets(data.repair_tickets || []);
+      setLoading(false);
+    }).catch((err) => {
+      console.error("Failed to load repair tickets:", err);
+      setLoading(false);
+    });
+  };
+  react.useEffect(() => {
+    loadTickets();
+    loadCustomers();
+  }, []);
+  const handleAccessoryKeyDown = (e) => {
+    if (e.key === "," || e.key === "Enter") {
+      e.preventDefault();
+      const val = accessoryInput.trim().replace(",", "");
+      if (val && !accessories.includes(val)) {
+        setAccessories([...accessories, val]);
+      }
+      setAccessoryInput("");
+    }
+  };
+  const removeAccessory = (acc) => setAccessories(accessories.filter((a) => a !== acc));
+  const handleCreateTicket = async () => {
+    if (!newTicket.terms_accepted) {
+      alert("Customer must accept the Repair Terms & Conditions to proceed.");
+      return;
+    }
+    try {
+      setIsCreating(true);
+      const res = await fetch(`/admin/repairs`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          device: {
+            serial_number: newDevice.serial_number,
+            model_name: newDevice.model_name,
+            brand: newDevice.brand,
+            customer_id: newDevice.customer_id || void 0,
+            imei: newDevice.imei || void 0,
+            condition: newDevice.condition || void 0
+          },
+          ticket: {
+            customer_id: newTicket.customer_id || void 0,
+            issue_description: newTicket.issue_description,
+            accessories: accessories.length > 0 ? accessories.join(", ") : void 0,
+            terms_accepted: newTicket.terms_accepted,
+            data_wiped_consent: newTicket.data_wiped_consent
+          }
+        })
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        throw new Error(data.message || "Failed to create repair ticket");
+      }
+      setCreateModalOpen(false);
+      setNewDevice({
+        serial_number: "",
+        model_name: "",
+        brand: "",
+        customer_id: "",
+        imei: "",
+        condition: ""
+      });
+      setNewTicket({
+        customer_id: "",
+        issue_description: "",
+        terms_accepted: false,
+        data_wiped_consent: false
+      });
+      setAccessories([]);
+      setAccessoryInput("");
+      loadTickets();
+    } catch (err) {
+      console.error(err);
+      alert("Error: " + (err instanceof Error ? err.message : String(err)));
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const getStatusColor = (status) => {
+    const colors = {
+      received: "grey",
+      diagnosing: "blue",
+      awaiting_approval: "orange",
+      repairing: "blue",
+      ready: "green",
+      completed: "green",
+      cancelled: "red"
+    };
+    return colors[status] || "grey";
+  };
+  const getCustomerName = (customerId) => {
+    if (!customerId) return "No Customer";
+    const customer = customers.find((c) => c.id === customerId);
+    if (!customer) return "Unknown";
+    return customer.first_name || customer.last_name ? `${customer.first_name || ""} ${customer.last_name || ""}`.trim() : customer.email || "Unknown";
+  };
+  const filteredTickets = tickets.map((ticket) => {
+    const parseNum = (val) => {
+      if (typeof val === "object" && val !== null && "value" in val)
+        return Number(val.value);
+      if (val !== void 0) return Number(val);
+      return 0;
+    };
+    return {
+      ...ticket,
+      total_estimate: parseNum(ticket.total_estimate)
+    };
+  }).filter((ticket) => {
+    var _a;
+    const matchesSearch = ticket.ticket_number.toLowerCase().includes(searchTerm.toLowerCase()) || ticket.issue_description.toLowerCase().includes(searchTerm.toLowerCase()) || ((_a = ticket.technician_name) == null ? void 0 : _a.toLowerCase().includes(searchTerm.toLowerCase()));
+    const matchesStatus = statusFilter === "all" || ticket.status === statusFilter;
+    return matchesSearch && matchesStatus;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Repair Tickets" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal, { open: createModalOpen, onOpenChange: setCreateModalOpen, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", children: "Create Repair Ticket" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.FocusModal.Content, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "primary",
+              onClick: handleCreateTicket,
+              isLoading: isCreating,
+              children: "Save Ticket"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.FocusModal.Body, { className: "flex flex-col items-center py-16 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-lg flex-col gap-y-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Create Repair Ticket" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-fg-subtle text-sm", children: "Add a new device and repair ticket." })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg", children: "Device Details" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "brand", children: "Brand *" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      id: "brand",
+                      value: newDevice.brand,
+                      onChange: (e) => setNewDevice({ ...newDevice, brand: e.target.value }),
+                      placeholder: "Apple"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "model_name", children: "Model Name *" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      id: "model_name",
+                      value: newDevice.model_name,
+                      onChange: (e) => setNewDevice({
+                        ...newDevice,
+                        model_name: e.target.value
+                      }),
+                      placeholder: "iPhone 13 Pro"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "serial_number", children: "Serial Number *" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      id: "serial_number",
+                      value: newDevice.serial_number,
+                      onChange: (e) => setNewDevice({
+                        ...newDevice,
+                        serial_number: e.target.value
+                      }),
+                      placeholder: "SN12345678"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "imei", children: "IMEI" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      id: "imei",
+                      value: newDevice.imei,
+                      onChange: (e) => setNewDevice({ ...newDevice, imei: e.target.value }),
+                      placeholder: "Optional"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2 col-span-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "condition", children: "Device Condition" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Textarea,
+                    {
+                      id: "condition",
+                      value: newDevice.condition,
+                      onChange: (e) => setNewDevice({
+                        ...newDevice,
+                        condition: e.target.value
+                      }),
+                      placeholder: "Scratches on screen, etc.",
+                      rows: 3
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg", children: "Ticket Details" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "customer_id", children: "Customer" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    ui.Select,
+                    {
+                      value: newTicket.customer_id,
+                      onValueChange: (val) => {
+                        setNewTicket({ ...newTicket, customer_id: val });
+                        setNewDevice({ ...newDevice, customer_id: val });
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                          ui.Select.Value,
+                          {
+                            placeholder: loadingCustomers ? "Loading..." : "Select a customer"
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: customers.map((customer) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Item, { value: customer.id, children: [
+                          customer.first_name || customer.last_name ? `${customer.first_name || ""} ${customer.last_name || ""}`.trim() : "No Name",
+                          " ",
+                          "(",
+                          customer.email,
+                          ")"
+                        ] }, customer.id)) })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "issue_description", children: "Issue Description *" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Textarea,
+                    {
+                      id: "issue_description",
+                      value: newTicket.issue_description,
+                      onChange: (e) => setNewTicket({
+                        ...newTicket,
+                        issue_description: e.target.value
+                      }),
+                      placeholder: "Screen is cracked and battery draining fast."
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "accessories", children: "Accessories Included (press comma to add)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: accessories.map((acc) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    ui.Badge,
+                    {
+                      color: "grey",
+                      size: "small",
+                      className: "flex items-center gap-1",
+                      children: [
+                        acc,
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => removeAccessory(acc),
+                            className: "text-ui-fg-muted hover:text-ui-fg-base",
+                            children: "×"
+                          }
+                        )
+                      ]
+                    },
+                    acc
+                  )) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      id: "accessories",
+                      value: accessoryInput,
+                      onChange: (e) => setAccessoryInput(e.target.value),
+                      onKeyDown: handleAccessoryKeyDown,
+                      placeholder: "Type and press comma..."
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg", children: "Legal & Compliance" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Checkbox,
+                    {
+                      id: "terms_accepted",
+                      checked: newTicket.terms_accepted,
+                      onCheckedChange: (c) => setNewTicket({
+                        ...newTicket,
+                        terms_accepted: c === true
+                      })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "terms_accepted", children: "Customer accepts Repair Terms & Conditions *" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Checkbox,
+                    {
+                      id: "data_wiped_consent",
+                      checked: newTicket.data_wiped_consent,
+                      onCheckedChange: (c) => setNewTicket({
+                        ...newTicket,
+                        data_wiped_consent: c === true
+                      })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "data_wiped_consent", children: "Customer consents to device data wipe (if required)" })
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 mb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Search tickets...",
+          value: searchTerm,
+          onChange: (e) => setSearchTerm(e.target.value),
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: statusFilter, onValueChange: setStatusFilter, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Filter by status" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "all", children: "All Statuses" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "received", children: "Received" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "diagnosing", children: "Diagnosing" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "awaiting_approval", children: "Awaiting Approval" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "repairing", children: "Repairing" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "ready", children: "Ready" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "completed", children: "Completed" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "cancelled", children: "Cancelled" })
+        ] })
+      ] })
+    ] }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: "Loading repair tickets..." }) : filteredTickets.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-12 text-ui-fg-subtle", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.Wrench, { className: "mx-auto mb-4", size: 48 }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No repair tickets found" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Ticket #" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Technician" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Issue" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Estimate" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Created" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, {})
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: filteredTickets.map((ticket) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Cell, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ticket.ticket_number }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: getCustomerName(ticket.customer_id) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: getStatusColor(ticket.status), size: "small", children: ticket.status.replace("_", " ") }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: ticket.technician_name ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "purple", size: "small", children: ticket.technician_name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: "Unassigned" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { className: "max-w-xs truncate", children: ticket.issue_description }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: formatCurrency(ticket.total_estimate) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: new Date(ticket.created_at).toLocaleDateString() }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => navigate(`/repairs/${ticket.id}`), children: "View" }) })
+      ] }, ticket.id)) })
+    ] })
+  ] });
+};
+const config$1 = adminSdk.defineRouteConfig({
+  label: "Repair",
+  icon: icons.Wrench
+});
+const useParams = () => {
+  const path = window.location.pathname;
+  const parts = path.split("/");
+  const id = parts[parts.length - 1];
+  return { id };
+};
+const RepairDetailPage = () => {
+  const { id } = useParams();
+  const navigate = reactRouterDom.useNavigate();
+  const [ticket, setTicket] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const { formatCurrency } = useStoreCurrency();
+  const [newStatus, setNewStatus] = react.useState("");
+  const [unifiedMessage, setUnifiedMessage] = react.useState("");
+  const [messageType, setMessageType] = react.useState("chat");
+  const [technicianName, setTechnicianName] = react.useState("");
+  const [technicianId, setTechnicianId] = react.useState("");
+  const [laborCost, setLaborCost] = react.useState("");
+  const [etc, setEtc] = react.useState("");
+  const [inventoryParts, setInventoryParts] = react.useState([]);
+  const [selectedInventoryPart, setSelectedInventoryPart] = react.useState("");
+  const [isAddingPart, setIsAddingPart] = react.useState(false);
+  const [customPartName, setCustomPartName] = react.useState("");
+  const [customPartPrice, setCustomPartPrice] = react.useState("");
+  const [technicianSearch, setTechnicianSearch] = react.useState("");
+  const [technicianOptions, setTechnicianOptions] = react.useState([]);
+  const [showTechnicianDropdown, setShowTechnicianDropdown] = react.useState(false);
+  const [isSendingReminder, setIsSendingReminder] = react.useState(false);
+  react.useEffect(() => {
+    const delayDebounceFn = setTimeout(() => {
+      if (!technicianSearch) {
+        setTechnicianOptions([]);
+        return;
+      }
+      Promise.all([
+        fetch(`/admin/users?q=${technicianSearch}`, { credentials: "include" }).then((res) => res.json()),
+        fetch(`/admin/customers?q=${technicianSearch}`, { credentials: "include" }).then((res) => res.json())
+      ]).then(([usersData, customersData]) => {
+        const admins = (usersData.users || []).map((u) => ({ ...u, type: "Admin" }));
+        const customers = (customersData.customers || []).map((c) => ({ ...c, type: "Customer" }));
+        setTechnicianOptions([...admins, ...customers]);
+      }).catch((err) => console.error("Search failed", err));
+    }, 300);
+    return () => clearTimeout(delayDebounceFn);
+  }, [technicianSearch]);
+  const loadTicket = async () => {
+    try {
+      setLoading(true);
+      const res = await fetch(`/admin/repairs/${id}`, {
+        credentials: "include"
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        throw new Error(data.message || "Failed to fetch ticket");
+      }
+      const t = data.repair_ticket;
+      const parseNum = (val) => {
+        if (typeof val === "object" && val !== null && "value" in val)
+          return Number(val.value);
+        if (val !== void 0) return Number(val);
+        return 0;
+      };
+      t.labor_estimate = parseNum(t.labor_estimate);
+      t.parts_estimate = parseNum(t.parts_estimate);
+      t.total_estimate = parseNum(t.total_estimate);
+      t.labor_actual = parseNum(t.labor_actual);
+      t.parts_actual = parseNum(t.parts_actual);
+      t.total_actual = parseNum(t.total_actual);
+      t.custom_parts = t.custom_parts || [];
+      setTicket(t);
+      setNewStatus(t.status);
+      setTechnicianName(t.technician_name || "");
+      setTechnicianId(t.technician_id || "");
+      setLaborCost((t.labor_estimate / 100).toFixed(2));
+      setEtc(
+        t.estimated_completion ? t.estimated_completion.split("T")[0] : ""
+      );
+      loadInventoryParts();
+    } catch (err) {
+      console.error("Failed to load repair ticket:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const loadInventoryParts = async () => {
+    try {
+      const res = await fetch(`/admin/parts`, {
+        credentials: "include"
+      });
+      const data = await res.json();
+      if (res.ok) {
+        setInventoryParts(data.parts || []);
+      }
+    } catch (err) {
+    }
+  };
+  react.useEffect(() => {
+    if (id) {
+      loadTicket();
+    }
+  }, [id]);
+  const handleAddInventoryPart = async () => {
+    if (!selectedInventoryPart) return;
+    try {
+      setIsAddingPart(true);
+      await fetch(`/admin/repairs/${id}/parts`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ variant_ids: [selectedInventoryPart] })
+      });
+      ui.toast.success("Inventory part added");
+      setSelectedInventoryPart("");
+      loadTicket();
+    } catch (err) {
+      ui.toast.error("Failed to add part");
+    } finally {
+      setIsAddingPart(false);
+    }
+  };
+  const handleRemoveInventoryPart = async (variantId) => {
+    try {
+      setIsAddingPart(true);
+      await fetch(`/admin/repairs/${id}/parts/${variantId}`, {
+        method: "DELETE",
+        credentials: "include"
+      });
+      ui.toast.success("Inventory part removed");
+      loadTicket();
+    } catch (err) {
+      ui.toast.error("Failed to remove part");
+    } finally {
+      setIsAddingPart(false);
+    }
+  };
+  const handleAddCustomPart = async () => {
+    if (!customPartName || customPartPrice === "") return;
+    try {
+      setIsAddingPart(true);
+      await fetch(`/admin/repairs/${id}/custom-parts`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name: customPartName,
+          price: Number(customPartPrice)
+        })
+      });
+      ui.toast.success("Custom part added");
+      setCustomPartName("");
+      setCustomPartPrice("");
+      loadTicket();
+    } catch (err) {
+      ui.toast.error("Failed to add custom part");
+    } finally {
+      setIsAddingPart(false);
+    }
+  };
+  const handleSendUnified = async () => {
+    if (!unifiedMessage.trim()) return;
+    try {
+      if (messageType === "chat") {
+        await fetch(`/admin/repairs/${id}/messages`, {
+          method: "POST",
+          credentials: "include",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ message: unifiedMessage })
+        });
+        ui.toast.success("Message sent");
+      } else {
+        await fetch(`/admin/repairs/${id}/notes`, {
+          method: "POST",
+          credentials: "include",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            content: unifiedMessage,
+            is_internal: messageType === "internal_note"
+          })
+        });
+        ui.toast.success("Note added");
+      }
+      setUnifiedMessage("");
+      loadTicket();
+    } catch (err) {
+      ui.toast.error("Failed to add entry");
+    }
+  };
+  const handleSendReminder = async () => {
+    try {
+      setIsSendingReminder(true);
+      await fetch(`/admin/repairs/${id}/remind`, {
+        method: "POST",
+        credentials: "include"
+      });
+      ui.toast.success("Reminder sent successfully");
+    } catch (err) {
+      ui.toast.error("Failed to send reminder");
+    } finally {
+      setIsSendingReminder(false);
+    }
+  };
+  const handleUpdateCosts = async () => {
+    try {
+      const promises = [];
+      if (laborCost !== "") {
+        const laborAmount = Math.round(parseFloat(laborCost) * 100);
+        if (!isNaN(laborAmount)) {
+          promises.push(
+            fetch(`/admin/repairs/${id}/costs`, {
+              method: "POST",
+              credentials: "include",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({
+                labor_estimate: laborAmount
+              })
+            })
+          );
+        }
+      }
+      promises.push(
+        fetch(`/admin/repairs/${id}/details`, {
+          method: "POST",
+          credentials: "include",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            estimated_completion: etc ? new Date(etc).toISOString() : null,
+            technician_name: technicianName || null,
+            technician_id: technicianId || null
+          })
+        })
+      );
+      if (ticket && newStatus !== ticket.status) {
+        promises.push(
+          fetch(`/admin/repairs/${id}/status`, {
+            method: "POST",
+            credentials: "include",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ status: newStatus })
+          })
+        );
+      }
+      await Promise.all(promises);
+      ui.toast.success("Details updated");
+      loadTicket();
+    } catch (err) {
+      ui.toast.error("Failed to update details");
+    }
+  };
+  const handleManualApprove = async () => {
+    try {
+      setLoading(true);
+      const res = await fetch(`/admin/repairs/${id}/approve`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      if (!res.ok) {
+        throw new Error("Failed to approve ticket");
+      }
+      await loadTicket();
+    } catch (err) {
+      console.error(err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const getStatusColor = (status) => {
+    const colors = {
+      received: "grey",
+      diagnosing: "blue",
+      awaiting_approval: "orange",
+      repairing: "blue",
+      ready: "green",
+      completed: "green",
+      cancelled: "red"
+    };
+    return colors[status] || "grey";
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading repair ticket..." }) });
+  }
+  if (!ticket) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Repair ticket not found" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: ticket.ticket_number }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: getStatusColor(ticket.status), children: ticket.status.replace("_", " ") }),
+          ticket.technician_name && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "purple", children: ticket.technician_name })
+        ] }),
+        ticket.device && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle mt-2", children: [
+          ticket.device.brand,
+          " ",
+          ticket.device.model_name,
+          " - S/N:",
+          " ",
+          ticket.device.serial_number
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: `/admin/repairs/${id}/document?type=quote`,
+            target: "_blank",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", children: "Quote PDF" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: `/admin/repairs/${id}/document?type=invoice`,
+            target: "_blank",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", children: "Invoice PDF" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: `/admin/repairs/${id}/document?type=job_card`,
+            target: "_blank",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", children: "Job Card" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            variant: "secondary",
+            size: "small",
+            onClick: handleSendReminder,
+            disabled: isSendingReminder,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(icons.BellAlert, { className: "mr-1" }),
+              " Reminder"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => navigate("/repairs"), children: "Back" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Issue Details" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Description" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: ticket.issue_description })
+            ] }),
+            ticket.accessories && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Accessories" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: ticket.accessories })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Created" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: new Date(ticket.created_at).toLocaleString() })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-3 border-t", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Legal & Compliance" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 mt-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.Badge,
+                  {
+                    color: ticket.terms_accepted ? "green" : "red",
+                    size: "small",
+                    children: [
+                      "Terms ",
+                      ticket.terms_accepted ? "Accepted" : "Not Accepted"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.Badge,
+                  {
+                    color: ticket.data_wiped_consent ? "green" : "grey",
+                    size: "small",
+                    children: [
+                      "Data Wipe",
+                      " ",
+                      ticket.data_wiped_consent ? "Consented" : "Not Consented"
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Cost Breakdown" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Parts Estimate:" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: formatCurrency(ticket.parts_estimate) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Labor Estimate:" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: formatCurrency(ticket.labor_estimate) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-lg font-semibold border-t pt-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Total Estimate:" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: formatCurrency(ticket.total_estimate) })
+            ] }),
+            ticket.is_approved ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { color: "green", size: "small", className: "mt-2", children: [
+              "Approved on",
+              " ",
+              new Date(ticket.approved_at).toLocaleDateString()
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 pt-4 border-t", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "primary",
+                size: "small",
+                onClick: handleManualApprove,
+                disabled: loading,
+                className: "w-full",
+                children: "Manually Approve & Create Order"
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Parts & Inventory" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 mb-6", children: [
+            ticket.parts && ticket.parts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Inventory Parts Used" }),
+              ticket.parts.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "flex items-center justify-between p-2 bg-ui-bg-subtle rounded border text-sm",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: p.title }),
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: p.sku || "-" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.Button,
+                      {
+                        variant: "transparent",
+                        className: "text-ui-fg-muted hover:text-ui-fg-base",
+                        onClick: () => handleRemoveInventoryPart(p.id),
+                        disabled: isAddingPart,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                      }
+                    )
+                  ]
+                },
+                p.id
+              ))
+            ] }),
+            ticket.custom_parts && ticket.custom_parts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Custom Parts" }),
+              ticket.custom_parts.map((cp, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "flex justify-between p-2 bg-ui-bg-subtle rounded border text-sm",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: cp.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: formatCurrency(cp.price) })
+                  ]
+                },
+                idx
+              ))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 pt-4 border-t", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-sm", children: "Add Inventory Part" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Select,
+                {
+                  value: selectedInventoryPart,
+                  onValueChange: setSelectedInventoryPart,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select variant..." }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: inventoryParts.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Item, { value: p.id, children: [
+                      p.title,
+                      " ",
+                      p.sku ? `(${p.sku})` : ""
+                    ] }, p.id)) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "secondary",
+                  onClick: handleAddInventoryPart,
+                  disabled: isAddingPart || !selectedInventoryPart,
+                  children: "Add"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-sm mt-4", children: "Add Custom Part" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  className: "flex-1",
+                  placeholder: "Part description",
+                  value: customPartName,
+                  onChange: (e) => setCustomPartName(e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  type: "number",
+                  step: "0.01",
+                  className: "w-24",
+                  placeholder: "Cost",
+                  value: customPartPrice,
+                  onChange: (e) => setCustomPartPrice(e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "secondary",
+                  onClick: handleAddCustomPart,
+                  disabled: isAddingPart || !customPartName || !customPartPrice,
+                  children: "Add"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        ticket.media && ticket.media.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Media" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3", children: ticket.media.map((media) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: media.file_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "relative aspect-square rounded border overflow-hidden hover:opacity-80",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: media.file_url,
+                    alt: "Repair media",
+                    className: "w-full h-full object-cover"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  icons.ArrowUpRightOnBox,
+                  {
+                    className: "absolute top-2 right-2 text-white",
+                    size: 16
+                  }
+                )
+              ]
+            },
+            media.id
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Update Details" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Technician" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 mt-1", children: [
+                technicianName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-2 bg-ui-bg-subtle border rounded-md", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: technicianName }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => {
+                    setTechnicianName("");
+                    setTechnicianId("");
+                  }, children: "Clear" })
+                ] }),
+                !technicianName && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      placeholder: "Search by name or email...",
+                      value: technicianSearch,
+                      onChange: (e) => {
+                        setTechnicianSearch(e.target.value);
+                        setShowTechnicianDropdown(true);
+                      },
+                      onFocus: () => setShowTechnicianDropdown(true),
+                      onBlur: () => setTimeout(() => setShowTechnicianDropdown(false), 200)
+                    }
+                  ),
+                  showTechnicianDropdown && technicianOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute z-50 w-full mt-1 bg-ui-bg-base border rounded-md shadow-lg max-h-60 overflow-y-auto", children: technicianOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      className: "p-2 cursor-pointer hover:bg-ui-bg-subtle-hover flex justify-between items-center",
+                      onClick: () => {
+                        setTechnicianName(`${opt.first_name} ${opt.last_name}`);
+                        setTechnicianId(opt.id);
+                        setTechnicianSearch("");
+                        setShowTechnicianDropdown(false);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
+                          opt.first_name,
+                          " ",
+                          opt.last_name
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: opt.email }),
+                          /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "small", color: opt.type === "Admin" ? "purple" : "blue", children: opt.type })
+                        ] })
+                      ]
+                    },
+                    opt.id
+                  )) })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Status" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: newStatus, onValueChange: setNewStatus, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "received", children: "Received" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "diagnosing", children: "Diagnosing" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "awaiting_approval", children: "Awaiting Approval" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Item, { value: "repairing", disabled: !(ticket == null ? void 0 : ticket.is_approved), children: [
+                    "Repairing ",
+                    !(ticket == null ? void 0 : ticket.is_approved) && "(Requires Approval)"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Item, { value: "ready", disabled: !(ticket == null ? void 0 : ticket.is_approved), children: [
+                    "Ready ",
+                    !(ticket == null ? void 0 : ticket.is_approved) && "(Requires Approval)"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Item, { value: "completed", disabled: !(ticket == null ? void 0 : ticket.is_approved), children: [
+                    "Completed ",
+                    !(ticket == null ? void 0 : ticket.is_approved) && "(Requires Approval)"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "cancelled", children: "Cancelled" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "refunded", children: "Refunded" })
+                ] })
+              ] }),
+              !(ticket == null ? void 0 : ticket.is_approved) && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-error mt-1", children: "Customer must approve estimate before starting work." })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Labor Cost" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  type: "number",
+                  step: "0.01",
+                  value: laborCost,
+                  onChange: (e) => setLaborCost(e.target.value),
+                  placeholder: "0.00"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Estimated Completion" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  type: "date",
+                  value: etc,
+                  onChange: (e) => setEtc(e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                onClick: handleUpdateCosts,
+                variant: "primary",
+                className: "w-full",
+                children: "Save Details"
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(icons.ChatBubbleLeftRight, { size: 20 }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Timeline & Communication" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 max-h-80 overflow-y-auto mb-4 border rounded bg-ui-bg-subtle/50 p-2", children: (() => {
+              const items = [
+                ...(ticket.notes || []).map((n) => ({
+                  ...n,
+                  entryType: "note"
+                })),
+                ...(ticket.updates || []).map((u) => ({
+                  ...u,
+                  entryType: "update"
+                }))
+              ].sort(
+                (a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime()
+              );
+              if (items.length === 0) {
+                return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted p-2 text-center text-sm", children: "No activity yet." });
+              }
+              return items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: `p-3 rounded border bg-ui-bg-base ${item.entryType === "update" && item.author_type !== "customer" ? "ml-8" : item.entryType === "update" && item.author_type === "customer" ? "mr-8" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+                      item.entryType === "note" ? /* @__PURE__ */ jsxRuntime.jsx(
+                        ui.Badge,
+                        {
+                          color: item.is_internal ? "orange" : "blue",
+                          size: "small",
+                          children: item.is_internal ? "Internal Note" : "Public Note"
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx(
+                        ui.Badge,
+                        {
+                          color: item.author_type === "customer" ? "green" : "purple",
+                          size: "small",
+                          children: item.author_type === "customer" ? "Customer Msg" : "Technician Msg"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: new Date(item.created_at).toLocaleString() })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "whitespace-pre-wrap", children: item.entryType === "note" ? item.content : item.message })
+                  ]
+                },
+                `${item.entryType}_${item.id}`
+              ));
+            })() }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 p-3 bg-ui-bg-subtle rounded border", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Textarea,
+                {
+                  value: unifiedMessage,
+                  onChange: (e) => setUnifiedMessage(e.target.value),
+                  placeholder: "Type a message or note...",
+                  rows: 3,
+                  className: "bg-ui-bg-base"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.Select,
+                  {
+                    value: messageType,
+                    onValueChange: (val) => setMessageType(val),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { className: "w-[180px] bg-ui-bg-base", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "chat", children: "Message Customer" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "internal_note", children: "Internal Note" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "public_note", children: "Public Note" })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    onClick: handleSendUnified,
+                    variant: "primary",
+                    className: "flex-1",
+                    children: "Send / Add"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+const ReportsPage = () => {
+  const [data, setData] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const { formatCurrency } = useStoreCurrency();
+  react.useEffect(() => {
+    fetch(`/admin/repairs/analytics`, {
+      credentials: "include"
+    }).then((res) => res.json()).then((resData) => {
+      setData(resData.analytics);
+      setLoading(false);
+    }).catch((err) => {
+      console.error("Failed to load analytics:", err);
+      setLoading(false);
+    });
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading reports..." }) });
+  }
+  if (!data) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "No analytics data available." }) });
+  }
+  const chartData = Object.keys(data.status_counts).map((key) => ({
+    name: key.charAt(0).toUpperCase() + key.slice(1).replace("_", " "),
+    count: data.status_counts[key]
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.ChartBar, { className: "text-ui-fg-subtle" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Repair Analytics & Reports" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 border rounded-lg bg-ui-bg-base border-ui-border-base shadow-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-1", children: "Total Repairs" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-3xl", children: data.total_repairs })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 border rounded-lg bg-ui-bg-base border-ui-border-base shadow-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-1", children: "Total Revenue (Estimated)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-3xl", children: formatCurrency(data.total_expected_revenue) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 border rounded-lg bg-ui-bg-base border-ui-border-base shadow-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-1", children: "Completed Repairs" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-3xl", children: data.completed_count })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 border rounded-lg bg-ui-bg-base border-ui-border-base shadow-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-1", children: "Avg Repair Time (Days)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-3xl", children: data.avg_repair_time_days.toFixed(1) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-base border border-ui-border-base rounded-lg p-6 shadow-sm h-96", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-6", children: "Repairs by Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data: chartData, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3" }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "name" }),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(recharts.Bar, { dataKey: "count", fill: "#8884d8", name: "Tickets" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-base border border-ui-border-base rounded-lg p-6 shadow-sm h-96", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-6", children: "Revenue by Month (Parts vs Labor)" }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          recharts.BarChart,
+          {
+            data: data.monthly_revenue,
+            margin: { top: 20, right: 30, left: 20, bottom: 5 },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3" }),
+              /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "month" }),
+              /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { formatter: (value) => `$${Number(value).toFixed(2)}` }),
+              /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.Bar,
+                {
+                  dataKey: "partsRevenue",
+                  stackId: "a",
+                  fill: "#82ca9d",
+                  name: "Parts Revenue"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.Bar,
+                {
+                  dataKey: "laborRevenue",
+                  stackId: "a",
+                  fill: "#ffc658",
+                  name: "Labor Revenue"
+                }
+              )
+            ]
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Repair Reports",
+  icon: icons.ChartBar
+});
+const i18nTranslations0 = {};
+const widgetModule = { widgets: [
+  {
+    Component: RepairTicketWidget,
+    zone: ["customer.details.before"],
+    widgetId: "Widget-8fda"
+  }
+] };
+const routeModule = {
+  routes: [
+    {
+      Component: RepairsPage,
+      path: "/repairs"
+    },
+    {
+      Component: RepairDetailPage,
+      path: "/repairs/:id"
+    },
+    {
+      Component: ReportsPage,
+      path: "/repairs/reports"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/repairs",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/repairs/reports",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: i18nTranslations0 };
+const layoutModule = { layouts: [] };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule,
+  layoutModule
+};
+module.exports = plugin;