order-management 0.0.102 → 0.0.103

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

@@ -2229,19 +2229,27 @@ const getStatusBadgeClass$7 = (status) => {
   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 RefundsPage = () => {
   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 [paymentStatusFilter, setPaymentStatusFilter] = react.useState("all");
+  const [providerSearch, setProviderSearch] = react.useState("");
+  const debouncedProvider = useDebounce$3(providerSearch, 300);
+  const [currencySearch, setCurrencySearch] = react.useState("");
+  const debouncedCurrency = useDebounce$3(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 loadTransactions = react.useCallback(
+  const loadRefunds = react.useCallback(
     async (nextOffset, replace) => {
       try {
         if (replace) setIsLoading(true);
@@ -2250,18 +2258,25 @@ const PaymentsPage = () => {
         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 (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 payment transactions");
+          throw new Error(text || "Failed to load refunds");
         }
         const payload = await response.json();
-        const list = payload.transactions ?? [];
+        const list = payload.refunds ?? [];
         setCount(payload.count ?? 0);
         setOffset(nextOffset + list.length);
         setItems((prev) => replace ? list : [...prev, ...list]);
@@ -2272,46 +2287,75 @@ const PaymentsPage = () => {
         setIsFetchingMore(false);
       }
     },
-    [statusFilter, debouncedOrderId]
+    [
+      debouncedOrderId,
+      paymentStatusFilter,
+      debouncedProvider,
+      debouncedCurrency,
+      dateFrom,
+      dateTo,
+      amountMin,
+      amountMax
+    ]
   );
   react.useEffect(() => {
-    void loadTransactions(0, true);
-  }, [loadTransactions]);
+    void loadRefunds(0, true);
+  }, [loadRefunds]);
   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 = (r) => {
+    const code = (r.currency_code ?? "USD").toUpperCase();
+    return `${code} ${Number(r.amount)}`;
   };
-  const displayAmount = (t) => {
-    const code = (t.currency_code ?? "USD").toUpperCase();
-    return `${code} ${Number(t.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: "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.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: () => loadTransactions(0, true), children: "Refresh" })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadRefunds(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("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: "Search by Order ID",
+          placeholder: "Order ID",
           value: orderIdSearch,
           onChange: (e) => setOrderIdSearch(e.target.value),
-          className: "md:max-w-sm",
-          "aria-label": "Search by order ID"
+          className: "md:max-w-[180px]",
+          "aria-label": "Filter by order ID"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__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: 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",
+          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" }),
@@ -2322,52 +2366,103 @@ const PaymentsPage = () => {
             /* @__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: () => loadTransactions(0, true), children: "Try again" }) })
+      /* @__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 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: [
+    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: "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("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((t) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
-          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
-          onClick: () => navigate(`/payments/${t.payment_session_id}`),
+          className: "cursor-pointer hover:bg-ui-bg-subtle/60",
+          onClick: () => navigate(`/refunds/${r.refund_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(
+            /* @__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$7(displayStatus(t))}`,
-                children: displayStatus(t) !== "—" ? displayStatus(t).replace(/_/g, " ") : "—"
+                className: `uppercase ${getStatusBadgeClass$7(displayStatus(r))}`,
+                children: displayStatus(r) !== "—" ? displayStatus(r).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",
+            /* @__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.jsxs("td", { className: "px-4 py-4", children: [
+            /* @__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,
                 {
@@ -2375,27 +2470,27 @@ const PaymentsPage = () => {
                   size: "small",
                   onClick: (e) => {
                     e.stopPropagation();
-                    navigate(`/payments/${t.payment_session_id}`);
+                    navigate(`/refunds/${r.refund_id}`);
                   },
-                  children: "View details"
+                  children: "Details"
                 }
               ),
-              t.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
+              r.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Button,
                 {
                   variant: "transparent",
                   size: "small",
                   onClick: (e) => {
                     e.stopPropagation();
-                    navigate(`/orders/${t.order_id}`);
+                    navigate(`/orders/${r.order_id}`);
                   },
                   children: "Order"
                 }
               ) : null
-            ] })
+            ] }) })
           ]
         },
-        t.payment_session_id
+        r.refund_id
       )) })
     ] }) }),
     hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2403,15 +2498,15 @@ const PaymentsPage = () => {
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadTransactions(offset, false),
+        onClick: () => loadRefunds(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
 const config$8 = adminSdk.defineRouteConfig({
-  label: "Payments",
-  icon: icons.CreditCard
+  label: "Refunds",
+  icon: icons.Receipt
 });
 const useDebounce$2 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
@@ -2429,27 +2524,19 @@ const getStatusBadgeClass$6 = (status) => {
   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 PaymentsPage = () => {
   const navigate = reactRouterDom.useNavigate();
   const [items, setItems] = react.useState([]);
+  const [statusFilter, setStatusFilter] = react.useState("all");
   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(
+  const loadTransactions = react.useCallback(
     async (nextOffset, replace) => {
       try {
         if (replace) setIsLoading(true);
@@ -2458,25 +2545,18 @@ const RefundsPage = () => {
         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());
-        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"
-        });
+        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 refunds");
+          throw new Error(text || "Failed to load payment transactions");
         }
         const payload = await response.json();
-        const list = payload.refunds ?? [];
+        const list = payload.transactions ?? [];
         setCount(payload.count ?? 0);
         setOffset(nextOffset + list.length);
         setItems((prev) => replace ? list : [...prev, ...list]);
@@ -2487,182 +2567,102 @@ const RefundsPage = () => {
         setIsFetchingMore(false);
       }
     },
-    [
-      debouncedOrderId,
-      paymentStatusFilter,
-      debouncedProvider,
-      debouncedCurrency,
-      dateFrom,
-      dateTo,
-      amountMin,
-      amountMax
-    ]
+    [statusFilter, debouncedOrderId]
   );
   react.useEffect(() => {
-    void loadRefunds(0, true);
-  }, [loadRefunds]);
+    void loadTransactions(0, true);
+  }, [loadTransactions]);
   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 ?? "";
+  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: "Refunds" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Refund records — amount, order, payment status" })
+        /* @__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: () => loadRefunds(0, true), children: "Refresh" })
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "primary", onClick: () => loadTransactions(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.jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ui.Input,
         {
-          placeholder: "Order ID",
+          placeholder: "Search by 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"
+          className: "md:max-w-sm",
+          "aria-label": "Search by order ID"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__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"
+          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: () => loadRefunds(0, true), children: "Try again" }) })
+      /* @__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 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: [
+    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: "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("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((r) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((t) => /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
-          className: "cursor-pointer hover:bg-ui-bg-subtle/60",
-          onClick: () => navigate(`/refunds/${r.refund_id}`),
+          className: "hover:bg-ui-bg-subtle/60 cursor-pointer",
+          onClick: () => navigate(`/payments/${t.payment_session_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(
+            /* @__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$6(displayStatus(r))}`,
-                children: displayStatus(r) !== "—" ? displayStatus(r).replace(/_/g, " ") : "—"
+                className: `uppercase ${getStatusBadgeClass$6(displayStatus(t))}`,
+                children: displayStatus(t) !== "—" ? displayStatus(t).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", {
+            /* @__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.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-4 py-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Button,
                 {
@@ -2670,27 +2670,27 @@ const RefundsPage = () => {
                   size: "small",
                   onClick: (e) => {
                     e.stopPropagation();
-                    navigate(`/refunds/${r.refund_id}`);
+                    navigate(`/payments/${t.payment_session_id}`);
                   },
-                  children: "Details"
+                  children: "View details"
                 }
               ),
-              r.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
+              t.order_id ? /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Button,
                 {
                   variant: "transparent",
                   size: "small",
                   onClick: (e) => {
                     e.stopPropagation();
-                    navigate(`/orders/${r.order_id}`);
+                    navigate(`/orders/${t.order_id}`);
                   },
                   children: "Order"
                 }
               ) : null
-            ] }) })
+            ] })
           ]
         },
-        r.refund_id
+        t.payment_session_id
       )) })
     ] }) }),
     hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2698,15 +2698,15 @@ const RefundsPage = () => {
       {
         variant: "secondary",
         isLoading: isFetchingMore,
-        onClick: () => loadRefunds(offset, false),
+        onClick: () => loadTransactions(offset, false),
         children: "Load more"
       }
     ) }) : null
   ] }) });
 };
 const config$7 = adminSdk.defineRouteConfig({
-  label: "Refunds",
-  icon: icons.Receipt
+  label: "Payments",
+  icon: icons.CreditCard
 });
 const useDebounce$1 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
@@ -3838,207 +3838,89 @@ const DetailContent = ({ audit }) => {
           " ",
           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,
-          {
-            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
-  ] })
-] });
-const config$4 = adminSdk.defineRouteConfig({});
-const getStatusBadgeClass$3 = (status) => {
-  const s2 = status.toLowerCase();
-  if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
-  if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
-  if (s2 === "error" || s2 === "canceled" || s2 === "cancelled") return "bg-ui-tag-red-bg text-ui-tag-red-text";
-  if (s2 === "pending" || s2 === "requires_more") return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
-  return "bg-ui-tag-purple-bg text-ui-tag-purple-text";
-};
-const PaymentDetailPage = () => {
-  const navigate = reactRouterDom.useNavigate();
-  const params = reactRouterDom.useParams();
-  const id = params?.id?.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?.session_status ?? "—";
-  const paymentStatusRaw = detail?.payment_id != null ? 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("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-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
-          }) })
+        /* @__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."
         ] })
-      ] }) }),
-      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
-  ] }) });
+      ] }),
+      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 config$3 = adminSdk.defineRouteConfig({
-  label: "Payment details",
-  icon: icons.CreditCard
-});
-const getStatusBadgeClass$2 = (status) => {
+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
+  ] })
+] });
+const config$4 = adminSdk.defineRouteConfig({});
+const getStatusBadgeClass$3 = (status) => {
   const s2 = status.toLowerCase();
   if (s2 === "captured" || s2 === "completed") return "bg-ui-tag-green-bg text-ui-tag-green-text";
   if (s2 === "authorized") return "bg-ui-tag-blue-bg text-ui-tag-blue-text";
@@ -4148,7 +4030,7 @@ const RefundDetailPage = () => {
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$2(paymentStatus)}`,
+                className: `uppercase ${getStatusBadgeClass$3(paymentStatus)}`,
                 children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
               }
             ) })
@@ -4225,10 +4107,128 @@ const RefundDetailPage = () => {
     ] }) : null
   ] }) });
 };
-const config$2 = adminSdk.defineRouteConfig({
+const config$3 = adminSdk.defineRouteConfig({
   label: "Refund details",
   icon: icons.Receipt
 });
+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 PaymentDetailPage = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const params = reactRouterDom.useParams();
+  const id = params?.id?.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?.session_status ?? "—";
+  const paymentStatusRaw = detail?.payment_id != null ? 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$2(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$2 = adminSdk.defineRouteConfig({
+  label: "Payment details",
+  icon: icons.CreditCard
+});
 const getStatusBadgeClass$1 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
@@ -4810,13 +4810,13 @@ const routeModule = {
       handle: { label: config$9.label, translationNs: config$9.translationNs }
     },
     {
-      Component: PaymentsPage,
-      path: "/payments",
+      Component: RefundsPage,
+      path: "/refunds",
       handle: { label: config$8.label, translationNs: config$8.translationNs }
     },
     {
-      Component: RefundsPage,
-      path: "/refunds",
+      Component: PaymentsPage,
+      path: "/payments",
       handle: { label: config$7.label, translationNs: config$7.translationNs }
     },
     {
@@ -4835,13 +4835,13 @@ const routeModule = {
       handle: { label: config$4.label, translationNs: config$4.translationNs }
     },
     {
-      Component: PaymentDetailPage,
-      path: "/payments/:id",
+      Component: RefundDetailPage,
+      path: "/refunds/:id",
       handle: { label: config$3.label, translationNs: config$3.translationNs }
     },
     {
-      Component: RefundDetailPage,
-      path: "/refunds/:id",
+      Component: PaymentDetailPage,
+      path: "/payments/:id",
       handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
@@ -4867,16 +4867,16 @@ const menuItemModule = {
       translationNs: void 0
     },
     {
-      label: config$8.label,
-      icon: config$8.icon,
+      label: config$7.label,
+      icon: config$7.icon,
       path: "/payments",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$7.label,
-      icon: config$7.icon,
+      label: config$8.label,
+      icon: config$8.icon,
       path: "/refunds",
       nested: void 0,
       rank: void 0,
@@ -4899,16 +4899,16 @@ const menuItemModule = {
       translationNs: void 0
     },
     {
-      label: config$3.label,
-      icon: config$3.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/payments/:id",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
+      label: config$3.label,
+      icon: config$3.icon,
       path: "/refunds/:id",
       nested: void 0,
       rank: void 0,