order-management 0.0.100 → 0.0.102

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

@@ -1,11 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
-import { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import { Text, Container, Heading, Badge, Button, Label, Select, Textarea, Input, Popover, clx, Copy, Skeleton, Tooltip, toast } from "@medusajs/ui";
-import { CashSolid, PencilSquareSolid, Trash, CreditCard, Receipt, ChevronDownMini, Check, ArrowPath, InformationCircle, ChevronRightMini, MagnifierAlert, ExclamationCircle, ArrowLeft, ClockSolid, SquareTwoStack, ShieldCheck, CheckCircle } from "@medusajs/icons";
+import { useState, useEffect, useRef, useMemo, useCallback } from "react";
+import { Text, Container, Heading, Badge, Button, Label, Select, Textarea, Popover, clx, Input, Copy, Skeleton, Tooltip, toast } from "@medusajs/ui";
+import { CashSolid, PencilSquareSolid, Trash, ChevronDownMini, Check, ArrowPath, InformationCircle, ExclamationCircle, MagnifierAlert, ChevronRightMini, CreditCard, Receipt, ArrowLeft, ClockSolid, ShieldCheck, SquareTwoStack, CheckCircle } from "@medusajs/icons";
 import { useNavigate, useLocation, useSearchParams, useParams } from "react-router-dom";
 function roundRectPath(ctx, x, y, w, h, r) {
   ctx.beginPath();
@@ -377,15 +374,14 @@ const s = {
 const OrderGiftItemsWidget = ({ data }) => {
   const [fetchedItems, setFetchedItems] = useState(null);
   useEffect(() => {
-    if (!(data == null ? void 0 : data.id)) return;
+    if (!data?.id) return;
     fetch(
       `/admin/orders/${data.id}?fields=*items,items.metadata`
-    ).then((r) => r.json()).then(({ order }) => setFetchedItems((order == null ? void 0 : order.items) ?? [])).catch(() => setFetchedItems((data == null ? void 0 : data.items) ?? []));
-  }, [data == null ? void 0 : data.id]);
-  const items = fetchedItems ?? (data == null ? void 0 : data.items) ?? [];
+    ).then((r) => r.json()).then(({ order }) => setFetchedItems(order?.items ?? [])).catch(() => setFetchedItems(data?.items ?? []));
+  }, [data?.id]);
+  const items = fetchedItems ?? data?.items ?? [];
   const giftedItems = items.filter((i) => {
-    var _a;
-    const flag = (_a = i.metadata) == null ? void 0 : _a.is_gift;
+    const flag = i.metadata?.is_gift;
     return flag === "true" || flag === true;
   });
   return /* @__PURE__ */ jsxs("div", { style: s.widget, children: [
@@ -414,9 +410,9 @@ const OrderGiftItemsWidget = ({ data }) => {
     ),
     giftedItems.map((item) => {
       const meta = item.metadata;
-      const from = meta == null ? void 0 : meta.gift_from;
-      const to = meta == null ? void 0 : meta.gift_to;
-      const message = meta == null ? void 0 : meta.gift_message;
+      const from = meta?.gift_from;
+      const to = meta?.gift_to;
+      const message = meta?.gift_message;
       return /* @__PURE__ */ jsxs("div", { style: s.card, children: [
         /* @__PURE__ */ jsxs("div", { style: s.ribbon, children: [
           /* @__PURE__ */ jsx("span", { style: s.bowCenter, children: "🎀" }),
@@ -480,7 +476,7 @@ function formatRefundCurrency(amount, currencyCode = "inr", options) {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   }).format(amount);
-  if ((options == null ? void 0 : options.signed) && amount > 0) {
+  if (options?.signed && amount > 0) {
     return `−${formatted}`;
   }
   return formatted;
@@ -535,8 +531,7 @@ function getOrderIdFromPath() {
   return m ? m[1] : void 0;
 }
 const OrderRefundContextWidget = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const orderId = ((_a = props.order) == null ? void 0 : _a.id) ?? ((_c = (_b = props.data) == null ? void 0 : _b.order) == null ? void 0 : _c.id) ?? getOrderIdFromPath();
+  const orderId = props.order?.id ?? props.data?.order?.id ?? getOrderIdFromPath();
   const [context, setContext] = useState(null);
   const [loading, setLoading] = useState(!!orderId);
   const [error, setError] = useState(null);
@@ -574,7 +569,7 @@ const OrderRefundContextWidget = (props) => {
     };
   }, [orderId]);
   const handleMarkRefunded = async () => {
-    if (!(context == null ? void 0 : context.return_id) || !(context == null ? void 0 : context.refund_mapping) || context.refund_mapping.is_refunded || !context.can_process_refund) {
+    if (!context?.return_id || !context?.refund_mapping || context.refund_mapping.is_refunded || !context.can_process_refund) {
       return;
     }
     setMarking(true);
@@ -591,17 +586,14 @@ const OrderRefundContextWidget = (props) => {
       }
       const data = await res.json();
       setContext(
-        (prev) => {
-          var _a2;
-          return prev && prev.refund_mapping ? {
-            ...prev,
-            can_process_refund: false,
-            refund_mapping: {
-              ...prev.refund_mapping,
-              is_refunded: ((_a2 = data.refund_payment_mapping) == null ? void 0 : _a2.is_refunded) ?? true
-            }
-          } : prev;
-        }
+        (prev) => prev && prev.refund_mapping ? {
+          ...prev,
+          can_process_refund: false,
+          refund_mapping: {
+            ...prev.refund_mapping,
+            is_refunded: data.refund_payment_mapping?.is_refunded ?? true
+          }
+        } : prev
       );
     } catch (e) {
       setMarkError(e instanceof Error ? e.message : "Failed to mark refunded");
@@ -610,20 +602,19 @@ const OrderRefundContextWidget = (props) => {
     }
   };
   const handleEditClick = () => {
-    const mapping = context == null ? void 0 : context.refund_mapping;
-    const mode = mapping == null ? void 0 : mapping.refund_mode;
+    const mapping = context?.refund_mapping;
+    const mode = mapping?.refund_mode;
     setEditRefundMode(
       mode === "offline" || mode === "online" ? mode : ""
     );
-    setEditDetails((mapping == null ? void 0 : mapping.details) ?? "");
-    setEditImageUrls((mapping == null ? void 0 : mapping.images) ?? []);
+    setEditDetails(mapping?.details ?? "");
+    setEditImageUrls(mapping?.images ?? []);
     setSaveError(null);
     setUploadError(null);
     setEditing(true);
   };
   const handleUploadImage = async (e) => {
-    var _a2, _b2, _c2;
-    const file = (_a2 = e.target.files) == null ? void 0 : _a2[0];
+    const file = e.target.files?.[0];
     if (!file) return;
     setUploading(true);
     setUploadError(null);
@@ -640,7 +631,7 @@ const OrderRefundContextWidget = (props) => {
         throw new Error(data2.message || "Upload failed");
       }
       const data = await res.json();
-      const url = (_c2 = (_b2 = data.files) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.url;
+      const url = data.files?.[0]?.url;
       if (url) setEditImageUrls((prev) => [...prev, url]);
     } catch (err) {
       setUploadError(err instanceof Error ? err.message : "Upload failed");
@@ -653,7 +644,7 @@ const OrderRefundContextWidget = (props) => {
     setEditImageUrls((prev) => prev.filter((_, i) => i !== index));
   };
   const handleSaveAdminFields = async () => {
-    if (!(context == null ? void 0 : context.return_id)) return;
+    if (!context?.return_id) return;
     setSaving(true);
     setSaveError(null);
     try {
@@ -690,14 +681,14 @@ const OrderRefundContextWidget = (props) => {
   if (error) {
     return /* @__PURE__ */ jsx(Container, { className: "mt-6 divide-y p-0", children: /* @__PURE__ */ jsx("div", { className: "py-4", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", children: error }) }) });
   }
-  const hasReturn = !!(context == null ? void 0 : context.return_id);
-  const hasMapping = !!(context == null ? void 0 : context.refund_mapping);
-  const canMarkRefunded = Boolean(context == null ? void 0 : context.can_process_refund);
-  const returnStatus = (context == null ? void 0 : context.return_status) ?? null;
-  const showReceiveFirstHint = hasReturn && !((_d = context == null ? void 0 : context.refund_mapping) == null ? void 0 : _d.is_refunded) && returnStatus !== "received" && returnStatus !== "canceled";
-  const paymentDetail = context == null ? void 0 : context.payment_detail;
-  const paymentDetails = (context == null ? void 0 : context.payment_details) && context.payment_details.length > 0 ? context.payment_details : paymentDetail ? [paymentDetail] : [];
-  const orderPayment = context == null ? void 0 : context.order_payment;
+  const hasReturn = !!context?.return_id;
+  const hasMapping = !!context?.refund_mapping;
+  const canMarkRefunded = Boolean(context?.can_process_refund);
+  const returnStatus = context?.return_status ?? null;
+  const showReceiveFirstHint = hasReturn && !context?.refund_mapping?.is_refunded && returnStatus !== "received" && returnStatus !== "canceled";
+  const paymentDetail = context?.payment_detail;
+  const paymentDetails = context?.payment_details && context.payment_details.length > 0 ? context.payment_details : paymentDetail ? [paymentDetail] : [];
+  const orderPayment = context?.order_payment;
   return /* @__PURE__ */ jsx(Container, { className: "mt-6 divide-y p-0", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 py-4", children: [
     /* @__PURE__ */ jsxs(Heading, { level: "h2", className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx(CashSolid, { className: "text-ui-fg-subtle" }),
@@ -709,7 +700,7 @@ const OrderRefundContextWidget = (props) => {
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Return" }),
         /* @__PURE__ */ jsx(Text, { size: "small", children: context.return_id }),
-        ((_e = context.refund_mapping) == null ? void 0 : _e.is_refunded) ? /* @__PURE__ */ jsx(Badge, { color: "green", children: "Refunded" }) : /* @__PURE__ */ jsx(Badge, { color: "orange", children: "Not refunded" })
+        context.refund_mapping?.is_refunded ? /* @__PURE__ */ jsx(Badge, { color: "green", children: "Refunded" }) : /* @__PURE__ */ jsx(Badge, { color: "orange", children: "Not refunded" })
       ] }),
       context.refund ? /* @__PURE__ */ jsx("div", { className: "mt-3 border-t border-ui-border-base pt-3", children: /* @__PURE__ */ jsx(RefundCalculationBlock, { refund: context.refund }) }) : null,
       orderPayment && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2 border-t border-ui-border-base pt-3", children: [
@@ -723,17 +714,17 @@ const OrderRefundContextWidget = (props) => {
       /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-2 border-t border-ui-border-base pt-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Payment method (refund destination)" }),
-          ((_f = context.refund_mapping) == null ? void 0 : _f.payment_id) ? /* @__PURE__ */ jsx(Badge, { color: "green", children: "Customer specified" }) : paymentDetail ? /* @__PURE__ */ jsx(Badge, { color: "orange", children: "Customer default" }) : orderPayment && !orderPayment.is_cod ? /* @__PURE__ */ jsx(Badge, { color: "blue", children: "Original payment method" }) : null
+          context.refund_mapping?.payment_id ? /* @__PURE__ */ jsx(Badge, { color: "green", children: "Customer specified" }) : paymentDetail ? /* @__PURE__ */ jsx(Badge, { color: "orange", children: "Customer default" }) : orderPayment && !orderPayment.is_cod ? /* @__PURE__ */ jsx(Badge, { color: "blue", children: "Original payment method" }) : null
         ] }),
-        ((_g = context.refund_mapping) == null ? void 0 : _g.payment_id) && !paymentDetail && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-orange-200 bg-orange-50 px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer specified a payment method for this return, but that payment method has since been removed from their account. Ask the customer to update their refund payment method." }) }),
-        !((_h = context.refund_mapping) == null ? void 0 : _h.payment_id) && (paymentDetail == null ? void 0 : paymentDetail.source) === "default" && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer did not specify a payment method for this return. Showing their default payment method." }) }),
-        !((_i = context.refund_mapping) == null ? void 0 : _i.payment_id) && !paymentDetail && orderPayment && !orderPayment.is_cod && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+        context.refund_mapping?.payment_id && !paymentDetail && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-orange-200 bg-orange-50 px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer specified a payment method for this return, but that payment method has since been removed from their account. Ask the customer to update their refund payment method." }) }),
+        !context.refund_mapping?.payment_id && paymentDetail?.source === "default" && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "The customer did not specify a payment method for this return. Showing their default payment method." }) }),
+        !context.refund_mapping?.payment_id && !paymentDetail && orderPayment && !orderPayment.is_cod && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsxs(Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
           "Refund will go to the original payment method (",
           orderPayment.label,
           ")."
         ] }) }),
-        !((_j = context.refund_mapping) == null ? void 0 : _j.payment_id) && !paymentDetail && (context.is_cod || (orderPayment == null ? void 0 : orderPayment.is_cod)) && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "This order was paid with Cash on Delivery. No stored bank/UPI refund destination." }) }),
-        !((_k = context.refund_mapping) == null ? void 0 : _k.payment_id) && !paymentDetail && !orderPayment && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "No payment method found for this customer." }) }),
+        !context.refund_mapping?.payment_id && !paymentDetail && (context.is_cod || orderPayment?.is_cod) && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "This order was paid with Cash on Delivery. No stored bank/UPI refund destination." }) }),
+        !context.refund_mapping?.payment_id && !paymentDetail && !orderPayment && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "No payment method found for this customer." }) }),
         paymentDetails.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: paymentDetails.map((detail) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
             /* @__PURE__ */ jsx(Badge, { children: detail.type.toUpperCase() }),
@@ -745,7 +736,7 @@ const OrderRefundContextWidget = (props) => {
           ] }, `${detail.id}-${k}`)) })
         ] }, detail.id)) })
       ] }),
-      (context == null ? void 0 : context.refund_mapping) && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3 border-t border-ui-border-base pt-3", children: [
+      context?.refund_mapping && /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3 border-t border-ui-border-base pt-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Refund mode, details & images" }),
           !editing ? /* @__PURE__ */ jsxs(
@@ -833,10 +824,7 @@ const OrderRefundContextWidget = (props) => {
                 variant: "secondary",
                 type: "button",
                 disabled: uploading,
-                onClick: () => {
-                  var _a2;
-                  return (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
-                },
+                onClick: () => fileInputRef.current?.click(),
                 children: uploading ? "Uploading…" : "Upload image"
               }
             ),
@@ -887,7 +875,7 @@ const OrderRefundContextWidget = (props) => {
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Text, { size: "xsmall", weight: "plus", className: "text-ui-fg-muted", children: "Images" }),
-            ((_l = context.refund_mapping.images) == null ? void 0 : _l.length) ? /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: context.refund_mapping.images.map((url, i) => /* @__PURE__ */ jsxs(
+            context.refund_mapping.images?.length ? /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: context.refund_mapping.images.map((url, i) => /* @__PURE__ */ jsxs(
               "a",
               {
                 href: url,
@@ -917,10 +905,10 @@ const OrderRefundContextWidget = (props) => {
         ),
         markError && /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-error", children: markError })
       ] }),
-      hasMapping && !canMarkRefunded && !((_m = context.refund_mapping) == null ? void 0 : _m.is_refunded) && showReceiveFirstHint && /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-4 text-ui-fg-muted", children: "Mark refunded is available after the return is received." })
+      hasMapping && !canMarkRefunded && !context.refund_mapping?.is_refunded && showReceiveFirstHint && /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-4 text-ui-fg-muted", children: "Mark refunded is available after the return is received." })
     ] }),
     hasReturn && !hasMapping && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-subtle p-4", children: [
-      (context == null ? void 0 : context.refund) ? /* @__PURE__ */ jsx(RefundCalculationBlock, { refund: context.refund }) : null,
+      context?.refund ? /* @__PURE__ */ jsx(RefundCalculationBlock, { refund: context.refund }) : null,
       orderPayment && /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1", children: [
         /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: "Order payment method" }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
@@ -935,501 +923,6 @@ const OrderRefundContextWidget = (props) => {
 defineWidgetConfig({
   zone: "order.details.after"
 });
-const useDebounce$3 = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [value, delay]);
-  return debouncedValue;
-};
-const getStatusBadgeClass$7 = (status) => {
-  const s2 = status.toLowerCase();
-  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const PaymentsPage = () => {
-  const navigate = useNavigate();
-  const [items, setItems] = useState([]);
-  const [statusFilter, setStatusFilter] = useState("all");
-  const [orderIdSearch, setOrderIdSearch] = useState("");
-  const debouncedOrderId = useDebounce$3(orderIdSearch, 300);
-  const [isLoading, setIsLoading] = useState(true);
-  const [isFetchingMore, setIsFetchingMore] = useState(false);
-  const [error, setError] = useState(null);
-  const [offset, setOffset] = useState(0);
-  const [count, setCount] = useState(0);
-  const limit = 50;
-  const loadTransactions = useCallback(
-    async (nextOffset, replace) => {
-      try {
-        if (replace) setIsLoading(true);
-        else setIsFetchingMore(true);
-        setError(null);
-        const params = new URLSearchParams();
-        params.set("limit", String(limit));
-        params.set("offset", String(nextOffset));
-        if (statusFilter !== "all") params.set("status", statusFilter);
-        if (debouncedOrderId.trim()) params.set("order_id", debouncedOrderId.trim());
-        const response = await fetch(
-          `/admin/payment-transactions?${params.toString()}`,
-          { credentials: "include" }
-        );
-        if (!response.ok) {
-          const text = await response.text();
-          throw new Error(text || "Failed to load payment transactions");
-        }
-        const payload = await response.json();
-        const list = payload.transactions ?? [];
-        setCount(payload.count ?? 0);
-        setOffset(nextOffset + list.length);
-        setItems((prev) => replace ? list : [...prev, ...list]);
-      } catch (e) {
-        setError(e instanceof Error ? e.message : "Failed to load");
-      } finally {
-        setIsLoading(false);
-        setIsFetchingMore(false);
-      }
-    },
-    [statusFilter, debouncedOrderId]
-  );
-  useEffect(() => {
-    void loadTransactions(0, true);
-  }, [loadTransactions]);
-  const hasMore = useMemo(() => offset < count, [offset, count]);
-  const displayStatus = (t) => {
-    const s2 = t.payment_id != null && t.payment_status != null && t.payment_status !== "" ? t.payment_status : t.session_status ?? "";
-    return s2 !== "" ? s2 : "—";
-  };
-  const displayAmount = (t) => {
-    const code = (t.currency_code ?? "USD").toUpperCase();
-    return `${code} ${Number(t.amount)}`;
-  };
-  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payments" }),
-        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "All payment attempts — completed, pending, failed, requires action" })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadTransactions(0, true), children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          placeholder: "Search by Order ID",
-          value: orderIdSearch,
-          onChange: (e) => setOrderIdSearch(e.target.value),
-          className: "md:max-w-sm",
-          "aria-label": "Search by order ID"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: statusFilter,
-          onChange: (e) => setStatusFilter(e.target.value),
-          className: "h-9 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 md:max-w-xs",
-          "aria-label": "Filter by status",
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "all", children: "All statuses" }),
-            /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsx("option", { value: "requires_more", children: "Requires more" }),
-            /* @__PURE__ */ jsx("option", { value: "error", children: "Error" }),
-            /* @__PURE__ */ jsx("option", { value: "canceled", children: "Canceled" }),
-            /* @__PURE__ */ jsx("option", { value: "authorized", children: "Authorized" }),
-            /* @__PURE__ */ jsx("option", { value: "captured", children: "Captured" })
-          ]
-        }
-      ) })
-    ] }),
-    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => loadTransactions(0, true), children: "Try again" }) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading payments…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No payment transactions yet" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Payment attempts will appear here." })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Finalized" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((t) => /* @__PURE__ */ jsxs(
-        "tr",
-        {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/payments/${t.payment_session_id}`),
-          children: [
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: t.order_id ?? "—" }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: displayAmount(t) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.provider_id }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$7(displayStatus(t))}`,
-                children: displayStatus(t) !== "—" ? displayStatus(t).replace(/_/g, " ") : "—"
-              }
-            ) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.payment_id != null ? "Yes" : "No" }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(t.created_at).toLocaleDateString("en-US", {
-              year: "numeric",
-              month: "short",
-              day: "numeric",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) }),
-            /* @__PURE__ */ jsxs("td", { className: "px-4 py-4", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/payments/${t.payment_session_id}`);
-                  },
-                  children: "View details"
-                }
-              ),
-              t.order_id ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/orders/${t.order_id}`);
-                  },
-                  children: "Order"
-                }
-              ) : null
-            ] })
-          ]
-        },
-        t.payment_session_id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadTransactions(offset, false),
-        children: "Load more"
-      }
-    ) }) : null
-  ] }) });
-};
-const config$8 = defineRouteConfig({
-  label: "Payments",
-  icon: CreditCard
-});
-const useDebounce$2 = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [value, delay]);
-  return debouncedValue;
-};
-const getStatusBadgeClass$6 = (status) => {
-  const s2 = status.toLowerCase();
-  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const RefundsPage = () => {
-  const navigate = useNavigate();
-  const [items, setItems] = useState([]);
-  const [orderIdSearch, setOrderIdSearch] = useState("");
-  const debouncedOrderId = useDebounce$2(orderIdSearch, 300);
-  const [paymentStatusFilter, setPaymentStatusFilter] = useState("all");
-  const [providerSearch, setProviderSearch] = useState("");
-  const debouncedProvider = useDebounce$2(providerSearch, 300);
-  const [currencySearch, setCurrencySearch] = useState("");
-  const debouncedCurrency = useDebounce$2(currencySearch, 300);
-  const [dateFrom, setDateFrom] = useState("");
-  const [dateTo, setDateTo] = useState("");
-  const [amountMin, setAmountMin] = useState("");
-  const [amountMax, setAmountMax] = useState("");
-  const [isLoading, setIsLoading] = useState(true);
-  const [isFetchingMore, setIsFetchingMore] = useState(false);
-  const [error, setError] = useState(null);
-  const [offset, setOffset] = useState(0);
-  const [count, setCount] = useState(0);
-  const limit = 50;
-  const loadRefunds = useCallback(
-    async (nextOffset, replace) => {
-      try {
-        if (replace) setIsLoading(true);
-        else setIsFetchingMore(true);
-        setError(null);
-        const params = new URLSearchParams();
-        params.set("limit", String(limit));
-        params.set("offset", String(nextOffset));
-        if (debouncedOrderId.trim()) params.set("order_id", debouncedOrderId.trim());
-        if (paymentStatusFilter !== "all") params.set("payment_status", paymentStatusFilter);
-        if (debouncedProvider.trim()) params.set("provider_id", debouncedProvider.trim());
-        if (debouncedCurrency.trim()) params.set("currency_code", debouncedCurrency.trim());
-        if (dateFrom.trim()) params.set("date_from", dateFrom.trim());
-        if (dateTo.trim()) params.set("date_to", dateTo.trim());
-        const min = amountMin.trim() ? Number(amountMin) : void 0;
-        const max = amountMax.trim() ? Number(amountMax) : void 0;
-        if (min != null && !Number.isNaN(min)) params.set("amount_min", String(min));
-        if (max != null && !Number.isNaN(max)) params.set("amount_max", String(max));
-        const response = await fetch(`/admin/refunds?${params.toString()}`, {
-          credentials: "include"
-        });
-        if (!response.ok) {
-          const text = await response.text();
-          throw new Error(text || "Failed to load refunds");
-        }
-        const payload = await response.json();
-        const list = payload.refunds ?? [];
-        setCount(payload.count ?? 0);
-        setOffset(nextOffset + list.length);
-        setItems((prev) => replace ? list : [...prev, ...list]);
-      } catch (e) {
-        setError(e instanceof Error ? e.message : "Failed to load");
-      } finally {
-        setIsLoading(false);
-        setIsFetchingMore(false);
-      }
-    },
-    [
-      debouncedOrderId,
-      paymentStatusFilter,
-      debouncedProvider,
-      debouncedCurrency,
-      dateFrom,
-      dateTo,
-      amountMin,
-      amountMax
-    ]
-  );
-  useEffect(() => {
-    void loadRefunds(0, true);
-  }, [loadRefunds]);
-  const hasMore = useMemo(() => offset < count, [offset, count]);
-  const displayAmount = (r) => {
-    const code = (r.currency_code ?? "USD").toUpperCase();
-    return `${code} ${Number(r.amount)}`;
-  };
-  const displayStatus = (r) => {
-    const s2 = r.payment_status ?? "";
-    return s2 !== "" ? s2 : "—";
-  };
-  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Refunds" }),
-        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Refund records — amount, order, payment status" })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadRefunds(0, true), children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          placeholder: "Order ID",
-          value: orderIdSearch,
-          onChange: (e) => setOrderIdSearch(e.target.value),
-          className: "md:max-w-[180px]",
-          "aria-label": "Filter by order ID"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          placeholder: "Provider",
-          value: providerSearch,
-          onChange: (e) => setProviderSearch(e.target.value),
-          className: "md:max-w-[140px]",
-          "aria-label": "Filter by provider"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          placeholder: "Currency",
-          value: currencySearch,
-          onChange: (e) => setCurrencySearch(e.target.value),
-          className: "md:max-w-[100px]",
-          "aria-label": "Filter by currency"
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: paymentStatusFilter,
-          onChange: (e) => setPaymentStatusFilter(e.target.value),
-          className: "h-9 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 md:max-w-[160px]",
-          "aria-label": "Filter by payment status",
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "all", children: "All statuses" }),
-            /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsx("option", { value: "requires_more", children: "Requires more" }),
-            /* @__PURE__ */ jsx("option", { value: "error", children: "Error" }),
-            /* @__PURE__ */ jsx("option", { value: "canceled", children: "Canceled" }),
-            /* @__PURE__ */ jsx("option", { value: "authorized", children: "Authorized" }),
-            /* @__PURE__ */ jsx("option", { value: "captured", children: "Captured" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "date",
-          placeholder: "From",
-          value: dateFrom,
-          onChange: (e) => setDateFrom(e.target.value),
-          className: "md:max-w-[140px]",
-          "aria-label": "Date from"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "date",
-          placeholder: "To",
-          value: dateTo,
-          onChange: (e) => setDateTo(e.target.value),
-          className: "md:max-w-[140px]",
-          "aria-label": "Date to"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          placeholder: "Amount min",
-          value: amountMin,
-          onChange: (e) => setAmountMin(e.target.value),
-          type: "number",
-          min: 0,
-          className: "md:max-w-[100px]",
-          "aria-label": "Refund amount minimum"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          placeholder: "Amount max",
-          value: amountMax,
-          onChange: (e) => setAmountMax(e.target.value),
-          type: "number",
-          min: 0,
-          className: "md:max-w-[100px]",
-          "aria-label": "Refund amount maximum"
-        }
-      )
-    ] }) }),
-    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => loadRefunds(0, true), children: "Try again" }) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading refunds…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No refunds yet" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Refund records will appear here." })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed divide-y divide-ui-border-base", style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund ID" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Payment ID" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[8%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[6%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Currency" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[10%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[10%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Payment Status" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[14%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Note" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsx("th", { className: "w-[8%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((r) => /* @__PURE__ */ jsxs(
-        "tr",
-        {
-          className: "cursor-pointer hover:bg-ui-bg-subtle/60",
-          onClick: () => navigate(`/refunds/${r.refund_id}`),
-          children: [
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 font-mono text-sm text-ui-fg-base", title: r.refund_id, children: r.refund_id }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 font-medium text-ui-fg-base", title: r.order_id ?? void 0, children: r.order_id ?? "—" }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 font-mono text-sm text-ui-fg-subtle", title: r.payment_id, children: r.payment_id }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", children: displayAmount(r) }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle uppercase", children: r.currency_code || "—" }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", title: r.provider_id || void 0, children: r.provider_id || "—" }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$6(displayStatus(r))}`,
-                children: displayStatus(r) !== "—" ? displayStatus(r).replace(/_/g, " ") : "—"
-              }
-            ) }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", title: r.note ?? void 0, children: r.note ?? "—" }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle text-xs", children: new Date(r.created_at).toLocaleDateString("en-US", {
-              month: "short",
-              day: "numeric",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) }),
-            /* @__PURE__ */ jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/refunds/${r.refund_id}`);
-                  },
-                  children: "Details"
-                }
-              ),
-              r.order_id ? /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/orders/${r.order_id}`);
-                  },
-                  children: "Order"
-                }
-              ) : null
-            ] }) })
-          ]
-        },
-        r.refund_id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadRefunds(offset, false),
-        children: "Load more"
-      }
-    ) }) : null
-  ] }) });
-};
-const config$7 = defineRouteConfig({
-  label: "Refunds",
-  icon: Receipt
-});
 const AUDITED_TABLE_NAMES = [
   "account_deletion_request",
   "account_holder",
@@ -1853,7 +1346,7 @@ function getEntityInfo(tableName) {
   const def = ENTITY_DEFINITIONS[tableName];
   return {
     tableName,
-    label: (def == null ? void 0 : def.label) ?? humanizeTableName(tableName),
+    label: def?.label ?? humanizeTableName(tableName),
     category: def && CATEGORY_BY_ID.get(def.category) || SYSTEM_CATEGORY
   };
 }
@@ -1878,13 +1371,11 @@ function getTablesForCategory(id) {
 }
 const GROUPS = getEntitiesByCategory();
 function triggerLabel(entity, category) {
-  var _a;
   if (entity) return getEntityInfo(entity).label;
-  if (category) return `All ${((_a = getCategory(category)) == null ? void 0 : _a.label) ?? category}`;
+  if (category) return `All ${getCategory(category)?.label ?? category}`;
   return "All entities";
 }
 const EntityPicker = ({ entity, category, onChange }) => {
-  var _a;
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const searchRef = useRef(null);
@@ -1904,7 +1395,7 @@ const EntityPicker = ({ entity, category, onChange }) => {
     setOpen(false);
     setSearch("");
   };
-  const firstMatch = (_a = filteredGroups[0]) == null ? void 0 : _a.entities[0];
+  const firstMatch = filteredGroups[0]?.entities[0];
   const isAll = !entity && !category;
   return /* @__PURE__ */ jsxs(
     Popover,
@@ -1937,9 +1428,8 @@ const EntityPicker = ({ entity, category, onChange }) => {
             align: "start",
             className: "w-[min(360px,calc(100vw-2rem))] p-0",
             onOpenAutoFocus: (event) => {
-              var _a2;
               event.preventDefault();
-              (_a2 = searchRef.current) == null ? void 0 : _a2.focus();
+              searchRef.current?.focus();
             },
             children: [
               /* @__PURE__ */ jsx("div", { className: "border-b border-ui-border-base p-2", children: /* @__PURE__ */ jsx(
@@ -2079,7 +1569,7 @@ function formatNumber(value) {
   return new Intl.NumberFormat().format(value);
 }
 function formatMoney(amount, currencyCode) {
-  const code = currencyCode == null ? void 0 : currencyCode.trim().toUpperCase();
+  const code = currencyCode?.trim().toUpperCase();
   if (code && /^[A-Z]{3}$/.test(code)) {
     try {
       return new Intl.NumberFormat(void 0, { style: "currency", currency: code }).format(amount);
@@ -2146,9 +1636,9 @@ const SummaryCards = ({ stats, loading, failed }) => {
 };
 const BASE = "/admin/deleted-records-audit";
 class AuditApiError extends Error {
+  status;
   constructor(message, status) {
     super(message);
-    __publicField(this, "status");
     this.status = status;
   }
 }
@@ -2213,10 +1703,7 @@ const URL_KEYS = {
 const DATE_PRESET_VALUES = new Set(DATE_PRESETS.map((p) => p.value));
 const DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
 function filtersFromSearchParams(params) {
-  const read = (key) => {
-    var _a;
-    return ((_a = params.get(URL_KEYS[key])) == null ? void 0 : _a.trim()) ?? "";
-  };
+  const read = (key) => params.get(URL_KEYS[key])?.trim() ?? "";
   const date = read("date");
   const from = read("from");
   const to = read("to");
@@ -2370,9 +1857,9 @@ const DeletedRecordsPage = () => {
     try {
       setStats(await fetchAuditStats(signal));
     } catch (e) {
-      if (!(signal == null ? void 0 : signal.aborted)) setStatsFailed(true);
+      if (!signal?.aborted) setStatsFailed(true);
     } finally {
-      if (!(signal == null ? void 0 : signal.aborted)) setStatsLoading(false);
+      if (!signal?.aborted) setStatsLoading(false);
     }
   }, []);
   useEffect(() => {
@@ -2429,7 +1916,7 @@ const DeletedRecordsPage = () => {
       const visible = Array.from(document.querySelectorAll(`[data-audit-row="${lastViewed}"]`)).find(
         (el) => el.offsetParent !== null
       );
-      visible == null ? void 0 : visible.scrollIntoView({ block: "center" });
+      visible?.scrollIntoView({ block: "center" });
     });
     const handle = setTimeout(() => setHighlightId(null), 2500);
     return () => clearTimeout(handle);
@@ -2456,8 +1943,8 @@ const DeletedRecordsPage = () => {
   };
   const refresh = () => setReloadToken((t) => t + 1);
   const hasMore = items.length < count;
-  const knownSources = (stats == null ? void 0 : stats.sources) ?? [];
-  const knownDeletedBy = (stats == null ? void 0 : stats.deleted_by) ?? [];
+  const knownSources = stats?.sources ?? [];
+  const knownDeletedBy = stats?.deleted_by ?? [];
   const attributionMissing = !!stats && stats.total > 0 && knownSources.length === 0 && knownDeletedBy.length === 0;
   return /* @__PURE__ */ jsx("div", { className: "w-full p-3 md:p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-4 md:p-6", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [
@@ -2721,11 +2208,11 @@ const ErrorState = ({ onRetry, detail }) => /* @__PURE__ */ jsxs("div", { classN
   /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "max-w-md font-mono text-ui-fg-muted", children: detail }),
   /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", className: "mt-2", onClick: onRetry, children: "Try again" })
 ] });
-const config$6 = defineRouteConfig({
+const config$9 = defineRouteConfig({
   label: "Deleted Records",
   icon: Trash
 });
-const useDebounce$1 = (value, delay) => {
+const useDebounce$3 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
@@ -2733,201 +2220,145 @@ const useDebounce$1 = (value, delay) => {
   }, [value, delay]);
   return debouncedValue;
 };
-const getStatusBadgeClass$5 = (status) => {
-  const statusLower = status.toLowerCase();
-  if (statusLower === "requested") {
-    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  }
-  if (statusLower === "received") {
-    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  }
-  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 === "canceled") {
-    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
-  }
+const getStatusBadgeClass$7 = (status) => {
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const ReturnsPage = () => {
+const PaymentsPage = () => {
   const navigate = useNavigate();
   const [items, setItems] = useState([]);
   const [statusFilter, setStatusFilter] = useState("all");
-  const [createdByFilter, setCreatedByFilter] = useState("all");
-  const [searchQuery, setSearchQuery] = useState("");
-  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
+  const [orderIdSearch, setOrderIdSearch] = useState("");
+  const debouncedOrderId = useDebounce$3(orderIdSearch, 300);
   const [isLoading, setIsLoading] = useState(true);
   const [isFetchingMore, setIsFetchingMore] = useState(false);
   const [error, setError] = useState(null);
   const [offset, setOffset] = useState(0);
   const [count, setCount] = useState(0);
   const limit = 50;
-  const loadReturns = useCallback(
-    async (nextOffset, replace = false) => {
-      var _a;
+  const loadTransactions = useCallback(
+    async (nextOffset, replace) => {
       try {
-        if (replace) {
-          setIsLoading(true);
-        } else {
-          setIsFetchingMore(true);
-        }
+        if (replace) setIsLoading(true);
+        else setIsFetchingMore(true);
         setError(null);
         const params = new URLSearchParams();
         params.set("limit", String(limit));
         params.set("offset", String(nextOffset));
-        if (statusFilter !== "all") {
-          params.set("status", statusFilter);
-        }
-        if (debouncedSearchQuery.trim()) {
-          params.set("q", debouncedSearchQuery.trim());
-        }
-        if (createdByFilter !== "all") {
-          params.set("created_by", createdByFilter);
-        }
-        params.set("order", "created_at");
+        if (statusFilter !== "all") params.set("status", statusFilter);
+        if (debouncedOrderId.trim()) params.set("order_id", debouncedOrderId.trim());
         const response = await fetch(
-          `/admin/return?${params.toString()}`,
+          `/admin/payment-transactions?${params.toString()}`,
           { credentials: "include" }
         );
         if (!response.ok) {
-          const message = await response.text();
-          throw new Error(message || "Unable to load return orders");
+          const text = await response.text();
+          throw new Error(text || "Failed to load payment transactions");
         }
         const payload = await response.json();
+        const list = payload.transactions ?? [];
         setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.returns) == null ? void 0 : _a.length) ?? 0));
-        setItems(
-          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
-        );
-      } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
-        setError(message);
+        setOffset(nextOffset + list.length);
+        setItems((prev) => replace ? list : [...prev, ...list]);
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to load");
       } finally {
         setIsLoading(false);
         setIsFetchingMore(false);
       }
     },
-    [statusFilter, createdByFilter, debouncedSearchQuery]
+    [statusFilter, debouncedOrderId]
   );
   useEffect(() => {
-    void loadReturns(0, true);
-  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadReturns]);
+    void loadTransactions(0, true);
+  }, [loadTransactions]);
   const hasMore = useMemo(() => offset < count, [offset, count]);
-  const availableStatuses = useMemo(() => {
-    const statuses = /* @__PURE__ */ new Set();
-    items.forEach((item) => statuses.add(item.status));
-    return Array.from(statuses).sort();
-  }, [items]);
+  const displayStatus = (t) => {
+    const s2 = t.payment_id != null && t.payment_status != null && t.payment_status !== "" ? t.payment_status : t.session_status ?? "";
+    return s2 !== "" ? s2 : "—";
+  };
+  const displayAmount = (t) => {
+    const code = (t.currency_code ?? "USD").toUpperCase();
+    return `${code} ${Number(t.amount)}`;
+  };
   return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Return Orders" }),
-        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer return orders" })
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payments" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "All payment attempts — completed, pending, failed, requires action" })
       ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadReturns(0, true), children: "Refresh" })
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadTransactions(0, true), children: "Refresh" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: "Search by return ID, order ID, or customer email",
-          value: searchQuery,
-          onChange: (event) => setSearchQuery(event.target.value),
-          className: "md:max-w-sm"
+          placeholder: "Search by Order ID",
+          value: orderIdSearch,
+          onChange: (e) => setOrderIdSearch(e.target.value),
+          className: "md:max-w-sm",
+          "aria-label": "Search by order ID"
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            value: createdByFilter,
-            onChange: (event) => setCreatedByFilter(event.target.value),
-            className: "h-9 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 md:max-w-xs",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All (Created by)" }),
-              /* @__PURE__ */ jsx("option", { value: "customer", children: "Customer" }),
-              /* @__PURE__ */ jsx("option", { value: "admin", children: "Admin" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            value: statusFilter,
-            onChange: (event) => setStatusFilter(event.target.value),
-            className: "h-9 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 md:max-w-xs",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All Statuses" }),
-              availableStatuses.map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
-            ]
-          }
-        )
-      ] })
-    ] }),
-    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxs(
+        "select",
         {
-          variant: "secondary",
-          onClick: () => loadReturns(0, true),
-          children: "Try again"
+          value: statusFilter,
+          onChange: (e) => setStatusFilter(e.target.value),
+          className: "h-9 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 md:max-w-xs",
+          "aria-label": "Filter by status",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "all", children: "All statuses" }),
+            /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
+            /* @__PURE__ */ jsx("option", { value: "requires_more", children: "Requires more" }),
+            /* @__PURE__ */ jsx("option", { value: "error", children: "Error" }),
+            /* @__PURE__ */ jsx("option", { value: "canceled", children: "Canceled" }),
+            /* @__PURE__ */ jsx("option", { value: "authorized", children: "Authorized" }),
+            /* @__PURE__ */ jsx("option", { value: "captured", children: "Captured" })
+          ]
         }
       ) })
+    ] }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => loadTransactions(0, true), children: "Try again" }) })
     ] }) : null,
-    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading payments…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No payment transactions yet" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Payment attempts will appear here." })
     ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
       /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Finalized" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((t) => /* @__PURE__ */ jsxs(
         "tr",
         {
           className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/returns/${returnOrder.id}`),
+          onClick: () => navigate(`/payments/${t.payment_session_id}`),
           children: [
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsx("span", { children: returnOrder.id }) }) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: t.order_id ?? "—" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: displayAmount(t) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.provider_id }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
               Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$5(returnOrder.status)}`,
-                children: returnOrder.status.replace(/_/g, " ")
+                className: `uppercase ${getStatusBadgeClass$7(displayStatus(t))}`,
+                children: displayStatus(t) !== "—" ? displayStatus(t).replace(/_/g, " ") : "—"
               }
             ) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
-              const calc = returnOrder.refund;
-              if ((calc == null ? void 0 : calc.is_processed) && calc.final_refund_amount != null) {
-                return formatRefundCurrency(
-                  calc.final_refund_amount,
-                  calc.currency_code || returnOrder.currency_code
-                );
-              }
-              if (calc) {
-                return "Pending";
-              }
-              if (returnOrder.refund_amount == null) {
-                return "—";
-              }
-              return formatRefundCurrency(
-                Number(returnOrder.refund_amount),
-                returnOrder.currency_code
-              );
-            })() }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(returnOrder.created_at).toLocaleDateString("en-US", {
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.payment_id != null ? "Yes" : "No" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(t.created_at).toLocaleDateString("en-US", {
               year: "numeric",
               month: "short",
               day: "numeric",
@@ -2935,21 +2366,35 @@ const ReturnsPage = () => {
               minute: "2-digit",
               hour12: true
             }) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  navigate(`/app/orders/${returnOrder.order_id}`);
-                },
-                children: "Go to order"
-              }
-            ) })
+            /* @__PURE__ */ jsxs("td", { className: "px-4 py-4", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/payments/${t.payment_session_id}`);
+                  },
+                  children: "View details"
+                }
+              ),
+              t.order_id ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/orders/${t.order_id}`);
+                  },
+                  children: "Order"
+                }
+              ) : null
+            ] })
           ]
         },
-        returnOrder.id
+        t.payment_session_id
       )) })
     ] }) }),
     hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
@@ -2957,17 +2402,17 @@ const ReturnsPage = () => {
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadReturns(offset, false),
+        onClick: () => loadTransactions(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
-const config$5 = defineRouteConfig({
-  label: "Return Orders",
-  icon: ArrowPath
+const config$8 = defineRouteConfig({
+  label: "Payments",
+  icon: CreditCard
 });
-const useDebounce = (value, delay) => {
+const useDebounce$2 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
@@ -2975,547 +2420,771 @@ const useDebounce = (value, delay) => {
   }, [value, delay]);
   return debouncedValue;
 };
-const getStatusBadgeClass$4 = (status) => {
-  const statusLower = status.toLowerCase();
-  if (statusLower === "requested") {
-    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  }
-  if (statusLower === "approved") {
-    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  }
-  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 === "cancelled") {
-    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
-  }
+const getStatusBadgeClass$6 = (status) => {
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const SwapsPage = () => {
+const RefundsPage = () => {
   const navigate = useNavigate();
   const [items, setItems] = useState([]);
-  const [statusFilter, setStatusFilter] = useState("all");
-  const [createdByFilter, setCreatedByFilter] = useState("all");
-  const [searchQuery, setSearchQuery] = useState("");
-  const debouncedSearchQuery = useDebounce(searchQuery, 300);
+  const [orderIdSearch, setOrderIdSearch] = useState("");
+  const debouncedOrderId = useDebounce$2(orderIdSearch, 300);
+  const [paymentStatusFilter, setPaymentStatusFilter] = useState("all");
+  const [providerSearch, setProviderSearch] = useState("");
+  const debouncedProvider = useDebounce$2(providerSearch, 300);
+  const [currencySearch, setCurrencySearch] = useState("");
+  const debouncedCurrency = useDebounce$2(currencySearch, 300);
+  const [dateFrom, setDateFrom] = useState("");
+  const [dateTo, setDateTo] = useState("");
+  const [amountMin, setAmountMin] = useState("");
+  const [amountMax, setAmountMax] = useState("");
   const [isLoading, setIsLoading] = useState(true);
   const [isFetchingMore, setIsFetchingMore] = useState(false);
   const [error, setError] = useState(null);
   const [offset, setOffset] = useState(0);
   const [count, setCount] = useState(0);
   const limit = 50;
-  const loadSwaps = useCallback(
-    async (nextOffset, replace = false) => {
-      var _a;
+  const loadRefunds = useCallback(
+    async (nextOffset, replace) => {
       try {
-        if (replace) {
-          setIsLoading(true);
-        } else {
-          setIsFetchingMore(true);
-        }
+        if (replace) setIsLoading(true);
+        else setIsFetchingMore(true);
         setError(null);
         const params = new URLSearchParams();
         params.set("limit", String(limit));
         params.set("offset", String(nextOffset));
-        if (statusFilter !== "all") {
-          params.set("status", statusFilter);
-        }
-        if (debouncedSearchQuery.trim()) {
-          params.set("order_id", debouncedSearchQuery.trim());
-        }
-        if (createdByFilter !== "all") {
-          params.set("created_by", createdByFilter);
-        }
-        const response = await fetch(
-          `/admin/swaps?${params.toString()}`,
-          { credentials: "include" }
-        );
+        if (debouncedOrderId.trim()) params.set("order_id", debouncedOrderId.trim());
+        if (paymentStatusFilter !== "all") params.set("payment_status", paymentStatusFilter);
+        if (debouncedProvider.trim()) params.set("provider_id", debouncedProvider.trim());
+        if (debouncedCurrency.trim()) params.set("currency_code", debouncedCurrency.trim());
+        if (dateFrom.trim()) params.set("date_from", dateFrom.trim());
+        if (dateTo.trim()) params.set("date_to", dateTo.trim());
+        const min = amountMin.trim() ? Number(amountMin) : void 0;
+        const max = amountMax.trim() ? Number(amountMax) : void 0;
+        if (min != null && !Number.isNaN(min)) params.set("amount_min", String(min));
+        if (max != null && !Number.isNaN(max)) params.set("amount_max", String(max));
+        const response = await fetch(`/admin/refunds?${params.toString()}`, {
+          credentials: "include"
+        });
         if (!response.ok) {
-          const message = await response.text();
-          throw new Error(message || "Unable to load swaps");
+          const text = await response.text();
+          throw new Error(text || "Failed to load refunds");
         }
         const payload = await response.json();
+        const list = payload.refunds ?? [];
         setCount(payload.count ?? 0);
-        setOffset(nextOffset + (((_a = payload.swaps) == null ? void 0 : _a.length) ?? 0));
-        setItems(
-          (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
-        );
-      } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load swaps";
-        setError(message);
+        setOffset(nextOffset + list.length);
+        setItems((prev) => replace ? list : [...prev, ...list]);
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to load");
       } finally {
         setIsLoading(false);
         setIsFetchingMore(false);
       }
     },
-    [statusFilter, createdByFilter, debouncedSearchQuery]
+    [
+      debouncedOrderId,
+      paymentStatusFilter,
+      debouncedProvider,
+      debouncedCurrency,
+      dateFrom,
+      dateTo,
+      amountMin,
+      amountMax
+    ]
   );
   useEffect(() => {
-    void loadSwaps(0, true);
-  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadSwaps]);
+    void loadRefunds(0, true);
+  }, [loadRefunds]);
   const hasMore = useMemo(() => offset < count, [offset, count]);
-  const availableStatuses = useMemo(() => {
-    const statuses = /* @__PURE__ */ new Set();
-    items.forEach((item) => statuses.add(item.status));
-    return Array.from(statuses).sort();
-  }, [items]);
+  const displayAmount = (r) => {
+    const code = (r.currency_code ?? "USD").toUpperCase();
+    return `${code} ${Number(r.amount)}`;
+  };
+  const displayStatus = (r) => {
+    const s2 = r.payment_status ?? "";
+    return s2 !== "" ? s2 : "—";
+  };
   return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Exchanges" }),
-        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer exchange requests" })
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Refunds" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Refund records — amount, order, payment status" })
       ] }),
-      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadSwaps(0, true), children: "Refresh" })
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadRefunds(0, true), children: "Refresh" })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: "Search by swap ID or order ID",
-          value: searchQuery,
-          onChange: (event) => setSearchQuery(event.target.value),
-          className: "md:max-w-sm"
+          placeholder: "Order ID",
+          value: orderIdSearch,
+          onChange: (e) => setOrderIdSearch(e.target.value),
+          className: "md:max-w-[180px]",
+          "aria-label": "Filter by order ID"
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            value: createdByFilter,
-            onChange: (event) => setCreatedByFilter(event.target.value),
-            className: "h-9 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 md:max-w-xs",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All (Created by)" }),
-              /* @__PURE__ */ jsx("option", { value: "customer", children: "Customer" }),
-              /* @__PURE__ */ jsx("option", { value: "admin", children: "Admin" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            value: statusFilter,
-            onChange: (event) => setStatusFilter(event.target.value),
-            className: "h-9 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 md:max-w-xs",
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All Statuses" }),
-              availableStatuses.map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
-            ]
-          }
-        )
-      ] })
-    ] }),
-    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ jsx(
+        Input,
         {
-          variant: "secondary",
-          onClick: () => loadSwaps(0, true),
-          children: "Try again"
+          placeholder: "Provider",
+          value: providerSearch,
+          onChange: (e) => setProviderSearch(e.target.value),
+          className: "md:max-w-[140px]",
+          "aria-label": "Filter by provider"
         }
-      ) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading swaps..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No exchanges yet" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Exchange requests created by customers will appear here." })
-    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Exchange ID" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Difference Due" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxs(
-        "tr",
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
         {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/swaps/${swap.id}`),
+          placeholder: "Currency",
+          value: currencySearch,
+          onChange: (e) => setCurrencySearch(e.target.value),
+          className: "md:max-w-[100px]",
+          "aria-label": "Filter by currency"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: paymentStatusFilter,
+          onChange: (e) => setPaymentStatusFilter(e.target.value),
+          className: "h-9 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 md:max-w-[160px]",
+          "aria-label": "Filter by payment status",
           children: [
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsx("span", { children: swap.id }) }) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$4(swap.status)}`,
-                children: swap.status.replace(/_/g, " ")
-              }
-            ) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
-              const amount = swap.difference_due;
-              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)}`;
-            })() }),
-            /* @__PURE__ */ 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",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  navigate(`/app/orders/${swap.order_id}`);
-                },
-                children: "Go to order"
-              }
-            ) })
+            /* @__PURE__ */ jsx("option", { value: "all", children: "All statuses" }),
+            /* @__PURE__ */ jsx("option", { value: "pending", children: "Pending" }),
+            /* @__PURE__ */ jsx("option", { value: "requires_more", children: "Requires more" }),
+            /* @__PURE__ */ jsx("option", { value: "error", children: "Error" }),
+            /* @__PURE__ */ jsx("option", { value: "canceled", children: "Canceled" }),
+            /* @__PURE__ */ jsx("option", { value: "authorized", children: "Authorized" }),
+            /* @__PURE__ */ jsx("option", { value: "captured", children: "Captured" })
           ]
-        },
-        swap.id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "date",
+          placeholder: "From",
+          value: dateFrom,
+          onChange: (e) => setDateFrom(e.target.value),
+          className: "md:max-w-[140px]",
+          "aria-label": "Date from"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "date",
+          placeholder: "To",
+          value: dateTo,
+          onChange: (e) => setDateTo(e.target.value),
+          className: "md:max-w-[140px]",
+          "aria-label": "Date to"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Amount min",
+          value: amountMin,
+          onChange: (e) => setAmountMin(e.target.value),
+          type: "number",
+          min: 0,
+          className: "md:max-w-[100px]",
+          "aria-label": "Refund amount minimum"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Amount max",
+          value: amountMax,
+          onChange: (e) => setAmountMax(e.target.value),
+          type: "number",
+          min: 0,
+          className: "md:max-w-[100px]",
+          "aria-label": "Refund amount maximum"
+        }
+      )
+    ] }) }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => loadRefunds(0, true), children: "Try again" }) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading refunds…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No refunds yet" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Refund records will appear here." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed divide-y divide-ui-border-base", style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund ID" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Payment ID" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[8%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[6%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Currency" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[10%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[10%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Payment Status" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[14%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Note" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[11%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsx("th", { className: "w-[8%] min-w-0 px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((r) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "cursor-pointer hover:bg-ui-bg-subtle/60",
+          onClick: () => navigate(`/refunds/${r.refund_id}`),
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 font-mono text-sm text-ui-fg-base", title: r.refund_id, children: r.refund_id }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 font-medium text-ui-fg-base", title: r.order_id ?? void 0, children: r.order_id ?? "—" }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 font-mono text-sm text-ui-fg-subtle", title: r.payment_id, children: r.payment_id }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", children: displayAmount(r) }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle uppercase", children: r.currency_code || "—" }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", title: r.provider_id || void 0, children: r.provider_id || "—" }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$6(displayStatus(r))}`,
+                children: displayStatus(r) !== "—" ? displayStatus(r).replace(/_/g, " ") : "—"
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", title: r.note ?? void 0, children: r.note ?? "—" }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle text-xs", children: new Date(r.created_at).toLocaleDateString("en-US", {
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) }),
+            /* @__PURE__ */ jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/refunds/${r.refund_id}`);
+                  },
+                  children: "Details"
+                }
+              ),
+              r.order_id ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/orders/${r.order_id}`);
+                  },
+                  children: "Order"
+                }
+              ) : null
+            ] }) })
+          ]
+        },
+        r.refund_id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
       Button,
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadSwaps(offset, false),
+        onClick: () => loadRefunds(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
-const config$4 = defineRouteConfig({
-  label: "Exchanges",
-  icon: ArrowPath
+const config$7 = defineRouteConfig({
+  label: "Refunds",
+  icon: Receipt
 });
-const getStatusBadgeClass$3 = (status) => {
-  const s2 = status.toLowerCase();
-  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+const useDebounce$1 = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
+const getStatusBadgeClass$5 = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "requested") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
+  if (statusLower === "received") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  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 === "canceled") {
+    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  }
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
-const PaymentDetailPage = () => {
-  var _a;
+const ReturnsPage = () => {
   const navigate = useNavigate();
-  const params = useParams();
-  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
-  const [detail, setDetail] = useState(null);
-  const [loading, setLoading] = useState(!!id);
+  const [items, setItems] = useState([]);
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [createdByFilter, setCreatedByFilter] = useState("all");
+  const [searchQuery, setSearchQuery] = useState("");
+  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetchingMore, setIsFetchingMore] = useState(false);
   const [error, setError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const [count, setCount] = useState(0);
+  const limit = 50;
+  const loadReturns = useCallback(
+    async (nextOffset, replace = false) => {
+      try {
+        if (replace) {
+          setIsLoading(true);
+        } else {
+          setIsFetchingMore(true);
+        }
+        setError(null);
+        const params = new URLSearchParams();
+        params.set("limit", String(limit));
+        params.set("offset", String(nextOffset));
+        if (statusFilter !== "all") {
+          params.set("status", statusFilter);
+        }
+        if (debouncedSearchQuery.trim()) {
+          params.set("q", debouncedSearchQuery.trim());
+        }
+        if (createdByFilter !== "all") {
+          params.set("created_by", createdByFilter);
+        }
+        params.set("order", "created_at");
+        const response = await fetch(
+          `/admin/return?${params.toString()}`,
+          { credentials: "include" }
+        );
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load return orders");
+        }
+        const payload = await response.json();
+        setCount(payload.count ?? 0);
+        setOffset(nextOffset + (payload.returns?.length ?? 0));
+        setItems(
+          (prev) => replace ? payload.returns ?? [] : [...prev, ...payload.returns ?? []]
+        );
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load return orders";
+        setError(message);
+      } finally {
+        setIsLoading(false);
+        setIsFetchingMore(false);
+      }
+    },
+    [statusFilter, createdByFilter, debouncedSearchQuery]
+  );
   useEffect(() => {
-    if (!id) {
-      setLoading(false);
-      return;
-    }
-    let cancelled = false;
-    setLoading(true);
-    setError(null);
-    fetch(`/admin/payment-transactions/${id}`, { credentials: "include" }).then((res) => {
-      if (!res.ok) throw new Error(res.statusText || "Failed to load");
-      return res.json();
-    }).then((data) => {
-      if (!cancelled) setDetail(data);
-    }).catch((e) => {
-      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load");
-    }).finally(() => {
-      if (!cancelled) setLoading(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [id]);
-  const displayStatus = detail ? (detail.payment_id != null && detail.payment_status != null && detail.payment_status !== "" ? detail.payment_status : detail.session_status ?? "") || "—" : "";
-  const sessionStatusRaw = (detail == null ? void 0 : detail.session_status) ?? "—";
-  const paymentStatusRaw = (detail == null ? void 0 : detail.payment_id) != null ? (detail == null ? void 0 : detail.payment_status) ?? "—" : "—";
-  const displayAmount = detail ? `${(detail.currency_code ?? "USD").toUpperCase()} ${Number(detail.amount)}` : "";
-  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "small", onClick: () => navigate("/payments"), children: "← Payments" }),
-      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payment session" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: id ?? "—" })
-    ] }) }),
+    void loadReturns(0, true);
+  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadReturns]);
+  const hasMore = useMemo(() => offset < count, [offset, count]);
+  const availableStatuses = useMemo(() => {
+    const statuses = /* @__PURE__ */ new Set();
+    items.forEach((item) => statuses.add(item.status));
+    return Array.from(statuses).sort();
+  }, [items]);
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Return Orders" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer return orders" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadReturns(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search by return ID, order ID, or customer email",
+          value: searchQuery,
+          onChange: (event) => setSearchQuery(event.target.value),
+          className: "md:max-w-sm"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: createdByFilter,
+            onChange: (event) => setCreatedByFilter(event.target.value),
+            className: "h-9 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 md:max-w-xs",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "all", children: "All (Created by)" }),
+              /* @__PURE__ */ jsx("option", { value: "customer", children: "Customer" }),
+              /* @__PURE__ */ jsx("option", { value: "admin", children: "Admin" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: statusFilter,
+            onChange: (event) => setStatusFilter(event.target.value),
+            className: "h-9 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 md:max-w-xs",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "all", children: "All Statuses" }),
+              availableStatuses.map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
+            ]
+          }
+        )
+      ] })
+    ] }),
     error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
       /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/payments"), children: "Back to list" })
-    ] }) : loading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6 flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Order ID" }),
-          /* @__PURE__ */ jsx("div", { className: "mt-1", children: detail.order_id ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "transparent",
-              size: "small",
-              onClick: () => navigate(`/orders/${detail.order_id}`),
-              children: detail.order_id
-            }
-          ) : /* @__PURE__ */ jsx(Text, { children: "—" }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: displayAmount })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.provider_id })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
-          /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
-            Badge,
-            {
-              size: "2xsmall",
-              className: `uppercase ${getStatusBadgeClass$3(displayStatus)}`,
-              children: displayStatus !== "—" ? displayStatus.replace(/_/g, " ") : "—"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Session status (DB)" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: sessionStatusRaw })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Payment status (DB)" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: paymentStatusRaw })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Finalized" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.payment_id != null ? "Yes" : "No" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created" }),
-          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: new Date(detail.created_at).toLocaleDateString("en-US", {
-            year: "numeric",
-            month: "short",
-            day: "numeric",
-            hour: "numeric",
-            minute: "2-digit",
-            hour12: true
-          }) })
-        ] })
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => loadReturns(0, true),
+          children: "Try again"
+        }
+      ) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
       ] }) }),
-      Object.keys(detail.data ?? {}).length > 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Provider data" }),
-        /* @__PURE__ */ jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.data, null, 2) })
-      ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No provider data for this session." }) })
-    ] }) : null
-  ] }) });
-};
-const config$3 = defineRouteConfig({
-  label: "Payment details",
-  icon: CreditCard
-});
-const getStatusBadgeClass$2 = (status) => {
-  const s2 = status.toLowerCase();
-  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const formatAmount = (value) => {
-  return String(value);
-};
-const RefundDetailPage = () => {
-  var _a, _b, _c;
-  const navigate = useNavigate();
-  const params = useParams();
-  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
-  const [detail, setDetail] = useState(null);
-  const [loading, setLoading] = useState(!!id);
-  const [error, setError] = useState(null);
-  const [gatewayExpanded, setGatewayExpanded] = useState(false);
-  useEffect(() => {
-    if (!id) {
-      setLoading(false);
-      return;
-    }
-    let cancelled = false;
-    setLoading(true);
-    setError(null);
-    fetch(`/admin/refunds/${id}`, { credentials: "include" }).then((res) => {
-      if (!res.ok) throw new Error(res.statusText || "Failed to load");
-      return res.json();
-    }).then((data) => {
-      if (!cancelled) setDetail(data);
-    }).catch((e) => {
-      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load");
-    }).finally(() => {
-      if (!cancelled) setLoading(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [id]);
-  const paymentStatus = ((_b = detail == null ? void 0 : detail.payment) == null ? void 0 : _b.status) ?? "—";
-  const hasGatewayData = ((_c = detail == null ? void 0 : detail.payment) == null ? void 0 : _c.payment_data) && typeof detail.payment.payment_data === "object" && Object.keys(detail.payment.payment_data).length > 0;
-  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "small", onClick: () => navigate("/refunds"), children: "← Refunds" }),
-      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Refund details" }),
-      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle font-mono", children: id ?? "—" })
-    ] }) }),
-    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/refunds"), children: "Back to list" })
-    ] }) : loading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Refund summary" }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Refund ID" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.id })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.refund.amount) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Note" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.refund.note ?? "—" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created at" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: new Date(detail.refund.created_at).toLocaleDateString("en-US", {
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/returns/${returnOrder.id}`),
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsx("span", { children: returnOrder.id }) }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$5(returnOrder.status)}`,
+                children: returnOrder.status.replace(/_/g, " ")
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
+              const calc = returnOrder.refund;
+              if (calc?.is_processed && calc.final_refund_amount != null) {
+                return formatRefundCurrency(
+                  calc.final_refund_amount,
+                  calc.currency_code || returnOrder.currency_code
+                );
+              }
+              if (calc) {
+                return "Pending";
+              }
+              if (returnOrder.refund_amount == null) {
+                return "—";
+              }
+              return formatRefundCurrency(
+                Number(returnOrder.refund_amount),
+                returnOrder.currency_code
+              );
+            })() }),
+            /* @__PURE__ */ 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",
               hour: "numeric",
               minute: "2-digit",
               hour12: true
-            }) })
-          ] }),
-          detail.refund.created_by ? /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created by" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.created_by })
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Payment summary" }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Payment amount" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.payment.payment_amount) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Captured amount" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.payment.captured_amount) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Refunded amount" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.payment.refunded_amount) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.payment.provider_id || "—" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$2(paymentStatus)}`,
-                children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
-              }
-            ) })
-          ] }),
-          detail.computed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Full refund" }),
-              /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.computed.is_full_refund ? "Yes" : "No" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Remaining refundable" }),
-              /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.computed.remaining_refundable_amount) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Refund %" }),
-              /* @__PURE__ */ jsxs(Text, { className: "mt-1 block", children: [
-                detail.computed.refund_percentage.toFixed(1),
-                "%"
-              ] })
-            ] })
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Order summary" }),
-        detail.order ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Order" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
+            }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "transparent",
                 size: "small",
-                onClick: () => navigate(`/orders/${detail.order.order_id}`),
-                children: detail.order.order_number ?? detail.order.order_id
+                onClick: (e) => {
+                  e.stopPropagation();
+                  navigate(`/app/orders/${returnOrder.order_id}`);
+                },
+                children: "Go to order"
               }
             ) })
-          ] }),
-          detail.order.total != null ? /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Total" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.order.total) })
-          ] }) : null,
-          detail.order.customer_id ? /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Customer ID" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block font-mono text-sm", children: detail.order.customer_id })
-          ] }) : null,
-          detail.order.region ? /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Region" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.order.region })
-          ] }) : null,
-          detail.order.fulfillment_status ? /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Fulfillment status" }),
-            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.order.fulfillment_status })
-          ] }) : null
-        ] }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No order linked to this refund." })
+          ]
+        },
+        returnOrder.id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadReturns(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$6 = defineRouteConfig({
+  label: "Return Orders",
+  icon: ArrowPath
+});
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
+const getStatusBadgeClass$4 = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "requested") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
+  if (statusLower === "approved") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  }
+  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 === "cancelled") {
+    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 navigate = useNavigate();
+  const [items, setItems] = useState([]);
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [createdByFilter, setCreatedByFilter] = useState("all");
+  const [searchQuery, setSearchQuery] = useState("");
+  const debouncedSearchQuery = useDebounce(searchQuery, 300);
+  const [isLoading, setIsLoading] = useState(true);
+  const [isFetchingMore, setIsFetchingMore] = useState(false);
+  const [error, setError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const [count, setCount] = useState(0);
+  const limit = 50;
+  const loadSwaps = useCallback(
+    async (nextOffset, replace = false) => {
+      try {
+        if (replace) {
+          setIsLoading(true);
+        } else {
+          setIsFetchingMore(true);
+        }
+        setError(null);
+        const params = new URLSearchParams();
+        params.set("limit", String(limit));
+        params.set("offset", String(nextOffset));
+        if (statusFilter !== "all") {
+          params.set("status", statusFilter);
+        }
+        if (debouncedSearchQuery.trim()) {
+          params.set("order_id", debouncedSearchQuery.trim());
+        }
+        if (createdByFilter !== "all") {
+          params.set("created_by", createdByFilter);
+        }
+        const response = await fetch(
+          `/admin/swaps?${params.toString()}`,
+          { credentials: "include" }
+        );
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load swaps");
+        }
+        const payload = await response.json();
+        setCount(payload.count ?? 0);
+        setOffset(nextOffset + (payload.swaps?.length ?? 0));
+        setItems(
+          (prev) => replace ? payload.swaps ?? [] : [...prev, ...payload.swaps ?? []]
+        );
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swaps";
+        setError(message);
+      } finally {
+        setIsLoading(false);
+        setIsFetchingMore(false);
+      }
+    },
+    [statusFilter, createdByFilter, debouncedSearchQuery]
+  );
+  useEffect(() => {
+    void loadSwaps(0, true);
+  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadSwaps]);
+  const hasMore = useMemo(() => offset < count, [offset, count]);
+  const availableStatuses = useMemo(() => {
+    const statuses = /* @__PURE__ */ new Set();
+    items.forEach((item) => statuses.add(item.status));
+    return Array.from(statuses).sort();
+  }, [items]);
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Exchanges" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer exchange requests" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: () => loadSwaps(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "Search by swap ID or order ID",
+          value: searchQuery,
+          onChange: (event) => setSearchQuery(event.target.value),
+          className: "md:max-w-sm"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ jsxs(
-          "button",
+          "select",
           {
-            type: "button",
-            className: "flex w-full items-center justify-between text-left",
-            onClick: () => setGatewayExpanded((prev) => !prev),
-            "aria-expanded": gatewayExpanded,
-            "aria-label": gatewayExpanded ? "Collapse gateway data" : "Expand gateway data",
+            value: createdByFilter,
+            onChange: (event) => setCreatedByFilter(event.target.value),
+            className: "h-9 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 md:max-w-xs",
             children: [
-              /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg", children: "Gateway data" }),
-              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: gatewayExpanded ? "Collapse" : "Expand" })
+              /* @__PURE__ */ jsx("option", { value: "all", children: "All (Created by)" }),
+              /* @__PURE__ */ jsx("option", { value: "customer", children: "Customer" }),
+              /* @__PURE__ */ jsx("option", { value: "admin", children: "Admin" })
             ]
           }
         ),
-        gatewayExpanded && /* @__PURE__ */ jsx("div", { className: "mt-4", children: hasGatewayData ? /* @__PURE__ */ jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.payment.payment_data, null, 2) }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No gateway payload for this payment." }) })
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: statusFilter,
+            onChange: (event) => setStatusFilter(event.target.value),
+            className: "h-9 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 md:max-w-xs",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "all", children: "All Statuses" }),
+              availableStatuses.map((status) => /* @__PURE__ */ jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
+            ]
+          }
+        )
       ] })
-    ] }) : null
-  ] }) });
-};
-const config$2 = defineRouteConfig({
-  label: "Refund details",
-  icon: Receipt
-});
-const MASKED_VALUE = "••••••••••••";
-const SENSITIVE_KEY_PATTERNS = [
-  /password|passwd|passphrase/i,
-  /secret/i,
-  /token/i,
-  /api_?key$/i,
-  /private_?key/i,
-  /access_?key/i,
+    ] }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => loadSwaps(0, true),
+          children: "Try again"
+        }
+      ) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading swaps..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h3", className: "text-xl", children: "No exchanges yet" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Exchange requests created by customers will appear here." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Exchange ID" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Difference Due" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/swaps/${swap.id}`),
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsx("span", { children: swap.id }) }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$4(swap.status)}`,
+                children: swap.status.replace(/_/g, " ")
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: (() => {
+              const amount = swap.difference_due;
+              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)}`;
+            })() }),
+            /* @__PURE__ */ 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",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  navigate(`/app/orders/${swap.order_id}`);
+                },
+                children: "Go to order"
+              }
+            ) })
+          ]
+        },
+        swap.id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadSwaps(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$5 = defineRouteConfig({
+  label: "Exchanges",
+  icon: ArrowPath
+});
+const MASKED_VALUE = "••••••••••••";
+const SENSITIVE_KEY_PATTERNS = [
+  /password|passwd|passphrase/i,
+  /secret/i,
+  /token/i,
+  /api_?key$/i,
+  /private_?key/i,
+  /access_?key/i,
   /(^|_)hash(ed)?($|_)/i,
   /(^|_)salt$/i,
   /^cvv$|^cvc$|security_code/i,
@@ -3549,13 +3218,12 @@ function isSensitiveKey(key) {
 const FULLY_SECRET_TABLES = /* @__PURE__ */ new Set(["auth_mfa_recovery_code", "auth_password_reset_token"]);
 const ALWAYS_VISIBLE_KEYS = /* @__PURE__ */ new Set(["id", "created_at", "updated_at", "deleted_at", "expires_at", "used_at"]);
 function maskValue(value, ctx, depth) {
-  var _a;
   if (Array.isArray(value)) return value.map((item) => maskValue(item, ctx, depth + 1));
   if (value !== null && typeof value === "object") {
     const out = {};
     for (const [key, inner] of Object.entries(value)) {
       const topLevel = depth === 0;
-      const secret = inner !== null && inner !== void 0 && inner !== "" && (isSensitiveKey(key) || topLevel && ((_a = ctx.tableKeys) == null ? void 0 : _a.has(key.toLowerCase())) === true || topLevel && ctx.maskAll && !ALWAYS_VISIBLE_KEYS.has(key) && !key.endsWith("_id"));
+      const secret = inner !== null && inner !== void 0 && inner !== "" && (isSensitiveKey(key) || topLevel && ctx.tableKeys?.has(key.toLowerCase()) === true || topLevel && ctx.maskAll && !ALWAYS_VISIBLE_KEYS.has(key) && !key.endsWith("_id"));
       if (secret) {
         ctx.count += 1;
         out[key] = MASKED_VALUE;
@@ -4021,13 +3689,12 @@ function readLastListSearch() {
   }
 }
 const DeletedRecordDetailPage = () => {
-  var _a;
   const navigate = useNavigate();
   const location = useLocation();
   const { id = "" } = useParams();
   const [state, setState] = useState({ status: "loading" });
   const [reloadToken, setReloadToken] = useState(0);
-  const cameFromList = ((_a = location.state) == null ? void 0 : _a.fromList) === true;
+  const cameFromList = location.state?.fromList === true;
   const goBack = () => {
     if (cameFromList) navigate(-1);
     else navigate(`/deleted-records-audit${readLastListSearch()}`);
@@ -4162,96 +3829,405 @@ const DetailContent = ({ audit }) => {
         " ",
         "from this screen."
       ] }),
-      /* @__PURE__ */ jsxs("ol", { className: "flex list-decimal flex-col gap-3 pl-5 text-sm text-ui-fg-subtle marker:text-ui-fg-muted", children: [
-        /* @__PURE__ */ jsxs("li", { children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Check whether this was expected." }),
-          " ",
-          audit.deleted_by || source.kind !== "unknown" ? "Confirm with the person or system shown above." : `Who deleted it wasn’t recorded—check with your team or integrations active around ${formatExactDateTime(audit.occurred_at)}.`,
-          " ",
-          guidance.headline
-        ] }),
-        /* @__PURE__ */ jsxs("li", { children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "If it needs to come back:" }),
-          " ",
-          guidance.recreate
-        ] }),
-        /* @__PURE__ */ jsxs("li", { children: [
-          /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Need the details?" }),
-          " Use “View full record” above to see or copy everything that was stored. Sensitive values stay hidden."
+      /* @__PURE__ */ jsxs("ol", { className: "flex list-decimal flex-col gap-3 pl-5 text-sm text-ui-fg-subtle marker:text-ui-fg-muted", children: [
+        /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Check whether this was expected." }),
+          " ",
+          audit.deleted_by || source.kind !== "unknown" ? "Confirm with the person or system shown above." : `Who deleted it wasn’t recorded—check with your team or integrations active around ${formatExactDateTime(audit.occurred_at)}.`,
+          " ",
+          guidance.headline
+        ] }),
+        /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "If it needs to come back:" }),
+          " ",
+          guidance.recreate
+        ] }),
+        /* @__PURE__ */ jsxs("li", { children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-ui-fg-base", children: "Need the details?" }),
+          " Use “View full record” above to see or copy everything that was stored. Sensitive values stay hidden."
+        ] })
+      ] }),
+      guidance.adminSection || related.length ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        guidance.adminSection ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: () => navigate(guidance.adminSection.path), children: guidance.adminSection.label }) : null,
+        related.map((link) => /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "transparent",
+            size: "small",
+            onClick: () => navigate(link.path),
+            title: `Opens ${link.label.toLowerCase()} ${link.id} if it still exists`,
+            children: [
+              "Open related ",
+              link.label.toLowerCase(),
+              /* @__PURE__ */ jsx(ChevronRightMini, {})
+            ]
+          },
+          link.path
+        ))
+      ] }) : null,
+      related.length ? /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Related records open only if they haven’t been deleted too." }) : null
+    ] }) })
+  ] });
+};
+const Section = ({
+  title,
+  description,
+  actions,
+  children
+}) => /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
+  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
+      description ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: description }) : null
+    ] }),
+    actions
+  ] }),
+  children
+] });
+const Field = ({ label, children }) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+  /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-ui-fg-muted", children: label }),
+  /* @__PURE__ */ jsx("dd", { className: "min-w-0", children })
+] });
+const DetailSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", "aria-busy": "true", children: [
+  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 rounded-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-64" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
+  ] }),
+  /* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-full" }),
+  Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: Array.from({ length: 4 }).map((__, j) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
+    ] }, j)) })
+  ] }, i))
+] });
+const DetailError = ({
+  notFound,
+  message,
+  onRetry,
+  onBack
+}) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-ui-border-base px-6 py-12 text-center", children: [
+  /* @__PURE__ */ jsx(ExclamationCircle, { className: clx(notFound ? "text-ui-fg-muted" : "text-ui-fg-error") }),
+  /* @__PURE__ */ jsx(Heading, { level: "h3", children: notFound ? "Audit entry not found" : "Unable to load this deleted record" }),
+  /* @__PURE__ */ jsx(Text, { size: "small", className: "max-w-md text-ui-fg-subtle", children: notFound ? "This audit entry doesn’t exist. The link may be incorrect." : "We couldn’t retrieve the audit entry right now. Check your connection and try again." }),
+  !notFound ? /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "max-w-md font-mono text-ui-fg-muted", children: message }) : null,
+  /* @__PURE__ */ jsxs("div", { className: "mt-2 flex gap-2", children: [
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: onBack, children: "Back to Deleted Records" }),
+    !notFound ? /* @__PURE__ */ jsx(Button, { variant: "primary", size: "small", onClick: onRetry, children: "Try again" }) : null
+  ] })
+] });
+const config$4 = defineRouteConfig({});
+const getStatusBadgeClass$3 = (status) => {
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const PaymentDetailPage = () => {
+  const navigate = useNavigate();
+  const params = useParams();
+  const id = params?.id?.trim();
+  const [detail, setDetail] = useState(null);
+  const [loading, setLoading] = useState(!!id);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!id) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    fetch(`/admin/payment-transactions/${id}`, { credentials: "include" }).then((res) => {
+      if (!res.ok) throw new Error(res.statusText || "Failed to load");
+      return res.json();
+    }).then((data) => {
+      if (!cancelled) setDetail(data);
+    }).catch((e) => {
+      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [id]);
+  const displayStatus = detail ? (detail.payment_id != null && detail.payment_status != null && detail.payment_status !== "" ? detail.payment_status : detail.session_status ?? "") || "—" : "";
+  const sessionStatusRaw = detail?.session_status ?? "—";
+  const paymentStatusRaw = detail?.payment_id != null ? detail?.payment_status ?? "—" : "—";
+  const displayAmount = detail ? `${(detail.currency_code ?? "USD").toUpperCase()} ${Number(detail.amount)}` : "";
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "small", onClick: () => navigate("/payments"), children: "← Payments" }),
+      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Payment session" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: id ?? "—" })
+    ] }) }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/payments"), children: "Back to list" })
+    ] }) : loading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6 flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Order ID" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1", children: detail.order_id ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "transparent",
+              size: "small",
+              onClick: () => navigate(`/orders/${detail.order_id}`),
+              children: detail.order_id
+            }
+          ) : /* @__PURE__ */ jsx(Text, { children: "—" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: displayAmount })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.provider_id })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
+            Badge,
+            {
+              size: "2xsmall",
+              className: `uppercase ${getStatusBadgeClass$3(displayStatus)}`,
+              children: displayStatus !== "—" ? displayStatus.replace(/_/g, " ") : "—"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Session status (DB)" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: sessionStatusRaw })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Payment status (DB)" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: paymentStatusRaw })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Finalized" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.payment_id != null ? "Yes" : "No" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created" }),
+          /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: new Date(detail.created_at).toLocaleDateString("en-US", {
+            year: "numeric",
+            month: "short",
+            day: "numeric",
+            hour: "numeric",
+            minute: "2-digit",
+            hour12: true
+          }) })
+        ] })
+      ] }) }),
+      Object.keys(detail.data ?? {}).length > 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Provider data" }),
+        /* @__PURE__ */ jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.data, null, 2) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-ui-border-base p-6", children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No provider data for this session." }) })
+    ] }) : null
+  ] }) });
+};
+const config$3 = defineRouteConfig({
+  label: "Payment details",
+  icon: CreditCard
+});
+const getStatusBadgeClass$2 = (status) => {
+  const s2 = status.toLowerCase();
+  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
+  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
+  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const formatAmount = (value) => {
+  return String(value);
+};
+const RefundDetailPage = () => {
+  const navigate = useNavigate();
+  const params = useParams();
+  const id = params?.id?.trim();
+  const [detail, setDetail] = useState(null);
+  const [loading, setLoading] = useState(!!id);
+  const [error, setError] = useState(null);
+  const [gatewayExpanded, setGatewayExpanded] = useState(false);
+  useEffect(() => {
+    if (!id) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    fetch(`/admin/refunds/${id}`, { credentials: "include" }).then((res) => {
+      if (!res.ok) throw new Error(res.statusText || "Failed to load");
+      return res.json();
+    }).then((data) => {
+      if (!cancelled) setDetail(data);
+    }).catch((e) => {
+      if (!cancelled) setError(e instanceof Error ? e.message : "Failed to load");
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [id]);
+  const paymentStatus = detail?.payment?.status ?? "—";
+  const hasGatewayData = detail?.payment?.payment_data && typeof detail.payment.payment_data === "object" && Object.keys(detail.payment.payment_data).length > 0;
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "transparent", size: "small", onClick: () => navigate("/refunds"), children: "← Refunds" }),
+      /* @__PURE__ */ jsx(Heading, { level: "h1", children: "Refund details" }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle font-mono", children: id ?? "—" })
+    ] }) }),
+    error ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/refunds"), children: "Back to list" })
+    ] }) : loading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Refund summary" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Refund ID" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.id })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.refund.amount) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Note" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.refund.note ?? "—" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created at" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: new Date(detail.refund.created_at).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) })
+          ] }),
+          detail.refund.created_by ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Created by" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.created_by })
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Payment summary" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Payment amount" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.payment.payment_amount) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Captured amount" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.payment.captured_amount) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Refunded amount" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.payment.refunded_amount) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.payment.provider_id || "—" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
+              Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$2(paymentStatus)}`,
+                children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
+              }
+            ) })
+          ] }),
+          detail.computed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Full refund" }),
+              /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.computed.is_full_refund ? "Yes" : "No" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Remaining refundable" }),
+              /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.computed.remaining_refundable_amount) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Refund %" }),
+              /* @__PURE__ */ jsxs(Text, { className: "mt-1 block", children: [
+                detail.computed.refund_percentage.toFixed(1),
+                "%"
+              ] })
+            ] })
+          ] }) : null
         ] })
       ] }),
-      guidance.adminSection || related.length ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-        guidance.adminSection ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: () => navigate(guidance.adminSection.path), children: guidance.adminSection.label }) : null,
-        related.map((link) => /* @__PURE__ */ jsxs(
-          Button,
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg mb-4", children: "Order summary" }),
+        detail.order ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Order" }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: () => navigate(`/orders/${detail.order.order_id}`),
+                children: detail.order.order_number ?? detail.order.order_id
+              }
+            ) })
+          ] }),
+          detail.order.total != null ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Total" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: formatAmount(detail.order.total) })
+          ] }) : null,
+          detail.order.customer_id ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Customer ID" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block font-mono text-sm", children: detail.order.customer_id })
+          ] }) : null,
+          detail.order.region ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Region" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.order.region })
+          ] }) : null,
+          detail.order.fulfillment_status ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "Fulfillment status" }),
+            /* @__PURE__ */ jsx(Text, { className: "mt-1 block", children: detail.order.fulfillment_status })
+          ] }) : null
+        ] }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No order linked to this refund." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
           {
-            variant: "transparent",
-            size: "small",
-            onClick: () => navigate(link.path),
-            title: `Opens ${link.label.toLowerCase()} ${link.id} if it still exists`,
+            type: "button",
+            className: "flex w-full items-center justify-between text-left",
+            onClick: () => setGatewayExpanded((prev) => !prev),
+            "aria-expanded": gatewayExpanded,
+            "aria-label": gatewayExpanded ? "Collapse gateway data" : "Expand gateway data",
             children: [
-              "Open related ",
-              link.label.toLowerCase(),
-              /* @__PURE__ */ jsx(ChevronRightMini, {})
+              /* @__PURE__ */ jsx(Heading, { level: "h2", className: "text-lg", children: "Gateway data" }),
+              /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: gatewayExpanded ? "Collapse" : "Expand" })
             ]
-          },
-          link.path
-        ))
-      ] }) : null,
-      related.length ? /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Related records open only if they haven’t been deleted too." }) : null
-    ] }) })
-  ] });
+          }
+        ),
+        gatewayExpanded && /* @__PURE__ */ jsx("div", { className: "mt-4", children: hasGatewayData ? /* @__PURE__ */ jsx("pre", { className: "text-xs bg-ui-bg-subtle p-4 rounded-lg overflow-auto max-h-96", children: JSON.stringify(detail.payment.payment_data, null, 2) }) : /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: "No gateway payload for this payment." }) })
+      ] })
+    ] }) : null
+  ] }) });
 };
-const Section = ({
-  title,
-  description,
-  actions,
-  children
-}) => /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
-  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
-      description ? /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: description }) : null
-    ] }),
-    actions
-  ] }),
-  children
-] });
-const Field = ({ label, children }) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-  /* @__PURE__ */ jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-ui-fg-muted", children: label }),
-  /* @__PURE__ */ jsx("dd", { className: "min-w-0", children })
-] });
-const DetailSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", "aria-busy": "true", children: [
-  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 rounded-full" }),
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-64" }),
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
-  ] }),
-  /* @__PURE__ */ jsx(Skeleton, { className: "h-14 w-full" }),
-  Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: Array.from({ length: 4 }).map((__, j) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
-    ] }, j)) })
-  ] }, i))
-] });
-const DetailError = ({
-  notFound,
-  message,
-  onRetry,
-  onBack
-}) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-ui-border-base px-6 py-12 text-center", children: [
-  /* @__PURE__ */ jsx(ExclamationCircle, { className: clx(notFound ? "text-ui-fg-muted" : "text-ui-fg-error") }),
-  /* @__PURE__ */ jsx(Heading, { level: "h3", children: notFound ? "Audit entry not found" : "Unable to load this deleted record" }),
-  /* @__PURE__ */ jsx(Text, { size: "small", className: "max-w-md text-ui-fg-subtle", children: notFound ? "This audit entry doesn’t exist. The link may be incorrect." : "We couldn’t retrieve the audit entry right now. Check your connection and try again." }),
-  !notFound ? /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "max-w-md font-mono text-ui-fg-muted", children: message }) : null,
-  /* @__PURE__ */ jsxs("div", { className: "mt-2 flex gap-2", children: [
-    /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: onBack, children: "Back to Deleted Records" }),
-    !notFound ? /* @__PURE__ */ jsx(Button, { variant: "primary", size: "small", onClick: onRetry, children: "Try again" }) : null
-  ] })
-] });
-defineRouteConfig({});
+const config$2 = defineRouteConfig({
+  label: "Refund details",
+  icon: Receipt
+});
 const getStatusBadgeClass$1 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
@@ -4278,7 +4254,6 @@ const getStatusBadgeClass$1 = (status) => {
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const ReturnDetailPage = () => {
-  var _a, _b, _c;
   const navigate = useNavigate();
   const { id } = useParams();
   const [returnOrder, setReturnOrder] = useState(null);
@@ -4361,7 +4336,7 @@ const ReturnDetailPage = () => {
       /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/returns"), children: "Back to list" }) })
     ] }) }) });
   }
-  const statusHistory = ((_a = returnOrder.metadata) == null ? void 0 : _a.status_history) || [];
+  const statusHistory = returnOrder.metadata?.status_history || [];
   return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxs(
@@ -4497,11 +4472,11 @@ const ReturnDetailPage = () => {
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_b = returnOrder.order.customer) == null ? void 0 : _b.email) || returnOrder.order.email || "—" })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.order.customer?.email || returnOrder.order.email || "—" })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Payment method" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_c = returnOrder.order.order_payment) == null ? void 0 : _c.label) || "—" })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: returnOrder.order.order_payment?.label || "—" })
         ] }),
         returnOrder.order.total && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
@@ -4558,13 +4533,12 @@ const getStatusBadgeClass = (status) => {
   return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
 };
 const SwapDetailPage = () => {
-  var _a, _b, _c;
   const navigate = useNavigate();
   const { id } = useParams();
   const [swap, setSwap] = useState(null);
   const [order, setOrder] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  useState(false);
+  const [isRejecting, setIsRejecting] = useState(false);
   const [isCancelling, setIsCancelling] = useState(false);
   const [error, setError] = useState(null);
   const [updateError, setUpdateError] = useState(null);
@@ -4635,9 +4609,9 @@ const SwapDetailPage = () => {
       setIsCancelling(false);
     }
   };
-  const isOrderExchange = Boolean(swap == null ? void 0 : swap.exchange_id);
+  const isOrderExchange = Boolean(swap?.exchange_id);
   const canCancelExchange = isOrderExchange && swap && !["cancelled", "canceled", "completed", "declined"].includes(
-    ((_a = swap.status) == null ? void 0 : _a.toLowerCase()) ?? ""
+    swap.status?.toLowerCase() ?? ""
   );
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsx(Text, { children: "Loading swap..." }) }) }) });
@@ -4648,7 +4622,7 @@ const SwapDetailPage = () => {
       /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
     ] }) }) });
   }
-  const statusHistory = ((_b = swap.metadata) == null ? void 0 : _b.status_history) || [];
+  const statusHistory = swap.metadata?.status_history || [];
   return /* @__PURE__ */ jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxs(Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3", children: [
       /* @__PURE__ */ jsxs(
@@ -4769,7 +4743,7 @@ const SwapDetailPage = () => {
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: ((_c = order.customer) == null ? void 0 : _c.email) || order.email || "—" })
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: order.customer?.email || order.email || "—" })
         ] }),
         order.total && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
@@ -4818,112 +4792,142 @@ const i18nTranslations0 = {};
 const widgetModule = { widgets: [
   {
     Component: OrderGiftItemsWidget,
-    zone: ["order.details.side.after"]
+    zone: ["order.details.side.after"],
+    widgetId: "Widget-b753"
   },
   {
     Component: OrderRefundContextWidget,
-    zone: ["order.details.after"]
+    zone: ["order.details.after"],
+    widgetId: "Widget-0606"
   }
 ] };
 const routeModule = {
   routes: [
     {
-      Component: PaymentsPage,
-      path: "/payments"
+      Component: DeletedRecordsPage,
+      path: "/deleted-records-audit",
+      handle: { label: config$9.label, translationNs: config$9.translationNs }
     },
     {
-      Component: RefundsPage,
-      path: "/refunds"
+      Component: PaymentsPage,
+      path: "/payments",
+      handle: { label: config$8.label, translationNs: config$8.translationNs }
     },
     {
-      Component: DeletedRecordsPage,
-      path: "/deleted-records-audit"
+      Component: RefundsPage,
+      path: "/refunds",
+      handle: { label: config$7.label, translationNs: config$7.translationNs }
     },
     {
       Component: ReturnsPage,
-      path: "/returns"
+      path: "/returns",
+      handle: { label: config$6.label, translationNs: config$6.translationNs }
     },
     {
       Component: SwapsPage,
-      path: "/swaps"
+      path: "/swaps",
+      handle: { label: config$5.label, translationNs: config$5.translationNs }
     },
     {
-      Component: PaymentDetailPage,
-      path: "/payments/:id"
+      Component: DeletedRecordDetailPage,
+      path: "/deleted-records-audit/:id",
+      handle: { label: config$4.label, translationNs: config$4.translationNs }
     },
     {
-      Component: RefundDetailPage,
-      path: "/refunds/:id"
+      Component: PaymentDetailPage,
+      path: "/payments/:id",
+      handle: { label: config$3.label, translationNs: config$3.translationNs }
     },
     {
-      Component: DeletedRecordDetailPage,
-      path: "/deleted-records-audit/:id"
+      Component: RefundDetailPage,
+      path: "/refunds/:id",
+      handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
       Component: ReturnDetailPage,
-      path: "/returns/:id"
+      path: "/returns/:id",
+      handle: { label: config$1.label, translationNs: config$1.translationNs }
     },
     {
       Component: SwapDetailPage,
-      path: "/swaps/:id"
+      path: "/swaps/:id",
+      handle: { label: config.label, translationNs: config.translationNs }
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
     {
-      label: config$5.label,
-      icon: config$5.icon,
-      path: "/returns",
-      nested: void 0
+      label: config$9.label,
+      icon: config$9.icon,
+      path: "/deleted-records-audit",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
+    {
+      label: config$8.label,
+      icon: config$8.icon,
+      path: "/payments",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config$7.label,
       icon: config$7.icon,
       path: "/refunds",
-      nested: void 0
-    },
-    {
-      label: config$4.label,
-      icon: config$4.icon,
-      path: "/swaps",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config$6.label,
       icon: config$6.icon,
-      path: "/deleted-records-audit",
-      nested: void 0
+      path: "/returns",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
-      path: "/returns/:id",
-      nested: void 0
+      label: config$5.label,
+      icon: config$5.icon,
+      path: "/swaps",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
-      label: config$8.label,
-      icon: config$8.icon,
-      path: "/payments",
-      nested: void 0
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/payments/:id",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config$2.label,
       icon: config$2.icon,
       path: "/refunds/:id",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/returns/:id",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     },
     {
       label: config.label,
       icon: config.icon,
       path: "/swaps/:id",
-      nested: void 0
-    },
-    {
-      label: config$3.label,
-      icon: config$3.icon,
-      path: "/payments/:id",
-      nested: void 0
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
     }
   ]
 };
@@ -4932,13 +4936,19 @@ const displayModule = {
   displays: {}
 };
 const i18nModule = { resources: i18nTranslations0 };
+const cellRendererModule = {};
+const layoutModule = { layouts: [] };
+const searchEntityModule = {};
 const plugin = {
   widgetModule,
   routeModule,
   menuItemModule,
   formModule,
   displayModule,
-  i18nModule
+  i18nModule,
+  cellRendererModule,
+  layoutModule,
+  searchEntityModule
 };
 export {
   plugin as default