@infuro/cms-core 1.0.65 → 1.0.67

package/dist/admin.cjs

@@ -895,7 +895,7 @@ var init_admin_config_context = __esm({
 var CMS_VERSION;
 var init_cms_version = __esm({
   "src/lib/cms-version.ts"() {
-    CMS_VERSION = "1.0.65" ;
+    CMS_VERSION = "1.0.67" ;
   }
 });
 function useCatalogCategories(enabled = true) {
@@ -17509,7 +17509,7 @@ function PushTriggerBindings({ audience = "customer" }) {
     (async () => {
       try {
         setLoadingTpl(true);
-        const res = await fetch("/api/message-templates/email", {
+        const res = await fetch("/api/message-templates/mobile", {
           cache: "no-store"
         });
         if (!res.ok) throw new Error("Failed to load message templates");
@@ -17613,7 +17613,7 @@ function PushTriggerBindings({ audience = "customer" }) {
     try {
       let tplId = activeBindingTplId;
       if (tplId) {
-        const res = await jsonFetch(`/api/message-templates/email/${tplId}`, {
+        const res = await jsonFetch(`/api/message-templates/mobile/${tplId}`, {
           method: "PATCH",
           headers: {
             "Content-Type": "application/json"
@@ -17628,7 +17628,7 @@ function PushTriggerBindings({ audience = "customer" }) {
           setTemplates((prev) => prev.map((t) => t.id === res.item.id ? res.item : t));
         }
       } else {
-        const res = await jsonFetch("/api/message-templates/email", {
+        const res = await jsonFetch("/api/message-templates/mobile", {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -24598,7 +24598,10 @@ function OrderDetailPage({ orderId }) {
   const [cancelModal, setCancelModal] = React27.useState(null);
   const [assignModalOpen, setAssignModalOpen] = React27.useState(false);
   const [assigneesList, setAssigneesList] = React27.useState([]);
+  const [vendorsList, setVendorsList] = React27.useState([]);
+  const [isPlatformAdmin, setIsPlatformAdmin] = React27.useState(false);
   const [loadingAssignees, setLoadingAssignees] = React27.useState(false);
+  const [selectedVendorId, setSelectedVendorId] = React27.useState(null);
   const [selectedAssigneeId, setSelectedAssigneeId] = React27.useState(null);
   const [savingAssignee, setSavingAssignee] = React27.useState(false);
   const [completeModalOpen, setCompleteModalOpen] = React27.useState(false);
@@ -24698,8 +24701,9 @@ function OrderDetailPage({ orderId }) {
   async function handleStartProcessing() {
     if (!order || startingProcessing) return;
     const currentAssigneeId = order.assignedUserId ?? order.assignedUser?.id ?? null;
-    if (!currentAssigneeId) {
-      sonner.toast.info("Please assign a teammate before starting order processing.");
+    const currentVendorId = order.vendorId ?? order.vendor?.id ?? null;
+    if (!currentAssigneeId && !currentVendorId) {
+      sonner.toast.info("Please assign a vendor or teammate before starting order processing.");
       handleOpenAssignModal();
       return;
     }
@@ -24712,7 +24716,9 @@ function OrderDetailPage({ orderId }) {
         },
         body: JSON.stringify({
           status: "processing",
-          assignedUserId: currentAssigneeId
+          ...currentAssigneeId ? {
+            assignedUserId: currentAssigneeId
+          } : {}
         })
       });
       const data = await res.json().catch(() => ({}));
@@ -24734,14 +24740,19 @@ function OrderDetailPage({ orderId }) {
     setAssignModalOpen(true);
     setLoadingAssignees(true);
     setSelectedAssigneeId(order?.assignedUserId ?? null);
+    setSelectedVendorId(order?.vendorId ?? null);
     try {
       const res = await fetch(`/api/orders/${orderId}/eligible-assignees`);
       if (res.ok) {
         const data = await res.json();
         setAssigneesList(data.assignees ?? []);
+        setVendorsList(data.vendors ?? []);
+        setIsPlatformAdmin(Boolean(data.isPlatformAdmin));
+        if (data.currentVendorId != null) setSelectedVendorId(data.currentVendorId);
+        if (data.currentAssignedUserId != null) setSelectedAssigneeId(data.currentAssignedUserId);
       }
     } catch {
-      sonner.toast.error("Failed to load eligible team members");
+      sonner.toast.error("Failed to load eligible assignees");
     } finally {
       setLoadingAssignees(false);
     }
@@ -24754,6 +24765,14 @@ function OrderDetailPage({ orderId }) {
       const bodyPayload = {
         assignedUserId: selectedAssigneeId
       };
+      if (isPlatformAdmin) {
+        const chosenAssignee = assigneesList.find((a) => a.id === selectedAssigneeId);
+        if (chosenAssignee && chosenAssignee.vendorId === null) {
+          bodyPayload.vendorId = 1;
+        } else {
+          bodyPayload.vendorId = chosenAssignee?.vendorId ?? (selectedVendorId || 1);
+        }
+      }
       const res = await fetch(`/api/orders/${orderId}`, {
         method: "PUT",
         headers: {
@@ -24763,15 +24782,15 @@ function OrderDetailPage({ orderId }) {
       });
       if (!res.ok) {
         const err = await res.json().catch(() => ({}));
-        sonner.toast.error(err.error ?? "Failed to update assignee");
+        sonner.toast.error(err.error ?? "Failed to update assignment");
         return;
       }
       const updated = await fetch(`/api/orders/${orderId}`);
       if (updated.ok) setOrder(await updated.json());
       setAssignModalOpen(false);
-      sonner.toast.success(selectedAssigneeId ? "Order assigned successfully" : "Assignee removed");
+      sonner.toast.success(selectedAssigneeId || selectedVendorId ? "Order assigned successfully" : "Assignment removed");
     } catch {
-      sonner.toast.error("Failed to update assignee");
+      sonner.toast.error("Failed to update assignment");
     } finally {
       setSavingAssignee(false);
     }
@@ -25156,7 +25175,19 @@ function OrderDetailPage({ orderId }) {
       className: "min-w-0"
     }, /* @__PURE__ */ React.createElement("dt", {
       className: "text-gray-500"
-    }, "Assigned To"), /* @__PURE__ */ React.createElement("dd", {
+    }, "Vendor"), /* @__PURE__ */ React.createElement("dd", {
+      className: "font-medium text-gray-900 flex flex-wrap items-center gap-1.5 mt-0.5"
+    }, order.vendor ? /* @__PURE__ */ React.createElement("span", {
+      className: "inline-flex items-center gap-1 text-xs bg-purple-50 text-purple-800 font-medium px-2 py-0.5 rounded-full border border-purple-200"
+    }, order.vendor.name || `Vendor #${order.vendor.id}`) : order.vendorId ? /* @__PURE__ */ React.createElement("span", {
+      className: "inline-flex items-center gap-1 text-xs bg-purple-50 text-purple-800 font-medium px-2 py-0.5 rounded-full border border-purple-200"
+    }, `Vendor #${order.vendorId}`) : /* @__PURE__ */ React.createElement("span", {
+      className: "text-gray-400 text-xs italic"
+    }, "Platform Default"))), /* @__PURE__ */ React.createElement("div", {
+      className: "min-w-0"
+    }, /* @__PURE__ */ React.createElement("dt", {
+      className: "text-gray-500"
+    }, "Assigned Teammate"), /* @__PURE__ */ React.createElement("dd", {
       className: "font-medium text-gray-900 flex flex-wrap items-center gap-1.5 mt-0.5"
     }, order.assignedUser ? /* @__PURE__ */ React.createElement("span", {
       className: "inline-flex items-center gap-1 text-xs bg-blue-50 text-blue-800 font-medium px-2 py-0.5 rounded-full border border-blue-200"
@@ -25425,7 +25456,7 @@ function OrderDetailPage({ orderId }) {
     className: "text-base font-semibold text-gray-900 flex items-center gap-2"
   }, /* @__PURE__ */ React.createElement(LucideIcons.UserCheck, {
     className: "h-5 w-5 text-blue-600"
-  }), "Assign Order to Teammate"), /* @__PURE__ */ React.createElement("button", {
+  }), isPlatformAdmin ? "Assign Order (Vendor & Team)" : "Assign Order to Teammate"), /* @__PURE__ */ React.createElement("button", {
     type: "button",
     onClick: /* @__PURE__ */ __name(() => setAssignModalOpen(false), "onClick"),
     className: "text-gray-400 hover:text-gray-600"
@@ -25433,14 +25464,42 @@ function OrderDetailPage({ orderId }) {
     className: "h-5 w-5"
   }))), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, "Select a team member to handle this order. When assigned, order status automatically moves to Processing."), loadingAssignees ? /* @__PURE__ */ React.createElement("div", {
+  }, isPlatformAdmin ? "Assign this order to a Vendor or directly to any Vendor's Team Member." : "Select a member of your team to handle this service, or keep it unassigned to your general store."), loadingAssignees ? /* @__PURE__ */ React.createElement("div", {
     className: "flex justify-center py-8"
   }, /* @__PURE__ */ React.createElement(LucideIcons.Loader2, {
     className: "h-6 w-6 animate-spin text-blue-600"
   })) : /* @__PURE__ */ React.createElement("div", {
-    className: "space-y-2 max-h-64 overflow-y-auto pr-1"
+    className: "space-y-4"
+  }, isPlatformAdmin && vendorsList.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-1.5"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: "block text-xs font-semibold text-gray-700"
+  }, "Assigned Vendor"), /* @__PURE__ */ React.createElement("select", {
+    value: selectedVendorId ?? "",
+    onChange: /* @__PURE__ */ __name((e) => {
+      const val = e.target.value ? Number(e.target.value) : null;
+      setSelectedVendorId(val);
+      if (val && selectedAssigneeId) {
+        const assignee = assigneesList.find((a) => a.id === selectedAssigneeId);
+        if (assignee && assignee.vendorId !== val) {
+          setSelectedAssigneeId(null);
+        }
+      }
+    }, "onChange"),
+    className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+  }, /* @__PURE__ */ React.createElement("option", {
+    value: ""
+  }, "All Vendors / Any Vendor"), vendorsList.map((v) => /* @__PURE__ */ React.createElement("option", {
+    key: v.id,
+    value: v.id
+  }, v.name)))), /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-1.5"
   }, /* @__PURE__ */ React.createElement("label", {
-    className: `flex items-center justify-between p-3 rounded-lg border cursor-pointer transition ${selectedAssigneeId === null ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
+    className: "block text-xs font-semibold text-gray-700"
+  }, isPlatformAdmin ? "Assigned Team Member" : "Select Team Member"), /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-2 max-h-56 overflow-y-auto pr-1"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: `flex items-center justify-between p-2.5 rounded-lg border cursor-pointer transition ${selectedAssigneeId === null ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-3"
   }, /* @__PURE__ */ React.createElement("input", {
@@ -25451,26 +25510,40 @@ function OrderDetailPage({ orderId }) {
     className: "text-blue-600"
   }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
     className: "text-sm font-medium text-gray-800"
-  }, "Unassigned"), /* @__PURE__ */ React.createElement("p", {
+  }, "Unassigned to specific person"), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-400"
-  }, "No specific team member")))), assigneesList.map((a) => /* @__PURE__ */ React.createElement("label", {
+  }, selectedVendorId ? "Vendor general queue" : "General queue")))), assigneesList.filter((a) => {
+    if (!isPlatformAdmin) return true;
+    if (selectedVendorId && selectedVendorId !== 1) {
+      return a.vendorId === selectedVendorId;
+    }
+    if (selectedVendorId === 1) {
+      return a.vendorId === 1 || a.vendorId === null;
+    }
+    return true;
+  }).map((a) => /* @__PURE__ */ React.createElement("label", {
     key: a.id,
-    className: `flex items-center justify-between p-3 rounded-lg border cursor-pointer transition ${selectedAssigneeId === a.id ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
+    className: `flex items-center justify-between p-2.5 rounded-lg border cursor-pointer transition ${selectedAssigneeId === a.id ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-3"
   }, /* @__PURE__ */ React.createElement("input", {
     type: "radio",
     name: "assignee",
     checked: selectedAssigneeId === a.id,
-    onChange: /* @__PURE__ */ __name(() => setSelectedAssigneeId(a.id), "onChange"),
+    onChange: /* @__PURE__ */ __name(() => {
+      setSelectedAssigneeId(a.id);
+      if (isPlatformAdmin) {
+        setSelectedVendorId(a.vendorId || 1);
+      }
+    }, "onChange"),
     className: "text-blue-600"
   }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
     className: "text-sm font-medium text-gray-900"
   }, a.name), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, a.email))), /* @__PURE__ */ React.createElement("span", {
-    className: "text-[11px] font-medium text-gray-500 bg-gray-100 px-2 py-0.5 rounded"
-  }, a.role)))), /* @__PURE__ */ React.createElement("div", {
+  }, a.email, isPlatformAdmin && a.vendorName ? ` \u2022 ${a.vendorName}` : ""))), /* @__PURE__ */ React.createElement("span", {
+    className: "text-[11px] font-medium text-gray-600 bg-gray-100 px-2 py-0.5 rounded"
+  }, a.role)))))), /* @__PURE__ */ React.createElement("div", {
     className: "flex justify-end gap-2 pt-2 border-t border-gray-100"
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "outline",
@@ -25480,7 +25553,7 @@ function OrderDetailPage({ orderId }) {
     onClick: handleSaveAssignee,
     disabled: savingAssignee,
     className: "bg-blue-600 hover:bg-blue-700 text-white"
-  }, savingAssignee ? "Saving..." : "Save Assignee")))), completeModalOpen && /* @__PURE__ */ React.createElement("div", {
+  }, savingAssignee ? "Saving..." : "Save Assignment")))), completeModalOpen && /* @__PURE__ */ React.createElement("div", {
     className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4 animate-in fade-in duration-150"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "bg-white rounded-xl shadow-2xl w-full max-w-md p-6 space-y-4 border border-gray-100"

package/dist/admin.js

@@ -861,7 +861,7 @@ var init_admin_config_context = __esm({
 var CMS_VERSION;
 var init_cms_version = __esm({
   "src/lib/cms-version.ts"() {
-    CMS_VERSION = "1.0.65" ;
+    CMS_VERSION = "1.0.67" ;
   }
 });
 function useCatalogCategories(enabled = true) {
@@ -17475,7 +17475,7 @@ function PushTriggerBindings({ audience = "customer" }) {
     (async () => {
       try {
         setLoadingTpl(true);
-        const res = await fetch("/api/message-templates/email", {
+        const res = await fetch("/api/message-templates/mobile", {
           cache: "no-store"
         });
         if (!res.ok) throw new Error("Failed to load message templates");
@@ -17579,7 +17579,7 @@ function PushTriggerBindings({ audience = "customer" }) {
     try {
       let tplId = activeBindingTplId;
       if (tplId) {
-        const res = await jsonFetch(`/api/message-templates/email/${tplId}`, {
+        const res = await jsonFetch(`/api/message-templates/mobile/${tplId}`, {
           method: "PATCH",
           headers: {
             "Content-Type": "application/json"
@@ -17594,7 +17594,7 @@ function PushTriggerBindings({ audience = "customer" }) {
           setTemplates((prev) => prev.map((t) => t.id === res.item.id ? res.item : t));
         }
       } else {
-        const res = await jsonFetch("/api/message-templates/email", {
+        const res = await jsonFetch("/api/message-templates/mobile", {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
@@ -24564,7 +24564,10 @@ function OrderDetailPage({ orderId }) {
   const [cancelModal, setCancelModal] = useState(null);
   const [assignModalOpen, setAssignModalOpen] = useState(false);
   const [assigneesList, setAssigneesList] = useState([]);
+  const [vendorsList, setVendorsList] = useState([]);
+  const [isPlatformAdmin, setIsPlatformAdmin] = useState(false);
   const [loadingAssignees, setLoadingAssignees] = useState(false);
+  const [selectedVendorId, setSelectedVendorId] = useState(null);
   const [selectedAssigneeId, setSelectedAssigneeId] = useState(null);
   const [savingAssignee, setSavingAssignee] = useState(false);
   const [completeModalOpen, setCompleteModalOpen] = useState(false);
@@ -24664,8 +24667,9 @@ function OrderDetailPage({ orderId }) {
   async function handleStartProcessing() {
     if (!order || startingProcessing) return;
     const currentAssigneeId = order.assignedUserId ?? order.assignedUser?.id ?? null;
-    if (!currentAssigneeId) {
-      toast.info("Please assign a teammate before starting order processing.");
+    const currentVendorId = order.vendorId ?? order.vendor?.id ?? null;
+    if (!currentAssigneeId && !currentVendorId) {
+      toast.info("Please assign a vendor or teammate before starting order processing.");
       handleOpenAssignModal();
       return;
     }
@@ -24678,7 +24682,9 @@ function OrderDetailPage({ orderId }) {
         },
         body: JSON.stringify({
           status: "processing",
-          assignedUserId: currentAssigneeId
+          ...currentAssigneeId ? {
+            assignedUserId: currentAssigneeId
+          } : {}
         })
       });
       const data = await res.json().catch(() => ({}));
@@ -24700,14 +24706,19 @@ function OrderDetailPage({ orderId }) {
     setAssignModalOpen(true);
     setLoadingAssignees(true);
     setSelectedAssigneeId(order?.assignedUserId ?? null);
+    setSelectedVendorId(order?.vendorId ?? null);
     try {
       const res = await fetch(`/api/orders/${orderId}/eligible-assignees`);
       if (res.ok) {
         const data = await res.json();
         setAssigneesList(data.assignees ?? []);
+        setVendorsList(data.vendors ?? []);
+        setIsPlatformAdmin(Boolean(data.isPlatformAdmin));
+        if (data.currentVendorId != null) setSelectedVendorId(data.currentVendorId);
+        if (data.currentAssignedUserId != null) setSelectedAssigneeId(data.currentAssignedUserId);
       }
     } catch {
-      toast.error("Failed to load eligible team members");
+      toast.error("Failed to load eligible assignees");
     } finally {
       setLoadingAssignees(false);
     }
@@ -24720,6 +24731,14 @@ function OrderDetailPage({ orderId }) {
       const bodyPayload = {
         assignedUserId: selectedAssigneeId
       };
+      if (isPlatformAdmin) {
+        const chosenAssignee = assigneesList.find((a) => a.id === selectedAssigneeId);
+        if (chosenAssignee && chosenAssignee.vendorId === null) {
+          bodyPayload.vendorId = 1;
+        } else {
+          bodyPayload.vendorId = chosenAssignee?.vendorId ?? (selectedVendorId || 1);
+        }
+      }
       const res = await fetch(`/api/orders/${orderId}`, {
         method: "PUT",
         headers: {
@@ -24729,15 +24748,15 @@ function OrderDetailPage({ orderId }) {
       });
       if (!res.ok) {
         const err = await res.json().catch(() => ({}));
-        toast.error(err.error ?? "Failed to update assignee");
+        toast.error(err.error ?? "Failed to update assignment");
         return;
       }
       const updated = await fetch(`/api/orders/${orderId}`);
       if (updated.ok) setOrder(await updated.json());
       setAssignModalOpen(false);
-      toast.success(selectedAssigneeId ? "Order assigned successfully" : "Assignee removed");
+      toast.success(selectedAssigneeId || selectedVendorId ? "Order assigned successfully" : "Assignment removed");
     } catch {
-      toast.error("Failed to update assignee");
+      toast.error("Failed to update assignment");
     } finally {
       setSavingAssignee(false);
     }
@@ -25122,7 +25141,19 @@ function OrderDetailPage({ orderId }) {
       className: "min-w-0"
     }, /* @__PURE__ */ React.createElement("dt", {
       className: "text-gray-500"
-    }, "Assigned To"), /* @__PURE__ */ React.createElement("dd", {
+    }, "Vendor"), /* @__PURE__ */ React.createElement("dd", {
+      className: "font-medium text-gray-900 flex flex-wrap items-center gap-1.5 mt-0.5"
+    }, order.vendor ? /* @__PURE__ */ React.createElement("span", {
+      className: "inline-flex items-center gap-1 text-xs bg-purple-50 text-purple-800 font-medium px-2 py-0.5 rounded-full border border-purple-200"
+    }, order.vendor.name || `Vendor #${order.vendor.id}`) : order.vendorId ? /* @__PURE__ */ React.createElement("span", {
+      className: "inline-flex items-center gap-1 text-xs bg-purple-50 text-purple-800 font-medium px-2 py-0.5 rounded-full border border-purple-200"
+    }, `Vendor #${order.vendorId}`) : /* @__PURE__ */ React.createElement("span", {
+      className: "text-gray-400 text-xs italic"
+    }, "Platform Default"))), /* @__PURE__ */ React.createElement("div", {
+      className: "min-w-0"
+    }, /* @__PURE__ */ React.createElement("dt", {
+      className: "text-gray-500"
+    }, "Assigned Teammate"), /* @__PURE__ */ React.createElement("dd", {
       className: "font-medium text-gray-900 flex flex-wrap items-center gap-1.5 mt-0.5"
     }, order.assignedUser ? /* @__PURE__ */ React.createElement("span", {
       className: "inline-flex items-center gap-1 text-xs bg-blue-50 text-blue-800 font-medium px-2 py-0.5 rounded-full border border-blue-200"
@@ -25391,7 +25422,7 @@ function OrderDetailPage({ orderId }) {
     className: "text-base font-semibold text-gray-900 flex items-center gap-2"
   }, /* @__PURE__ */ React.createElement(UserCheck, {
     className: "h-5 w-5 text-blue-600"
-  }), "Assign Order to Teammate"), /* @__PURE__ */ React.createElement("button", {
+  }), isPlatformAdmin ? "Assign Order (Vendor & Team)" : "Assign Order to Teammate"), /* @__PURE__ */ React.createElement("button", {
     type: "button",
     onClick: /* @__PURE__ */ __name(() => setAssignModalOpen(false), "onClick"),
     className: "text-gray-400 hover:text-gray-600"
@@ -25399,14 +25430,42 @@ function OrderDetailPage({ orderId }) {
     className: "h-5 w-5"
   }))), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, "Select a team member to handle this order. When assigned, order status automatically moves to Processing."), loadingAssignees ? /* @__PURE__ */ React.createElement("div", {
+  }, isPlatformAdmin ? "Assign this order to a Vendor or directly to any Vendor's Team Member." : "Select a member of your team to handle this service, or keep it unassigned to your general store."), loadingAssignees ? /* @__PURE__ */ React.createElement("div", {
     className: "flex justify-center py-8"
   }, /* @__PURE__ */ React.createElement(Loader2, {
     className: "h-6 w-6 animate-spin text-blue-600"
   })) : /* @__PURE__ */ React.createElement("div", {
-    className: "space-y-2 max-h-64 overflow-y-auto pr-1"
+    className: "space-y-4"
+  }, isPlatformAdmin && vendorsList.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-1.5"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: "block text-xs font-semibold text-gray-700"
+  }, "Assigned Vendor"), /* @__PURE__ */ React.createElement("select", {
+    value: selectedVendorId ?? "",
+    onChange: /* @__PURE__ */ __name((e) => {
+      const val = e.target.value ? Number(e.target.value) : null;
+      setSelectedVendorId(val);
+      if (val && selectedAssigneeId) {
+        const assignee = assigneesList.find((a) => a.id === selectedAssigneeId);
+        if (assignee && assignee.vendorId !== val) {
+          setSelectedAssigneeId(null);
+        }
+      }
+    }, "onChange"),
+    className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
+  }, /* @__PURE__ */ React.createElement("option", {
+    value: ""
+  }, "All Vendors / Any Vendor"), vendorsList.map((v) => /* @__PURE__ */ React.createElement("option", {
+    key: v.id,
+    value: v.id
+  }, v.name)))), /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-1.5"
   }, /* @__PURE__ */ React.createElement("label", {
-    className: `flex items-center justify-between p-3 rounded-lg border cursor-pointer transition ${selectedAssigneeId === null ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
+    className: "block text-xs font-semibold text-gray-700"
+  }, isPlatformAdmin ? "Assigned Team Member" : "Select Team Member"), /* @__PURE__ */ React.createElement("div", {
+    className: "space-y-2 max-h-56 overflow-y-auto pr-1"
+  }, /* @__PURE__ */ React.createElement("label", {
+    className: `flex items-center justify-between p-2.5 rounded-lg border cursor-pointer transition ${selectedAssigneeId === null ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-3"
   }, /* @__PURE__ */ React.createElement("input", {
@@ -25417,26 +25476,40 @@ function OrderDetailPage({ orderId }) {
     className: "text-blue-600"
   }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
     className: "text-sm font-medium text-gray-800"
-  }, "Unassigned"), /* @__PURE__ */ React.createElement("p", {
+  }, "Unassigned to specific person"), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-400"
-  }, "No specific team member")))), assigneesList.map((a) => /* @__PURE__ */ React.createElement("label", {
+  }, selectedVendorId ? "Vendor general queue" : "General queue")))), assigneesList.filter((a) => {
+    if (!isPlatformAdmin) return true;
+    if (selectedVendorId && selectedVendorId !== 1) {
+      return a.vendorId === selectedVendorId;
+    }
+    if (selectedVendorId === 1) {
+      return a.vendorId === 1 || a.vendorId === null;
+    }
+    return true;
+  }).map((a) => /* @__PURE__ */ React.createElement("label", {
     key: a.id,
-    className: `flex items-center justify-between p-3 rounded-lg border cursor-pointer transition ${selectedAssigneeId === a.id ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
+    className: `flex items-center justify-between p-2.5 rounded-lg border cursor-pointer transition ${selectedAssigneeId === a.id ? "border-blue-600 bg-blue-50/50" : "border-gray-200 hover:bg-gray-50"}`
   }, /* @__PURE__ */ React.createElement("div", {
     className: "flex items-center gap-3"
   }, /* @__PURE__ */ React.createElement("input", {
     type: "radio",
     name: "assignee",
     checked: selectedAssigneeId === a.id,
-    onChange: /* @__PURE__ */ __name(() => setSelectedAssigneeId(a.id), "onChange"),
+    onChange: /* @__PURE__ */ __name(() => {
+      setSelectedAssigneeId(a.id);
+      if (isPlatformAdmin) {
+        setSelectedVendorId(a.vendorId || 1);
+      }
+    }, "onChange"),
     className: "text-blue-600"
   }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", {
     className: "text-sm font-medium text-gray-900"
   }, a.name), /* @__PURE__ */ React.createElement("p", {
     className: "text-xs text-gray-500"
-  }, a.email))), /* @__PURE__ */ React.createElement("span", {
-    className: "text-[11px] font-medium text-gray-500 bg-gray-100 px-2 py-0.5 rounded"
-  }, a.role)))), /* @__PURE__ */ React.createElement("div", {
+  }, a.email, isPlatformAdmin && a.vendorName ? ` \u2022 ${a.vendorName}` : ""))), /* @__PURE__ */ React.createElement("span", {
+    className: "text-[11px] font-medium text-gray-600 bg-gray-100 px-2 py-0.5 rounded"
+  }, a.role)))))), /* @__PURE__ */ React.createElement("div", {
     className: "flex justify-end gap-2 pt-2 border-t border-gray-100"
   }, /* @__PURE__ */ React.createElement(Button, {
     variant: "outline",
@@ -25446,7 +25519,7 @@ function OrderDetailPage({ orderId }) {
     onClick: handleSaveAssignee,
     disabled: savingAssignee,
     className: "bg-blue-600 hover:bg-blue-700 text-white"
-  }, savingAssignee ? "Saving..." : "Save Assignee")))), completeModalOpen && /* @__PURE__ */ React.createElement("div", {
+  }, savingAssignee ? "Saving..." : "Save Assignment")))), completeModalOpen && /* @__PURE__ */ React.createElement("div", {
     className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4 animate-in fade-in duration-150"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "bg-white rounded-xl shadow-2xl w-full max-w-md p-6 space-y-4 border border-gray-100"