order-management 0.0.100 → 0.0.101

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

@@ -936,501 +936,6 @@ const OrderRefundContextWidget = (props) => {
 adminSdk.defineWidgetConfig({
   zone: "order.details.after"
 });
-const useDebounce$3 = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = react.useState(value);
-  react.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 = reactRouterDom.useNavigate();
-  const [items, setItems] = react.useState([]);
-  const [statusFilter, setStatusFilter] = react.useState("all");
-  const [orderIdSearch, setOrderIdSearch] = react.useState("");
-  const debouncedOrderId = useDebounce$3(orderIdSearch, 300);
-  const [isLoading, setIsLoading] = react.useState(true);
-  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [offset, setOffset] = react.useState(0);
-  const [count, setCount] = react.useState(0);
-  const limit = 50;
-  const loadTransactions = react.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]
-  );
-  react.useEffect(() => {
-    void loadTransactions(0, true);
-  }, [loadTransactions]);
-  const hasMore = react.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Payments" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "All payment attempts — completed, pending, failed, requires action" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadTransactions(0, true), children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          placeholder: "Search by Order ID",
-          value: orderIdSearch,
-          onChange: (e) => setOrderIdSearch(e.target.value),
-          className: "md:max-w-sm",
-          "aria-label": "Search by order ID"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All statuses" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "requires_more", children: "Requires more" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "error", children: "Error" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "canceled", children: "Canceled" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorized", children: "Authorized" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "captured", children: "Captured" })
-          ]
-        }
-      ) })
-    ] }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => loadTransactions(0, true), children: "Try again" }) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading payments…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No payment transactions yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Payment attempts will appear here." })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Finalized" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/payments/${t.payment_session_id}`),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: t.order_id ?? "—" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: displayAmount(t) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.provider_id }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$7(displayStatus(t))}`,
-                children: displayStatus(t) !== "—" ? displayStatus(t).replace(/_/g, " ") : "—"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.payment_id != null ? "Yes" : "No" }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("td", { className: "px-4 py-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/payments/${t.payment_session_id}`);
-                  },
-                  children: "View details"
-                }
-              ),
-              t.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/orders/${t.order_id}`);
-                  },
-                  children: "Order"
-                }
-              ) : null
-            ] })
-          ]
-        },
-        t.payment_session_id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadTransactions(offset, false),
-        children: "Load more"
-      }
-    ) }) : null
-  ] }) });
-};
-const config$8 = adminSdk.defineRouteConfig({
-  label: "Payments",
-  icon: icons.CreditCard
-});
-const useDebounce$2 = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = react.useState(value);
-  react.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 = reactRouterDom.useNavigate();
-  const [items, setItems] = react.useState([]);
-  const [orderIdSearch, setOrderIdSearch] = react.useState("");
-  const debouncedOrderId = useDebounce$2(orderIdSearch, 300);
-  const [paymentStatusFilter, setPaymentStatusFilter] = react.useState("all");
-  const [providerSearch, setProviderSearch] = react.useState("");
-  const debouncedProvider = useDebounce$2(providerSearch, 300);
-  const [currencySearch, setCurrencySearch] = react.useState("");
-  const debouncedCurrency = useDebounce$2(currencySearch, 300);
-  const [dateFrom, setDateFrom] = react.useState("");
-  const [dateTo, setDateTo] = react.useState("");
-  const [amountMin, setAmountMin] = react.useState("");
-  const [amountMax, setAmountMax] = react.useState("");
-  const [isLoading, setIsLoading] = react.useState(true);
-  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [offset, setOffset] = react.useState(0);
-  const [count, setCount] = react.useState(0);
-  const limit = 50;
-  const loadRefunds = react.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
-    ]
-  );
-  react.useEffect(() => {
-    void loadRefunds(0, true);
-  }, [loadRefunds]);
-  const hasMore = react.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Refunds" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Refund records — amount, order, payment status" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadRefunds(0, true), children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          placeholder: "Order ID",
-          value: orderIdSearch,
-          onChange: (e) => setOrderIdSearch(e.target.value),
-          className: "md:max-w-[180px]",
-          "aria-label": "Filter by order ID"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          placeholder: "Provider",
-          value: providerSearch,
-          onChange: (e) => setProviderSearch(e.target.value),
-          className: "md:max-w-[140px]",
-          "aria-label": "Filter by provider"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          placeholder: "Currency",
-          value: currencySearch,
-          onChange: (e) => setCurrencySearch(e.target.value),
-          className: "md:max-w-[100px]",
-          "aria-label": "Filter by currency"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All statuses" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "requires_more", children: "Requires more" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "error", children: "Error" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "canceled", children: "Canceled" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorized", children: "Authorized" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "captured", children: "Captured" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          type: "date",
-          placeholder: "From",
-          value: dateFrom,
-          onChange: (e) => setDateFrom(e.target.value),
-          className: "md:max-w-[140px]",
-          "aria-label": "Date from"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          type: "date",
-          placeholder: "To",
-          value: dateTo,
-          onChange: (e) => setDateTo(e.target.value),
-          className: "md:max-w-[140px]",
-          "aria-label": "Date to"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.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__ */ jsxRuntime.jsx(
-        ui.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => loadRefunds(0, true), children: "Try again" }) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading refunds…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No refunds yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Refund records will appear here." })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-x-auto rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full table-fixed divide-y divide-ui-border-base", style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          className: "cursor-pointer hover:bg-ui-bg-subtle/60",
-          onClick: () => navigate(`/refunds/${r.refund_id}`),
-          children: [
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", children: displayAmount(r) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle uppercase", children: r.currency_code || "—" }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$6(displayStatus(r))}`,
-                children: displayStatus(r) !== "—" ? displayStatus(r).replace(/_/g, " ") : "—"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", title: r.note ?? void 0, children: r.note ?? "—" }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/refunds/${r.refund_id}`);
-                  },
-                  children: "Details"
-                }
-              ),
-              r.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
-                {
-                  variant: "transparent",
-                  size: "small",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    navigate(`/orders/${r.order_id}`);
-                  },
-                  children: "Order"
-                }
-              ) : null
-            ] }) })
-          ]
-        },
-        r.refund_id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadRefunds(offset, false),
-        children: "Load more"
-      }
-    ) }) : null
-  ] }) });
-};
-const config$7 = adminSdk.defineRouteConfig({
-  label: "Refunds",
-  icon: icons.Receipt
-});
 const AUDITED_TABLE_NAMES = [
   "account_deletion_request",
   "account_holder",
@@ -2722,11 +2227,211 @@ const ErrorState = ({ onRetry, detail }) => /* @__PURE__ */ jsxRuntime.jsxs("div
   /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "max-w-md font-mono text-ui-fg-muted", children: detail }),
   /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", className: "mt-2", onClick: onRetry, children: "Try again" })
 ] });
-const config$6 = adminSdk.defineRouteConfig({
+const config$8 = adminSdk.defineRouteConfig({
   label: "Deleted Records",
   icon: icons.Trash
 });
-const useDebounce$1 = (value, delay) => {
+const useDebounce$3 = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = react.useState(value);
+  react.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 = reactRouterDom.useNavigate();
+  const [items, setItems] = react.useState([]);
+  const [statusFilter, setStatusFilter] = react.useState("all");
+  const [orderIdSearch, setOrderIdSearch] = react.useState("");
+  const debouncedOrderId = useDebounce$3(orderIdSearch, 300);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [offset, setOffset] = react.useState(0);
+  const [count, setCount] = react.useState(0);
+  const limit = 50;
+  const loadTransactions = react.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]
+  );
+  react.useEffect(() => {
+    void loadTransactions(0, true);
+  }, [loadTransactions]);
+  const hasMore = react.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Payments" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "All payment attempts — completed, pending, failed, requires action" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadTransactions(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Search by Order ID",
+          value: orderIdSearch,
+          onChange: (e) => setOrderIdSearch(e.target.value),
+          className: "md:max-w-sm",
+          "aria-label": "Search by order ID"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All statuses" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "pending", children: "Pending" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "requires_more", children: "Requires more" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "error", children: "Error" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "canceled", children: "Canceled" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorized", children: "Authorized" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "captured", children: "Captured" })
+          ]
+        }
+      ) })
+    ] }),
+    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => loadTransactions(0, true), children: "Try again" }) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading payments…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No payment transactions yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Payment attempts will appear here." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Amount" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Provider" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Finalized" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/payments/${t.payment_session_id}`),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: t.order_id ?? "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: displayAmount(t) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.provider_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$7(displayStatus(t))}`,
+                children: displayStatus(t) !== "—" ? displayStatus(t).replace(/_/g, " ") : "—"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: t.payment_id != null ? "Yes" : "No" }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("td", { className: "px-4 py-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/payments/${t.payment_session_id}`);
+                  },
+                  children: "View details"
+                }
+              ),
+              t.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/orders/${t.order_id}`);
+                  },
+                  children: "Order"
+                }
+              ) : null
+            ] })
+          ]
+        },
+        t.payment_session_id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadTransactions(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$7 = adminSdk.defineRouteConfig({
+  label: "Payments",
+  icon: icons.CreditCard
+});
+const useDebounce$2 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
   react.useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
@@ -2734,7 +2439,7 @@ const useDebounce$1 = (value, delay) => {
   }, [value, delay]);
   return debouncedValue;
 };
-const getStatusBadgeClass$5 = (status) => {
+const getStatusBadgeClass$6 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -2759,7 +2464,7 @@ const ReturnsPage = () => {
   const [statusFilter, setStatusFilter] = react.useState("all");
   const [createdByFilter, setCreatedByFilter] = react.useState("all");
   const [searchQuery, setSearchQuery] = react.useState("");
-  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
+  const debouncedSearchQuery = useDebounce$2(searchQuery, 300);
   const [isLoading, setIsLoading] = react.useState(true);
   const [isFetchingMore, setIsFetchingMore] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -2867,1392 +2572,1774 @@ const ReturnsPage = () => {
           }
         )
       ] })
-    ] }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "secondary",
-          onClick: () => loadReturns(0, true),
-          children: "Try again"
-        }
-      ) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/returns/${returnOrder.id}`),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: returnOrder.id }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$5(returnOrder.status)}`,
-                children: returnOrder.status.replace(/_/g, " ")
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(returnOrder.created_at).toLocaleDateString("en-US", {
-              year: "numeric",
-              month: "short",
-              day: "numeric",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  navigate(`/app/orders/${returnOrder.order_id}`);
-                },
-                children: "Go to order"
-              }
-            ) })
-          ]
-        },
-        returnOrder.id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
+    ] }),
+    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "secondary",
+          onClick: () => loadReturns(0, true),
+          children: "Try again"
+        }
+      ) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading return orders..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No return orders yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Return orders created by customers will appear here." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Return ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Customer" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Refund Amount" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((returnOrder) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/returns/${returnOrder.id}`),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: returnOrder.id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.order_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: returnOrder.customer_email || returnOrder.order_email || "—" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$6(returnOrder.status)}`,
+                children: returnOrder.status.replace(/_/g, " ")
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(returnOrder.created_at).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  navigate(`/app/orders/${returnOrder.order_id}`);
+                },
+                children: "Go to order"
+              }
+            ) })
+          ]
+        },
+        returnOrder.id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadReturns(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$6 = adminSdk.defineRouteConfig({
+  label: "Return Orders",
+  icon: icons.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,
+  /card_?number/i,
+  /account_?number/i,
+  /credential/i,
+  /authorization/i,
+  /recovery_?code/i,
+  /(^|_)otp($|_)/i,
+  /verification_?code/i,
+  /^code_hash$/i,
+  /webhook_?signature/i
+];
+const TABLE_SENSITIVE_KEYS = {
+  otp_verification: /* @__PURE__ */ new Set(["code", "value"]),
+  auth_verification: /* @__PURE__ */ new Set(["code", "value"]),
+  auth_mfa_factor: /* @__PURE__ */ new Set(["value", "config"])
+};
+const SAFE_KEYS = /* @__PURE__ */ new Set([
+  "token_type",
+  "redacted",
+  "api_key_id",
+  "token_id",
+  "notification_token_id"
+]);
+function isSensitiveKey(key) {
+  const normalized = key.trim().toLowerCase();
+  if (SAFE_KEYS.has(normalized)) return false;
+  return SENSITIVE_KEY_PATTERNS.some((pattern) => pattern.test(normalized));
+}
+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"));
+      if (secret) {
+        ctx.count += 1;
+        out[key] = MASKED_VALUE;
+      } else {
+        out[key] = maskValue(inner, ctx, depth + 1);
+      }
+    }
+    return out;
+  }
+  return value;
+}
+function maskSensitiveData(data, tableName) {
+  const ctx = {
+    count: 0,
+    maskAll: tableName ? FULLY_SECRET_TABLES.has(tableName) : false,
+    tableKeys: tableName ? TABLE_SENSITIVE_KEYS[tableName] : void 0
+  };
+  const value = maskValue(data, ctx, 0);
+  return { value, maskedCount: ctx.count };
+}
+const AUTO_EXPAND_DEPTH = 1;
+const LONG_STRING = 200;
+const JsonViewer = ({ data }) => {
+  const [generation, setGeneration] = react.useState(0);
+  const [expandAll, setExpandAll] = react.useState(null);
+  const setAll = (value) => {
+    setExpandAll(value);
+    setGeneration((g) => g + 1);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => setAll(true), children: "Expand all" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => setAll(false), children: "Collapse all" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[560px] overflow-auto rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 font-mono text-xs leading-5", children: /* @__PURE__ */ jsxRuntime.jsx(JsonNode, { value: data, depth: 0, forceExpand: expandAll }, generation) })
+  ] });
+};
+const JsonNode = ({ name, value, depth, forceExpand }) => {
+  const isContainer = value !== null && typeof value === "object";
+  const [open, setOpen] = react.useState(forceExpand ?? depth < AUTO_EXPAND_DEPTH);
+  const label = name !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-subtle", children: [
+    name,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: ": " })
+  ] }) : null;
+  if (!isContainer) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start", style: { paddingLeft: depth ? 16 : 0 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 break-words [overflow-wrap:anywhere]", children: [
+        label,
+        /* @__PURE__ */ jsxRuntime.jsx(Primitive, { value })
+      ] })
+    ] });
+  }
+  const entries = Array.isArray(value) ? value.map((v, i) => [String(i), v]) : Object.entries(value);
+  const [openBracket, closeBracket] = Array.isArray(value) ? ["[", "]"] : ["{", "}"];
+  const summary = Array.isArray(value) ? `${entries.length} items` : `${entries.length} keys`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { paddingLeft: depth ? 16 : 0 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
       {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadReturns(offset, false),
-        children: "Load more"
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        className: "flex items-start text-left hover:bg-ui-bg-base-hover",
+        "aria-expanded": open,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-4 shrink-0 items-center pt-0.5 text-ui-fg-muted", children: entries.length ? open ? /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightMini, {}) : null }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            label,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: openBracket }),
+            !open || entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              entries.length ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1 italic text-ui-fg-muted", children: summary }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: closeBracket })
+            ] }) : null
+          ] })
+        ]
       }
-    ) }) : null
-  ] }) });
+    ),
+    open && entries.length ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      entries.map(([key, child]) => /* @__PURE__ */ jsxRuntime.jsx(JsonNode, { name: key, value: child, depth: depth + 1, forceExpand }, key)),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingLeft: 16 }, className: "text-ui-fg-muted", children: closeBracket })
+    ] }) : null
+  ] });
 };
-const config$5 = adminSdk.defineRouteConfig({
-  label: "Return Orders",
-  icon: icons.ArrowPath
-});
-const useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = react.useState(value);
-  react.useEffect(() => {
-    const handler = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(handler);
-  }, [value, delay]);
-  return debouncedValue;
+const Primitive = ({ value }) => {
+  const [showFull, setShowFull] = react.useState(false);
+  if (value === MASKED_VALUE) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-ui-tag-orange-bg px-1 text-ui-tag-orange-text", title: "Hidden for security", children: MASKED_VALUE });
+  }
+  if (value === null || value === void 0) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: "null" });
+  if (typeof value === "boolean") return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-tag-purple-text", children: String(value) });
+  if (typeof value === "number") return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-tag-blue-text", children: value });
+  const text = String(value);
+  const truncated = !showFull && text.length > LONG_STRING;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ui.clx("text-ui-tag-green-text"), children: [
+    '"',
+    truncated ? `${text.slice(0, LONG_STRING)}…` : text,
+    '"',
+    text.length > LONG_STRING ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setShowFull((s2) => !s2),
+        className: "ml-1 font-sans text-ui-fg-interactive hover:underline",
+        children: showFull ? "show less" : `show all (${text.length} chars)`
+      }
+    ) : null
+  ] });
+};
+const GUIDANCE = {
+  orders: {
+    headline: "Order data affects customers, payments and reports.",
+    recreate: "Orders can’t be recreated identically from the admin. If this deletion was not intended, ask a developer to restore it from a database backup using the snapshot on this page.",
+    adminSection: { label: "Go to Orders", path: "/orders" }
+  },
+  carts: {
+    headline: "Carts are usually cleaned up automatically.",
+    recreate: "No action is normally needed. Customers can simply add items to a new cart."
+  },
+  customers: {
+    headline: "Customer data may be needed for orders, support and compliance.",
+    recreate: "If it was deleted by mistake, recreate it from Customers using the values shown above. A recreated customer gets a new ID and must reset their password.",
+    adminSection: { label: "Go to Customers", path: "/customers" }
+  },
+  catalog: {
+    headline: "Catalog changes affect what customers can see and buy.",
+    recreate: "If it was deleted by mistake, recreate it from Products using the values shown above. It will get a new ID.",
+    adminSection: { label: "Go to Products", path: "/products" }
+  },
+  pricing: {
+    headline: "Pricing and promotions affect what customers pay.",
+    recreate: "If it was deleted by mistake, recreate it from Promotions or Price Lists using the values shown above.",
+    adminSection: { label: "Go to Promotions", path: "/promotions" }
+  },
+  payments: {
+    headline: "Payment records are financial data.",
+    recreate: "Do not recreate payment records by hand—this can make balances inconsistent. If this deletion was not expected, escalate to a developer or your finance team."
+  },
+  fulfillment: {
+    headline: "Shipping and fulfillment settings affect checkout and delivery.",
+    recreate: "If it was deleted by mistake, recreate it from Settings → Locations & Shipping using the values shown above.",
+    adminSection: { label: "Go to Settings", path: "/settings" }
+  },
+  inventory: {
+    headline: "Inventory changes can affect stock levels and availability.",
+    recreate: "If it was deleted by mistake, recreate it from Inventory using the values shown above and re-check stock quantities.",
+    adminSection: { label: "Go to Inventory", path: "/inventory" }
+  },
+  wallet: {
+    headline: "Wallet and credit records are financial data.",
+    recreate: "Do not recreate balances by hand. If this deletion was not expected, escalate to a developer or your finance team so balances can be verified."
+  },
+  access: {
+    headline: "Access records control who can sign in.",
+    recreate: "Secrets such as passwords and keys can’t be restored. Re-invite the user or create a new API key if access is still needed.",
+    adminSection: { label: "Go to Settings", path: "/settings" }
+  },
+  store: {
+    headline: "Store settings affect regions, currencies and taxes.",
+    recreate: "If it was deleted by mistake, recreate it from Settings using the values shown above.",
+    adminSection: { label: "Go to Settings", path: "/settings" }
+  },
+  engagement: {
+    headline: "Customer-generated content.",
+    recreate: "These usually can’t be recreated on the customer’s behalf. Keep the snapshot on this page if you need a record of it."
+  },
+  notifications: {
+    headline: "Notification records are usually cleaned up automatically.",
+    recreate: "No action is normally needed."
+  },
+  system: {
+    headline: "Internal system data, usually removed automatically by the platform.",
+    recreate: "No action is normally needed. If you suspect a problem, share this page with a developer."
+  }
+};
+function getNextSteps(category) {
+  return GUIDANCE[category];
+}
+const RELATED_LINKS = [
+  { key: "order_id", label: "Order", path: (id) => `/orders/${id}`, selfTables: ["order"] },
+  { key: "customer_id", label: "Customer", path: (id) => `/customers/${id}`, selfTables: ["customer"] },
+  { key: "product_id", label: "Product", path: (id) => `/products/${id}`, selfTables: ["product"] }
+];
+function getRelatedLinks(tableName, oldData) {
+  if (!oldData) return [];
+  return RELATED_LINKS.flatMap((link) => {
+    const id = oldData[link.key];
+    if (link.selfTables.includes(tableName) || typeof id !== "string" || !id.trim()) return [];
+    return [{ label: link.label, id, path: link.path(id) }];
+  });
+}
+const fullName = (row) => {
+  const parts = [row.first_name, row.last_name].filter(
+    (part) => typeof part === "string" && part.trim() !== ""
+  );
+  return parts.length ? parts.join(" ") : void 0;
+};
+const addressLine = (row) => {
+  const parts = [row.address_1, row.address_2, row.city, row.province, row.postal_code, row.country_code].filter((part) => typeof part === "string" && part.trim() !== "").map((part) => part.trim());
+  return parts.length ? parts.join(", ") : void 0;
+};
+const NAME = { key: "name", label: "Name", derive: fullName };
+const ADDRESS = { key: "address", label: "Address", derive: addressLine };
+const CREATED = { key: "created_at", label: "Created", kind: "date" };
+const ENTITY_FIELDS = {
+  order: [
+    { key: "display_id", label: "Order number" },
+    { key: "status", label: "Status", kind: "status" },
+    { key: "email", label: "Customer email" },
+    { key: "customer_id", label: "Customer ID", kind: "id" },
+    { key: "currency_code", label: "Currency" },
+    { key: "region_id", label: "Region ID", kind: "id" },
+    { key: "sales_channel_id", label: "Sales channel ID", kind: "id" },
+    { key: "canceled_at", label: "Canceled", kind: "date" },
+    CREATED
+  ],
+  order_line_item: [
+    { key: "title", label: "Item" },
+    { key: "variant_title", label: "Variant" },
+    { key: "variant_sku", label: "SKU" },
+    { key: "unit_price", label: "Unit price", kind: "money" },
+    { key: "product_id", label: "Product ID", kind: "id" },
+    { key: "variant_id", label: "Variant ID", kind: "id" },
+    CREATED
+  ],
+  cart_line_item: [
+    { key: "title", label: "Item" },
+    { key: "variant_sku", label: "SKU" },
+    { key: "quantity", label: "Quantity", kind: "number" },
+    { key: "unit_price", label: "Unit price", kind: "money" },
+    { key: "cart_id", label: "Cart ID", kind: "id" },
+    { key: "variant_id", label: "Variant ID", kind: "id" },
+    CREATED
+  ],
+  cart: [
+    { key: "email", label: "Email" },
+    { key: "customer_id", label: "Customer ID", kind: "id" },
+    { key: "currency_code", label: "Currency" },
+    { key: "region_id", label: "Region ID", kind: "id" },
+    { key: "completed_at", label: "Completed", kind: "date" },
+    CREATED
+  ],
+  customer: [
+    NAME,
+    { key: "email", label: "Email" },
+    { key: "phone", label: "Phone" },
+    { key: "company_name", label: "Company" },
+    { key: "has_account", label: "Registered account", kind: "boolean" },
+    CREATED
+  ],
+  customer_address: [
+    { key: "address_name", label: "Label" },
+    NAME,
+    ADDRESS,
+    { key: "phone", label: "Phone" },
+    { key: "customer_id", label: "Customer ID", kind: "id" },
+    { key: "is_default_shipping", label: "Default shipping", kind: "boolean" },
+    CREATED
+  ],
+  order_address: [NAME, ADDRESS, { key: "phone", label: "Phone" }, CREATED],
+  cart_address: [NAME, ADDRESS, { key: "phone", label: "Phone" }, CREATED],
+  product: [
+    { key: "title", label: "Title" },
+    { key: "status", label: "Status", kind: "status" },
+    { key: "handle", label: "Handle" },
+    { key: "subtitle", label: "Subtitle" },
+    { key: "collection_id", label: "Collection ID", kind: "id" },
+    { key: "is_giftcard", label: "Gift card", kind: "boolean" },
+    CREATED
+  ],
+  product_variant: [
+    { key: "title", label: "Title" },
+    { key: "sku", label: "SKU" },
+    { key: "barcode", label: "Barcode" },
+    { key: "product_id", label: "Product ID", kind: "id" },
+    { key: "manage_inventory", label: "Manages inventory", kind: "boolean" },
+    CREATED
+  ],
+  product_category: [
+    { key: "name", label: "Name" },
+    { key: "handle", label: "Handle" },
+    { key: "is_active", label: "Active", kind: "boolean" },
+    { key: "parent_category_id", label: "Parent category ID", kind: "id" },
+    CREATED
+  ],
+  product_collection: [{ key: "title", label: "Title" }, { key: "handle", label: "Handle" }, CREATED],
+  payment: [
+    { key: "amount", label: "Amount", kind: "money" },
+    { key: "currency_code", label: "Currency" },
+    { key: "provider_id", label: "Provider" },
+    { key: "captured_at", label: "Captured", kind: "date" },
+    { key: "canceled_at", label: "Canceled", kind: "date" },
+    { key: "payment_collection_id", label: "Payment collection ID", kind: "id" },
+    CREATED
+  ],
+  payment_session: [
+    { key: "amount", label: "Amount", kind: "money" },
+    { key: "currency_code", label: "Currency" },
+    { key: "provider_id", label: "Provider" },
+    { key: "status", label: "Status", kind: "status" },
+    { key: "payment_collection_id", label: "Payment collection ID", kind: "id" },
+    CREATED
+  ],
+  payment_collection: [
+    { key: "amount", label: "Amount", kind: "money" },
+    { key: "currency_code", label: "Currency" },
+    { key: "status", label: "Status", kind: "status" },
+    CREATED
+  ],
+  refund: [
+    { key: "amount", label: "Amount", kind: "money" },
+    { key: "payment_id", label: "Payment ID", kind: "id" },
+    { key: "refund_reason_id", label: "Refund reason ID", kind: "id" },
+    { key: "note", label: "Note" },
+    { key: "created_by", label: "Created by" },
+    CREATED
+  ],
+  return: [
+    { key: "display_id", label: "Return number" },
+    { key: "status", label: "Status", kind: "status" },
+    { key: "order_id", label: "Order ID", kind: "id" },
+    { key: "refund_amount", label: "Refund amount", kind: "money" },
+    { key: "received_at", label: "Received", kind: "date" },
+    CREATED
+  ],
+  payment_detail: [
+    { key: "type", label: "Method type" },
+    { key: "customer_id", label: "Customer ID", kind: "id" },
+    { key: "is_default", label: "Default method", kind: "boolean" },
+    CREATED
+  ],
+  user: [NAME, { key: "email", label: "Email" }, CREATED],
+  invite: [
+    { key: "email", label: "Email" },
+    { key: "accepted", label: "Accepted", kind: "boolean" },
+    { key: "expires_at", label: "Expires", kind: "date" },
+    CREATED
+  ],
+  api_key: [
+    { key: "title", label: "Title" },
+    { key: "type", label: "Type" },
+    { key: "redacted", label: "Key (redacted)" },
+    { key: "revoked_at", label: "Revoked", kind: "date" },
+    CREATED
+  ],
+  promotion: [
+    { key: "code", label: "Promotion code" },
+    { key: "type", label: "Type" },
+    { key: "status", label: "Status", kind: "status" },
+    { key: "is_automatic", label: "Automatic", kind: "boolean" },
+    CREATED
+  ],
+  fulfillment: [
+    { key: "provider_id", label: "Provider" },
+    { key: "location_id", label: "Location ID", kind: "id" },
+    { key: "shipped_at", label: "Shipped", kind: "date" },
+    { key: "delivered_at", label: "Delivered", kind: "date" },
+    { key: "canceled_at", label: "Canceled", kind: "date" },
+    CREATED
+  ],
+  inventory_item: [
+    { key: "sku", label: "SKU" },
+    { key: "title", label: "Title" },
+    { key: "requires_shipping", label: "Requires shipping", kind: "boolean" },
+    CREATED
+  ],
+  inventory_level: [
+    { key: "inventory_item_id", label: "Inventory item ID", kind: "id" },
+    { key: "location_id", label: "Location ID", kind: "id" },
+    { key: "stocked_quantity", label: "Stocked", kind: "number" },
+    { key: "reserved_quantity", label: "Reserved", kind: "number" },
+    CREATED
+  ],
+  review: [
+    { key: "title", label: "Title" },
+    { key: "rating", label: "Rating", kind: "number" },
+    { key: "status", label: "Status", kind: "status" },
+    { key: "product_id", label: "Product ID", kind: "id" },
+    { key: "customer_id", label: "Customer ID", kind: "id" },
+    CREATED
+  ]
 };
-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";
+const GENERIC_FIELDS = [
+  { key: "display_id", label: "Number" },
+  { key: "title", label: "Title" },
+  { key: "name", label: "Name" },
+  NAME,
+  { key: "email", label: "Email" },
+  { key: "phone", label: "Phone" },
+  { key: "handle", label: "Handle" },
+  { key: "sku", label: "SKU" },
+  { key: "code", label: "Code" },
+  { key: "status", label: "Status", kind: "status" },
+  { key: "type", label: "Type" },
+  { key: "amount", label: "Amount", kind: "money" },
+  { key: "quantity", label: "Quantity", kind: "number" },
+  { key: "currency_code", label: "Currency" },
+  { key: "order_id", label: "Order ID", kind: "id" },
+  { key: "customer_id", label: "Customer ID", kind: "id" },
+  { key: "product_id", label: "Product ID", kind: "id" },
+  { key: "payment_id", label: "Payment ID", kind: "id" },
+  { key: "provider_id", label: "Provider" },
+  CREATED,
+  { key: "updated_at", label: "Last updated", kind: "date" }
+];
+const MAX_GENERIC_FIELDS = 8;
+function amountOf(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "" && Number.isFinite(Number(value))) return Number(value);
+  if (value !== null && typeof value === "object" && "value" in value) {
+    return amountOf(value.value);
   }
-  if (statusLower === "rejected") {
-    return "bg-ui-tag-red-bg text-ui-tag-red-text";
+  return null;
+}
+function formatValue(raw, kind, row) {
+  if (raw === null || raw === void 0 || raw === "") return null;
+  if (raw === MASKED_VALUE) return { value: MASKED_VALUE, kind: "masked" };
+  switch (kind) {
+    case "money": {
+      const amount = amountOf(raw);
+      if (amount === null) return null;
+      const currency = typeof row.currency_code === "string" ? row.currency_code : null;
+      return { value: formatMoney(amount, currency), kind };
+    }
+    case "date":
+      return typeof raw === "string" || raw instanceof Date ? { value: formatDate(raw), kind } : null;
+    case "boolean":
+      return { value: raw === true || raw === "true" ? "Yes" : "No", kind };
+    case "number": {
+      const n = amountOf(raw);
+      return n === null ? null : { value: formatNumber(n), kind };
+    }
+    case "status":
+      return { value: String(raw).replace(/_/g, " "), kind };
+    default:
+      if (typeof raw === "object") return null;
+      if (typeof raw === "string" && raw.length > 160) return { value: `${raw.slice(0, 157)}…`, kind };
+      return { value: String(raw), kind };
   }
-  if (statusLower === "completed") {
-    return "bg-ui-tag-green-bg text-ui-tag-green-text";
+}
+function summarizeOldData(tableName, oldData) {
+  if (!oldData) return [];
+  const { value: row } = maskSensitiveData(oldData, tableName);
+  const specific = ENTITY_FIELDS[tableName];
+  const specs = specific ?? GENERIC_FIELDS;
+  const fields = [];
+  const seenLabels = /* @__PURE__ */ new Set();
+  for (const spec of specs) {
+    const raw = spec.derive ? spec.derive(row) : row[spec.key];
+    const formatted = formatValue(raw, spec.kind ?? "text", row);
+    if (!formatted || seenLabels.has(spec.label)) continue;
+    seenLabels.add(spec.label);
+    const value = spec.key === "currency_code" ? formatted.value.toUpperCase() : formatted.value;
+    fields.push({ key: spec.key, label: spec.label, value, kind: formatted.kind });
+    if (!specific && fields.length >= MAX_GENERIC_FIELDS) break;
   }
-  if (statusLower === "cancelled") {
-    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  return fields;
+}
+function readLastListSearch() {
+  try {
+    return window.sessionStorage.getItem(LAST_LIST_URL_KEY) ?? "";
+  } catch {
+    return "";
   }
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const SwapsPage = () => {
-  const navigate = reactRouterDom.useNavigate();
-  const [items, setItems] = react.useState([]);
-  const [statusFilter, setStatusFilter] = react.useState("all");
-  const [createdByFilter, setCreatedByFilter] = react.useState("all");
-  const [searchQuery, setSearchQuery] = react.useState("");
-  const debouncedSearchQuery = useDebounce(searchQuery, 300);
-  const [isLoading, setIsLoading] = react.useState(true);
-  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [offset, setOffset] = react.useState(0);
-  const [count, setCount] = react.useState(0);
-  const limit = 50;
-  const loadSwaps = react.useCallback(
-    async (nextOffset, replace = false) => {
-      var _a;
-      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 + (((_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);
-      } finally {
-        setIsLoading(false);
-        setIsFetchingMore(false);
-      }
-    },
-    [statusFilter, createdByFilter, debouncedSearchQuery]
-  );
-  react.useEffect(() => {
-    void loadSwaps(0, true);
-  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadSwaps]);
-  const hasMore = react.useMemo(() => offset < count, [offset, count]);
-  const availableStatuses = react.useMemo(() => {
-    const statuses = /* @__PURE__ */ new Set();
-    items.forEach((item) => statuses.add(item.status));
-    return Array.from(statuses).sort();
-  }, [items]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Exchanges" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer exchange requests" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadSwaps(0, true), children: "Refresh" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Input,
-        {
-          placeholder: "Search by swap ID or order ID",
-          value: searchQuery,
-          onChange: (event) => setSearchQuery(event.target.value),
-          className: "md:max-w-sm"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All (Created by)" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "customer", children: "Customer" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "admin", children: "Admin" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All Statuses" }),
-              availableStatuses.map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
-            ]
-          }
-        )
-      ] })
-    ] }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "secondary",
-          onClick: () => loadSwaps(0, true),
-          children: "Try again"
-        }
-      ) })
-    ] }) : null,
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swaps..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No exchanges yet" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Exchange requests created by customers will appear here." })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Exchange ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Difference Due" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "tr",
-        {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/swaps/${swap.id}`),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: swap.id }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$4(swap.status)}`,
-                children: swap.status.replace(/_/g, " ")
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(swap.created_at).toLocaleDateString("en-US", {
-              year: "numeric",
-              month: "short",
-              day: "numeric",
-              hour: "numeric",
-              minute: "2-digit",
-              hour12: true
-            }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
-              {
-                variant: "transparent",
-                size: "small",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  navigate(`/app/orders/${swap.order_id}`);
-                },
-                children: "Go to order"
-              }
-            ) })
-          ]
-        },
-        swap.id
-      )) })
-    ] }) }),
-    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        variant: "secondary",
-        isLoading: isFetchingMore,
-        onClick: () => loadSwaps(offset, false),
-        children: "Load more"
-      }
-    ) }) : null
-  ] }) });
-};
-const config$4 = adminSdk.defineRouteConfig({
-  label: "Exchanges",
-  icon: icons.ArrowPath
-});
-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 DeletedRecordDetailPage = () => {
   var _a;
   const navigate = reactRouterDom.useNavigate();
-  const params = reactRouterDom.useParams();
-  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
-  const [detail, setDetail] = react.useState(null);
-  const [loading, setLoading] = react.useState(!!id);
-  const [error, setError] = react.useState(null);
-  react.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);
+  const location = reactRouterDom.useLocation();
+  const { id = "" } = reactRouterDom.useParams();
+  const [state, setState] = react.useState({ status: "loading" });
+  const [reloadToken, setReloadToken] = react.useState(0);
+  const cameFromList = ((_a = location.state) == null ? void 0 : _a.fromList) === true;
+  const goBack = () => {
+    if (cameFromList) navigate(-1);
+    else navigate(`/deleted-records-audit${readLastListSearch()}`);
+  };
+  react.useEffect(() => {
+    const controller = new AbortController();
+    setState({ status: "loading" });
+    fetchAuditDetail(id, controller.signal).then((audit) => setState({ status: "ready", audit })).catch((e) => {
+      if (controller.signal.aborted) return;
+      setState({
+        status: "error",
+        message: e instanceof Error ? e.message : "Unknown error",
+        notFound: e instanceof AuditApiError && e.status === 404
+      });
     });
-    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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => navigate("/payments"), children: "← Payments" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Payment session" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: id ?? "—" })
+    return () => controller.abort();
+  }, [id, reloadToken]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-3 md:p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "transparent", size: "small", onClick: goBack, className: "-ml-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}),
+      "Back to Deleted Records"
     ] }) }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/payments"), children: "Back to list" })
-    ] }) : loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-ui-border-base p-6 flex flex-col gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Order ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: detail.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              variant: "transparent",
-              size: "small",
-              onClick: () => navigate(`/orders/${detail.order_id}`),
-              children: detail.order_id
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "—" }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: displayAmount })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.provider_id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Badge,
-            {
-              size: "2xsmall",
-              className: `uppercase ${getStatusBadgeClass$3(displayStatus)}`,
-              children: displayStatus !== "—" ? displayStatus.replace(/_/g, " ") : "—"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Session status (DB)" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: sessionStatusRaw })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Payment status (DB)" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: paymentStatusRaw })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Finalized" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.payment_id != null ? "Yes" : "No" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Provider data" }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-ui-border-base p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No provider data for this session." }) })
-    ] }) : null
+    state.status === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(DetailSkeleton, {}) : state.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(
+      DetailError,
+      {
+        notFound: state.notFound,
+        message: state.message,
+        onRetry: () => setReloadToken((t) => t + 1),
+        onBack: goBack
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(DetailContent, { audit: state.audit })
   ] }) });
 };
-const config$3 = adminSdk.defineRouteConfig({
-  label: "Payment details",
-  icon: icons.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 DetailContent = ({ audit }) => {
   const navigate = reactRouterDom.useNavigate();
-  const params = reactRouterDom.useParams();
-  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
-  const [detail, setDetail] = react.useState(null);
-  const [loading, setLoading] = react.useState(!!id);
-  const [error, setError] = react.useState(null);
-  const [gatewayExpanded, setGatewayExpanded] = react.useState(false);
-  react.useEffect(() => {
-    if (!id) {
-      setLoading(false);
-      return;
+  const entity = getEntityInfo(audit.table_name);
+  const source = describeSource(audit.source);
+  const summary = react.useMemo(() => summarizeOldData(audit.table_name, audit.old_data), [audit]);
+  const masked = react.useMemo(() => maskSensitiveData(audit.old_data, audit.table_name), [audit]);
+  const guidance = getNextSteps(entity.category.id);
+  const related = getRelatedLinks(audit.table_name, audit.old_data);
+  const [showRaw, setShowRaw] = react.useState(false);
+  const copyJson = async () => {
+    try {
+      await navigator.clipboard.writeText(JSON.stringify(masked.value, null, 2));
+      ui.toast.success("Record data copied", {
+        description: masked.maskedCount ? "Sensitive values were left hidden." : void 0
+      });
+    } catch {
+      ui.toast.error("Couldn’t copy to clipboard");
     }
-    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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => navigate("/refunds"), children: "← Refunds" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Refund details" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle font-mono", children: id ?? "—" })
-    ] }) }),
-    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/refunds"), children: "Back to list" })
-    ] }) : loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Refund summary" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.id })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.refund.amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Note" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.refund.note ?? "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created at" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created by" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.created_by })
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Payment summary" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Payment amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.payment_amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Captured amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.captured_amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refunded amount" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.refunded_amount) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.payment.provider_id || "—" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Badge,
-              {
-                size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$2(paymentStatus)}`,
-                children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
-              }
-            ) })
-          ] }),
-          detail.computed ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Full refund" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.computed.is_full_refund ? "Yes" : "No" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Remaining refundable" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.computed.remaining_refundable_amount) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund %" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "mt-1 block", children: [
-                detail.computed.refund_percentage.toFixed(1),
-                "%"
-              ] })
-            ] })
-          ] }) : null
-        ] })
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "small", color: "red", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
+          "Deleted"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: entity.category.label })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Order summary" }),
-        detail.order ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Order" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ui.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__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Total" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.order.total) })
-          ] }) : null,
-          detail.order.customer_id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Customer ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.order.customer_id })
-          ] }) : null,
-          detail.order.region ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Region" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.region })
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Heading, { level: "h1", children: [
+        "Deleted ",
+        entity.label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CopyableId, { value: audit.record_id, emptyLabel: "This record type has no ID column", className: "text-sm" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+          "Database table: ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: audit.table_name })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-ui-tag-orange-border bg-ui-tag-orange-bg px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.InformationCircle, { className: "mt-0.5 shrink-0 text-ui-tag-orange-icon" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-tag-orange-text", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "This is a historical snapshot" }),
+        " captured immediately before deletion. The record no longer exists in the database, so changes elsewhere in the admin are not reflected here."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Deletion information", children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Deleted", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: formatExactDateTime(audit.occurred_at) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-xs text-ui-fg-muted", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.ClockSolid, { className: "size-3" }),
+          formatRelativeTime(audit.occurred_at)
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Deleted by", children: audit.deleted_by ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all text-sm text-ui-fg-base", children: audit.deleted_by }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-muted", children: "Not recorded" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Source", children: source.kind === "unknown" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-muted", children: "Unknown" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "small", color: sourceBadgeColor(source.kind), children: source.label }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Action", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Permanently deleted" }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Section,
+      {
+        title: "Record summary",
+        description: `Key details of this ${entity.label.toLowerCase()} at the moment it was deleted.`,
+        children: summary.length ? /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2", children: summary.map((field) => /* @__PURE__ */ jsxRuntime.jsx(Field, { label: field.label, children: field.kind === "id" ? /* @__PURE__ */ jsxRuntime.jsx(CopyableId, { value: field.value }) : field.kind === "status" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "grey", className: "capitalize", children: field.value }) : field.kind === "masked" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-muted", children: "Hidden for security" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-words text-sm text-ui-fg-base", children: field.value }) }, field.label)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No key details could be extracted for this record type. See the original record data below." })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Section,
+      {
+        title: "Original record data",
+        description: "The complete data captured before deletion.",
+        actions: showRaw && audit.old_data ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "secondary", size: "small", onClick: copyJson, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(icons.SquareTwoStack, {}),
+          "Copy JSON"
+        ] }) : null,
+        children: audit.old_data ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          masked.maskedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(icons.ShieldCheck, { className: "shrink-0 text-ui-fg-muted" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+              masked.maskedCount,
+              " sensitive ",
+              masked.maskedCount === 1 ? "value is" : "values are",
+              " hidden for security (passwords, tokens, card or account numbers)."
+            ] })
           ] }) : null,
-          detail.order.fulfillment_status ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Fulfillment status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.fulfillment_status })
-          ] }) : null
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No order linked to this refund." })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "secondary", size: "small", onClick: () => setShowRaw((s2) => !s2), "aria-expanded": showRaw, children: [
+            showRaw ? /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightMini, {}),
+            showRaw ? "Hide full record" : "View full record"
+          ] }) }),
+          showRaw ? /* @__PURE__ */ jsxRuntime.jsx(JsonViewer, { data: masked.value }) : null
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No data was captured for this deletion." })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "What you can do now", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-base", children: [
+        "This record was permanently deleted. ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Automatic restoration is not available" }),
+        " ",
+        "from this screen."
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("li", { children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("li", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "If it needs to come back:" }),
+          " ",
+          guidance.recreate
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        guidance.adminSection ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => navigate(guidance.adminSection.path), children: guidance.adminSection.label }) : null,
+        related.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
           {
-            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",
+            variant: "transparent",
+            size: "small",
+            onClick: () => navigate(link.path),
+            title: `Opens ${link.label.toLowerCase()} ${link.id} if it still exists`,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg", children: "Gateway data" }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: gatewayExpanded ? "Collapse" : "Expand" })
+              "Open related ",
+              link.label.toLowerCase(),
+              /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightMini, {})
             ]
-          }
-        ),
-        gatewayExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: hasGatewayData ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No gateway payload for this payment." }) })
-      ] })
-    ] }) : null
-  ] }) });
-};
-const config$2 = adminSdk.defineRouteConfig({
-  label: "Refund details",
-  icon: icons.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,
-  /(^|_)hash(ed)?($|_)/i,
-  /(^|_)salt$/i,
-  /^cvv$|^cvc$|security_code/i,
-  /card_?number/i,
-  /account_?number/i,
-  /credential/i,
-  /authorization/i,
-  /recovery_?code/i,
-  /(^|_)otp($|_)/i,
-  /verification_?code/i,
-  /^code_hash$/i,
-  /webhook_?signature/i
-];
-const TABLE_SENSITIVE_KEYS = {
-  otp_verification: /* @__PURE__ */ new Set(["code", "value"]),
-  auth_verification: /* @__PURE__ */ new Set(["code", "value"]),
-  auth_mfa_factor: /* @__PURE__ */ new Set(["value", "config"])
+          },
+          link.path
+        ))
+      ] }) : null,
+      related.length ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: "Related records open only if they haven’t been deleted too." }) : null
+    ] }) })
+  ] });
 };
-const SAFE_KEYS = /* @__PURE__ */ new Set([
-  "token_type",
-  "redacted",
-  "api_key_id",
-  "token_id",
-  "notification_token_id"
-]);
-function isSensitiveKey(key) {
-  const normalized = key.trim().toLowerCase();
-  if (SAFE_KEYS.has(normalized)) return false;
-  return SENSITIVE_KEY_PATTERNS.some((pattern) => pattern.test(normalized));
-}
-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"));
-      if (secret) {
-        ctx.count += 1;
-        out[key] = MASKED_VALUE;
-      } else {
-        out[key] = maskValue(inner, ctx, depth + 1);
-      }
-    }
-    return out;
-  }
-  return value;
-}
-function maskSensitiveData(data, tableName) {
-  const ctx = {
-    count: 0,
-    maskAll: tableName ? FULLY_SECRET_TABLES.has(tableName) : false,
-    tableKeys: tableName ? TABLE_SENSITIVE_KEYS[tableName] : void 0
-  };
-  const value = maskValue(data, ctx, 0);
-  return { value, maskedCount: ctx.count };
-}
-const AUTO_EXPAND_DEPTH = 1;
-const LONG_STRING = 200;
-const JsonViewer = ({ data }) => {
-  const [generation, setGeneration] = react.useState(0);
-  const [expandAll, setExpandAll] = react.useState(null);
-  const setAll = (value) => {
-    setExpandAll(value);
-    setGeneration((g) => g + 1);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => setAll(true), children: "Expand all" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => setAll(false), children: "Collapse all" })
+const Section = ({
+  title,
+  description,
+  actions,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: title }),
+      description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: description }) : null
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[560px] overflow-auto rounded-lg border border-ui-border-base bg-ui-bg-subtle p-3 font-mono text-xs leading-5", children: /* @__PURE__ */ jsxRuntime.jsx(JsonNode, { value: data, depth: 0, forceExpand: expandAll }, generation) })
-  ] });
+    actions
+  ] }),
+  children
+] });
+const Field = ({ label, children }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-ui-fg-muted", children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0", children })
+] });
+const DetailSkeleton = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", "aria-busy": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-5 w-24 rounded-full" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-64" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-4 w-48" })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-14 w-full" }),
+  Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-5 w-40" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: Array.from({ length: 4 }).map((__, j) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3 w-20" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-4 w-36" })
+    ] }, j)) })
+  ] }, i))
+] });
+const DetailError = ({
+  notFound,
+  message,
+  onRetry,
+  onBack
+}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(icons.ExclamationCircle, { className: ui.clx(notFound ? "text-ui-fg-muted" : "text-ui-fg-error") }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: notFound ? "Audit entry not found" : "Unable to load this deleted record" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "max-w-md font-mono text-ui-fg-muted", children: message }) : null,
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: onBack, children: "Back to Deleted Records" }),
+    !notFound ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", size: "small", onClick: onRetry, children: "Try again" }) : null
+  ] })
+] });
+adminSdk.defineRouteConfig({});
+const useDebounce$1 = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = react.useState(value);
+  react.useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
 };
-const JsonNode = ({ name, value, depth, forceExpand }) => {
-  const isContainer = value !== null && typeof value === "object";
-  const [open, setOpen] = react.useState(forceExpand ?? depth < AUTO_EXPAND_DEPTH);
-  const label = name !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-ui-fg-subtle", children: [
-    name,
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: ": " })
-  ] }) : null;
-  if (!isContainer) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start", style: { paddingLeft: depth ? 16 : 0 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-4 shrink-0" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 break-words [overflow-wrap:anywhere]", children: [
-        label,
-        /* @__PURE__ */ jsxRuntime.jsx(Primitive, { value })
-      ] })
-    ] });
+const getStatusBadgeClass$5 = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "requested") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  const entries = Array.isArray(value) ? value.map((v, i) => [String(i), v]) : Object.entries(value);
-  const [openBracket, closeBracket] = Array.isArray(value) ? ["[", "]"] : ["{", "}"];
-  const summary = Array.isArray(value) ? `${entries.length} items` : `${entries.length} keys`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { paddingLeft: depth ? 16 : 0 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen((o) => !o),
-        className: "flex items-start text-left hover:bg-ui-bg-base-hover",
-        "aria-expanded": open,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-4 shrink-0 items-center pt-0.5 text-ui-fg-muted", children: entries.length ? open ? /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightMini, {}) : null }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            label,
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: openBracket }),
-            !open || entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              entries.length ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1 italic text-ui-fg-muted", children: summary }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: closeBracket })
-            ] }) : null
-          ] })
-        ]
-      }
-    ),
-    open && entries.length ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      entries.map(([key, child]) => /* @__PURE__ */ jsxRuntime.jsx(JsonNode, { name: key, value: child, depth: depth + 1, forceExpand }, key)),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingLeft: 16 }, className: "text-ui-fg-muted", children: closeBracket })
-    ] }) : null
-  ] });
-};
-const Primitive = ({ value }) => {
-  const [showFull, setShowFull] = react.useState(false);
-  if (value === MASKED_VALUE) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-ui-tag-orange-bg px-1 text-ui-tag-orange-text", title: "Hidden for security", children: MASKED_VALUE });
+  if (statusLower === "approved") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-  if (value === null || value === void 0) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: "null" });
-  if (typeof value === "boolean") return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-tag-purple-text", children: String(value) });
-  if (typeof value === "number") return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-tag-blue-text", children: value });
-  const text = String(value);
-  const truncated = !showFull && text.length > LONG_STRING;
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ui.clx("text-ui-tag-green-text"), children: [
-    '"',
-    truncated ? `${text.slice(0, LONG_STRING)}…` : text,
-    '"',
-    text.length > LONG_STRING ? /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => setShowFull((s2) => !s2),
-        className: "ml-1 font-sans text-ui-fg-interactive hover:underline",
-        children: showFull ? "show less" : `show all (${text.length} chars)`
-      }
-    ) : null
-  ] });
-};
-const GUIDANCE = {
-  orders: {
-    headline: "Order data affects customers, payments and reports.",
-    recreate: "Orders can’t be recreated identically from the admin. If this deletion was not intended, ask a developer to restore it from a database backup using the snapshot on this page.",
-    adminSection: { label: "Go to Orders", path: "/orders" }
-  },
-  carts: {
-    headline: "Carts are usually cleaned up automatically.",
-    recreate: "No action is normally needed. Customers can simply add items to a new cart."
-  },
-  customers: {
-    headline: "Customer data may be needed for orders, support and compliance.",
-    recreate: "If it was deleted by mistake, recreate it from Customers using the values shown above. A recreated customer gets a new ID and must reset their password.",
-    adminSection: { label: "Go to Customers", path: "/customers" }
-  },
-  catalog: {
-    headline: "Catalog changes affect what customers can see and buy.",
-    recreate: "If it was deleted by mistake, recreate it from Products using the values shown above. It will get a new ID.",
-    adminSection: { label: "Go to Products", path: "/products" }
-  },
-  pricing: {
-    headline: "Pricing and promotions affect what customers pay.",
-    recreate: "If it was deleted by mistake, recreate it from Promotions or Price Lists using the values shown above.",
-    adminSection: { label: "Go to Promotions", path: "/promotions" }
-  },
-  payments: {
-    headline: "Payment records are financial data.",
-    recreate: "Do not recreate payment records by hand—this can make balances inconsistent. If this deletion was not expected, escalate to a developer or your finance team."
-  },
-  fulfillment: {
-    headline: "Shipping and fulfillment settings affect checkout and delivery.",
-    recreate: "If it was deleted by mistake, recreate it from Settings → Locations & Shipping using the values shown above.",
-    adminSection: { label: "Go to Settings", path: "/settings" }
-  },
-  inventory: {
-    headline: "Inventory changes can affect stock levels and availability.",
-    recreate: "If it was deleted by mistake, recreate it from Inventory using the values shown above and re-check stock quantities.",
-    adminSection: { label: "Go to Inventory", path: "/inventory" }
-  },
-  wallet: {
-    headline: "Wallet and credit records are financial data.",
-    recreate: "Do not recreate balances by hand. If this deletion was not expected, escalate to a developer or your finance team so balances can be verified."
-  },
-  access: {
-    headline: "Access records control who can sign in.",
-    recreate: "Secrets such as passwords and keys can’t be restored. Re-invite the user or create a new API key if access is still needed.",
-    adminSection: { label: "Go to Settings", path: "/settings" }
-  },
-  store: {
-    headline: "Store settings affect regions, currencies and taxes.",
-    recreate: "If it was deleted by mistake, recreate it from Settings using the values shown above.",
-    adminSection: { label: "Go to Settings", path: "/settings" }
-  },
-  engagement: {
-    headline: "Customer-generated content.",
-    recreate: "These usually can’t be recreated on the customer’s behalf. Keep the snapshot on this page if you need a record of it."
-  },
-  notifications: {
-    headline: "Notification records are usually cleaned up automatically.",
-    recreate: "No action is normally needed."
-  },
-  system: {
-    headline: "Internal system data, usually removed automatically by the platform.",
-    recreate: "No action is normally needed. If you suspect a problem, share this page with a developer."
+  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";
 };
-function getNextSteps(category) {
-  return GUIDANCE[category];
-}
-const RELATED_LINKS = [
-  { key: "order_id", label: "Order", path: (id) => `/orders/${id}`, selfTables: ["order"] },
-  { key: "customer_id", label: "Customer", path: (id) => `/customers/${id}`, selfTables: ["customer"] },
-  { key: "product_id", label: "Product", path: (id) => `/products/${id}`, selfTables: ["product"] }
-];
-function getRelatedLinks(tableName, oldData) {
-  if (!oldData) return [];
-  return RELATED_LINKS.flatMap((link) => {
-    const id = oldData[link.key];
-    if (link.selfTables.includes(tableName) || typeof id !== "string" || !id.trim()) return [];
-    return [{ label: link.label, id, path: link.path(id) }];
-  });
-}
-const fullName = (row) => {
-  const parts = [row.first_name, row.last_name].filter(
-    (part) => typeof part === "string" && part.trim() !== ""
+const SwapsPage = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [items, setItems] = react.useState([]);
+  const [statusFilter, setStatusFilter] = react.useState("all");
+  const [createdByFilter, setCreatedByFilter] = react.useState("all");
+  const [searchQuery, setSearchQuery] = react.useState("");
+  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [offset, setOffset] = react.useState(0);
+  const [count, setCount] = react.useState(0);
+  const limit = 50;
+  const loadSwaps = react.useCallback(
+    async (nextOffset, replace = false) => {
+      var _a;
+      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 + (((_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);
+      } finally {
+        setIsLoading(false);
+        setIsFetchingMore(false);
+      }
+    },
+    [statusFilter, createdByFilter, debouncedSearchQuery]
   );
-  return parts.length ? parts.join(" ") : void 0;
-};
-const addressLine = (row) => {
-  const parts = [row.address_1, row.address_2, row.city, row.province, row.postal_code, row.country_code].filter((part) => typeof part === "string" && part.trim() !== "").map((part) => part.trim());
-  return parts.length ? parts.join(", ") : void 0;
-};
-const NAME = { key: "name", label: "Name", derive: fullName };
-const ADDRESS = { key: "address", label: "Address", derive: addressLine };
-const CREATED = { key: "created_at", label: "Created", kind: "date" };
-const ENTITY_FIELDS = {
-  order: [
-    { key: "display_id", label: "Order number" },
-    { key: "status", label: "Status", kind: "status" },
-    { key: "email", label: "Customer email" },
-    { key: "customer_id", label: "Customer ID", kind: "id" },
-    { key: "currency_code", label: "Currency" },
-    { key: "region_id", label: "Region ID", kind: "id" },
-    { key: "sales_channel_id", label: "Sales channel ID", kind: "id" },
-    { key: "canceled_at", label: "Canceled", kind: "date" },
-    CREATED
-  ],
-  order_line_item: [
-    { key: "title", label: "Item" },
-    { key: "variant_title", label: "Variant" },
-    { key: "variant_sku", label: "SKU" },
-    { key: "unit_price", label: "Unit price", kind: "money" },
-    { key: "product_id", label: "Product ID", kind: "id" },
-    { key: "variant_id", label: "Variant ID", kind: "id" },
-    CREATED
-  ],
-  cart_line_item: [
-    { key: "title", label: "Item" },
-    { key: "variant_sku", label: "SKU" },
-    { key: "quantity", label: "Quantity", kind: "number" },
-    { key: "unit_price", label: "Unit price", kind: "money" },
-    { key: "cart_id", label: "Cart ID", kind: "id" },
-    { key: "variant_id", label: "Variant ID", kind: "id" },
-    CREATED
-  ],
-  cart: [
-    { key: "email", label: "Email" },
-    { key: "customer_id", label: "Customer ID", kind: "id" },
-    { key: "currency_code", label: "Currency" },
-    { key: "region_id", label: "Region ID", kind: "id" },
-    { key: "completed_at", label: "Completed", kind: "date" },
-    CREATED
-  ],
-  customer: [
-    NAME,
-    { key: "email", label: "Email" },
-    { key: "phone", label: "Phone" },
-    { key: "company_name", label: "Company" },
-    { key: "has_account", label: "Registered account", kind: "boolean" },
-    CREATED
-  ],
-  customer_address: [
-    { key: "address_name", label: "Label" },
-    NAME,
-    ADDRESS,
-    { key: "phone", label: "Phone" },
-    { key: "customer_id", label: "Customer ID", kind: "id" },
-    { key: "is_default_shipping", label: "Default shipping", kind: "boolean" },
-    CREATED
-  ],
-  order_address: [NAME, ADDRESS, { key: "phone", label: "Phone" }, CREATED],
-  cart_address: [NAME, ADDRESS, { key: "phone", label: "Phone" }, CREATED],
-  product: [
-    { key: "title", label: "Title" },
-    { key: "status", label: "Status", kind: "status" },
-    { key: "handle", label: "Handle" },
-    { key: "subtitle", label: "Subtitle" },
-    { key: "collection_id", label: "Collection ID", kind: "id" },
-    { key: "is_giftcard", label: "Gift card", kind: "boolean" },
-    CREATED
-  ],
-  product_variant: [
-    { key: "title", label: "Title" },
-    { key: "sku", label: "SKU" },
-    { key: "barcode", label: "Barcode" },
-    { key: "product_id", label: "Product ID", kind: "id" },
-    { key: "manage_inventory", label: "Manages inventory", kind: "boolean" },
-    CREATED
-  ],
-  product_category: [
-    { key: "name", label: "Name" },
-    { key: "handle", label: "Handle" },
-    { key: "is_active", label: "Active", kind: "boolean" },
-    { key: "parent_category_id", label: "Parent category ID", kind: "id" },
-    CREATED
-  ],
-  product_collection: [{ key: "title", label: "Title" }, { key: "handle", label: "Handle" }, CREATED],
-  payment: [
-    { key: "amount", label: "Amount", kind: "money" },
-    { key: "currency_code", label: "Currency" },
-    { key: "provider_id", label: "Provider" },
-    { key: "captured_at", label: "Captured", kind: "date" },
-    { key: "canceled_at", label: "Canceled", kind: "date" },
-    { key: "payment_collection_id", label: "Payment collection ID", kind: "id" },
-    CREATED
-  ],
-  payment_session: [
-    { key: "amount", label: "Amount", kind: "money" },
-    { key: "currency_code", label: "Currency" },
-    { key: "provider_id", label: "Provider" },
-    { key: "status", label: "Status", kind: "status" },
-    { key: "payment_collection_id", label: "Payment collection ID", kind: "id" },
-    CREATED
-  ],
-  payment_collection: [
-    { key: "amount", label: "Amount", kind: "money" },
-    { key: "currency_code", label: "Currency" },
-    { key: "status", label: "Status", kind: "status" },
-    CREATED
-  ],
-  refund: [
-    { key: "amount", label: "Amount", kind: "money" },
-    { key: "payment_id", label: "Payment ID", kind: "id" },
-    { key: "refund_reason_id", label: "Refund reason ID", kind: "id" },
-    { key: "note", label: "Note" },
-    { key: "created_by", label: "Created by" },
-    CREATED
-  ],
-  return: [
-    { key: "display_id", label: "Return number" },
-    { key: "status", label: "Status", kind: "status" },
-    { key: "order_id", label: "Order ID", kind: "id" },
-    { key: "refund_amount", label: "Refund amount", kind: "money" },
-    { key: "received_at", label: "Received", kind: "date" },
-    CREATED
-  ],
-  payment_detail: [
-    { key: "type", label: "Method type" },
-    { key: "customer_id", label: "Customer ID", kind: "id" },
-    { key: "is_default", label: "Default method", kind: "boolean" },
-    CREATED
-  ],
-  user: [NAME, { key: "email", label: "Email" }, CREATED],
-  invite: [
-    { key: "email", label: "Email" },
-    { key: "accepted", label: "Accepted", kind: "boolean" },
-    { key: "expires_at", label: "Expires", kind: "date" },
-    CREATED
-  ],
-  api_key: [
-    { key: "title", label: "Title" },
-    { key: "type", label: "Type" },
-    { key: "redacted", label: "Key (redacted)" },
-    { key: "revoked_at", label: "Revoked", kind: "date" },
-    CREATED
-  ],
-  promotion: [
-    { key: "code", label: "Promotion code" },
-    { key: "type", label: "Type" },
-    { key: "status", label: "Status", kind: "status" },
-    { key: "is_automatic", label: "Automatic", kind: "boolean" },
-    CREATED
-  ],
-  fulfillment: [
-    { key: "provider_id", label: "Provider" },
-    { key: "location_id", label: "Location ID", kind: "id" },
-    { key: "shipped_at", label: "Shipped", kind: "date" },
-    { key: "delivered_at", label: "Delivered", kind: "date" },
-    { key: "canceled_at", label: "Canceled", kind: "date" },
-    CREATED
-  ],
-  inventory_item: [
-    { key: "sku", label: "SKU" },
-    { key: "title", label: "Title" },
-    { key: "requires_shipping", label: "Requires shipping", kind: "boolean" },
-    CREATED
-  ],
-  inventory_level: [
-    { key: "inventory_item_id", label: "Inventory item ID", kind: "id" },
-    { key: "location_id", label: "Location ID", kind: "id" },
-    { key: "stocked_quantity", label: "Stocked", kind: "number" },
-    { key: "reserved_quantity", label: "Reserved", kind: "number" },
-    CREATED
-  ],
-  review: [
-    { key: "title", label: "Title" },
-    { key: "rating", label: "Rating", kind: "number" },
-    { key: "status", label: "Status", kind: "status" },
-    { key: "product_id", label: "Product ID", kind: "id" },
-    { key: "customer_id", label: "Customer ID", kind: "id" },
-    CREATED
-  ]
+  react.useEffect(() => {
+    void loadSwaps(0, true);
+  }, [statusFilter, createdByFilter, debouncedSearchQuery, loadSwaps]);
+  const hasMore = react.useMemo(() => offset < count, [offset, count]);
+  const availableStatuses = react.useMemo(() => {
+    const statuses = /* @__PURE__ */ new Set();
+    items.forEach((item) => statuses.add(item.status));
+    return Array.from(statuses).sort();
+  }, [items]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Exchanges" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "View and manage all customer exchange requests" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadSwaps(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Search by swap ID or order ID",
+          value: searchQuery,
+          onChange: (event) => setSearchQuery(event.target.value),
+          className: "md:max-w-sm"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All (Created by)" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "customer", children: "Customer" }),
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "admin", children: "Admin" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All Statuses" }),
+              availableStatuses.map((status) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: status, children: status.replace(/_/g, " ").toUpperCase() }, status))
+            ]
+          }
+        )
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "secondary",
+          onClick: () => loadSwaps(0, true),
+          children: "Try again"
+        }
+      ) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swaps..." }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No exchanges yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Exchange requests created by customers will appear here." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Exchange ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Order ID" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Difference Due" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Created" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((swap) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "tr",
+        {
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/swaps/${swap.id}`),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: swap.id }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: swap.order_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$5(swap.status)}`,
+                children: swap.status.replace(/_/g, " ")
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: new Date(swap.created_at).toLocaleDateString("en-US", {
+              year: "numeric",
+              month: "short",
+              day: "numeric",
+              hour: "numeric",
+              minute: "2-digit",
+              hour12: true
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                variant: "transparent",
+                size: "small",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  navigate(`/app/orders/${swap.order_id}`);
+                },
+                children: "Go to order"
+              }
+            ) })
+          ]
+        },
+        swap.id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadSwaps(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
+};
+const config$5 = adminSdk.defineRouteConfig({
+  label: "Exchanges",
+  icon: icons.ArrowPath
+});
+const useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = react.useState(value);
+  react.useEffect(() => {
+    const handler = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(handler);
+  }, [value, delay]);
+  return debouncedValue;
+};
+const getStatusBadgeClass$4 = (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 = reactRouterDom.useNavigate();
+  const [items, setItems] = react.useState([]);
+  const [orderIdSearch, setOrderIdSearch] = react.useState("");
+  const debouncedOrderId = useDebounce(orderIdSearch, 300);
+  const [paymentStatusFilter, setPaymentStatusFilter] = react.useState("all");
+  const [providerSearch, setProviderSearch] = react.useState("");
+  const debouncedProvider = useDebounce(providerSearch, 300);
+  const [currencySearch, setCurrencySearch] = react.useState("");
+  const debouncedCurrency = useDebounce(currencySearch, 300);
+  const [dateFrom, setDateFrom] = react.useState("");
+  const [dateTo, setDateTo] = react.useState("");
+  const [amountMin, setAmountMin] = react.useState("");
+  const [amountMax, setAmountMax] = react.useState("");
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [offset, setOffset] = react.useState(0);
+  const [count, setCount] = react.useState(0);
+  const limit = 50;
+  const loadRefunds = react.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
+    ]
+  );
+  react.useEffect(() => {
+    void loadRefunds(0, true);
+  }, [loadRefunds]);
+  const hasMore = react.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-7xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Refunds" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Refund records — amount, order, payment status" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadRefunds(0, true), children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Order ID",
+          value: orderIdSearch,
+          onChange: (e) => setOrderIdSearch(e.target.value),
+          className: "md:max-w-[180px]",
+          "aria-label": "Filter by order ID"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Provider",
+          value: providerSearch,
+          onChange: (e) => setProviderSearch(e.target.value),
+          className: "md:max-w-[140px]",
+          "aria-label": "Filter by provider"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          placeholder: "Currency",
+          value: currencySearch,
+          onChange: (e) => setCurrencySearch(e.target.value),
+          className: "md:max-w-[100px]",
+          "aria-label": "Filter by currency"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "all", children: "All statuses" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "pending", children: "Pending" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "requires_more", children: "Requires more" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "error", children: "Error" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "canceled", children: "Canceled" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "authorized", children: "Authorized" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "captured", children: "Captured" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          type: "date",
+          placeholder: "From",
+          value: dateFrom,
+          onChange: (e) => setDateFrom(e.target.value),
+          className: "md:max-w-[140px]",
+          "aria-label": "Date from"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          type: "date",
+          placeholder: "To",
+          value: dateTo,
+          onChange: (e) => setDateTo(e.target.value),
+          className: "md:max-w-[140px]",
+          "aria-label": "Date to"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.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__ */ jsxRuntime.jsx(
+        ui.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => loadRefunds(0, true), children: "Try again" }) })
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading refunds…" }) }) : items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-ui-border-strong p-10 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", className: "text-xl", children: "No refunds yet" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mt-2 text-ui-fg-subtle", children: "Refund records will appear here." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-x-auto rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full table-fixed divide-y divide-ui-border-base", style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "tr",
+        {
+          className: "cursor-pointer hover:bg-ui-bg-subtle/60",
+          onClick: () => navigate(`/refunds/${r.refund_id}`),
+          children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", children: displayAmount(r) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle uppercase", children: r.currency_code || "—" }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass$4(displayStatus(r))}`,
+                children: displayStatus(r) !== "—" ? displayStatus(r).replace(/_/g, " ") : "—"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 truncate px-3 py-3 text-ui-fg-subtle", title: r.note ?? void 0, children: r.note ?? "—" }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/refunds/${r.refund_id}`);
+                  },
+                  children: "Details"
+                }
+              ),
+              r.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "transparent",
+                  size: "small",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    navigate(`/orders/${r.order_id}`);
+                  },
+                  children: "Order"
+                }
+              ) : null
+            ] }) })
+          ]
+        },
+        r.refund_id
+      )) })
+    ] }) }),
+    hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        variant: "secondary",
+        isLoading: isFetchingMore,
+        onClick: () => loadRefunds(offset, false),
+        children: "Load more"
+      }
+    ) }) : null
+  ] }) });
 };
-const GENERIC_FIELDS = [
-  { key: "display_id", label: "Number" },
-  { key: "title", label: "Title" },
-  { key: "name", label: "Name" },
-  NAME,
-  { key: "email", label: "Email" },
-  { key: "phone", label: "Phone" },
-  { key: "handle", label: "Handle" },
-  { key: "sku", label: "SKU" },
-  { key: "code", label: "Code" },
-  { key: "status", label: "Status", kind: "status" },
-  { key: "type", label: "Type" },
-  { key: "amount", label: "Amount", kind: "money" },
-  { key: "quantity", label: "Quantity", kind: "number" },
-  { key: "currency_code", label: "Currency" },
-  { key: "order_id", label: "Order ID", kind: "id" },
-  { key: "customer_id", label: "Customer ID", kind: "id" },
-  { key: "product_id", label: "Product ID", kind: "id" },
-  { key: "payment_id", label: "Payment ID", kind: "id" },
-  { key: "provider_id", label: "Provider" },
-  CREATED,
-  { key: "updated_at", label: "Last updated", kind: "date" }
-];
-const MAX_GENERIC_FIELDS = 8;
-function amountOf(value) {
-  if (typeof value === "number" && Number.isFinite(value)) return value;
-  if (typeof value === "string" && value.trim() !== "" && Number.isFinite(Number(value))) return Number(value);
-  if (value !== null && typeof value === "object" && "value" in value) {
-    return amountOf(value.value);
+const config$4 = adminSdk.defineRouteConfig({
+  label: "Refunds",
+  icon: icons.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";
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const PaymentDetailPage = () => {
+  var _a;
+  const navigate = reactRouterDom.useNavigate();
+  const params = reactRouterDom.useParams();
+  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
+  const [detail, setDetail] = react.useState(null);
+  const [loading, setLoading] = react.useState(!!id);
+  const [error, setError] = react.useState(null);
+  react.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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => navigate("/payments"), children: "← Payments" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Payment session" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: id ?? "—" })
+    ] }) }),
+    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/payments"), children: "Back to list" })
+    ] }) : loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-ui-border-base p-6 flex flex-col gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Order ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: detail.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: "transparent",
+              size: "small",
+              onClick: () => navigate(`/orders/${detail.order_id}`),
+              children: detail.order_id
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "—" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: displayAmount })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.provider_id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Badge,
+            {
+              size: "2xsmall",
+              className: `uppercase ${getStatusBadgeClass$3(displayStatus)}`,
+              children: displayStatus !== "—" ? displayStatus.replace(/_/g, " ") : "—"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Session status (DB)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: sessionStatusRaw })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Payment status (DB)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: paymentStatusRaw })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Finalized" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.payment_id != null ? "Yes" : "No" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Provider data" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-ui-border-base p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No provider data for this session." }) })
+    ] }) : null
+  ] }) });
+};
+const config$3 = adminSdk.defineRouteConfig({
+  label: "Payment details",
+  icon: icons.CreditCard
+});
+const getStatusBadgeClass$2 = (status) => {
+  const statusLower = status.toLowerCase();
+  if (statusLower === "requested") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
   }
-  return null;
-}
-function formatValue(raw, kind, row) {
-  if (raw === null || raw === void 0 || raw === "") return null;
-  if (raw === MASKED_VALUE) return { value: MASKED_VALUE, kind: "masked" };
-  switch (kind) {
-    case "money": {
-      const amount = amountOf(raw);
-      if (amount === null) return null;
-      const currency = typeof row.currency_code === "string" ? row.currency_code : null;
-      return { value: formatMoney(amount, currency), kind };
-    }
-    case "date":
-      return typeof raw === "string" || raw instanceof Date ? { value: formatDate(raw), kind } : null;
-    case "boolean":
-      return { value: raw === true || raw === "true" ? "Yes" : "No", kind };
-    case "number": {
-      const n = amountOf(raw);
-      return n === null ? null : { value: formatNumber(n), kind };
-    }
-    case "status":
-      return { value: String(raw).replace(/_/g, " "), kind };
-    default:
-      if (typeof raw === "object") return null;
-      if (typeof raw === "string" && raw.length > 160) return { value: `${raw.slice(0, 157)}…`, kind };
-      return { value: String(raw), kind };
+  if (statusLower === "approved") {
+    return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
   }
-}
-function summarizeOldData(tableName, oldData) {
-  if (!oldData) return [];
-  const { value: row } = maskSensitiveData(oldData, tableName);
-  const specific = ENTITY_FIELDS[tableName];
-  const specs = specific ?? GENERIC_FIELDS;
-  const fields = [];
-  const seenLabels = /* @__PURE__ */ new Set();
-  for (const spec of specs) {
-    const raw = spec.derive ? spec.derive(row) : row[spec.key];
-    const formatted = formatValue(raw, spec.kind ?? "text", row);
-    if (!formatted || seenLabels.has(spec.label)) continue;
-    seenLabels.add(spec.label);
-    const value = spec.key === "currency_code" ? formatted.value.toUpperCase() : formatted.value;
-    fields.push({ key: spec.key, label: spec.label, value, kind: formatted.kind });
-    if (!specific && fields.length >= MAX_GENERIC_FIELDS) break;
+  if (statusLower === "rejected") {
+    return "bg-ui-tag-red-bg text-ui-tag-red-text";
   }
-  return fields;
-}
-function readLastListSearch() {
-  try {
-    return window.sessionStorage.getItem(LAST_LIST_URL_KEY) ?? "";
-  } catch {
-    return "";
+  if (statusLower === "completed") {
+    return "bg-ui-tag-green-bg text-ui-tag-green-text";
   }
-}
-const DeletedRecordDetailPage = () => {
-  var _a;
+  if (statusLower === "cancelled" || statusLower === "canceled") {
+    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
+  }
+  if (statusLower === "pending") {
+    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
+  }
+  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
+};
+const SwapDetailPage = () => {
+  var _a, _b, _c;
   const navigate = reactRouterDom.useNavigate();
-  const location = reactRouterDom.useLocation();
-  const { id = "" } = reactRouterDom.useParams();
-  const [state, setState] = react.useState({ status: "loading" });
-  const [reloadToken, setReloadToken] = react.useState(0);
-  const cameFromList = ((_a = location.state) == null ? void 0 : _a.fromList) === true;
-  const goBack = () => {
-    if (cameFromList) navigate(-1);
-    else navigate(`/deleted-records-audit${readLastListSearch()}`);
-  };
+  const { id } = reactRouterDom.useParams();
+  const [swap, setSwap] = react.useState(null);
+  const [order, setOrder] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(true);
+  react.useState(false);
+  const [isCancelling, setIsCancelling] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [updateError, setUpdateError] = react.useState(null);
+  const [updateSuccess, setUpdateSuccess] = react.useState(false);
   react.useEffect(() => {
-    const controller = new AbortController();
-    setState({ status: "loading" });
-    fetchAuditDetail(id, controller.signal).then((audit) => setState({ status: "ready", audit })).catch((e) => {
-      if (controller.signal.aborted) return;
-      setState({
-        status: "error",
-        message: e instanceof Error ? e.message : "Unknown error",
-        notFound: e instanceof AuditApiError && e.status === 404
-      });
-    });
-    return () => controller.abort();
-  }, [id, reloadToken]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-3 md:p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "transparent", size: "small", onClick: goBack, className: "-ml-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}),
-      "Back to Deleted Records"
-    ] }) }),
-    state.status === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(DetailSkeleton, {}) : state.status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(
-      DetailError,
-      {
-        notFound: state.notFound,
-        message: state.message,
-        onRetry: () => setReloadToken((t) => t + 1),
-        onBack: goBack
+    if (!id) {
+      navigate("/swaps");
+      return;
+    }
+    const loadSwap = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        const response = await fetch(`/admin/swaps/${id}`, {
+          credentials: "include"
+        });
+        if (!response.ok) {
+          const message = await response.text();
+          throw new Error(message || "Unable to load swap");
+        }
+        const payload = await response.json();
+        setSwap(payload.swap);
+        setOrder(payload.order || null);
+      } catch (loadError) {
+        const message = loadError instanceof Error ? loadError.message : "Unable to load swap";
+        setError(message);
+      } finally {
+        setIsLoading(false);
       }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(DetailContent, { audit: state.audit })
-  ] }) });
-};
-const DetailContent = ({ audit }) => {
-  const navigate = reactRouterDom.useNavigate();
-  const entity = getEntityInfo(audit.table_name);
-  const source = describeSource(audit.source);
-  const summary = react.useMemo(() => summarizeOldData(audit.table_name, audit.old_data), [audit]);
-  const masked = react.useMemo(() => maskSensitiveData(audit.old_data, audit.table_name), [audit]);
-  const guidance = getNextSteps(entity.category.id);
-  const related = getRelatedLinks(audit.table_name, audit.old_data);
-  const [showRaw, setShowRaw] = react.useState(false);
-  const copyJson = async () => {
+    };
+    void loadSwap();
+  }, [id, navigate]);
+  const handleCancelExchange = async () => {
+    if (!id) {
+      return;
+    }
     try {
-      await navigator.clipboard.writeText(JSON.stringify(masked.value, null, 2));
-      ui.toast.success("Record data copied", {
-        description: masked.maskedCount ? "Sensitive values were left hidden." : void 0
+      setIsCancelling(true);
+      setUpdateError(null);
+      setUpdateSuccess(false);
+      const response = await fetch(`/admin/swaps/${id}/cancel`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        credentials: "include"
       });
-    } catch {
-      ui.toast.error("Couldn’t copy to clipboard");
+      if (!response.ok) {
+        const message = await response.text();
+        throw new Error(message || "Unable to cancel exchange");
+      }
+      const payload = await response.json();
+      setSwap(payload.swap);
+      setUpdateSuccess(true);
+      setTimeout(() => setUpdateSuccess(false), 3e3);
+      const detailResponse = await fetch(`/admin/swaps/${id}`, {
+        credentials: "include"
+      });
+      if (detailResponse.ok) {
+        const detailPayload = await detailResponse.json();
+        setSwap(detailPayload.swap);
+        setOrder(detailPayload.order || null);
+      }
+    } catch (cancelErr) {
+      const message = cancelErr instanceof Error ? cancelErr.message : "Unable to cancel exchange";
+      setUpdateError(message);
+    } finally {
+      setIsCancelling(false);
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const isOrderExchange = Boolean(swap == null ? void 0 : swap.exchange_id);
+  const canCancelExchange = isOrderExchange && swap && !["cancelled", "canceled", "completed", "declined"].includes(
+    ((_a = swap.status) == null ? void 0 : _a.toLowerCase()) ?? ""
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swap..." }) }) }) });
+  }
+  if (error || !swap) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
+    ] }) }) });
+  }
+  const statusHistory = ((_b = swap.metadata) == null ? void 0 : _b.status_history) || [];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "small", color: "red", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {}),
-          "Deleted"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: entity.category.label })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Heading, { level: "h1", children: [
-        "Deleted ",
-        entity.label
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(CopyableId, { value: audit.record_id, emptyLabel: "This record type has no ID column", className: "text-sm" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
-          "Database table: ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: audit.table_name })
-        ] })
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Button,
+        {
+          variant: "transparent",
+          size: "small",
+          onClick: () => navigate("/swaps"),
+          className: "w-fit",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, { className: "mr-2" }),
+            "Back to list"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Exchange Details" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Badge,
+          {
+            size: "small",
+            className: `uppercase ${getStatusBadgeClass$2(swap.status)}`,
+            children: swap.status.replace(/_/g, " ")
+          }
+        )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-lg border border-ui-tag-orange-border bg-ui-tag-orange-bg px-4 py-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.InformationCircle, { className: "mt-0.5 shrink-0 text-ui-tag-orange-icon" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-tag-orange-text", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "This is a historical snapshot" }),
-        " captured immediately before deletion. The record no longer exists in the database, so changes elsewhere in the admin are not reflected here."
-      ] })
+    canCancelExchange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          variant: "danger",
+          onClick: handleCancelExchange,
+          disabled: isCancelling,
+          isLoading: isCancelling,
+          children: "Cancel Exchange"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "This will cancel the exchange request. The order will remain unchanged." })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Deletion information", children: /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Deleted", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: formatExactDateTime(audit.occurred_at) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-xs text-ui-fg-muted", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icons.ClockSolid, { className: "size-3" }),
-          formatRelativeTime(audit.occurred_at)
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.id })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.status })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
+          ] }),
+          swap.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.reason })
+          ] }),
+          swap.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.note })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
+          ] }),
+          swap.exchange_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
+          ] })
         ] })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Deleted by", children: audit.deleted_by ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-all text-sm text-ui-fg-base", children: audit.deleted_by }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-muted", children: "Not recorded" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Source", children: source.kind === "unknown" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-muted", children: "Unknown" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "small", color: sourceBadgeColor(source.kind), children: source.label }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: "Action", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-base", children: "Permanently deleted" }) })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Section,
-      {
-        title: "Record summary",
-        description: `Key details of this ${entity.label.toLowerCase()} at the moment it was deleted.`,
-        children: summary.length ? /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2", children: summary.map((field) => /* @__PURE__ */ jsxRuntime.jsx(Field, { label: field.label, children: field.kind === "id" ? /* @__PURE__ */ jsxRuntime.jsx(CopyableId, { value: field.value }) : field.kind === "status" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "grey", className: "capitalize", children: field.value }) : field.kind === "masked" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-ui-fg-muted", children: "Hidden for security" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "break-words text-sm text-ui-fg-base", children: field.value }) }, field.label)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No key details could be extracted for this record type. See the original record data below." })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Section,
-      {
-        title: "Original record data",
-        description: "The complete data captured before deletion.",
-        actions: showRaw && audit.old_data ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "secondary", size: "small", onClick: copyJson, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icons.SquareTwoStack, {}),
-          "Copy JSON"
-        ] }) : null,
-        children: audit.old_data ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-          masked.maskedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.ShieldCheck, { className: "shrink-0 text-ui-fg-muted" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-              masked.maskedCount,
-              " sensitive ",
-              masked.maskedCount === 1 ? "value is" : "values are",
-              " hidden for security (passwords, tokens, card or account numbers)."
-            ] })
-          ] }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "secondary", size: "small", onClick: () => setShowRaw((s2) => !s2), "aria-expanded": showRaw, children: [
-            showRaw ? /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightMini, {}),
-            showRaw ? "Hide full record" : "View full record"
-          ] }) }),
-          showRaw ? /* @__PURE__ */ jsxRuntime.jsx(JsonViewer, { data: masked.value }) : null
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No data was captured for this deletion." })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "What you can do now", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-base", children: [
-        "This record was permanently deleted. ",
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Automatic restoration is not available" }),
-        " ",
-        "from this screen."
       ] }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("li", { children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Status History" }),
+        statusHistory.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: statusHistory.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "flex items-center justify-between border-b border-ui-border-subtle pb-2 last:border-0",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Badge,
+                {
+                  size: "2xsmall",
+                  className: `uppercase ${getStatusBadgeClass$2(entry.status)}`,
+                  children: entry.status.replace(/_/g, " ")
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
+                new Date(entry.timestamp).toLocaleString(),
+                entry.admin_id && ` by ${entry.admin_id}`,
+                entry.reason && ` - ${entry.reason}`
+              ] })
+            ] })
+          },
+          index
+        )) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
+      ] })
+    ] }),
+    order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.id })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-ui-fg-base", children: "If it needs to come back:" }),
-          " ",
-          guidance.recreate
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.status || "—" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_c = order.customer) == null ? void 0 : _c.email) || order.email || "—" })
+        ] }),
+        order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "font-medium", children: [
+            order.currency_code || "$",
+            (Number(order.total) / 100).toFixed(2)
+          ] })
         ] })
-      ] }),
-      guidance.adminSection || related.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-        guidance.adminSection ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => navigate(guidance.adminSection.path), children: guidance.adminSection.label }) : null,
-        related.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(
-          ui.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__ */ jsxRuntime.jsx(icons.ChevronRightMini, {})
-            ]
-          },
-          link.path
-        ))
-      ] }) : null,
-      related.length ? /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: title }),
-      description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: description }) : null
+      ] })
     ] }),
-    actions
-  ] }),
-  children
-] });
-const Field = ({ label, children }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-xs font-medium uppercase tracking-wide text-ui-fg-muted", children: label }),
-  /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0", children })
-] });
-const DetailSkeleton = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", "aria-busy": "true", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-5 w-24 rounded-full" }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-8 w-64" }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-4 w-48" })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-14 w-full" }),
-  Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 rounded-lg border border-ui-border-base p-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-5 w-40" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: Array.from({ length: 4 }).map((__, j) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3 w-20" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-4 w-36" })
-    ] }, j)) })
-  ] }, i))
-] });
-const DetailError = ({
-  notFound,
-  message,
-  onRetry,
-  onBack
-}) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(icons.ExclamationCircle, { className: ui.clx(notFound ? "text-ui-fg-muted" : "text-ui-fg-error") }),
-  /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: notFound ? "Audit entry not found" : "Unable to load this deleted record" }),
-  /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Text, { size: "xsmall", className: "max-w-md font-mono text-ui-fg-muted", children: message }) : null,
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: onBack, children: "Back to Deleted Records" }),
-    !notFound ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", size: "small", onClick: onRetry, children: "Try again" }) : null
-  ] })
-] });
-adminSdk.defineRouteConfig({});
+    swap.return_items && swap.return_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Item ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
+        ] }, item.id || index)) })
+      ] }) })
+    ] }),
+    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Variant ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
+        ] }, item.variant_id || index)) })
+      ] }) })
+    ] })
+  ] }) });
+};
+const config$2 = adminSdk.defineRouteConfig({
+  label: "Swap Details",
+  icon: icons.ArrowPath
+});
 const getStatusBadgeClass$1 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
@@ -4537,283 +4624,196 @@ const config$1 = adminSdk.defineRouteConfig({
   icon: icons.CheckCircle
 });
 const getStatusBadgeClass = (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" || statusLower === "canceled") {
-    return "bg-ui-tag-grey-bg text-ui-tag-grey-text";
-  }
-  if (statusLower === "pending") {
-    return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  }
+  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 SwapDetailPage = () => {
+const formatAmount = (value) => {
+  return String(value);
+};
+const RefundDetailPage = () => {
   var _a, _b, _c;
   const navigate = reactRouterDom.useNavigate();
-  const { id } = reactRouterDom.useParams();
-  const [swap, setSwap] = react.useState(null);
-  const [order, setOrder] = react.useState(null);
-  const [isLoading, setIsLoading] = react.useState(true);
-  react.useState(false);
-  const [isCancelling, setIsCancelling] = react.useState(false);
+  const params = reactRouterDom.useParams();
+  const id = (_a = params == null ? void 0 : params.id) == null ? void 0 : _a.trim();
+  const [detail, setDetail] = react.useState(null);
+  const [loading, setLoading] = react.useState(!!id);
   const [error, setError] = react.useState(null);
-  const [updateError, setUpdateError] = react.useState(null);
-  const [updateSuccess, setUpdateSuccess] = react.useState(false);
+  const [gatewayExpanded, setGatewayExpanded] = react.useState(false);
   react.useEffect(() => {
     if (!id) {
-      navigate("/swaps");
+      setLoading(false);
       return;
     }
-    const loadSwap = async () => {
-      try {
-        setIsLoading(true);
-        setError(null);
-        const response = await fetch(`/admin/swaps/${id}`, {
-          credentials: "include"
-        });
-        if (!response.ok) {
-          const message = await response.text();
-          throw new Error(message || "Unable to load swap");
-        }
-        const payload = await response.json();
-        setSwap(payload.swap);
-        setOrder(payload.order || null);
-      } catch (loadError) {
-        const message = loadError instanceof Error ? loadError.message : "Unable to load swap";
-        setError(message);
-      } finally {
-        setIsLoading(false);
-      }
+    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;
     };
-    void loadSwap();
-  }, [id, navigate]);
-  const handleCancelExchange = async () => {
-    if (!id) {
-      return;
-    }
-    try {
-      setIsCancelling(true);
-      setUpdateError(null);
-      setUpdateSuccess(false);
-      const response = await fetch(`/admin/swaps/${id}/cancel`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        credentials: "include"
-      });
-      if (!response.ok) {
-        const message = await response.text();
-        throw new Error(message || "Unable to cancel exchange");
-      }
-      const payload = await response.json();
-      setSwap(payload.swap);
-      setUpdateSuccess(true);
-      setTimeout(() => setUpdateSuccess(false), 3e3);
-      const detailResponse = await fetch(`/admin/swaps/${id}`, {
-        credentials: "include"
-      });
-      if (detailResponse.ok) {
-        const detailPayload = await detailResponse.json();
-        setSwap(detailPayload.swap);
-        setOrder(detailPayload.order || null);
-      }
-    } catch (cancelErr) {
-      const message = cancelErr instanceof Error ? cancelErr.message : "Unable to cancel exchange";
-      setUpdateError(message);
-    } finally {
-      setIsCancelling(false);
-    }
-  };
-  const isOrderExchange = Boolean(swap == null ? void 0 : swap.exchange_id);
-  const canCancelExchange = isOrderExchange && swap && !["cancelled", "canceled", "completed", "declined"].includes(
-    ((_a = swap.status) == null ? void 0 : _a.toLowerCase()) ?? ""
-  );
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading swap..." }) }) }) });
-  }
-  if (error || !swap) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error || "Swap not found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => navigate("/swaps"), children: "Back to list" }) })
-    ] }) }) });
-  }
-  const statusHistory = ((_b = swap.metadata) == null ? void 0 : _b.status_history) || [];
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-5xl flex-col gap-6 p-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        ui.Button,
-        {
-          variant: "transparent",
-          size: "small",
-          onClick: () => navigate("/swaps"),
-          className: "w-fit",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, { className: "mr-2" }),
-            "Back to list"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Exchange Details" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: swap.id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Badge,
-          {
-            size: "small",
-            className: `uppercase ${getStatusBadgeClass(swap.status)}`,
-            children: swap.status.replace(/_/g, " ")
-          }
-        )
-      ] })
-    ] }),
-    canCancelExchange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
-        {
-          variant: "danger",
-          onClick: handleCancelExchange,
-          disabled: isCancelling,
-          isLoading: isCancelling,
-          children: "Cancel Exchange"
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "This will cancel the exchange request. The order will remain unchanged." })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Exchange Information" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+  }, [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__ */ jsxRuntime.jsx("div", { className: "w-full p-6", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mx-auto flex w-full max-w-4xl flex-col gap-6 p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: () => navigate("/refunds"), children: "← Refunds" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Refund details" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle font-mono", children: id ?? "—" })
+    ] }) }),
+    error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-strong p-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "plus", className: "text-ui-fg-error", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", className: "mt-4", onClick: () => navigate("/refunds"), children: "Back to list" })
+    ] }) : loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading…" }) }) : detail ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Refund summary" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.id })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.id })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.refund.amount) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Note" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.refund.note ?? "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created at" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Created by" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.refund.created_by })
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Payment summary" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Payment amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.payment_amount) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Status" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.status })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Captured amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.captured_amount) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Difference Due" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.difference_due != null ? `${swap.currency_code || "$"}${(Number(swap.difference_due) / 100).toFixed(2)}` : "—" })
-          ] }),
-          swap.reason && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Reason" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.reason })
-          ] }),
-          swap.note && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Note" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.note })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refunded amount" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.payment.refunded_amount) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Created" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.created_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Provider" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.payment.provider_id || "—" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Last Updated" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: new Date(swap.updated_at).toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Status" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Badge,
+              {
+                size: "2xsmall",
+                className: `uppercase ${getStatusBadgeClass(paymentStatus)}`,
+                children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
+              }
+            ) })
           ] }),
-          swap.exchange_id && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Exchange ID" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: swap.exchange_id })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Status History" }),
-        statusHistory.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: statusHistory.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "flex items-center justify-between border-b border-ui-border-subtle pb-2 last:border-0",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Badge,
-                {
-                  size: "2xsmall",
-                  className: `uppercase ${getStatusBadgeClass(entry.status)}`,
-                  children: entry.status.replace(/_/g, " ")
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
-                new Date(entry.timestamp).toLocaleString(),
-                entry.admin_id && ` by ${entry.admin_id}`,
-                entry.reason && ` - ${entry.reason}`
+          detail.computed ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Full refund" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.computed.is_full_refund ? "Yes" : "No" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Remaining refundable" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.computed.remaining_refundable_amount) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Refund %" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "mt-1 block", children: [
+                detail.computed.refund_percentage.toFixed(1),
+                "%"
               ] })
             ] })
-          },
-          index
-        )) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "No status history available" })
-      ] })
-    ] }),
-    order && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Related Order Information" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Status" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: order.status || "—" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Customer" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: ((_c = order.customer) == null ? void 0 : _c.email) || order.email || "—" })
-        ] }),
-        order.total && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Order Total" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "font-medium", children: [
-            order.currency_code || "$",
-            (Number(order.total) / 100).toFixed(2)
-          ] })
+          ] }) : null
         ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg mb-4", children: "Order summary" }),
+        detail.order ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Order" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.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__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: formatAmount(detail.order.total) })
+          ] }) : null,
+          detail.order.customer_id ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Customer ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block font-mono text-sm", children: detail.order.customer_id })
+          ] }) : null,
+          detail.order.region ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Region" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.region })
+          ] }) : null,
+          detail.order.fulfillment_status ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Fulfillment status" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "mt-1 block", children: detail.order.fulfillment_status })
+          ] }) : null
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No order linked to this refund." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-ui-border-base p-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            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: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "text-lg", children: "Gateway data" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: gatewayExpanded ? "Collapse" : "Expand" })
+            ]
+          }
+        ),
+        gatewayExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: hasGatewayData ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "No gateway payload for this payment." }) })
       ] })
-    ] }),
-    swap.return_items && swap.return_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "Return Items" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Item ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Reason" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.return_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.id }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.reason || "—" })
-        ] }, item.id || index)) })
-      ] }) })
-    ] }),
-    swap.new_items && swap.new_items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-ui-border-base bg-ui-bg-base p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4 text-lg", children: "New Items" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl border border-ui-border-base", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-ui-border-base", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-ui-bg-subtle", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Variant ID" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted", children: "Quantity" })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: swap.new_items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 font-medium text-ui-fg-base", children: item.variant_id }),
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-4 text-ui-fg-subtle", children: item.quantity })
-        ] }, item.variant_id || index)) })
-      ] }) })
-    ] })
+    ] }) : null
   ] }) });
 };
 const config = adminSdk.defineRouteConfig({
-  label: "Swap Details",
-  icon: icons.ArrowPath
+  label: "Refund details",
+  icon: icons.Receipt
 });
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [
@@ -4828,72 +4828,84 @@ const widgetModule = { widgets: [
 ] };
 const routeModule = {
   routes: [
-    {
-      Component: PaymentsPage,
-      path: "/payments"
-    },
-    {
-      Component: RefundsPage,
-      path: "/refunds"
-    },
     {
       Component: DeletedRecordsPage,
       path: "/deleted-records-audit"
     },
+    {
+      Component: PaymentsPage,
+      path: "/payments"
+    },
     {
       Component: ReturnsPage,
       path: "/returns"
     },
+    {
+      Component: DeletedRecordDetailPage,
+      path: "/deleted-records-audit/:id"
+    },
     {
       Component: SwapsPage,
       path: "/swaps"
     },
     {
-      Component: PaymentDetailPage,
-      path: "/payments/:id"
+      Component: RefundsPage,
+      path: "/refunds"
     },
     {
-      Component: RefundDetailPage,
-      path: "/refunds/:id"
+      Component: PaymentDetailPage,
+      path: "/payments/:id"
     },
     {
-      Component: DeletedRecordDetailPage,
-      path: "/deleted-records-audit/:id"
+      Component: SwapDetailPage,
+      path: "/swaps/:id"
     },
     {
       Component: ReturnDetailPage,
       path: "/returns/:id"
     },
     {
-      Component: SwapDetailPage,
-      path: "/swaps/:id"
+      Component: RefundDetailPage,
+      path: "/refunds/:id"
     }
   ]
 };
 const menuItemModule = {
   menuItems: [
     {
-      label: config$5.label,
-      icon: config$5.icon,
-      path: "/returns",
+      label: config$8.label,
+      icon: config$8.icon,
+      path: "/deleted-records-audit",
       nested: void 0
     },
     {
       label: config$7.label,
       icon: config$7.icon,
-      path: "/refunds",
+      path: "/payments",
+      nested: void 0
+    },
+    {
+      label: config$6.label,
+      icon: config$6.icon,
+      path: "/returns",
+      nested: void 0
+    },
+    {
+      label: config$5.label,
+      icon: config$5.icon,
+      path: "/swaps",
       nested: void 0
     },
     {
       label: config$4.label,
       icon: config$4.icon,
-      path: "/swaps",
+      path: "/refunds",
       nested: void 0
     },
     {
-      label: config$6.label,
-      icon: config$6.icon,
-      path: "/deleted-records-audit",
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/payments/:id",
       nested: void 0
     },
     {
@@ -4902,28 +4914,16 @@ const menuItemModule = {
       path: "/returns/:id",
       nested: void 0
     },
-    {
-      label: config$8.label,
-      icon: config$8.icon,
-      path: "/payments",
-      nested: void 0
-    },
     {
       label: config$2.label,
       icon: config$2.icon,
-      path: "/refunds/:id",
+      path: "/swaps/:id",
       nested: 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",
+      path: "/refunds/:id",
       nested: void 0
     }
   ]