order-management 0.0.95 → 0.0.97

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

@@ -924,6 +924,1295 @@ const OrderRefundContextWidget = (props) => {
 adminSdk.defineWidgetConfig({
   zone: "order.details.after"
 });
+const AUDITED_TABLE_NAMES = [
+  "account_deletion_request",
+  "account_holder",
+  "api_key",
+  "application_method_buy_rules",
+  "application_method_target_rules",
+  "auth_identity",
+  "auth_mfa_factor",
+  "auth_mfa_recovery_code",
+  "auth_password_reset_token",
+  "auth_verification",
+  "cancel_order_reason_mapping",
+  "capture",
+  "cart",
+  "cart_address",
+  "cart_line_item",
+  "cart_line_item_adjustment",
+  "cart_line_item_tax_line",
+  "cart_payment_collection",
+  "cart_promotion",
+  "cart_shipping_method",
+  "cart_shipping_method_adjustment",
+  "cart_shipping_method_tax_line",
+  "contact_email_subscription",
+  "contact_request",
+  "contact_request_comment",
+  "credit_line",
+  "currency",
+  "customer",
+  "customer_account_holder",
+  "customer_address",
+  "customer_group",
+  "customer_group_customer",
+  "dynamic_config_value",
+  "fulfillment",
+  "fulfillment_address",
+  "fulfillment_item",
+  "fulfillment_label",
+  "fulfillment_provider",
+  "fulfillment_set",
+  "geo_zone",
+  "image",
+  "inventory_count_item",
+  "inventory_count_session",
+  "inventory_item",
+  "inventory_level",
+  "inventory_movement",
+  "inventory_purchase",
+  "inventory_purchase_attachment",
+  "inventory_purchase_audit_event",
+  "inventory_purchase_batch",
+  "inventory_purchase_line_item",
+  "invite",
+  "invite_rbac_role",
+  "invoice",
+  "invoice_sequence",
+  "layout_configuration",
+  "link_module_migrations",
+  "location_fulfillment_provider",
+  "location_fulfillment_set",
+  "loyalty_gift_card",
+  "mikro_orm_migrations",
+  "notification",
+  "notification_provider",
+  "notification_tokens",
+  "order",
+  "order_address",
+  "order_cart",
+  "order_change",
+  "order_change_action",
+  "order_claim",
+  "order_claim_item",
+  "order_claim_item_image",
+  "order_credit_line",
+  "order_exchange",
+  "order_exchange_item",
+  "order_fulfillment",
+  "order_item",
+  "order_line_item",
+  "order_line_item_adjustment",
+  "order_line_item_tax_line",
+  "order_payment_collection",
+  "order_promotion",
+  "order_shipping",
+  "order_shipping_method",
+  "order_shipping_method_adjustment",
+  "order_shipping_method_tax_line",
+  "order_summary",
+  "order_transaction",
+  "otp_verification",
+  "payment",
+  "payment_collection",
+  "payment_collection_payment_providers",
+  "payment_detail",
+  "payment_provider",
+  "payment_session",
+  "payout_request",
+  "price",
+  "price_list",
+  "price_list_rule",
+  "price_preference",
+  "price_rule",
+  "price_set",
+  "product",
+  "product_category",
+  "product_category_product",
+  "product_collection",
+  "product_display_priority",
+  "product_option",
+  "product_option_value",
+  "product_product_option",
+  "product_product_option_value",
+  "product_sales_channel",
+  "product_shipping_profile",
+  "product_tag",
+  "product_tags",
+  "product_type",
+  "product_variant",
+  "product_variant_inventory_item",
+  "product_variant_option",
+  "product_variant_price_set",
+  "product_variant_product_image",
+  "product_view",
+  "promotion",
+  "promotion_application_method",
+  "promotion_campaign",
+  "promotion_campaign_budget",
+  "promotion_campaign_budget_usage",
+  "promotion_promotion_rule",
+  "promotion_rule",
+  "promotion_rule_value",
+  "property_label",
+  "provider_identity",
+  "publishable_api_key_sales_channel",
+  "purchase_supplier",
+  "referral_link",
+  "referral_reward",
+  "refund",
+  "refund_payment_mapping",
+  "refund_reason",
+  "region",
+  "region_country",
+  "region_payment_provider",
+  "reservation_item",
+  "return",
+  "return_fulfillment",
+  "return_item",
+  "return_reason",
+  "review",
+  "sales_channel",
+  "sales_channel_stock_location",
+  "script_migrations",
+  "search_index",
+  "search_index_sync",
+  "search_index_version",
+  "search_postgres_index",
+  "service_zone",
+  "shipment_tracking_event",
+  "shipping_option",
+  "shipping_option_price_set",
+  "shipping_option_rule",
+  "shipping_option_type",
+  "shipping_profile",
+  "skip_merge_cart",
+  "stock_location",
+  "stock_location_address",
+  "store",
+  "store_credit_account",
+  "store_credit_account_transaction",
+  "store_currency",
+  "store_locale",
+  "tax_provider",
+  "tax_rate",
+  "tax_rate_rule",
+  "tax_region",
+  "telegram_config",
+  "telegram_notification_log",
+  "user",
+  "user_preference",
+  "user_rbac_role",
+  "view_configuration",
+  "wallet_account",
+  "wallet_credit_lot",
+  "wallet_gift_card",
+  "wallet_hold",
+  "wallet_ledger_entry",
+  "wallet_rate_limit",
+  "wallet_refund_intent",
+  "wallet_top_up_request",
+  "wishlist",
+  "workflow_execution"
+];
+const ENTITY_CATEGORIES = [
+  { id: "orders", label: "Orders", description: "Orders, items, returns, exchanges and claims" },
+  { id: "carts", label: "Carts", description: "Shopping carts and checkout data" },
+  { id: "customers", label: "Customers", description: "Customers, addresses and groups" },
+  { id: "catalog", label: "Catalog", description: "Products, variants, categories and collections" },
+  { id: "pricing", label: "Pricing & Promotions", description: "Prices, price lists and promotions" },
+  { id: "payments", label: "Payments & Refunds", description: "Payments, sessions, captures and refunds" },
+  { id: "fulfillment", label: "Fulfillment & Shipping", description: "Fulfillments, shipping options and tracking" },
+  { id: "inventory", label: "Inventory & Purchasing", description: "Stock, locations, reservations and purchases" },
+  { id: "wallet", label: "Wallet & Credits", description: "Wallets, store credit and gift cards" },
+  { id: "access", label: "Users & Access", description: "Admin users, logins, roles and API keys" },
+  { id: "store", label: "Store & Regions", description: "Store, regions, currencies, taxes and sales channels" },
+  { id: "engagement", label: "Engagement", description: "Reviews, wishlists, referrals and contact requests" },
+  { id: "notifications", label: "Notifications", description: "Notifications and messaging" },
+  { id: "system", label: "System & Configuration", description: "Settings, search, workflows and migrations" }
+];
+const ENTITY_DEFINITIONS = {
+  // Orders
+  order: { label: "Order", category: "orders" },
+  order_address: { label: "Order Address", category: "orders" },
+  order_cart: { label: "Order–Cart Link", category: "orders" },
+  order_change: { label: "Order Change", category: "orders" },
+  order_change_action: { label: "Order Change Action", category: "orders" },
+  order_claim: { label: "Claim", category: "orders" },
+  order_claim_item: { label: "Claim Item", category: "orders" },
+  order_claim_item_image: { label: "Claim Item Image", category: "orders" },
+  order_credit_line: { label: "Order Credit Line", category: "orders" },
+  order_exchange: { label: "Exchange", category: "orders" },
+  order_exchange_item: { label: "Exchange Item", category: "orders" },
+  order_fulfillment: { label: "Order–Fulfillment Link", category: "orders" },
+  order_item: { label: "Order Item Quantity", category: "orders" },
+  order_line_item: { label: "Order Item", category: "orders" },
+  order_line_item_adjustment: { label: "Order Item Discount", category: "orders" },
+  order_line_item_tax_line: { label: "Order Item Tax", category: "orders" },
+  order_payment_collection: { label: "Order–Payment Link", category: "orders" },
+  order_promotion: { label: "Order Promotion", category: "orders" },
+  order_shipping: { label: "Order Shipping", category: "orders" },
+  order_shipping_method: { label: "Order Shipping Method", category: "orders" },
+  order_shipping_method_adjustment: { label: "Order Shipping Discount", category: "orders" },
+  order_shipping_method_tax_line: { label: "Order Shipping Tax", category: "orders" },
+  order_summary: { label: "Order Summary", category: "orders" },
+  order_transaction: { label: "Order Transaction", category: "orders" },
+  return: { label: "Return", category: "orders" },
+  return_fulfillment: { label: "Return–Fulfillment Link", category: "orders" },
+  return_item: { label: "Return Item", category: "orders" },
+  return_reason: { label: "Return Reason", category: "orders" },
+  cancel_order_reason_mapping: { label: "Order Cancellation Reason", category: "orders" },
+  credit_line: { label: "Credit Line", category: "orders" },
+  invoice: { label: "Invoice", category: "orders" },
+  invoice_sequence: { label: "Invoice Number Sequence", category: "orders" },
+  // Carts
+  cart: { label: "Cart", category: "carts" },
+  cart_address: { label: "Cart Address", category: "carts" },
+  cart_line_item: { label: "Cart Item", category: "carts" },
+  cart_line_item_adjustment: { label: "Cart Item Discount", category: "carts" },
+  cart_line_item_tax_line: { label: "Cart Item Tax", category: "carts" },
+  cart_payment_collection: { label: "Cart–Payment Link", category: "carts" },
+  cart_promotion: { label: "Cart Promotion", category: "carts" },
+  cart_shipping_method: { label: "Cart Shipping Method", category: "carts" },
+  cart_shipping_method_adjustment: { label: "Cart Shipping Discount", category: "carts" },
+  cart_shipping_method_tax_line: { label: "Cart Shipping Tax", category: "carts" },
+  skip_merge_cart: { label: "Cart Merge Exclusion", category: "carts" },
+  // Customers
+  customer: { label: "Customer", category: "customers" },
+  customer_address: { label: "Customer Address", category: "customers" },
+  customer_group: { label: "Customer Group", category: "customers" },
+  customer_group_customer: { label: "Customer Group Member", category: "customers" },
+  customer_account_holder: { label: "Customer–Account Holder Link", category: "customers" },
+  account_holder: { label: "Payment Account Holder", category: "customers" },
+  account_deletion_request: { label: "Account Deletion Request", category: "customers" },
+  payment_detail: { label: "Customer Refund Method", category: "customers" },
+  otp_verification: { label: "OTP Verification", category: "customers" },
+  // Catalog
+  product: { label: "Product", category: "catalog" },
+  product_variant: { label: "Product Variant", category: "catalog" },
+  product_category: { label: "Product Category", category: "catalog" },
+  product_category_product: { label: "Product–Category Link", category: "catalog" },
+  product_collection: { label: "Collection", category: "catalog" },
+  product_option: { label: "Product Option", category: "catalog" },
+  product_option_value: { label: "Product Option Value", category: "catalog" },
+  product_product_option: { label: "Product–Option Link", category: "catalog" },
+  product_product_option_value: { label: "Product–Option Value Link", category: "catalog" },
+  product_tag: { label: "Product Tag", category: "catalog" },
+  product_tags: { label: "Product–Tag Link", category: "catalog" },
+  product_type: { label: "Product Type", category: "catalog" },
+  product_sales_channel: { label: "Product–Sales Channel Link", category: "catalog" },
+  product_shipping_profile: { label: "Product–Shipping Profile Link", category: "catalog" },
+  product_variant_inventory_item: { label: "Variant–Inventory Link", category: "catalog" },
+  product_variant_option: { label: "Variant Option", category: "catalog" },
+  product_variant_price_set: { label: "Variant–Price Link", category: "catalog" },
+  product_variant_product_image: { label: "Variant Image", category: "catalog" },
+  product_display_priority: { label: "Product Display Priority", category: "catalog" },
+  product_view: { label: "Product View", category: "catalog" },
+  image: { label: "Product Image", category: "catalog" },
+  property_label: { label: "Property Label", category: "catalog" },
+  // Pricing & promotions
+  price: { label: "Price", category: "pricing" },
+  price_list: { label: "Price List", category: "pricing" },
+  price_list_rule: { label: "Price List Rule", category: "pricing" },
+  price_preference: { label: "Price Preference", category: "pricing" },
+  price_rule: { label: "Price Rule", category: "pricing" },
+  price_set: { label: "Price Set", category: "pricing" },
+  promotion: { label: "Promotion", category: "pricing" },
+  promotion_application_method: { label: "Promotion Application Method", category: "pricing" },
+  promotion_campaign: { label: "Campaign", category: "pricing" },
+  promotion_campaign_budget: { label: "Campaign Budget", category: "pricing" },
+  promotion_campaign_budget_usage: { label: "Campaign Budget Usage", category: "pricing" },
+  promotion_promotion_rule: { label: "Promotion–Rule Link", category: "pricing" },
+  promotion_rule: { label: "Promotion Rule", category: "pricing" },
+  promotion_rule_value: { label: "Promotion Rule Value", category: "pricing" },
+  application_method_buy_rules: { label: "Promotion Buy Rule", category: "pricing" },
+  application_method_target_rules: { label: "Promotion Target Rule", category: "pricing" },
+  // Payments
+  payment: { label: "Payment", category: "payments" },
+  payment_collection: { label: "Payment Collection", category: "payments" },
+  payment_collection_payment_providers: { label: "Payment Collection–Provider Link", category: "payments" },
+  payment_provider: { label: "Payment Provider", category: "payments" },
+  payment_session: { label: "Payment Session", category: "payments" },
+  capture: { label: "Payment Capture", category: "payments" },
+  refund: { label: "Refund", category: "payments" },
+  refund_reason: { label: "Refund Reason", category: "payments" },
+  refund_payment_mapping: { label: "Return Refund Mapping", category: "payments" },
+  payout_request: { label: "Payout Request", category: "payments" },
+  // Fulfillment
+  fulfillment: { label: "Fulfillment", category: "fulfillment" },
+  fulfillment_address: { label: "Fulfillment Address", category: "fulfillment" },
+  fulfillment_item: { label: "Fulfillment Item", category: "fulfillment" },
+  fulfillment_label: { label: "Shipping Label", category: "fulfillment" },
+  fulfillment_provider: { label: "Fulfillment Provider", category: "fulfillment" },
+  fulfillment_set: { label: "Fulfillment Set", category: "fulfillment" },
+  geo_zone: { label: "Geo Zone", category: "fulfillment" },
+  service_zone: { label: "Service Zone", category: "fulfillment" },
+  shipping_option: { label: "Shipping Option", category: "fulfillment" },
+  shipping_option_price_set: { label: "Shipping Option–Price Link", category: "fulfillment" },
+  shipping_option_rule: { label: "Shipping Option Rule", category: "fulfillment" },
+  shipping_option_type: { label: "Shipping Option Type", category: "fulfillment" },
+  shipping_profile: { label: "Shipping Profile", category: "fulfillment" },
+  shipment_tracking_event: { label: "Shipment Tracking Event", category: "fulfillment" },
+  location_fulfillment_provider: { label: "Location–Fulfillment Provider Link", category: "fulfillment" },
+  location_fulfillment_set: { label: "Location–Fulfillment Set Link", category: "fulfillment" },
+  // Inventory
+  inventory_item: { label: "Inventory Item", category: "inventory" },
+  inventory_level: { label: "Inventory Level", category: "inventory" },
+  inventory_movement: { label: "Inventory Movement", category: "inventory" },
+  inventory_count_item: { label: "Stock Count Item", category: "inventory" },
+  inventory_count_session: { label: "Stock Count Session", category: "inventory" },
+  inventory_purchase: { label: "Purchase", category: "inventory" },
+  inventory_purchase_attachment: { label: "Purchase Attachment", category: "inventory" },
+  inventory_purchase_audit_event: { label: "Purchase Audit Event", category: "inventory" },
+  inventory_purchase_batch: { label: "Purchase Batch", category: "inventory" },
+  inventory_purchase_line_item: { label: "Purchase Item", category: "inventory" },
+  purchase_supplier: { label: "Supplier", category: "inventory" },
+  reservation_item: { label: "Stock Reservation", category: "inventory" },
+  stock_location: { label: "Stock Location", category: "inventory" },
+  stock_location_address: { label: "Stock Location Address", category: "inventory" },
+  sales_channel_stock_location: { label: "Sales Channel–Location Link", category: "inventory" },
+  // Wallet
+  wallet_account: { label: "Wallet Account", category: "wallet" },
+  wallet_credit_lot: { label: "Wallet Credit Lot", category: "wallet" },
+  wallet_gift_card: { label: "Wallet Gift Card", category: "wallet" },
+  wallet_hold: { label: "Wallet Hold", category: "wallet" },
+  wallet_ledger_entry: { label: "Wallet Ledger Entry", category: "wallet" },
+  wallet_rate_limit: { label: "Wallet Rate Limit", category: "wallet" },
+  wallet_refund_intent: { label: "Wallet Refund", category: "wallet" },
+  wallet_top_up_request: { label: "Wallet Top-up Request", category: "wallet" },
+  store_credit_account: { label: "Store Credit Account", category: "wallet" },
+  store_credit_account_transaction: { label: "Store Credit Transaction", category: "wallet" },
+  loyalty_gift_card: { label: "Loyalty Gift Card", category: "wallet" },
+  // Users & access
+  user: { label: "Admin User", category: "access" },
+  user_preference: { label: "User Preference", category: "access" },
+  user_rbac_role: { label: "User Role", category: "access" },
+  invite: { label: "Admin Invite", category: "access" },
+  invite_rbac_role: { label: "Invite Role", category: "access" },
+  api_key: { label: "API Key", category: "access" },
+  publishable_api_key_sales_channel: { label: "API Key–Sales Channel Link", category: "access" },
+  auth_identity: { label: "Login Identity", category: "access" },
+  auth_mfa_factor: { label: "MFA Factor", category: "access" },
+  auth_mfa_recovery_code: { label: "MFA Recovery Code", category: "access" },
+  auth_password_reset_token: { label: "Password Reset Token", category: "access" },
+  auth_verification: { label: "Auth Verification", category: "access" },
+  provider_identity: { label: "Login Provider Identity", category: "access" },
+  // Store & regions
+  store: { label: "Store", category: "store" },
+  store_currency: { label: "Store Currency", category: "store" },
+  store_locale: { label: "Store Locale", category: "store" },
+  currency: { label: "Currency", category: "store" },
+  region: { label: "Region", category: "store" },
+  region_country: { label: "Region Country", category: "store" },
+  region_payment_provider: { label: "Region–Payment Provider Link", category: "store" },
+  sales_channel: { label: "Sales Channel", category: "store" },
+  tax_provider: { label: "Tax Provider", category: "store" },
+  tax_rate: { label: "Tax Rate", category: "store" },
+  tax_rate_rule: { label: "Tax Rate Rule", category: "store" },
+  tax_region: { label: "Tax Region", category: "store" },
+  // Engagement
+  review: { label: "Review", category: "engagement" },
+  wishlist: { label: "Wishlist", category: "engagement" },
+  referral_link: { label: "Referral Link", category: "engagement" },
+  referral_reward: { label: "Referral Reward", category: "engagement" },
+  contact_request: { label: "Contact Request", category: "engagement" },
+  contact_request_comment: { label: "Contact Request Comment", category: "engagement" },
+  contact_email_subscription: { label: "Email Subscription", category: "engagement" },
+  // Notifications
+  notification: { label: "Notification", category: "notifications" },
+  notification_provider: { label: "Notification Provider", category: "notifications" },
+  notification_tokens: { label: "Push Notification Token", category: "notifications" },
+  telegram_config: { label: "Telegram Settings", category: "notifications" },
+  telegram_notification_log: { label: "Telegram Notification Log", category: "notifications" },
+  // System
+  dynamic_config_value: { label: "Plugin Setting", category: "system" },
+  layout_configuration: { label: "Layout Configuration", category: "system" },
+  view_configuration: { label: "View Configuration", category: "system" },
+  workflow_execution: { label: "Workflow Execution", category: "system" },
+  search_index: { label: "Search Index", category: "system" },
+  search_index_sync: { label: "Search Index Sync", category: "system" },
+  search_index_version: { label: "Search Index Version", category: "system" },
+  search_postgres_index: { label: "Search Index Entry", category: "system" },
+  link_module_migrations: { label: "Link Migration Record", category: "system" },
+  mikro_orm_migrations: { label: "Database Migration Record", category: "system" },
+  script_migrations: { label: "Script Migration Record", category: "system" }
+};
+const CATEGORY_BY_ID = new Map(ENTITY_CATEGORIES.map((c) => [c.id, c]));
+const SYSTEM_CATEGORY = CATEGORY_BY_ID.get("system");
+function humanizeTableName(tableName) {
+  return tableName.split("_").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function getEntityInfo(tableName) {
+  const def = ENTITY_DEFINITIONS[tableName];
+  return {
+    tableName,
+    label: def?.label ?? humanizeTableName(tableName),
+    category: def && CATEGORY_BY_ID.get(def.category) || SYSTEM_CATEGORY
+  };
+}
+function getEntitiesByCategory() {
+  const groups = /* @__PURE__ */ new Map();
+  for (const table of AUDITED_TABLE_NAMES) {
+    const info = getEntityInfo(table);
+    const list = groups.get(info.category.id) ?? [];
+    list.push(info);
+    groups.set(info.category.id, list);
+  }
+  return ENTITY_CATEGORIES.filter((category) => groups.has(category.id)).map((category) => ({
+    category,
+    entities: (groups.get(category.id) ?? []).sort((a, b) => a.label.localeCompare(b.label))
+  }));
+}
+function getCategory(id) {
+  return CATEGORY_BY_ID.get(id);
+}
+function getTablesForCategory(id) {
+  return AUDITED_TABLE_NAMES.filter((table) => getEntityInfo(table).category.id === id);
+}
+const GROUPS = getEntitiesByCategory();
+function triggerLabel(entity, category) {
+  if (entity) return getEntityInfo(entity).label;
+  if (category) return `All ${getCategory(category)?.label ?? category}`;
+  return "All entities";
+}
+const EntityPicker = ({ entity, category, onChange }) => {
+  const [open, setOpen] = react.useState(false);
+  const [search, setSearch] = react.useState("");
+  const searchRef = react.useRef(null);
+  const filteredGroups = react.useMemo(() => {
+    const term = search.trim().toLowerCase();
+    if (!term) return GROUPS;
+    return GROUPS.map((group) => {
+      const categoryMatches = group.category.label.toLowerCase().includes(term);
+      const entities = categoryMatches ? group.entities : group.entities.filter(
+        (e) => e.label.toLowerCase().includes(term) || e.tableName.includes(term.replace(/\s+/g, "_"))
+      );
+      return { ...group, entities };
+    }).filter((group) => group.entities.length > 0);
+  }, [search]);
+  const select = (next) => {
+    onChange(next);
+    setOpen(false);
+    setSearch("");
+  };
+  const firstMatch = filteredGroups[0]?.entities[0];
+  const isAll = !entity && !category;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Popover,
+    {
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setSearch("");
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Filter by entity",
+            className: ui.clx(
+              "txt-compact-small flex h-7 w-full min-w-[200px] items-center justify-between gap-2 rounded-md bg-ui-bg-field px-2 text-left shadow-borders-base outline-none transition-fg",
+              "hover:bg-ui-bg-field-hover focus-visible:shadow-borders-interactive-with-active md:w-auto",
+              isAll ? "text-ui-fg-muted" : "text-ui-fg-base"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: triggerLabel(entity, category) }),
+              /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownMini, { className: "shrink-0 text-ui-fg-muted" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Popover.Content,
+          {
+            align: "start",
+            className: "w-[min(360px,calc(100vw-2rem))] p-0",
+            onOpenAutoFocus: (event) => {
+              event.preventDefault();
+              searchRef.current?.focus();
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-ui-border-base p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  ref: searchRef,
+                  size: "small",
+                  type: "search",
+                  placeholder: "Search entities, e.g. order, wallet…",
+                  value: search,
+                  onChange: (e) => setSearch(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && firstMatch) {
+                      e.preventDefault();
+                      select({ entity: firstMatch.tableName, category: "" });
+                    }
+                  },
+                  "aria-label": "Search entities"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[360px] overflow-y-auto p-1", role: "listbox", "aria-label": "Entities", children: [
+                !search.trim() ? /* @__PURE__ */ jsxRuntime.jsx(PickerOption, { selected: isAll, onSelect: () => select({ entity: "", category: "" }), children: "All entities" }) : null,
+                filteredGroups.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "px-3 py-6 text-center text-ui-fg-muted", children: [
+                  "No entities match “",
+                  search.trim(),
+                  "”"
+                ] }) : null,
+                filteredGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-ui-fg-muted", children: group.category.label }),
+                  !search.trim() ? /* @__PURE__ */ jsxRuntime.jsxs(
+                    PickerOption,
+                    {
+                      selected: !entity && category === group.category.id,
+                      onSelect: () => select({ entity: "", category: group.category.id }),
+                      secondary: group.category.description,
+                      children: [
+                        "All ",
+                        group.category.label
+                      ]
+                    }
+                  ) : null,
+                  group.entities.map((info) => /* @__PURE__ */ jsxRuntime.jsx(
+                    PickerOption,
+                    {
+                      selected: entity === info.tableName,
+                      onSelect: () => select({ entity: info.tableName, category: "" }),
+                      secondary: info.tableName,
+                      secondaryMono: true,
+                      indent: !search.trim(),
+                      children: info.label
+                    },
+                    info.tableName
+                  ))
+                ] }, group.category.id))
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const PickerOption = ({ selected, onSelect, children, secondary, secondaryMono, indent }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "button",
+  {
+    type: "button",
+    role: "option",
+    "aria-selected": selected,
+    onClick: onSelect,
+    className: ui.clx(
+      "flex w-full items-start gap-2 rounded-md px-2 py-1.5 text-left outline-none transition-fg",
+      "hover:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-hover",
+      indent && "pl-4"
+    ),
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center text-ui-fg-interactive", children: selected ? /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}) : null }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm text-ui-fg-base", children }),
+        secondary ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.clx("truncate text-xs text-ui-fg-muted", secondaryMono && "font-mono"), children: secondary }) : null
+      ] })
+    ]
+  }
+);
+const CopyableId = ({ value, emptyLabel = "No ID", className }) => {
+  if (!value) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "italic text-ui-fg-muted", children: emptyLabel });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ui.clx("inline-flex min-w-0 max-w-full items-center gap-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-mono text-xs text-ui-fg-base", title: value, children: value }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: (e) => e.stopPropagation(), className: "inline-flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Copy, { content: value, variant: "mini", className: "text-ui-fg-muted", "aria-label": `Copy ${value}` }) })
+  ] });
+};
+const RELATIVE_UNITS = [
+  { unit: "year", seconds: 60 * 60 * 24 * 365 },
+  { unit: "month", seconds: 60 * 60 * 24 * 30 },
+  { unit: "week", seconds: 60 * 60 * 24 * 7 },
+  { unit: "day", seconds: 60 * 60 * 24 },
+  { unit: "hour", seconds: 60 * 60 },
+  { unit: "minute", seconds: 60 }
+];
+function toDate(value) {
+  const date = value instanceof Date ? value : new Date(value);
+  return Number.isNaN(date.getTime()) ? null : date;
+}
+function formatRelativeTime(value, now = /* @__PURE__ */ new Date()) {
+  const date = toDate(value);
+  if (!date) return "—";
+  const diffSeconds = Math.round((date.getTime() - now.getTime()) / 1e3);
+  if (Math.abs(diffSeconds) < 45) return "just now";
+  const rtf = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+  for (const { unit, seconds } of RELATIVE_UNITS) {
+    if (Math.abs(diffSeconds) >= seconds) {
+      return rtf.format(Math.round(diffSeconds / seconds), unit);
+    }
+  }
+  return rtf.format(Math.round(diffSeconds / 60), "minute");
+}
+function formatExactDateTime(value) {
+  const date = toDate(value);
+  if (!date) return "—";
+  return new Intl.DateTimeFormat(void 0, {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    timeZoneName: "short"
+  }).format(date);
+}
+function formatDate(value) {
+  const date = toDate(value);
+  if (!date) return "—";
+  return new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "short", year: "numeric" }).format(date);
+}
+function formatNumber(value) {
+  return new Intl.NumberFormat().format(value);
+}
+function formatMoney(amount, currencyCode) {
+  const code = currencyCode?.trim().toUpperCase();
+  if (code && /^[A-Z]{3}$/.test(code)) {
+    try {
+      return new Intl.NumberFormat(void 0, { style: "currency", currency: code }).format(amount);
+    } catch {
+    }
+  }
+  return code ? `${code} ${formatNumber(amount)}` : formatNumber(amount);
+}
+const SOURCE_ALIASES = {
+  admin: { kind: "admin", label: "Admin Panel" },
+  admin_panel: { kind: "admin", label: "Admin Panel" },
+  dashboard: { kind: "admin", label: "Admin Panel" },
+  api: { kind: "api", label: "API" },
+  store_api: { kind: "api", label: "Storefront API" },
+  admin_api: { kind: "api", label: "Admin API" },
+  system: { kind: "system", label: "System" },
+  job: { kind: "job", label: "Background Job" },
+  background_job: { kind: "job", label: "Background Job" },
+  scheduled_job: { kind: "job", label: "Background Job" },
+  cron: { kind: "job", label: "Background Job" },
+  workflow: { kind: "workflow", label: "Workflow" },
+  migration: { kind: "system", label: "Migration" }
+};
+function describeSource(source) {
+  if (!source || !source.trim()) return { kind: "unknown", label: "Unknown" };
+  const key = source.trim().toLowerCase().replace(/[\s-]+/g, "_");
+  return SOURCE_ALIASES[key] ?? { kind: "other", label: source.trim() };
+}
+function sourceBadgeColor(kind) {
+  switch (kind) {
+    case "admin":
+      return "blue";
+    case "api":
+      return "purple";
+    case "job":
+    case "workflow":
+      return "orange";
+    case "system":
+      return "green";
+    default:
+      return "grey";
+  }
+}
+const CARDS = [
+  { key: "total", label: "Total deleted", hint: "All records captured since auditing began" },
+  { key: "today", label: "Today", hint: "Deleted since midnight (your time)" },
+  { key: "last_7_days", label: "Last 7 days", hint: "Including today" },
+  { key: "tables_affected", label: "Entity types affected", hint: "Distinct kinds of records deleted" }
+];
+const SummaryCards = ({ stats, loading, failed }) => {
+  if (failed && !stats) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-3 lg:grid-cols-4", children: CARDS.map((card) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-1 rounded-lg border border-ui-border-base bg-ui-bg-subtle px-4 py-3",
+      title: card.hint,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: card.label }),
+        loading || !stats ? /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-7 w-16" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-2xl font-semibold leading-8 text-ui-fg-base", children: formatNumber(stats[card.key]) })
+      ]
+    },
+    card.key
+  )) });
+};
+const BASE = "/admin/deleted-records-audit";
+class AuditApiError extends Error {
+  status;
+  constructor(message, status) {
+    super(message);
+    this.status = status;
+  }
+}
+async function getJson(url, signal) {
+  const response = await fetch(url, { credentials: "include", signal });
+  if (!response.ok) {
+    let message = response.statusText || "Request failed";
+    try {
+      const body = await response.json();
+      if (body && typeof body === "object" && "message" in body && typeof body.message === "string") {
+        message = body.message;
+      }
+    } catch {
+    }
+    throw new AuditApiError(message, response.status);
+  }
+  return await response.json();
+}
+function fetchAuditList(params, signal) {
+  return getJson(`${BASE}?${params.toString()}`, signal);
+}
+async function fetchAuditStats(signal) {
+  const todayStart = /* @__PURE__ */ new Date();
+  todayStart.setHours(0, 0, 0, 0);
+  const params = new URLSearchParams({ today_start: todayStart.toISOString() });
+  const body = await getJson(`${BASE}/stats?${params.toString()}`, signal);
+  return body.stats;
+}
+async function fetchAuditDetail(id, signal) {
+  const body = await getJson(`${BASE}/${encodeURIComponent(id)}`, signal);
+  return body.audit;
+}
+const LAST_LIST_URL_KEY = "om.deleted-records-audit.last-list-search";
+const DATE_PRESETS = [
+  { value: "any", label: "Any time" },
+  { value: "today", label: "Today" },
+  { value: "yesterday", label: "Yesterday" },
+  { value: "7d", label: "Last 7 days" },
+  { value: "30d", label: "Last 30 days" },
+  { value: "custom", label: "Custom range" }
+];
+const EMPTY_FILTERS = {
+  q: "",
+  entity: "",
+  category: "",
+  date: "any",
+  from: "",
+  to: "",
+  source: "",
+  deletedBy: ""
+};
+const URL_KEYS = {
+  q: "q",
+  entity: "entity",
+  category: "category",
+  date: "date",
+  from: "from",
+  to: "to",
+  source: "source",
+  deletedBy: "deleted_by"
+};
+const DATE_PRESET_VALUES = new Set(DATE_PRESETS.map((p) => p.value));
+const DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
+function filtersFromSearchParams(params) {
+  const read = (key) => params.get(URL_KEYS[key])?.trim() ?? "";
+  const date = read("date");
+  const from = read("from");
+  const to = read("to");
+  return {
+    q: read("q"),
+    entity: read("entity"),
+    category: read("category"),
+    date: DATE_PRESET_VALUES.has(date) ? date : "any",
+    from: DAY_PATTERN.test(from) ? from : "",
+    to: DAY_PATTERN.test(to) ? to : "",
+    source: read("source"),
+    deletedBy: read("deletedBy")
+  };
+}
+function filtersToSearchParams(filters) {
+  const params = new URLSearchParams();
+  for (const key of Object.keys(URL_KEYS)) {
+    const value = filters[key];
+    if (!value || value === EMPTY_FILTERS[key]) continue;
+    if ((key === "from" || key === "to") && filters.date !== "custom") continue;
+    params.set(URL_KEYS[key], value);
+  }
+  return params;
+}
+function hasActiveFilters(filters) {
+  return filtersToSearchParams(filters).toString() !== "";
+}
+function startOfDay(date) {
+  const d = new Date(date);
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
+function endOfDay(date) {
+  const d = new Date(date);
+  d.setHours(23, 59, 59, 999);
+  return d;
+}
+function parseDay(day) {
+  if (!DAY_PATTERN.test(day)) return null;
+  const [y, m, d] = day.split("-").map(Number);
+  const date = new Date(y, m - 1, d);
+  return Number.isNaN(date.getTime()) ? null : date;
+}
+function resolveDateRange(filters, now = /* @__PURE__ */ new Date()) {
+  const today = startOfDay(now);
+  switch (filters.date) {
+    case "today":
+      return { from: today };
+    case "yesterday": {
+      const y = new Date(today);
+      y.setDate(y.getDate() - 1);
+      return { from: y, to: endOfDay(y) };
+    }
+    case "7d": {
+      const from = new Date(today);
+      from.setDate(from.getDate() - 6);
+      return { from };
+    }
+    case "30d": {
+      const from = new Date(today);
+      from.setDate(from.getDate() - 29);
+      return { from };
+    }
+    case "custom": {
+      const from = parseDay(filters.from);
+      const to = parseDay(filters.to);
+      return { from: from ?? void 0, to: to ? endOfDay(to) : void 0 };
+    }
+    default:
+      return {};
+  }
+}
+function filtersToApiParams(filters, page, now = /* @__PURE__ */ new Date()) {
+  const params = new URLSearchParams();
+  params.set("limit", String(page.limit));
+  params.set("offset", String(page.offset));
+  if (filters.q) params.set("q", filters.q);
+  if (filters.entity) {
+    params.set("table_name", filters.entity);
+  } else if (filters.category) {
+    const tables = getTablesForCategory(filters.category);
+    if (tables.length) params.set("table_names", tables.join(","));
+  }
+  const range = resolveDateRange(filters, now);
+  if (range.from) params.set("date_from", range.from.toISOString());
+  if (range.to) params.set("date_to", range.to.toISOString());
+  if (filters.source) params.set("source", filters.source);
+  if (filters.deletedBy) params.set("deleted_by", filters.deletedBy);
+  return params;
+}
+const PAGE_SIZE = 50;
+const RESTORE_PAGE_SIZE = 100;
+const MAX_RESTORE_ROWS = 500;
+const ALL = "__all__";
+const UNKNOWN_SOURCE = "unknown";
+const LOADED_COUNT_KEY_PREFIX = "om.deleted-records-audit.loaded:";
+const LAST_VIEWED_KEY = "om.deleted-records-audit.last-viewed";
+function readSession(key) {
+  try {
+    return window.sessionStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function writeSession(key, value) {
+  try {
+    window.sessionStorage.setItem(key, value);
+  } catch {
+  }
+}
+const DeletedRecordsPage = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const location = reactRouterDom.useLocation();
+  const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
+  const filters = react.useMemo(() => filtersFromSearchParams(searchParams), [searchParams]);
+  const filterKey = filtersToSearchParams(filters).toString();
+  const filtersActive = hasActiveFilters(filters);
+  const [searchText, setSearchText] = react.useState(filters.q);
+  const [items, setItems] = react.useState([]);
+  const [count, setCount] = react.useState(0);
+  const [isLoading, setIsLoading] = react.useState(true);
+  const [isFetchingMore, setIsFetchingMore] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [stats, setStats] = react.useState(null);
+  const [statsLoading, setStatsLoading] = react.useState(true);
+  const [statsFailed, setStatsFailed] = react.useState(false);
+  const [reloadToken, setReloadToken] = react.useState(0);
+  const [highlightId, setHighlightId] = react.useState(null);
+  const restoredScrollRef = react.useRef(false);
+  const updateFilters = react.useCallback(
+    (patch) => {
+      const next = { ...filters, ...patch };
+      setSearchParams(filtersToSearchParams(next), { replace: true });
+    },
+    [filters, setSearchParams]
+  );
+  react.useEffect(() => {
+    if (searchText.trim() === filters.q) return;
+    const handle = setTimeout(() => updateFilters({ q: searchText.trim() }), 300);
+    return () => clearTimeout(handle);
+  }, [searchText, filters.q, updateFilters]);
+  react.useEffect(() => {
+    setSearchText((current) => current.trim() === filters.q ? current : filters.q);
+  }, [filters.q]);
+  react.useEffect(() => {
+    writeSession(LAST_LIST_URL_KEY, location.search);
+  }, [location.search]);
+  const loadStats = react.useCallback(async (signal) => {
+    setStatsLoading(true);
+    setStatsFailed(false);
+    try {
+      setStats(await fetchAuditStats(signal));
+    } catch (e) {
+      if (!signal?.aborted) setStatsFailed(true);
+    } finally {
+      if (!signal?.aborted) setStatsLoading(false);
+    }
+  }, []);
+  react.useEffect(() => {
+    const controller = new AbortController();
+    void loadStats(controller.signal);
+    return () => controller.abort();
+  }, [loadStats, reloadToken]);
+  react.useEffect(() => {
+    const controller = new AbortController();
+    const restoreTarget = Math.min(
+      MAX_RESTORE_ROWS,
+      Math.max(PAGE_SIZE, Number(readSession(LOADED_COUNT_KEY_PREFIX + filterKey)) || 0)
+    );
+    setIsLoading(true);
+    setError(null);
+    (async () => {
+      try {
+        const collected = [];
+        let total = 0;
+        while (collected.length < restoreTarget) {
+          const limit = restoreTarget > PAGE_SIZE ? RESTORE_PAGE_SIZE : PAGE_SIZE;
+          const page = await fetchAuditList(
+            filtersToApiParams(filters, { limit, offset: collected.length }),
+            controller.signal
+          );
+          total = page.count;
+          collected.push(...page.audits);
+          if (page.audits.length < limit || collected.length >= total) break;
+        }
+        if (controller.signal.aborted) return;
+        setItems(collected.slice(0, restoreTarget));
+        setCount(total);
+      } catch (e) {
+        if (controller.signal.aborted) return;
+        setItems([]);
+        setCount(0);
+        setError(e instanceof Error ? e.message : "Unknown error");
+      } finally {
+        if (!controller.signal.aborted) setIsLoading(false);
+      }
+    })();
+    return () => controller.abort();
+  }, [filterKey, reloadToken]);
+  react.useEffect(() => {
+    if (!isLoading) writeSession(LOADED_COUNT_KEY_PREFIX + filterKey, String(items.length));
+  }, [items.length, isLoading, filterKey]);
+  react.useEffect(() => {
+    if (isLoading || restoredScrollRef.current) return;
+    restoredScrollRef.current = true;
+    const lastViewed = readSession(LAST_VIEWED_KEY);
+    if (!lastViewed || !items.some((item) => item.id === lastViewed)) return;
+    setHighlightId(lastViewed);
+    requestAnimationFrame(() => {
+      const visible = Array.from(document.querySelectorAll(`[data-audit-row="${lastViewed}"]`)).find(
+        (el) => el.offsetParent !== null
+      );
+      visible?.scrollIntoView({ block: "center" });
+    });
+    const handle = setTimeout(() => setHighlightId(null), 2500);
+    return () => clearTimeout(handle);
+  }, [isLoading, items]);
+  const loadMore = async () => {
+    setIsFetchingMore(true);
+    try {
+      const page = await fetchAuditList(filtersToApiParams(filters, { limit: PAGE_SIZE, offset: items.length }));
+      setItems((prev) => [...prev, ...page.audits]);
+      setCount(page.count);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Unknown error");
+    } finally {
+      setIsFetchingMore(false);
+    }
+  };
+  const openDetail = (id) => {
+    writeSession(LAST_VIEWED_KEY, id);
+    navigate(`/deleted-records-audit/${id}`, { state: { fromList: true } });
+  };
+  const clearFilters = () => {
+    setSearchText("");
+    setSearchParams(filtersToSearchParams(EMPTY_FILTERS), { replace: true });
+  };
+  const refresh = () => setReloadToken((t) => t + 1);
+  const hasMore = items.length < count;
+  const knownSources = stats?.sources ?? [];
+  const knownDeletedBy = stats?.deleted_by ?? [];
+  const attributionMissing = !!stats && stats.total > 0 && knownSources.length === 0 && knownDeletedBy.length === 0;
+  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-7xl flex-col gap-6 p-4 md:p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Deleted Records" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Review records that were permanently deleted from the system." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "secondary", size: "small", onClick: refresh, isLoading: isLoading && items.length > 0, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, {}),
+        "Refresh"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(SummaryCards, { stats, loading: statsLoading, failed: statsFailed }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "flex flex-col gap-3", "aria-label": "Search and filters", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          type: "search",
+          size: "base",
+          placeholder: "Search by record ID, e.g. order_01J…, prod_…, cus_…",
+          value: searchText,
+          onChange: (e) => setSearchText(e.target.value),
+          "aria-label": "Search by record ID",
+          className: "w-full"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:flex-wrap md:items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EntityPicker,
+          {
+            entity: filters.entity,
+            category: filters.category,
+            onChange: (next) => updateFilters(next)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:w-[160px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Select,
+          {
+            size: "small",
+            value: filters.date,
+            onValueChange: (value) => updateFilters({ date: value }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": "Filter by date", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: DATE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: preset.value, children: preset.label }, preset.value)) })
+            ]
+          }
+        ) }),
+        filters.date === "custom" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "date",
+              size: "small",
+              value: filters.from,
+              max: filters.to || void 0,
+              onChange: (e) => updateFilters({ from: e.target.value }),
+              "aria-label": "From date"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "to" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "date",
+              size: "small",
+              value: filters.to,
+              min: filters.from || void 0,
+              onChange: (e) => updateFilters({ to: e.target.value }),
+              "aria-label": "To date"
+            }
+          )
+        ] }) : null,
+        knownSources.length > 0 || filters.source ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:w-[170px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Select,
+          {
+            size: "small",
+            value: filters.source || ALL,
+            onValueChange: (value) => updateFilters({ source: value === ALL ? "" : value }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { "aria-label": "Filter by source", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: ALL, children: "All sources" }),
+                knownSources.map((source) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: source, children: describeSource(source).label }, source)),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: UNKNOWN_SOURCE, children: "Unknown" })
+              ] })
+            ]
+          }
+        ) }) : null,
+        knownDeletedBy.length > 0 || filters.deletedBy ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:w-[200px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              size: "small",
+              list: "deleted-records-audit-deleted-by",
+              placeholder: "Deleted by (all users)",
+              defaultValue: filters.deletedBy,
+              onBlur: (e) => updateFilters({ deletedBy: e.target.value.trim() }),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") updateFilters({ deletedBy: e.currentTarget.value.trim() });
+              },
+              "aria-label": "Filter by who deleted the record"
+            },
+            filters.deletedBy
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("datalist", { id: "deleted-records-audit-deleted-by", children: knownDeletedBy.map((value) => /* @__PURE__ */ jsxRuntime.jsx("option", { value }, value)) })
+        ] }) : null,
+        filtersActive ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "transparent", size: "small", onClick: clearFilters, children: "Clear filters" }) : null
+      ] })
+    ] }),
+    attributionMissing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-ui-border-base bg-ui-bg-subtle px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.InformationCircle, { className: "mt-0.5 shrink-0 text-ui-fg-muted" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Who deleted a record and where the deletion came from are not being recorded yet, so those columns show “Unknown”. Every deleted record is still captured in full." })
+    ] }) : null,
+    !isLoading && !error && items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", "aria-live": "polite", children: [
+      "Showing ",
+      formatNumber(items.length),
+      " of ",
+      formatNumber(count),
+      " ",
+      count === 1 ? "record" : "records",
+      filtersActive ? " matching your filters" : ""
+    ] }) : null,
+    error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorState, { onRetry: refresh, detail: error }) : isLoading ? /* @__PURE__ */ jsxRuntime.jsx(ListSkeleton, {}) : items.length === 0 ? filtersActive ? /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyState,
+      {
+        title: "No deleted records found",
+        body: "There are no audit records matching your current filters.",
+        action: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: clearFilters, children: "Clear filters" })
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyState,
+      {
+        title: "No deleted records yet",
+        body: "Hard-deleted records will appear here automatically when a monitored database record is permanently deleted."
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AuditTable, { items, highlightId, onOpen: openDetail }),
+      /* @__PURE__ */ jsxRuntime.jsx(AuditCards, { items, highlightId, onOpen: openDetail })
+    ] }),
+    !error && !isLoading && hasMore ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", isLoading: isFetchingMore, onClick: loadMore, children: "Load more" }) }) : null
+  ] }) });
+};
+const HEADER_CELL = "px-3 py-3 text-left text-xs font-semibold uppercase tracking-wide text-ui-fg-muted";
+const DeletedWhen = ({ occurredAt }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: formatExactDateTime(occurredAt), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cursor-default text-sm text-ui-fg-base", children: formatRelativeTime(occurredAt) }) });
+const SourceBadge = ({ source }) => {
+  const info = describeSource(source);
+  if (info.kind === "unknown") {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted", children: "Unknown" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: sourceBadgeColor(info.kind), className: "shrink-0 whitespace-nowrap", children: info.label });
+};
+const AuditTable = ({ items, highlightId, onOpen }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden w-full overflow-hidden rounded-xl border border-ui-border-base md:block", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full table-fixed 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: ui.clx(HEADER_CELL, "w-[22%]"), children: "Entity" }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: ui.clx(HEADER_CELL, "w-[24%]"), children: "Record" }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: ui.clx(HEADER_CELL, "w-[13%]"), children: "Deleted" }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: ui.clx(HEADER_CELL, "w-[13%]"), children: "Deleted by" }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: ui.clx(HEADER_CELL, "w-[11%]"), children: "Source" }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: ui.clx(HEADER_CELL, "w-[8%]"), children: "Status" }),
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: ui.clx(HEADER_CELL, "w-[9%]"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Action" }) })
+  ] }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-ui-border-subtle", children: items.map((item) => {
+    const entity = getEntityInfo(item.table_name);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "tr",
+      {
+        "data-audit-row": item.id,
+        tabIndex: 0,
+        onClick: () => onOpen(item.id),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") onOpen(item.id);
+        },
+        className: ui.clx(
+          "cursor-pointer outline-none transition-colors hover:bg-ui-bg-subtle/60 focus-visible:bg-ui-bg-subtle",
+          highlightId === item.id && "bg-ui-bg-highlight"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium text-ui-fg-base", title: entity.label, children: entity.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-ui-fg-muted", children: entity.category.label })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(CopyableId, { value: item.record_id }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(DeletedWhen, { occurredAt: item.occurred_at }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 truncate px-3 py-3 text-sm", title: item.deleted_by ?? void 0, children: item.deleted_by ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-base", children: item.deleted_by }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-fg-muted", children: "Unknown" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(SourceBadge, { source: item.source }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "min-w-0 px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { size: "2xsmall", color: "red", children: "Deleted" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-0.5 whitespace-nowrap text-sm font-medium text-ui-fg-interactive", children: [
+            "View",
+            /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightMini, {})
+          ] }) })
+        ]
+      },
+      item.id
+    );
+  }) })
+] }) });
+const AuditCards = ({ items, highlightId, onOpen }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2 md:hidden", children: items.map((item) => {
+  const entity = getEntityInfo(item.table_name);
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-audit-row": item.id, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: () => onOpen(item.id),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") onOpen(item.id);
+      },
+      className: ui.clx(
+        "flex w-full flex-col gap-2 rounded-lg border border-ui-border-base p-3 text-left outline-none hover:bg-ui-bg-subtle/60 focus-visible:bg-ui-bg-subtle",
+        highlightId === item.id && "bg-ui-bg-highlight"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-medium text-ui-fg-base", children: entity.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-ui-fg-muted", children: entity.category.label })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DeletedWhen, { occurredAt: item.occurred_at })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CopyableId, { value: item.record_id }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SourceBadge, { source: item.source }),
+            item.deleted_by ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-xs text-ui-fg-subtle", children: [
+              "by ",
+              item.deleted_by
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center whitespace-nowrap text-sm font-medium text-ui-fg-interactive", children: [
+            "View details",
+            /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightMini, {})
+          ] })
+        ] })
+      ]
+    }
+  ) }, item.id);
+}) });
+const ListSkeleton = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0 overflow-hidden rounded-xl border border-ui-border-base", "aria-busy": "true", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-ui-bg-subtle px-3 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3 w-40" }) }),
+  Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 border-t border-ui-border-subtle px-3 py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-[22%] flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3.5 w-28" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3 w-16" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3.5 w-[20%]" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3.5 w-[10%]" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "hidden h-3.5 w-[10%] md:block" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "hidden h-5 w-14 rounded-full md:block" })
+  ] }, i))
+] });
+const EmptyState = ({ title, body, action }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-dashed border-ui-border-strong px-6 py-12 text-center", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(icons.MagnifierAlert, { className: "text-ui-fg-muted" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: title }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-md text-ui-fg-subtle", children: body }),
+  action ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: action }) : null
+] });
+const ErrorState = ({ onRetry, detail }) => /* @__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: "text-ui-fg-error" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h3", children: "Unable to load deleted records" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "max-w-md text-ui-fg-subtle", children: "We couldn’t retrieve the audit records right now. Check your connection and try again." }),
+  /* @__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$9 = adminSdk.defineRouteConfig({
+  label: "Deleted Records",
+  icon: icons.Trash
+});
 const useDebounce$3 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
   react.useEffect(() => {
@@ -940,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);
@@ -961,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]);
@@ -983,242 +2287,27 @@ 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 = (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);
-    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 ?? "";
+  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: [
@@ -1361,7 +2450,7 @@ const RefundsPage = () => {
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$6(displayStatus(r))}`,
+                className: `uppercase ${getStatusBadgeClass$7(displayStatus(r))}`,
                 children: displayStatus(r) !== "—" ? displayStatus(r).replace(/_/g, " ") : "—"
               }
             ) }),
@@ -1415,11 +2504,11 @@ const RefundsPage = () => {
     ) }) : null
   ] }) });
 };
-const config$6 = adminSdk.defineRouteConfig({
+const config$8 = adminSdk.defineRouteConfig({
   label: "Refunds",
   icon: icons.Receipt
 });
-const useDebounce$1 = (value, delay) => {
+const useDebounce$2 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
   react.useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
@@ -1427,7 +2516,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";
@@ -1452,7 +2541,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);
@@ -1597,7 +2686,7 @@ const ReturnsPage = () => {
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$5(returnOrder.status)}`,
+                className: `uppercase ${getStatusBadgeClass$6(returnOrder.status)}`,
                 children: returnOrder.status.replace(/_/g, " ")
               }
             ) }),
@@ -1656,11 +2745,11 @@ const ReturnsPage = () => {
     ) }) : null
   ] }) });
 };
-const config$5 = adminSdk.defineRouteConfig({
+const config$7 = adminSdk.defineRouteConfig({
   label: "Return Orders",
   icon: icons.ArrowPath
 });
-const useDebounce = (value, delay) => {
+const useDebounce$1 = (value, delay) => {
   const [debouncedValue, setDebouncedValue] = react.useState(value);
   react.useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
@@ -1668,7 +2757,7 @@ const useDebounce = (value, delay) => {
   }, [value, delay]);
   return debouncedValue;
 };
-const getStatusBadgeClass$4 = (status) => {
+const getStatusBadgeClass$5 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -1693,7 +2782,7 @@ const SwapsPage = () => {
   const [statusFilter, setStatusFilter] = react.useState("all");
   const [createdByFilter, setCreatedByFilter] = react.useState("all");
   const [searchQuery, setSearchQuery] = react.useState("");
-  const debouncedSearchQuery = useDebounce(searchQuery, 300);
+  const debouncedSearchQuery = useDebounce$1(searchQuery, 300);
   const [isLoading, setIsLoading] = react.useState(true);
   const [isFetchingMore, setIsFetchingMore] = react.useState(false);
   const [error, setError] = react.useState(null);
@@ -1835,7 +2924,7 @@ const SwapsPage = () => {
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$4(swap.status)}`,
+                className: `uppercase ${getStatusBadgeClass$5(swap.status)}`,
                 children: swap.status.replace(/_/g, " ")
               }
             ) }),
@@ -1885,11 +2974,19 @@ const SwapsPage = () => {
     ) }) : null
   ] }) });
 };
-const config$4 = adminSdk.defineRouteConfig({
+const config$6 = adminSdk.defineRouteConfig({
   label: "Exchanges",
   icon: icons.ArrowPath
 });
-const getStatusBadgeClass$3 = (status) => {
+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";
@@ -1897,117 +2994,933 @@ const getStatusBadgeClass$3 = (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 PaymentDetailPage = () => {
+const PaymentsPage = () => {
   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;
+  const [items, setItems] = react.useState([]);
+  const [statusFilter, setStatusFilter] = react.useState("all");
+  const [orderIdSearch, setOrderIdSearch] = react.useState("");
+  const debouncedOrderId = useDebounce(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$4(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$5 = adminSdk.defineRouteConfig({
+  label: "Payments",
+  icon: icons.CreditCard
+});
+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) {
+  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 && ctx.tableKeys?.has(key.toLowerCase()) === true || topLevel && ctx.maskAll && !ALWAYS_VISIBLE_KEYS.has(key) && !key.endsWith("_id"));
+      if (secret) {
+        ctx.count += 1;
+        out[key] = MASKED_VALUE;
+      } else {
+        out[key] = maskValue(inner, ctx, depth + 1);
+      }
     }
-    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 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",
+      {
+        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 (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 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);
+  }
+  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 };
+  }
+}
+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;
+  }
+  return fields;
+}
+function readLastListSearch() {
+  try {
+    return window.sessionStorage.getItem(LAST_LIST_URL_KEY) ?? "";
+  } catch {
+    return "";
+  }
+}
+const DeletedRecordDetailPage = () => {
+  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 = location.state?.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?.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 ?? "—" })
+    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 })
+    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 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 () => {
+    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");
+    }
+  };
+  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.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.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("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,
+          /* @__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", { 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";
@@ -2117,7 +4030,7 @@ const RefundDetailPage = () => {
               ui.Badge,
               {
                 size: "2xsmall",
-                className: `uppercase ${getStatusBadgeClass$2(paymentStatus)}`,
+                className: `uppercase ${getStatusBadgeClass$3(paymentStatus)}`,
                 children: paymentStatus !== "—" ? paymentStatus.replace(/_/g, " ") : "—"
               }
             ) })
@@ -2194,11 +4107,11 @@ const RefundDetailPage = () => {
     ] }) : null
   ] }) });
 };
-const config$2 = adminSdk.defineRouteConfig({
+const config$3 = adminSdk.defineRouteConfig({
   label: "Refund details",
   icon: icons.Receipt
 });
-const getStatusBadgeClass$1 = (status) => {
+const getStatusBadgeClass$2 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -2331,7 +4244,7 @@ const ReturnDetailPage = () => {
           ui.Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass$1(returnOrder.status)}`,
+            className: `uppercase ${getStatusBadgeClass$2(returnOrder.status)}`,
             children: returnOrder.status.replace(/_/g, " ")
           }
         )
@@ -2414,7 +4327,7 @@ const ReturnDetailPage = () => {
                 ui.Badge,
                 {
                   size: "2xsmall",
-                  className: `uppercase ${getStatusBadgeClass$1(entry.status)}`,
+                  className: `uppercase ${getStatusBadgeClass$2(entry.status)}`,
                   children: entry.status.replace(/_/g, " ")
                 }
               ) }),
@@ -2476,11 +4389,11 @@ const ReturnDetailPage = () => {
     updateSuccess && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-ui-border-success bg-ui-bg-success-subtle p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-success", children: "Action completed successfully" }) })
   ] }) });
 };
-const config$1 = adminSdk.defineRouteConfig({
+const config$2 = adminSdk.defineRouteConfig({
   label: "Return Order Details",
   icon: icons.CheckCircle
 });
-const getStatusBadgeClass = (status) => {
+const getStatusBadgeClass$1 = (status) => {
   const statusLower = status.toLowerCase();
   if (statusLower === "requested") {
     return "bg-ui-tag-orange-bg text-ui-tag-orange-text";
@@ -2617,7 +4530,7 @@ const SwapDetailPage = () => {
           ui.Badge,
           {
             size: "small",
-            className: `uppercase ${getStatusBadgeClass(swap.status)}`,
+            className: `uppercase ${getStatusBadgeClass$1(swap.status)}`,
             children: swap.status.replace(/_/g, " ")
           }
         )
@@ -2685,7 +4598,7 @@ const SwapDetailPage = () => {
                 ui.Badge,
                 {
                   size: "2xsmall",
-                  className: `uppercase ${getStatusBadgeClass(entry.status)}`,
+                  className: `uppercase ${getStatusBadgeClass$1(entry.status)}`,
                   children: entry.status.replace(/_/g, " ")
                 }
               ) }),
@@ -2754,10 +4667,128 @@ const SwapDetailPage = () => {
     ] })
   ] }) });
 };
-const config = adminSdk.defineRouteConfig({
+const config$1 = adminSdk.defineRouteConfig({
   label: "Swap Details",
   icon: icons.ArrowPath
 });
+const getStatusBadgeClass = (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(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 = adminSdk.defineRouteConfig({
+  label: "Payment details",
+  icon: icons.CreditCard
+});
 const i18nTranslations0 = {};
 const widgetModule = { widgets: [
   {
@@ -2774,43 +4805,53 @@ const widgetModule = { widgets: [
 const routeModule = {
   routes: [
     {
-      Component: PaymentsPage,
-      path: "/payments",
-      handle: { label: config$7.label, translationNs: config$7.translationNs }
+      Component: DeletedRecordsPage,
+      path: "/deleted-records-audit",
+      handle: { label: config$9.label, translationNs: config$9.translationNs }
     },
     {
       Component: RefundsPage,
       path: "/refunds",
-      handle: { label: config$6.label, translationNs: config$6.translationNs }
+      handle: { label: config$8.label, translationNs: config$8.translationNs }
     },
     {
       Component: ReturnsPage,
       path: "/returns",
-      handle: { label: config$5.label, translationNs: config$5.translationNs }
+      handle: { label: config$7.label, translationNs: config$7.translationNs }
     },
     {
       Component: SwapsPage,
       path: "/swaps",
-      handle: { label: config$4.label, translationNs: config$4.translationNs }
+      handle: { label: config$6.label, translationNs: config$6.translationNs }
     },
     {
-      Component: PaymentDetailPage,
-      path: "/payments/:id",
-      handle: { label: config$3.label, translationNs: config$3.translationNs }
+      Component: PaymentsPage,
+      path: "/payments",
+      handle: { label: config$5.label, translationNs: config$5.translationNs }
+    },
+    {
+      Component: DeletedRecordDetailPage,
+      path: "/deleted-records-audit/:id",
+      handle: { label: config$4.label, translationNs: config$4.translationNs }
     },
     {
       Component: RefundDetailPage,
       path: "/refunds/:id",
-      handle: { label: config$2.label, translationNs: config$2.translationNs }
+      handle: { label: config$3.label, translationNs: config$3.translationNs }
     },
     {
       Component: ReturnDetailPage,
       path: "/returns/:id",
-      handle: { label: config$1.label, translationNs: config$1.translationNs }
+      handle: { label: config$2.label, translationNs: config$2.translationNs }
     },
     {
       Component: SwapDetailPage,
       path: "/swaps/:id",
+      handle: { label: config$1.label, translationNs: config$1.translationNs }
+    },
+    {
+      Component: PaymentDetailPage,
+      path: "/payments/:id",
       handle: { label: config.label, translationNs: config.translationNs }
     }
   ]
@@ -2818,8 +4859,16 @@ const routeModule = {
 const menuItemModule = {
   menuItems: [
     {
-      label: config$7.label,
-      icon: config$7.icon,
+      label: config$9.label,
+      icon: config$9.icon,
+      path: "/deleted-records-audit",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
+    {
+      label: config$5.label,
+      icon: config$5.icon,
       path: "/payments",
       nested: void 0,
       rank: void 0,
@@ -2828,55 +4877,55 @@ const menuItemModule = {
     {
       label: config$6.label,
       icon: config$6.icon,
-      path: "/refunds",
+      path: "/swaps",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$5.label,
-      icon: config$5.icon,
+      label: config$7.label,
+      icon: config$7.icon,
       path: "/returns",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$4.label,
-      icon: config$4.icon,
-      path: "/swaps",
+      label: config$8.label,
+      icon: config$8.icon,
+      path: "/refunds",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$3.label,
-      icon: config$3.icon,
+      label: config.label,
+      icon: config.icon,
       path: "/payments/:id",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$2.label,
-      icon: config$2.icon,
-      path: "/refunds/:id",
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/swaps/:id",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config$1.label,
-      icon: config$1.icon,
+      label: config$2.label,
+      icon: config$2.icon,
       path: "/returns/:id",
       nested: void 0,
       rank: void 0,
       translationNs: void 0
     },
     {
-      label: config.label,
-      icon: config.icon,
-      path: "/swaps/:id",
+      label: config$3.label,
+      icon: config$3.icon,
+      path: "/refunds/:id",
       nested: void 0,
       rank: void 0,
       translationNs: void 0