order-management 0.0.31 → 0.0.32

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

@@ -16,10 +16,13 @@ const ExchangeAutofillWidget = () => {
     if (!isExchangePage) {
       return;
     }
+    console.log("[Exchange Autofill] Widget loaded on exchange page:", path);
     const searchParams = new URLSearchParams(window.location.search);
     const inboundParam = searchParams.get("inbound");
     const outboundParam = searchParams.get("outbound");
+    console.log("[Exchange Autofill] Query params:", { inboundParam: !!inboundParam, outboundParam: !!outboundParam });
     if (!inboundParam && !outboundParam) {
+      console.log("[Exchange Autofill] No query parameters found, exiting");
       return;
     }
     let inboundItems = [];
@@ -37,30 +40,51 @@ const ExchangeAutofillWidget = () => {
       console.error("[Exchange Autofill] Failed to decode query parameters:", error);
       return;
     }
+    console.log("[Exchange Autofill] Decoded items:", {
+      inboundCount: inboundItems.length,
+      outboundCount: outboundItems.length,
+      inboundItems,
+      outboundItems
+    });
     if (inboundItems.length === 0 && outboundItems.length === 0) {
+      console.log("[Exchange Autofill] No items to fill, exiting");
       return;
     }
     hasProcessedRef.current = true;
     const fillForm = () => {
       try {
         let attempts = 0;
-        const maxAttempts = 20;
+        const maxAttempts = 30;
+        let inboundFilled = false;
+        let outboundFilled = false;
         const tryFill = () => {
           attempts++;
+          console.log(`[Exchange Autofill] Attempt ${attempts}/${maxAttempts}`);
           const inboundSection = findInboundSection();
           const outboundSection = findOutboundSection();
-          if (inboundSection || outboundSection || attempts >= maxAttempts) {
-            if (inboundItems.length > 0) {
+          console.log("[Exchange Autofill] Sections found:", {
+            inbound: !!inboundSection,
+            outbound: !!outboundSection
+          });
+          if (!inboundFilled && inboundItems.length > 0) {
+            if (inboundSection) {
               fillInboundItems(inboundItems);
+              inboundFilled = true;
             }
-            if (outboundItems.length > 0) {
+          }
+          if (!outboundFilled && outboundItems.length > 0) {
+            if (outboundSection) {
               fillOutboundItems(outboundItems);
+              outboundFilled = true;
             }
-            if (attempts < maxAttempts) {
-              setTimeout(tryFill, 1e3);
-            }
-          } else {
+          }
+          if (attempts < maxAttempts && (!inboundFilled || !outboundFilled)) {
             setTimeout(tryFill, 500);
+          } else if (attempts >= maxAttempts) {
+            console.warn("[Exchange Autofill] Max attempts reached. Sections found:", {
+              inbound: !!inboundSection,
+              outbound: !!outboundSection
+            });
           }
         };
         tryFill();
@@ -68,28 +92,56 @@ const ExchangeAutofillWidget = () => {
         console.error("[Exchange Autofill] Error filling form:", error);
       }
     };
-    setTimeout(fillForm, 1e3);
+    setTimeout(fillForm, 1500);
   }, []);
   return null;
 };
 function fillInboundItems(items) {
   var _a;
   if (items.length === 0) return;
+  console.log("[Exchange Autofill] Attempting to fill inbound items:", items);
   try {
     const inboundSection = findInboundSection();
+    console.log("[Exchange Autofill] Found inbound section:", !!inboundSection);
     if (!inboundSection) {
+      console.warn("[Exchange Autofill] Could not find inbound section");
       return;
     }
-    const addItemsButton = inboundSection.querySelector("button, a");
-    if (addItemsButton && ((_a = addItemsButton.textContent) == null ? void 0 : _a.toLowerCase().includes("add"))) {
-      const existingItems = inboundSection.querySelectorAll('[data-testid*="item"], [data-testid*="line-item"]');
+    const allLinks = inboundSection.querySelectorAll("a, button");
+    let addItemsButton = null;
+    for (const link of Array.from(allLinks)) {
+      const text = ((_a = link.textContent) == null ? void 0 : _a.toLowerCase().trim()) || "";
+      if (text.includes("add") && (text.includes("item") || text.includes("items"))) {
+        addItemsButton = link;
+        console.log("[Exchange Autofill] Found Add items button:", text);
+        break;
+      }
+    }
+    if (addItemsButton) {
+      const existingItems = inboundSection.querySelectorAll('[data-testid*="item"], [data-testid*="line-item"], table tbody tr, [class*="item"]');
+      console.log("[Exchange Autofill] Existing items count:", existingItems.length);
       if (existingItems.length === 0) {
+        console.log("[Exchange Autofill] Clicking Add items button");
         addItemsButton.click();
         setTimeout(() => {
-          selectInboundItems(items);
+          waitForModal(8e3).then((modal) => {
+            if (modal) {
+              console.log("[Exchange Autofill] Modal appeared, waiting for content to load...");
+              setTimeout(() => {
+                console.log("[Exchange Autofill] Selecting items within modal");
+                selectInboundItems(items, modal);
+              }, 1500);
+            } else {
+              console.warn("[Exchange Autofill] Modal did not appear, trying direct selection");
+              selectInboundItems(items);
+            }
+          });
         }, 500);
+      } else {
+        console.log("[Exchange Autofill] Items already added, skipping");
       }
     } else {
+      console.warn("[Exchange Autofill] Could not find Add items button, trying direct selection");
       selectInboundItems(items);
     }
   } catch (error) {
@@ -99,118 +151,346 @@ function fillInboundItems(items) {
 function fillOutboundItems(items) {
   var _a;
   if (items.length === 0) return;
+  console.log("[Exchange Autofill] Attempting to fill outbound items:", items);
   try {
     const outboundSection = findOutboundSection();
+    console.log("[Exchange Autofill] Found outbound section:", !!outboundSection);
     if (!outboundSection) {
+      console.warn("[Exchange Autofill] Could not find outbound section");
       return;
     }
-    const addItemsButton = outboundSection.querySelector("button, a");
-    if (addItemsButton && ((_a = addItemsButton.textContent) == null ? void 0 : _a.toLowerCase().includes("add"))) {
-      const existingItems = outboundSection.querySelectorAll('[data-testid*="item"], [data-testid*="variant"]');
+    const allLinks = outboundSection.querySelectorAll("a, button");
+    let addItemsButton = null;
+    for (const link of Array.from(allLinks)) {
+      const text = ((_a = link.textContent) == null ? void 0 : _a.toLowerCase().trim()) || "";
+      if (text.includes("add") && (text.includes("item") || text.includes("items"))) {
+        addItemsButton = link;
+        console.log("[Exchange Autofill] Found Add items button:", text);
+        break;
+      }
+    }
+    if (addItemsButton) {
+      const existingItems = outboundSection.querySelectorAll('[data-testid*="item"], [data-testid*="variant"], table tbody tr, [class*="item"]');
+      console.log("[Exchange Autofill] Existing items count:", existingItems.length);
       if (existingItems.length === 0) {
+        console.log("[Exchange Autofill] Clicking Add items button");
         addItemsButton.click();
         setTimeout(() => {
-          selectOutboundItems(items);
+          waitForModal(8e3).then((modal) => {
+            if (modal) {
+              console.log("[Exchange Autofill] Modal appeared, waiting for content to load...");
+              setTimeout(() => {
+                console.log("[Exchange Autofill] Selecting items within modal");
+                selectOutboundItems(items, modal);
+              }, 1500);
+            } else {
+              console.warn("[Exchange Autofill] Modal did not appear, trying direct selection");
+              selectOutboundItems(items);
+            }
+          });
         }, 500);
+      } else {
+        console.log("[Exchange Autofill] Items already added, skipping");
       }
     } else {
+      console.warn("[Exchange Autofill] Could not find Add items button, trying direct selection");
       selectOutboundItems(items);
     }
   } catch (error) {
     console.error("[Exchange Autofill] Error filling outbound items:", error);
   }
 }
+function waitForModal(timeout = 5e3) {
+  return new Promise((resolve) => {
+    const startTime = Date.now();
+    let attemptCount = 0;
+    const checkForModal = () => {
+      var _a;
+      attemptCount++;
+      console.log(`[Exchange Autofill] Checking for modal (attempt ${attemptCount})...`);
+      const modalSelectors = [
+        '[role="dialog"]',
+        "[data-modal]",
+        '[data-testid*="modal"]',
+        '[data-testid*="dialog"]',
+        '[class*="Modal"]',
+        '[class*="Dialog"]',
+        '[class*="modal"]',
+        '[class*="dialog"]',
+        '[id*="modal"]',
+        '[id*="dialog"]'
+      ];
+      for (const selector of modalSelectors) {
+        try {
+          const modal = document.querySelector(selector);
+          if (modal) {
+            const isVisible = modal.offsetParent !== null || window.getComputedStyle(modal).display !== "none" || window.getComputedStyle(modal).visibility !== "hidden";
+            if (isVisible) {
+              console.log(`[Exchange Autofill] Found modal via selector: ${selector}`);
+              console.log(`[Exchange Autofill] Modal element:`, modal);
+              resolve(modal);
+              return;
+            }
+          }
+        } catch {
+        }
+      }
+      const allElements = document.querySelectorAll("div, section");
+      for (const element of Array.from(allElements)) {
+        const htmlElement = element;
+        const style = window.getComputedStyle(htmlElement);
+        const zIndex = parseInt(style.zIndex || "0", 10);
+        if (zIndex > 1e3 && htmlElement.offsetParent !== null) {
+          const text = ((_a = htmlElement.textContent) == null ? void 0 : _a.toLowerCase()) || "";
+          if (text.includes("add") || text.includes("select") || text.includes("item")) {
+            console.log("[Exchange Autofill] Found modal via z-index and content");
+            resolve(htmlElement);
+            return;
+          }
+        }
+      }
+      if (Date.now() - startTime >= timeout) {
+        console.warn(`[Exchange Autofill] Modal not found within ${timeout}ms timeout after ${attemptCount} attempts`);
+        console.log(`[Exchange Autofill] Current page structure - dialogs:`, document.querySelectorAll('[role="dialog"]').length);
+        console.log(`[Exchange Autofill] Current page structure - modals:`, document.querySelectorAll('[class*="modal" i]').length);
+        resolve(null);
+        return;
+      }
+      setTimeout(checkForModal, 300);
+    };
+    checkForModal();
+  });
+}
 function findInboundSection() {
-  var _a;
+  var _a, _b;
   const selectors = [
     '[data-testid*="inbound"]',
-    '[aria-label*="inbound" i]'
+    '[aria-label*="inbound" i]',
+    'h2:contains("Inbound"), h3:contains("Inbound")'
   ];
   for (const selector of selectors) {
     try {
       const element = document.querySelector(selector);
-      if (element) return element;
+      if (element) {
+        return element.closest("div, section, fieldset") || element;
+      }
     } catch {
     }
   }
-  const allElements = document.querySelectorAll("section, div, fieldset");
+  const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6, [class*="heading"]');
+  for (const heading of Array.from(headings)) {
+    const text = ((_a = heading.textContent) == null ? void 0 : _a.toLowerCase()) || "";
+    if (text.includes("inbound")) {
+      const container = heading.closest("div, section, fieldset, form");
+      if (container) {
+        console.log("[Exchange Autofill] Found inbound section via heading:", text);
+        return container;
+      }
+    }
+  }
+  const allElements = document.querySelectorAll('section, div[class*="section"], fieldset');
   for (const element of Array.from(allElements)) {
-    const text = ((_a = element.textContent) == null ? void 0 : _a.toLowerCase()) || "";
-    if (text.includes("inbound") && (text.includes("add items") || text.includes("add item"))) {
+    const text = ((_b = element.textContent) == null ? void 0 : _b.toLowerCase()) || "";
+    if (text.includes("inbound") && (text.includes("add items") || text.includes("add item") || text.includes("add"))) {
+      console.log("[Exchange Autofill] Found inbound section via text search");
       return element;
     }
   }
   return null;
 }
 function findOutboundSection() {
-  var _a;
+  var _a, _b;
   const selectors = [
     '[data-testid*="outbound"]',
-    '[aria-label*="outbound" i]'
+    '[aria-label*="outbound" i]',
+    'h2:contains("Outbound"), h3:contains("Outbound")'
   ];
   for (const selector of selectors) {
     try {
       const element = document.querySelector(selector);
-      if (element) return element;
+      if (element) {
+        return element.closest("div, section, fieldset") || element;
+      }
     } catch {
       continue;
     }
   }
-  const allElements = document.querySelectorAll("section, div, fieldset");
+  const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6, [class*="heading"]');
+  for (const heading of Array.from(headings)) {
+    const text = ((_a = heading.textContent) == null ? void 0 : _a.toLowerCase()) || "";
+    if (text.includes("outbound")) {
+      const container = heading.closest("div, section, fieldset, form");
+      if (container) {
+        console.log("[Exchange Autofill] Found outbound section via heading:", text);
+        return container;
+      }
+    }
+  }
+  const allElements = document.querySelectorAll('section, div[class*="section"], fieldset');
   for (const element of Array.from(allElements)) {
-    const text = ((_a = element.textContent) == null ? void 0 : _a.toLowerCase()) || "";
-    if (text.includes("outbound") && (text.includes("add items") || text.includes("add item"))) {
+    const text = ((_b = element.textContent) == null ? void 0 : _b.toLowerCase()) || "";
+    if (text.includes("outbound") && (text.includes("add items") || text.includes("add item") || text.includes("add"))) {
+      console.log("[Exchange Autofill] Found outbound section via text search");
       return element;
     }
   }
   return null;
 }
-function selectInboundItems(items) {
-  var _a;
+function selectInboundItems(items, modalContainer) {
+  var _a, _b, _c, _d;
   let itemsSelected = 0;
+  const searchRoot = modalContainer || document;
+  console.log("[Exchange Autofill] Selecting inbound items:", items);
+  console.log("[Exchange Autofill] Search root:", modalContainer ? "modal container" : "entire document");
+  if (modalContainer) {
+    console.log("[Exchange Autofill] Modal container HTML:", modalContainer.outerHTML.substring(0, 500));
+  }
   for (const item of items) {
     try {
       const selectors = [
         `input[value="${item.id}"]`,
         `input[data-item-id="${item.id}"]`,
         `[data-line-item-id="${item.id}"]`,
-        `[data-testid*="${item.id}"]`
+        `[data-testid*="${item.id}"]`,
+        `[id*="${item.id}"]`
       ];
       let itemInput = null;
       for (const selector of selectors) {
-        itemInput = document.querySelector(selector);
-        if (itemInput) break;
+        try {
+          itemInput = searchRoot.querySelector(selector);
+          if (itemInput) {
+            console.log(`[Exchange Autofill] Found inbound item input via selector: ${selector}`);
+            break;
+          }
+        } catch (e) {
+        }
       }
       if (!itemInput) {
-        const allInputs = document.querySelectorAll('input[type="checkbox"], input[type="radio"]');
+        const allInputs = searchRoot.querySelectorAll('input[type="checkbox"], input[type="radio"], input[type="text"], input');
+        console.log(`[Exchange Autofill] Checking ${allInputs.length} inputs for item ${item.id}`);
         for (const input of Array.from(allInputs)) {
-          const row = input.closest("tr, div, li");
-          if ((_a = row == null ? void 0 : row.textContent) == null ? void 0 : _a.includes(item.id)) {
+          const row = input.closest('tr, div, li, [role="row"], td, th');
+          const rowText = (row == null ? void 0 : row.textContent) || "";
+          const inputValue = input.value || "";
+          const inputId = input.id || "";
+          const inputName = input.name || "";
+          if (rowText.includes(item.id) || inputValue.includes(item.id) || inputId.includes(item.id) || inputName.includes(item.id) || rowText.includes(item.id.substring(0, 15))) {
             itemInput = input;
+            console.log(`[Exchange Autofill] Found inbound item input via text search - row text: ${rowText.substring(0, 100)}`);
             break;
           }
         }
       }
+      if (!itemInput) {
+        const allRows = searchRoot.querySelectorAll('tr, [role="row"], li, div[class*="item"], div[class*="row"], div[class*="Item"], td, [data-testid*="row"]');
+        console.log(`[Exchange Autofill] Checking ${allRows.length} rows for item ${item.id}`);
+        for (const row of Array.from(allRows)) {
+          const rowText = row.textContent || "";
+          if (rowText.includes(item.id) || rowText.includes(item.id.substring(0, 15)) || rowText.includes(item.id.substring(item.id.length - 10))) {
+            itemInput = row.querySelector('input[type="checkbox"], input[type="radio"], input');
+            if (!itemInput) {
+              const clickable = row.querySelector('button, [role="button"], div[onclick], div[class*="select"]');
+              if (clickable) {
+                console.log(`[Exchange Autofill] Found clickable element in row, clicking it`);
+                clickable.click();
+                setTimeout(() => {
+                  itemInput = row.querySelector('input[type="checkbox"], input[type="radio"], input');
+                }, 300);
+              }
+            }
+            if (itemInput) {
+              console.log(`[Exchange Autofill] Found inbound item input in row containing: ${rowText.substring(0, 100)}`);
+              break;
+            }
+          }
+        }
+      }
+      if (!itemInput) {
+        const clickableElements = searchRoot.querySelectorAll('button, div[role="button"], div[class*="select"], div[class*="item"], span, label');
+        console.log(`[Exchange Autofill] Checking ${clickableElements.length} clickable elements for item ${item.id}`);
+        for (const element of Array.from(clickableElements)) {
+          const elementText = element.textContent || "";
+          if (elementText.includes(item.id) || elementText.includes(item.id.substring(0, 15))) {
+            const nearbyInput = element.querySelector("input") || ((_a = element.closest("tr, div, li")) == null ? void 0 : _a.querySelector("input")) || ((_b = element.parentElement) == null ? void 0 : _b.querySelector("input"));
+            if (nearbyInput) {
+              itemInput = nearbyInput;
+              console.log(`[Exchange Autofill] Found inbound item input near clickable element`);
+              break;
+            } else {
+              console.log(`[Exchange Autofill] Clicking element containing item ID: ${elementText.substring(0, 50)}`);
+              element.click();
+              setTimeout(() => {
+                const newInput = searchRoot.querySelector(`input[value*="${item.id.substring(0, 10)}"]`);
+                if (newInput) {
+                  itemInput = newInput;
+                }
+              }, 500);
+            }
+          }
+        }
+      }
       if (itemInput) {
         if (itemInput.type === "checkbox" || itemInput.type === "radio") {
           itemInput.checked = true;
+          const nativeInputValueSetter = (_c = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _c.set;
+          if (nativeInputValueSetter) {
+            nativeInputValueSetter.call(itemInput, itemInput.value);
+          }
+          itemInput.dispatchEvent(new Event("input", { bubbles: true }));
           itemInput.dispatchEvent(new Event("change", { bubbles: true }));
-          itemInput.dispatchEvent(new Event("click", { bubbles: true }));
+          itemInput.dispatchEvent(new MouseEvent("click", { bubbles: true }));
         } else {
           itemInput.click();
         }
-        const row = itemInput.closest("tr, div, li");
+        const row = itemInput.closest('tr, div, li, [role="row"]');
         if (row) {
           const quantityInput = row.querySelector('input[type="number"]');
           if (quantityInput) {
             quantityInput.value = String(item.quantity);
-            quantityInput.dispatchEvent(new Event("change", { bubbles: true }));
+            const nativeInputValueSetter = (_d = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _d.set;
+            if (nativeInputValueSetter) {
+              nativeInputValueSetter.call(quantityInput, String(item.quantity));
+            }
             quantityInput.dispatchEvent(new Event("input", { bubbles: true }));
+            quantityInput.dispatchEvent(new Event("change", { bubbles: true }));
+            console.log(`[Exchange Autofill] Set quantity for inbound item ${item.id}: ${item.quantity}`);
           }
         }
         itemsSelected++;
+        console.log(`[Exchange Autofill] Selected inbound item: ${item.id}`);
       } else {
         console.warn(`[Exchange Autofill] Could not find input for inbound item ${item.id}`);
+        const allElements = searchRoot.querySelectorAll("*");
+        for (const element of Array.from(allElements)) {
+          const text = element.textContent || "";
+          const elementId = element.id || "";
+          const elementClass = element.className || "";
+          if (text.includes(item.id) || elementId.includes(item.id) || elementClass.includes(item.id.substring(0, 10))) {
+            console.log(`[Exchange Autofill] Found element containing item ID, attempting to click:`, {
+              tag: element.tagName,
+              id: elementId,
+              text: text.substring(0, 50)
+            });
+            element.click();
+            setTimeout(() => {
+              ;
+              element.dispatchEvent(new MouseEvent("dblclick", { bubbles: true }));
+            }, 200);
+            break;
+          }
+        }
+        if (searchRoot !== document) {
+          const allText = searchRoot.textContent || "";
+          console.log(`[Exchange Autofill] Modal content preview (first 500 chars):`, allText.substring(0, 500));
+          const allInputs = searchRoot.querySelectorAll("input");
+          console.log(`[Exchange Autofill] Found ${allInputs.length} inputs in modal`);
+          const allRows = searchRoot.querySelectorAll('tr, [role="row"], li, div');
+          console.log(`[Exchange Autofill] Found ${allRows.length} potential rows in modal`);
+          Array.from(allRows).slice(0, 5).forEach((row, idx) => {
+            var _a2;
+            console.log(`[Exchange Autofill] Row ${idx} text:`, (_a2 = row.textContent) == null ? void 0 : _a2.substring(0, 100));
+          });
+        }
       }
     } catch (error) {
       console.warn(`[Exchange Autofill] Error selecting inbound item ${item.id}:`, error);
@@ -219,63 +499,179 @@ function selectInboundItems(items) {
   if (itemsSelected > 0) {
     setTimeout(() => {
       var _a2;
-      const buttons = document.querySelectorAll("button");
-      for (const button of Array.from(buttons)) {
-        const text = ((_a2 = button.textContent) == null ? void 0 : _a2.toLowerCase()) || "";
-        if ((text.includes("add") || text.includes("confirm") || text.includes("select")) && button.type !== "button" || button.type === "submit") {
-          button.click();
-          break;
+      const buttons = searchRoot.querySelectorAll('button, [role="button"]');
+      for (const buttonEl of Array.from(buttons)) {
+        const text = ((_a2 = buttonEl.textContent) == null ? void 0 : _a2.toLowerCase().trim()) || "";
+        if (text.includes("add") || text.includes("confirm") || text.includes("select") || text.includes("save")) {
+          const button = buttonEl;
+          const buttonType = "type" in button ? button.type : void 0;
+          if (!buttonType || buttonType === "submit" || buttonType === "button") {
+            console.log("[Exchange Autofill] Clicking button:", text);
+            button.click();
+            break;
+          }
         }
       }
-    }, 500);
+    }, 1e3);
+  } else {
+    console.warn("[Exchange Autofill] No inbound items were selected");
   }
 }
-function selectOutboundItems(items) {
-  var _a;
+function selectOutboundItems(items, modalContainer) {
+  var _a, _b, _c, _d;
   let itemsSelected = 0;
+  const searchRoot = modalContainer || document;
+  console.log("[Exchange Autofill] Selecting outbound items:", items);
+  console.log("[Exchange Autofill] Search root:", modalContainer ? "modal container" : "entire document");
+  if (modalContainer) {
+    console.log("[Exchange Autofill] Modal container HTML:", modalContainer.outerHTML.substring(0, 500));
+  }
   for (const item of items) {
     try {
       const selectors = [
         `input[value="${item.variant_id}"]`,
         `input[data-variant-id="${item.variant_id}"]`,
         `[data-variant-id="${item.variant_id}"]`,
-        `[data-testid*="${item.variant_id}"]`
+        `[data-testid*="${item.variant_id}"]`,
+        `[id*="${item.variant_id}"]`
       ];
       let variantInput = null;
       for (const selector of selectors) {
-        variantInput = document.querySelector(selector);
-        if (variantInput) break;
+        try {
+          variantInput = searchRoot.querySelector(selector);
+          if (variantInput) {
+            console.log(`[Exchange Autofill] Found outbound item input via selector: ${selector}`);
+            break;
+          }
+        } catch (e) {
+        }
       }
       if (!variantInput) {
-        const allInputs = document.querySelectorAll('input[type="checkbox"], input[type="radio"]');
+        const allInputs = searchRoot.querySelectorAll('input[type="checkbox"], input[type="radio"], input[type="text"], input');
+        console.log(`[Exchange Autofill] Checking ${allInputs.length} inputs for variant ${item.variant_id}`);
         for (const input of Array.from(allInputs)) {
-          const row = input.closest("tr, div, li");
-          if ((_a = row == null ? void 0 : row.textContent) == null ? void 0 : _a.includes(item.variant_id)) {
+          const row = input.closest('tr, div, li, [role="row"], td, th');
+          const rowText = (row == null ? void 0 : row.textContent) || "";
+          const inputValue = input.value || "";
+          const inputId = input.id || "";
+          const inputName = input.name || "";
+          if (rowText.includes(item.variant_id) || inputValue.includes(item.variant_id) || inputId.includes(item.variant_id) || inputName.includes(item.variant_id) || rowText.includes(item.variant_id.substring(0, 15))) {
             variantInput = input;
+            console.log(`[Exchange Autofill] Found outbound item input via text search - row text: ${rowText.substring(0, 100)}`);
             break;
           }
         }
       }
+      if (!variantInput) {
+        const allRows = searchRoot.querySelectorAll('tr, [role="row"], li, div[class*="item"], div[class*="variant"], div[class*="Variant"], td, [data-testid*="row"]');
+        console.log(`[Exchange Autofill] Checking ${allRows.length} rows for variant ${item.variant_id}`);
+        for (const row of Array.from(allRows)) {
+          const rowText = row.textContent || "";
+          if (rowText.includes(item.variant_id) || rowText.includes(item.variant_id.substring(0, 15)) || rowText.includes(item.variant_id.substring(item.variant_id.length - 10))) {
+            variantInput = row.querySelector('input[type="checkbox"], input[type="radio"], input');
+            if (!variantInput) {
+              const clickable = row.querySelector('button, [role="button"], div[onclick], div[class*="select"]');
+              if (clickable) {
+                console.log(`[Exchange Autofill] Found clickable element in row, clicking it`);
+                clickable.click();
+                setTimeout(() => {
+                  variantInput = row.querySelector('input[type="checkbox"], input[type="radio"], input');
+                }, 300);
+              }
+            }
+            if (variantInput) {
+              console.log(`[Exchange Autofill] Found outbound item input in row containing: ${rowText.substring(0, 100)}`);
+              break;
+            }
+          }
+        }
+      }
+      if (!variantInput) {
+        const clickableElements = searchRoot.querySelectorAll('button, div[role="button"], div[class*="select"], div[class*="variant"], span, label');
+        console.log(`[Exchange Autofill] Checking ${clickableElements.length} clickable elements for variant ${item.variant_id}`);
+        for (const element of Array.from(clickableElements)) {
+          const elementText = element.textContent || "";
+          if (elementText.includes(item.variant_id) || elementText.includes(item.variant_id.substring(0, 15))) {
+            const nearbyInput = element.querySelector("input") || ((_a = element.closest("tr, div, li")) == null ? void 0 : _a.querySelector("input")) || ((_b = element.parentElement) == null ? void 0 : _b.querySelector("input"));
+            if (nearbyInput) {
+              variantInput = nearbyInput;
+              console.log(`[Exchange Autofill] Found outbound item input near clickable element`);
+              break;
+            } else {
+              console.log(`[Exchange Autofill] Clicking element containing variant ID: ${elementText.substring(0, 50)}`);
+              element.click();
+              setTimeout(() => {
+                const newInput = searchRoot.querySelector(`input[value*="${item.variant_id.substring(0, 10)}"]`);
+                if (newInput) {
+                  variantInput = newInput;
+                }
+              }, 500);
+            }
+          }
+        }
+      }
       if (variantInput) {
         if (variantInput.type === "checkbox" || variantInput.type === "radio") {
           variantInput.checked = true;
+          const nativeInputValueSetter = (_c = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _c.set;
+          if (nativeInputValueSetter) {
+            nativeInputValueSetter.call(variantInput, variantInput.value);
+          }
+          variantInput.dispatchEvent(new Event("input", { bubbles: true }));
           variantInput.dispatchEvent(new Event("change", { bubbles: true }));
-          variantInput.dispatchEvent(new Event("click", { bubbles: true }));
+          variantInput.dispatchEvent(new MouseEvent("click", { bubbles: true }));
         } else {
           variantInput.click();
         }
-        const row = variantInput.closest("tr, div, li");
+        const row = variantInput.closest('tr, div, li, [role="row"]');
         if (row) {
           const quantityInput = row.querySelector('input[type="number"]');
           if (quantityInput) {
             quantityInput.value = String(item.quantity);
-            quantityInput.dispatchEvent(new Event("change", { bubbles: true }));
+            const nativeInputValueSetter = (_d = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _d.set;
+            if (nativeInputValueSetter) {
+              nativeInputValueSetter.call(quantityInput, String(item.quantity));
+            }
             quantityInput.dispatchEvent(new Event("input", { bubbles: true }));
+            quantityInput.dispatchEvent(new Event("change", { bubbles: true }));
+            console.log(`[Exchange Autofill] Set quantity for outbound item ${item.variant_id}: ${item.quantity}`);
           }
         }
         itemsSelected++;
+        console.log(`[Exchange Autofill] Selected outbound item: ${item.variant_id}`);
       } else {
         console.warn(`[Exchange Autofill] Could not find input for outbound item ${item.variant_id}`);
+        const allElements = searchRoot.querySelectorAll("*");
+        for (const element of Array.from(allElements)) {
+          const text = element.textContent || "";
+          const elementId = element.id || "";
+          const elementClass = element.className || "";
+          if (text.includes(item.variant_id) || elementId.includes(item.variant_id) || elementClass.includes(item.variant_id.substring(0, 10))) {
+            console.log(`[Exchange Autofill] Found element containing variant ID, attempting to click:`, {
+              tag: element.tagName,
+              id: elementId,
+              text: text.substring(0, 50)
+            });
+            element.click();
+            setTimeout(() => {
+              ;
+              element.dispatchEvent(new MouseEvent("dblclick", { bubbles: true }));
+            }, 200);
+            break;
+          }
+        }
+        if (searchRoot !== document) {
+          const allText = searchRoot.textContent || "";
+          console.log(`[Exchange Autofill] Modal content preview (first 500 chars):`, allText.substring(0, 500));
+          const allInputs = searchRoot.querySelectorAll("input");
+          console.log(`[Exchange Autofill] Found ${allInputs.length} inputs in modal`);
+          const allRows = searchRoot.querySelectorAll('tr, [role="row"], li, div');
+          console.log(`[Exchange Autofill] Found ${allRows.length} potential rows in modal`);
+          Array.from(allRows).slice(0, 5).forEach((row, idx) => {
+            var _a2;
+            console.log(`[Exchange Autofill] Row ${idx} text:`, (_a2 = row.textContent) == null ? void 0 : _a2.substring(0, 100));
+          });
+        }
       }
     } catch (error) {
       console.warn(`[Exchange Autofill] Error selecting outbound item ${item.variant_id}:`, error);
@@ -284,15 +680,22 @@ function selectOutboundItems(items) {
   if (itemsSelected > 0) {
     setTimeout(() => {
       var _a2;
-      const buttons = document.querySelectorAll("button");
-      for (const button of Array.from(buttons)) {
-        const text = ((_a2 = button.textContent) == null ? void 0 : _a2.toLowerCase()) || "";
-        if ((text.includes("add") || text.includes("confirm") || text.includes("select")) && button.type !== "button" || button.type === "submit") {
-          button.click();
-          break;
+      const buttons = searchRoot.querySelectorAll('button, [role="button"]');
+      for (const buttonEl of Array.from(buttons)) {
+        const text = ((_a2 = buttonEl.textContent) == null ? void 0 : _a2.toLowerCase().trim()) || "";
+        if (text.includes("add") || text.includes("confirm") || text.includes("select") || text.includes("save")) {
+          const button = buttonEl;
+          const buttonType = "type" in button ? button.type : void 0;
+          if (!buttonType || buttonType === "submit" || buttonType === "button") {
+            console.log("[Exchange Autofill] Clicking button:", text);
+            button.click();
+            break;
+          }
         }
       }
-    }, 500);
+    }, 1e3);
+  } else {
+    console.warn("[Exchange Autofill] No outbound items were selected");
   }
 }
 adminSdk.defineWidgetConfig({
@@ -311,21 +714,21 @@ const getStatusBadgeClass$3 = (status) => {
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  if (statusLower === "received") {
+  if (statusLower === "approved") {
     return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-  if (statusLower === "requires_action") {
+  if (statusLower === "rejected") {
     return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
   if (statusLower === "completed") {
     return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-  if (statusLower === "canceled") {
+  if (statusLower === "cancelled") {
     return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
   }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const ReturnsPage = () => {
+const SwapsPage = () => {
   const navigate = reactRouterDom.useNavigate();
   const [items, setItems] = react.useState([]);
   const [statusFilter, setStatusFilter] = react.useState("all");
@@ -337,7 +740,7 @@ const ReturnsPage = () => {
   const [offset, setOffset] = react.useState(0);
   const [count, setCount] = react.useState(0);
   const limit = 50;
-  const loadReturns = react.useCallback(
+  const loadSwaps = react.useCallback(
     async (nextOffset, replace = false) => {
       var _a;
       try {
@@ -354,25 +757,24 @@ const ReturnsPage = () => {
           params.set("status", statusFilter);
         }
         if (debouncedSearchQuery.trim()) {
-          params.set("q", debouncedSearchQuery.trim());
+          params.set("order_id", debouncedSearchQuery.trim());
         }
-        params.set("order", "created_at");
         const response = await fetch(
-          `/admin/returns?${params.toString()}`,
+          `/admin/swaps?${params.toString()}`,
           { credentials: "include" }
         );
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load return orders");
+          throw new Error(message || "Unable to load swaps");
         }
         const payload = await response.json();
         setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
+        setOffset(nextOffset + (((_a = payload.swaps) == null ? void 0 : _a.length) ?? 0));
         setItems(
-          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
+          (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
         );
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swaps";
         setError(message);
       } finally {
         setIsLoading(false);
@@ -382,8 +784,8 @@ const ReturnsPage = () => {
     [statusFilter, debouncedSearchQuery]
   );
   react.useEffect(() => {
-    void loadReturns(0, true);
-  }, [statusFilter, debouncedSearchQuery, loadReturns]);
+    void loadSwaps(0, true);
+  }, [statusFilter, debouncedSearchQuery, loadSwaps]);
   const hasMore = react.useMemo(() => offset < count, [offset, count]);
   const availableStatuses = react.useMemo(() => {
     const statuses = /* @__PURE__ */ new Set();
@@ -393,16 +795,16 @@ const ReturnsPage = () => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Return Orders" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer return orders" })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Swaps" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer swap requests" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadReturns(0, true), children: "Refresh" })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadSwaps(0, true), children: "Refresh" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ui.Input,
         {
-          placeholder: "Search by return ID, order ID, or customer email",
+          placeholder: "Search by swap ID or order ID",
           value: searchQuery,
           onChange: (event) => setSearchQuery(event.target.value),
           className: "md:max-w-sm"
@@ -427,51 +829,50 @@ const ReturnsPage = () => {
         ui.Button,
         {
           variant: "secondary",
-          onClick: () => loadReturns(0, true),
+          onClick: () => loadSwaps(0, true),
           children: "Try again"
         }
       ) })
     ] }) : null,
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swaps..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No swaps yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Swap requests created by customers will appear here." })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
       /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Swap ID" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Difference Due" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
           className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/returns/${returnOrder.id}`),
+          onClick: () => navigate(`/swaps/${swap.id}`),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: returnOrder.id }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: swap.id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$3(returnOrder.status)}`,
-                children: returnOrder.status.replace(/_/g, " ")
+                className: `uppercase ${getStatusBadgeClass$3(swap.status)}`,
+                children: swap.status.replace(/_/g, " ")
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
-              const amount = returnOrder.refund_amount;
+              const amount = swap.difference_due;
               if (amount == null || amount === void 0) {
                 return "—";
               }
               const displayAmount = Number(amount) / 100;
-              const currency = returnOrder.currency_code || "$";
-              return `${currency}${displayAmount.toFixed(2)}`;
+              const currency = swap.currency_code || "$";
+              const sign = displayAmount >= 0 ? "+" : "";
+              return `${sign}${currency}${displayAmount.toFixed(2)}`;
             })() }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(returnOrder.created_at).toLocaleDateString("en-US", {
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(swap.created_at).toLocaleDateString("en-US", {
               year: "numeric",
               month: "short",
               day: "numeric",
@@ -486,14 +887,14 @@ const ReturnsPage = () => {
                 size: "small",
                 onClick: (e) => {
                   e.stopPropagation();
-                  navigate(`/returns/${returnOrder.id}`);
+                  navigate(`/swaps/${swap.id}`);
                 },
                 children: "View"
               }
             ) })
           ]
         },
-        returnOrder.id
+        swap.id
       )) })
     ] }) }),
     hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -501,14 +902,14 @@ const ReturnsPage = () => {
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadReturns(offset, false),
+        onClick: () => loadSwaps(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
 const config$3 = adminSdk.defineRouteConfig({
-  label: "Return Orders",
+  label: "Swaps",
   icon: icons.ArrowPath
 });
 const useDebounce = (value, delay) => {
@@ -524,21 +925,21 @@ const getStatusBadgeClass$2 = (status) => {
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  if (statusLower === "approved") {
+  if (statusLower === "received") {
     return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-  if (statusLower === "rejected") {
+  if (statusLower === "requires_action") {
     return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
   if (statusLower === "completed") {
     return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-  if (statusLower === "cancelled") {
+  if (statusLower === "canceled") {
     return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
   }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const SwapsPage = () => {
+const ReturnsPage = () => {
   const navigate = reactRouterDom.useNavigate();
   const [items, setItems] = react.useState([]);
   const [statusFilter, setStatusFilter] = react.useState("all");
@@ -550,7 +951,7 @@ const SwapsPage = () => {
   const [offset, setOffset] = react.useState(0);
   const [count, setCount] = react.useState(0);
   const limit = 50;
-  const loadSwaps = react.useCallback(
+  const loadReturns = react.useCallback(
     async (nextOffset, replace = false) => {
       var _a;
       try {
@@ -567,24 +968,25 @@ const SwapsPage = () => {
           params.set("status", statusFilter);
         }
         if (debouncedSearchQuery.trim()) {
-          params.set("order_id", debouncedSearchQuery.trim());
+          params.set("q", debouncedSearchQuery.trim());
         }
+        params.set("order", "created_at");
         const response = await fetch(
-          `/admin/swaps?${params.toString()}`,
+          `/admin/returns?${params.toString()}`,
           { credentials: "include" }
         );
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load swaps");
+          throw new Error(message || "Unable to load return orders");
         }
         const payload = await response.json();
         setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.swaps) == null ? void 0 : _a.length) ?? 0));
+        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
         setItems(
-          (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
+          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
         );
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load swaps";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
         setError(message);
       } finally {
         setIsLoading(false);
@@ -594,8 +996,8 @@ const SwapsPage = () => {
     [statusFilter, debouncedSearchQuery]
   );
   react.useEffect(() => {
-    void loadSwaps(0, true);
-  }, [statusFilter, debouncedSearchQuery, loadSwaps]);
+    void loadReturns(0, true);
+  }, [statusFilter, debouncedSearchQuery, loadReturns]);
   const hasMore = react.useMemo(() => offset < count, [offset, count]);
   const availableStatuses = react.useMemo(() => {
     const statuses = /* @__PURE__ */ new Set();
@@ -605,16 +1007,16 @@ const SwapsPage = () => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Swaps" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer swap requests" })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Return Orders" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer return orders" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadSwaps(0, true), children: "Refresh" })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadReturns(0, true), children: "Refresh" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ui.Input,
         {
-          placeholder: "Search by swap ID or order ID",
+          placeholder: "Search by return ID, order ID, or customer email",
           value: searchQuery,
           onChange: (event) => setSearchQuery(event.target.value),
           className: "md:max-w-sm"
@@ -639,50 +1041,51 @@ const SwapsPage = () => {
         ui.Button,
         {
           variant: "secondary",
-          onClick: () => loadSwaps(0, true),
+          onClick: () => loadReturns(0, true),
           children: "Try again"
         }
       ) })
     ] }) : null,
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swaps..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No swaps yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Swap requests created by customers will appear here." })
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
       /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Swap ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Difference Due" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
           className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/swaps/${swap.id}`),
+          onClick: () => navigate(`/returns/${returnOrder.id}`),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: swap.id }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: returnOrder.id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$2(swap.status)}`,
-                children: swap.status.replace(/_/g, " ")
+                className: `uppercase ${getStatusBadgeClass$2(returnOrder.status)}`,
+                children: returnOrder.status.replace(/_/g, " ")
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
-              const amount = swap.difference_due;
+              const amount = returnOrder.refund_amount;
               if (amount == null || amount === void 0) {
                 return "—";
               }
               const displayAmount = Number(amount) / 100;
-              const currency = swap.currency_code || "$";
-              const sign = displayAmount >= 0 ? "+" : "";
-              return `${sign}${currency}${displayAmount.toFixed(2)}`;
+              const currency = returnOrder.currency_code || "$";
+              return `${currency}${displayAmount.toFixed(2)}`;
             })() }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(swap.created_at).toLocaleDateString("en-US", {
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(returnOrder.created_at).toLocaleDateString("en-US", {
               year: "numeric",
               month: "short",
               day: "numeric",
@@ -697,14 +1100,14 @@ const SwapsPage = () => {
                 size: "small",
                 onClick: (e) => {
                   e.stopPropagation();
-                  navigate(`/swaps/${swap.id}`);
+                  navigate(`/returns/${returnOrder.id}`);
                 },
                 children: "View"
               }
             ) })
           ]
         },
-        swap.id
+        returnOrder.id
       )) })
     ] }) }),
     hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -712,14 +1115,14 @@ const SwapsPage = () => {
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadSwaps(offset, false),
+        onClick: () => loadReturns(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
 const config$2 = adminSdk.defineRouteConfig({
-  label: "Swaps",
+  label: "Return Orders",
   icon: icons.ArrowPath
 });
 const getStatusBadgeClass$1 = (status) => {
@@ -727,65 +1130,63 @@ const getStatusBadgeClass$1 = (status) => {
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  if (statusLower === "received") {
+  if (statusLower === "approved") {
     return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-  if (statusLower === "requires_action") {
+  if (statusLower === "rejected") {
     return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
   if (statusLower === "completed") {
     return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-  if (statusLower === "canceled") {
+  if (statusLower === "cancelled") {
     return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
   }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const ReturnDetailPage = () => {
-  var _a, _b, _c;
+const SwapDetailPage = () => {
+  var _a, _b;
   const navigate = reactRouterDom.useNavigate();
   const { id } = reactRouterDom.useParams();
-  const [returnOrder, setReturnOrder] = react.useState(null);
+  const [swap, setSwap] = react.useState(null);
+  const [order, setOrder] = react.useState(null);
   const [selectedStatus, setSelectedStatus] = react.useState("");
   const [isLoading, setIsLoading] = react.useState(true);
   const [isUpdating, setIsUpdating] = react.useState(false);
+  const [isApproving, setIsApproving] = react.useState(false);
+  const [isRejecting, setIsRejecting] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [updateError, setUpdateError] = react.useState(null);
   const [updateSuccess, setUpdateSuccess] = react.useState(false);
-  const availableStatuses = [
-    "requested",
-    "received",
-    "requires_action",
-    "completed",
-    "canceled"
-  ];
+  const availableStatuses = ["requested", "approved", "rejected"];
   react.useEffect(() => {
     if (!id) {
-      navigate("/returns");
+      navigate("/swaps");
       return;
     }
-    const loadReturn = async () => {
+    const loadSwap = async () => {
       try {
         setIsLoading(true);
         setError(null);
-        const response = await fetch(`/admin/returns/${id}`, {
+        const response = await fetch(`/admin/swaps/${id}`, {
           credentials: "include"
         });
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load return order");
+          throw new Error(message || "Unable to load swap");
         }
         const payload = await response.json();
-        setReturnOrder(payload.return);
+        setSwap(payload.swap);
+        setOrder(payload.order || null);
         setSelectedStatus("");
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load return order";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swap";
         setError(message);
       } finally {
         setIsLoading(false);
       }
     };
-    void loadReturn();
+    void loadSwap();
   }, [id, navigate]);
   const handleStatusUpdate = async () => {
     if (!id || !selectedStatus) {
@@ -795,7 +1196,7 @@ const ReturnDetailPage = () => {
       setIsUpdating(true);
       setUpdateError(null);
       setUpdateSuccess(false);
-      const response = await fetch(`/admin/returns/${id}/status`, {
+      const response = await fetch(`/admin/swaps/${id}/status`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -808,16 +1209,17 @@ const ReturnDetailPage = () => {
         throw new Error(message || "Unable to update status");
       }
       const payload = await response.json();
-      setReturnOrder(payload.return);
+      setSwap(payload.swap);
       setSelectedStatus("");
       setUpdateSuccess(true);
       setTimeout(() => setUpdateSuccess(false), 3e3);
-      const detailResponse = await fetch(`/admin/returns/${id}`, {
+      const detailResponse = await fetch(`/admin/swaps/${id}`, {
         credentials: "include"
       });
       if (detailResponse.ok) {
         const detailPayload = await detailResponse.json();
-        setReturnOrder(detailPayload.return);
+        setSwap(detailPayload.swap);
+        setOrder(detailPayload.order || null);
       }
     } catch (updateErr) {
       const message = updateErr instanceof Error ? updateErr.message : "Unable to update status";
@@ -826,16 +1228,85 @@ const ReturnDetailPage = () => {
       setIsUpdating(false);
     }
   };
+  const handleApproveClick = async () => {
+    if (!id) {
+      return;
+    }
+    try {
+      setIsApproving(true);
+      setUpdateError(null);
+      setUpdateSuccess(false);
+      const response = await fetch(`/admin/swaps/${id}/prepare-exchange`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include"
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to prepare swap for exchange");
+      }
+      const payload = await response.json();
+      setSwap(payload.swap);
+      const redirectUrl = payload.redirect_url.startsWith("http") ? payload.redirect_url : `${window.location.origin}${payload.redirect_url}`;
+      window.location.href = redirectUrl;
+    } catch (approveErr) {
+      const message = approveErr instanceof Error ? approveErr.message : "Unable to prepare swap for exchange";
+      setUpdateError(message);
+    } finally {
+      setIsApproving(false);
+    }
+  };
+  const handleReject = async () => {
+    if (!id) {
+      return;
+    }
+    try {
+      setIsRejecting(true);
+      setUpdateError(null);
+      setUpdateSuccess(false);
+      const response = await fetch(`/admin/swaps/${id}/reject`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({ reason: "Rejected by admin" })
+      });
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to reject swap");
+      }
+      const payload = await response.json();
+      setSwap(payload.swap);
+      setUpdateSuccess(true);
+      setTimeout(() => setUpdateSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/swaps/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await response.json();
+        setSwap(detailPayload.swap);
+        setOrder(detailPayload.order || null);
+      }
+    } catch (updateErr) {
+      const message = updateErr instanceof Error ? updateErr.message : "Unable to reject swap";
+      setUpdateError(message);
+    } finally {
+      setIsRejecting(false);
+    }
+  };
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return order..." }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swap..." }) }) }) });
   }
-  if (error || !returnOrder) {
+  if (error || !swap) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Return order not found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/returns"), children: "Back to list" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
     ] }) }) });
   }
-  const statusHistory = ((_a = returnOrder.metadata) == null ? void 0 : _a.status_history) || [];
+  const statusHistory = ((_a = swap.metadata) == null ? void 0 : _a.status_history) || [];
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -843,7 +1314,7 @@ const ReturnDetailPage = () => {
         {
           variant: "transparent",
           size: "small",
-          onClick: () => navigate("/returns"),
+          onClick: () => navigate("/swaps"),
           className: "w-fit",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, { className: "mr-2" }),
@@ -853,20 +1324,42 @@ const ReturnDetailPage = () => {
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Return Order Details" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: returnOrder.id })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Swap Details" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass$1(returnOrder.status)}`,
-            children: returnOrder.status.replace("_", " ")
+            className: `uppercase ${getStatusBadgeClass$1(swap.status)}`,
+            children: swap.status.replace(/_/g, " ")
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    swap.status === "requested" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "primary",
+          onClick: handleApproveClick,
+          disabled: isApproving || isRejecting,
+          isLoading: isApproving,
+          children: "Approve Swap"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "secondary",
+          onClick: handleReject,
+          disabled: isApproving || isRejecting,
+          isLoading: isRejecting,
+          children: "Reject Swap"
+        }
+      )
+    ] }),
+    swap.status === "requested" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Update Status" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-end", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
@@ -879,7 +1372,7 @@ const ReturnDetailPage = () => {
               className: "h-9 w-full rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select new status" }),
-                availableStatuses.filter((status) => status !== returnOrder.status).map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace("_", " ").toUpperCase() }, status))
+                availableStatuses.filter((status) => status !== swap.status).map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
               ]
             }
           )
@@ -898,37 +1391,60 @@ const ReturnDetailPage = () => {
       updateError && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-error", children: updateError }),
       updateSuccess && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-success", children: "Status updated successfully" })
     ] }),
+    swap.status === "approved" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
+      swap.exchange_id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "secondary",
+            onClick: () => {
+              window.open(`/app/orders/${swap.order_id}/exchanges/${swap.exchange_id}`, "_blank");
+            },
+            children: "View Exchange"
+          }
+        ) })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange is being created. Please refresh the page to see the exchange details." }) })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Information" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Swap Information" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.id })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Swap ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.id })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.status })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.status })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Refund Amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.refund_amount ? `${((_b = returnOrder.order) == null ? void 0 : _b.currency_code) || "$"}${Number(returnOrder.refund_amount).toFixed(2)}` : "—" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
           ] }),
-          returnOrder.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          swap.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.reason })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.reason })
           ] }),
-          returnOrder.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          swap.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.note })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.note })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.created_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.updated_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
+          ] }),
+          swap.exchange_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
           ] })
         ] })
       ] }),
@@ -939,23 +1455,18 @@ const ReturnDetailPage = () => {
           {
             className: "flex items-center justify-between border-b border-ui-border-subtle pb-2 last:border-0",
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  ui.Badge,
-                  {
-                    size: "2xsmall",
-                    className: `uppercase ${getStatusBadgeClass$1(entry.to)}`,
-                    children: entry.to.replace("_", " ")
-                  }
-                ),
-                entry.from && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-                  "from ",
-                  entry.from.replace("_", " ")
-                ] })
-              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Badge,
+                {
+                  size: "2xsmall",
+                  className: `uppercase ${getStatusBadgeClass$1(entry.status)}`,
+                  children: entry.status.replace(/_/g, " ")
+                }
+              ) }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-                new Date(entry.changed_at).toLocaleString(),
-                entry.changed_by && ` by ${entry.changed_by}`
+                new Date(entry.timestamp).toLocaleString(),
+                entry.admin_id && ` by ${entry.admin_id}`,
+                entry.reason && ` - ${entry.reason}`
               ] })
             ] })
           },
@@ -963,76 +1474,62 @@ const ReturnDetailPage = () => {
         )) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
       ] })
     ] }),
-    returnOrder.order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.id })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.status || "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_c = returnOrder.order.customer) == null ? void 0 : _c.email) || returnOrder.order.email || "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.total ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.total).toFixed(2)}` : "—" })
-          ] })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.id })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Subtotal" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.subtotal ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.subtotal).toFixed(2)}` : "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Tax Total" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.tax_total ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.tax_total).toFixed(2)}` : "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Shipping Total" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.shipping_total ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.shipping_total).toFixed(2)}` : "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Created" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.created_at ? new Date(returnOrder.order.created_at).toLocaleString() : "—" })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.status || "—" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_b = order.customer) == null ? void 0 : _b.email) || order.email || "—" })
+        ] }),
+        order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "font-medium", children: [
+            order.currency_code || "$",
+            (Number(order.total) / 100).toFixed(2)
           ] })
         ] })
       ] })
     ] }),
-    returnOrder.items && returnOrder.items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    swap.return_items && swap.return_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
         /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Item" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Item ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: returnOrder.items.map((item) => {
-          var _a2, _b2;
-          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: ((_a2 = item.item) == null ? void 0 : _a2.title) || ((_b2 = item.item) == null ? void 0 : _b2.id) || item.id }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
-          ] }, item.id);
-        }) })
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
+        ] }, item.id || index)) })
       ] }) })
     ] }),
-    returnOrder.metadata && Object.keys(returnOrder.metadata).filter(
-      (key) => key !== "status_history"
-    ).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Metadata" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: Object.entries(returnOrder.metadata).filter(([key]) => key !== "status_history").map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: key }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "font-medium", children: typeof value === "string" ? value : JSON.stringify(value) })
-      ] }, key)) })
+    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Variant ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
+        ] }, item.variant_id || index)) })
+      ] }) })
     ] })
   ] }) });
 };
 const config$1 = adminSdk.defineRouteConfig({
-  label: "Return Order Details",
+  label: "Swap Details",
   icon: icons.ArrowPath
 });
 const getStatusBadgeClass = (status) => {
@@ -1040,63 +1537,65 @@ const getStatusBadgeClass = (status) => {
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  if (statusLower === "approved") {
+  if (statusLower === "received") {
     return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-  if (statusLower === "rejected") {
+  if (statusLower === "requires_action") {
     return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
   if (statusLower === "completed") {
     return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-  if (statusLower === "cancelled") {
+  if (statusLower === "canceled") {
     return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
   }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const SwapDetailPage = () => {
-  var _a, _b;
+const ReturnDetailPage = () => {
+  var _a, _b, _c;
   const navigate = reactRouterDom.useNavigate();
   const { id } = reactRouterDom.useParams();
-  const [swap, setSwap] = react.useState(null);
-  const [order, setOrder] = react.useState(null);
+  const [returnOrder, setReturnOrder] = react.useState(null);
   const [selectedStatus, setSelectedStatus] = react.useState("");
   const [isLoading, setIsLoading] = react.useState(true);
   const [isUpdating, setIsUpdating] = react.useState(false);
-  const [isApproving, setIsApproving] = react.useState(false);
-  const [isRejecting, setIsRejecting] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [updateError, setUpdateError] = react.useState(null);
   const [updateSuccess, setUpdateSuccess] = react.useState(false);
-  const availableStatuses = ["requested", "approved", "rejected"];
+  const availableStatuses = [
+    "requested",
+    "received",
+    "requires_action",
+    "completed",
+    "canceled"
+  ];
   react.useEffect(() => {
     if (!id) {
-      navigate("/swaps");
+      navigate("/returns");
       return;
     }
-    const loadSwap = async () => {
+    const loadReturn = async () => {
       try {
         setIsLoading(true);
         setError(null);
-        const response = await fetch(`/admin/swaps/${id}`, {
+        const response = await fetch(`/admin/returns/${id}`, {
           credentials: "include"
         });
         if (!response.ok) {
           const message = await response.text();
-          throw new Error(message || "Unable to load swap");
+          throw new Error(message || "Unable to load return order");
         }
         const payload = await response.json();
-        setSwap(payload.swap);
-        setOrder(payload.order || null);
+        setReturnOrder(payload.return);
         setSelectedStatus("");
       } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load swap";
+        const message = loadError instanceof Error ? loadError.message : "Unable to load return order";
         setError(message);
       } finally {
         setIsLoading(false);
       }
     };
-    void loadSwap();
+    void loadReturn();
   }, [id, navigate]);
   const handleStatusUpdate = async () => {
     if (!id || !selectedStatus) {
@@ -1106,117 +1605,47 @@ const SwapDetailPage = () => {
       setIsUpdating(true);
       setUpdateError(null);
       setUpdateSuccess(false);
-      const response = await fetch(`/admin/swaps/${id}/status`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include",
-        body: JSON.stringify({ status: selectedStatus })
-      });
-      if (!response.ok) {
-        const message = await response.text();
-        throw new Error(message || "Unable to update status");
-      }
-      const payload = await response.json();
-      setSwap(payload.swap);
-      setSelectedStatus("");
-      setUpdateSuccess(true);
-      setTimeout(() => setUpdateSuccess(false), 3e3);
-      const detailResponse = await fetch(`/admin/swaps/${id}`, {
-        credentials: "include"
-      });
-      if (detailResponse.ok) {
-        const detailPayload = await detailResponse.json();
-        setSwap(detailPayload.swap);
-        setOrder(detailPayload.order || null);
-      }
-    } catch (updateErr) {
-      const message = updateErr instanceof Error ? updateErr.message : "Unable to update status";
-      setUpdateError(message);
-    } finally {
-      setIsUpdating(false);
-    }
-  };
-  const handleApproveClick = async () => {
-    if (!id) {
-      return;
-    }
-    try {
-      setIsApproving(true);
-      setUpdateError(null);
-      setUpdateSuccess(false);
-      const response = await fetch(`/admin/swaps/${id}/prepare-exchange`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include"
-      });
-      if (!response.ok) {
-        const message = await response.text();
-        throw new Error(message || "Unable to prepare swap for exchange");
-      }
-      const payload = await response.json();
-      setSwap(payload.swap);
-      const redirectUrl = payload.redirect_url.startsWith("http") ? payload.redirect_url : `${window.location.origin}${payload.redirect_url}`;
-      window.location.href = redirectUrl;
-    } catch (approveErr) {
-      const message = approveErr instanceof Error ? approveErr.message : "Unable to prepare swap for exchange";
-      setUpdateError(message);
-    } finally {
-      setIsApproving(false);
-    }
-  };
-  const handleReject = async () => {
-    if (!id) {
-      return;
-    }
-    try {
-      setIsRejecting(true);
-      setUpdateError(null);
-      setUpdateSuccess(false);
-      const response = await fetch(`/admin/swaps/${id}/reject`, {
+      const response = await fetch(`/admin/returns/${id}/status`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         credentials: "include",
-        body: JSON.stringify({ reason: "Rejected by admin" })
+        body: JSON.stringify({ status: selectedStatus })
       });
       if (!response.ok) {
         const message = await response.text();
-        throw new Error(message || "Unable to reject swap");
+        throw new Error(message || "Unable to update status");
       }
       const payload = await response.json();
-      setSwap(payload.swap);
+      setReturnOrder(payload.return);
+      setSelectedStatus("");
       setUpdateSuccess(true);
       setTimeout(() => setUpdateSuccess(false), 3e3);
-      const detailResponse = await fetch(`/admin/swaps/${id}`, {
+      const detailResponse = await fetch(`/admin/returns/${id}`, {
         credentials: "include"
       });
       if (detailResponse.ok) {
-        const detailPayload = await response.json();
-        setSwap(detailPayload.swap);
-        setOrder(detailPayload.order || null);
+        const detailPayload = await detailResponse.json();
+        setReturnOrder(detailPayload.return);
       }
     } catch (updateErr) {
-      const message = updateErr instanceof Error ? updateErr.message : "Unable to reject swap";
+      const message = updateErr instanceof Error ? updateErr.message : "Unable to update status";
       setUpdateError(message);
     } finally {
-      setIsRejecting(false);
+      setIsUpdating(false);
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swap..." }) }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return order..." }) }) }) });
   }
-  if (error || !swap) {
+  if (error || !returnOrder) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Return order not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/returns"), children: "Back to list" }) })
     ] }) }) });
   }
-  const statusHistory = ((_a = swap.metadata) == null ? void 0 : _a.status_history) || [];
+  const statusHistory = ((_a = returnOrder.metadata) == null ? void 0 : _a.status_history) || [];
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1224,7 +1653,7 @@ const SwapDetailPage = () => {
         {
           variant: "transparent",
           size: "small",
-          onClick: () => navigate("/swaps"),
+          onClick: () => navigate("/returns"),
           className: "w-fit",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, { className: "mr-2" }),
@@ -1234,42 +1663,20 @@ const SwapDetailPage = () => {
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Swap Details" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Return Order Details" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: returnOrder.id })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass(swap.status)}`,
-            children: swap.status.replace(/_/g, " ")
+            className: `uppercase ${getStatusBadgeClass(returnOrder.status)}`,
+            children: returnOrder.status.replace("_", " ")
           }
         )
       ] })
     ] }),
-    swap.status === "requested" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "primary",
-          onClick: handleApproveClick,
-          disabled: isApproving || isRejecting,
-          isLoading: isApproving,
-          children: "Approve Swap"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "secondary",
-          onClick: handleReject,
-          disabled: isApproving || isRejecting,
-          isLoading: isRejecting,
-          children: "Reject Swap"
-        }
-      )
-    ] }),
-    swap.status === "requested" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Update Status" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-end", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
@@ -1282,7 +1689,7 @@ const SwapDetailPage = () => {
               className: "h-9 w-full rounded-md border border-ui-border-base bg-transparent px-3 text-sm text-ui-fg-base outline-none transition focus:ring-2 focus:ring-ui-fg-interactive",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select new status" }),
-                availableStatuses.filter((status) => status !== swap.status).map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
+                availableStatuses.filter((status) => status !== returnOrder.status).map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace("_", " ").toUpperCase() }, status))
               ]
             }
           )
@@ -1301,60 +1708,37 @@ const SwapDetailPage = () => {
       updateError && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-error", children: updateError }),
       updateSuccess && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-success", children: "Status updated successfully" })
     ] }),
-    swap.status === "approved" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
-      swap.exchange_id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            variant: "secondary",
-            onClick: () => {
-              window.open(`/app/orders/${swap.order_id}/exchanges/${swap.exchange_id}`, "_blank");
-            },
-            children: "View Exchange"
-          }
-        ) })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange is being created. Please refresh the page to see the exchange details." }) })
-    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Swap Information" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Information" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Swap ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.id })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Return ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.id })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.status })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.status })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Refund Amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.refund_amount ? `${((_b = returnOrder.order) == null ? void 0 : _b.currency_code) || "$"}${Number(returnOrder.refund_amount).toFixed(2)}` : "—" })
           ] }),
-          swap.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          returnOrder.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.reason })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.reason })
           ] }),
-          swap.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          returnOrder.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.note })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.note })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.created_at).toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
-          ] }),
-          swap.exchange_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(returnOrder.updated_at).toLocaleString() })
           ] })
         ] })
       ] }),
@@ -1365,18 +1749,23 @@ const SwapDetailPage = () => {
           {
             className: "flex items-center justify-between border-b border-ui-border-subtle pb-2 last:border-0",
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Badge,
-                {
-                  size: "2xsmall",
-                  className: `uppercase ${getStatusBadgeClass(entry.status)}`,
-                  children: entry.status.replace(/_/g, " ")
-                }
-              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Badge,
+                  {
+                    size: "2xsmall",
+                    className: `uppercase ${getStatusBadgeClass(entry.to)}`,
+                    children: entry.to.replace("_", " ")
+                  }
+                ),
+                entry.from && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+                  "from ",
+                  entry.from.replace("_", " ")
+                ] })
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-                new Date(entry.timestamp).toLocaleString(),
-                entry.admin_id && ` by ${entry.admin_id}`,
-                entry.reason && ` - ${entry.reason}`
+                new Date(entry.changed_at).toLocaleString(),
+                entry.changed_by && ` by ${entry.changed_by}`
               ] })
             ] })
           },
@@ -1384,62 +1773,76 @@ const SwapDetailPage = () => {
         )) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
       ] })
     ] }),
-    order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    returnOrder.order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.status || "—" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_b = order.customer) == null ? void 0 : _b.email) || order.email || "—" })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.id })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.status || "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_c = returnOrder.order.customer) == null ? void 0 : _c.email) || returnOrder.order.email || "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.total ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.total).toFixed(2)}` : "—" })
+          ] })
         ] }),
-        order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "font-medium", children: [
-            order.currency_code || "$",
-            (Number(order.total) / 100).toFixed(2)
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Subtotal" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.subtotal ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.subtotal).toFixed(2)}` : "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Tax Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.tax_total ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.tax_total).toFixed(2)}` : "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Shipping Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.shipping_total ? `${returnOrder.order.currency_code || "$"}${Number(returnOrder.order.shipping_total).toFixed(2)}` : "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Created" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: returnOrder.order.created_at ? new Date(returnOrder.order.created_at).toLocaleString() : "—" })
           ] })
         ] })
       ] })
     ] }),
-    swap.return_items && swap.return_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+    returnOrder.items && returnOrder.items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
         /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Item ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
-        ] }, item.id || index)) })
-      ] }) })
-    ] }),
-    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Variant ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Item" }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
-        ] }, item.variant_id || index)) })
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: returnOrder.items.map((item) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: ((_a2 = item.item) == null ? void 0 : _a2.title) || ((_b2 = item.item) == null ? void 0 : _b2.id) || item.id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
+          ] }, item.id);
+        }) })
       ] }) })
+    ] }),
+    returnOrder.metadata && Object.keys(returnOrder.metadata).filter(
+      (key) => key !== "status_history"
+    ).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Metadata" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: Object.entries(returnOrder.metadata).filter(([key]) => key !== "status_history").map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: key }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "font-medium", children: typeof value === "string" ? value : JSON.stringify(value) })
+      ] }, key)) })
     ] })
   ] }) });
 };
 const config = adminSdk.defineRouteConfig({
-  label: "Swap Details",
+  label: "Return Order Details",
   icon: icons.ArrowPath
 });
 const i18nTranslations0 = {};
@@ -1451,47 +1854,47 @@ const widgetModule = { widgets: [
 ] };
 const routeModule = {
   routes: [
-    {
-      Component: ReturnsPage,
-      path: "/returns"
-    },
     {
       Component: SwapsPage,
       path: "/swaps"
     },
     {
-      Component: ReturnDetailPage,
-      path: "/returns/:id"
+      Component: ReturnsPage,
+      path: "/returns"
     },
     {
       Component: SwapDetailPage,
       path: "/swaps/:id"
+    },
+    {
+      Component: ReturnDetailPage,
+      path: "/returns/:id"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
     {
-      label: config$3.label,
-      icon: config$3.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/returns",
       nested: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config$3.label,
+      icon: config$3.icon,
       path: "/swaps",
       nested: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/returns/:id",
       nested: void 0
     },
     {
-      label: config.label,
-      icon: config.icon,
+      label: config$1.label,
+      icon: config$1.icon,
       path: "/swaps/:id",
       nested: void 0
     }