Update dispatch for multi-WO support

- Pass WorkOrderIds array in dispatch API call
- DispatchDetailModal shows WO list from junction table in header
- dispatchToVendor API simplified to pass full payload

src/pages/workorders/api.js

@@ -138,11 +138,8 @@ export const addDispatchComment = async (dispatchId, text, sendEmail = true) =>
   });
 };
 
-export const dispatchToVendor = async (workOrderId, payload) => {
+export const dispatchToVendor = async (payload) => {
-  return post(`${API_URL}/WorkOrder/DispatchToVendor`, {
+  return post(`${API_URL}/WorkOrder/DispatchToVendor`, payload);
-    WorkOrderId: workOrderId,
-    ...payload,
-  });
 };
 
 export const changeWorkOrderStatus = async (id, status) => {

src/pages/workorders/view/WorkOrderViewPage.js

@@ -249,7 +249,9 @@ function DispatchDetailModal({ dispatchId, onClose, onUpdated }) {
         <div className="woDispatchHeader">
           <div>
             <h3>{dispatch.dispatchNumber || dispatch.poNumber} · {dispatch.vendorName}</h3>
-            <span className="dispatchDetailSub">PO: {dispatch.poNumber} · WO: {dispatch.woNumber} · {dispatch.vendorEmail}</span>
+            <span className="dispatchDetailSub">
+              PO: {dispatch.poNumber} · {dispatch.workOrders?.length > 0 ? `${dispatch.workOrders.length} WO(s): ${dispatch.workOrders.map(w => w.woNumber).join(", ")}` : `WO: ${dispatch.woNumber}`} · {dispatch.vendorEmail}
+            </span>
           </div>
           <button className="woDispatchClose" onClick={onClose}>&times;</button>
         </div>
@@ -406,7 +408,8 @@ function DispatchModal({ wo, onClose, onDispatched }) {
     if (!selectedId) { toast.error("Select a vendor"); return; }
     setSending(true);
     try {
-      await dispatchToVendor(wo.id, {
+      await dispatchToVendor({
+        WorkOrderIds: [wo.id],
         VendorIds: [selectedId],
         NTEAmount: nteAmount ? parseFloat(nteAmount) : null,
         ScheduledDate: scheduledDate || null,