@burdenoff/microfe-billing 2026.624.2 → 2026.624.3

package/dist/billing/modules/billing/pages/RefundsPage.js

@@ -12,9 +12,10 @@ import { GetTransactionDocument as l } from "../../../../generated/global-operat
 import { useRefunds as u } from "../hooks/useRefunds.js";
 import "../hooks/index.js";
 import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { AlertTriangle as g, Ban as _, CheckCircle as v, ChevronLeft as y, ChevronRight as b, Clock as x, Download as S, Eye as C, Filter as w, Loader2 as T, MoreHorizontal as E, Play as ee, Plus as te, RefreshCw as D, RotateCcw as O, Search as k, SkipForward as A, X as j, XCircle as M } from "lucide-react";
+import { AlertTriangle as g, Ban as _, CheckCircle as v, ChevronLeft as y, ChevronRight as b, Clock as x, Download as S, Eye as C, Filter as w, Loader2 as T, MoreHorizontal as E, Play as D, Plus as ee, RefreshCw as O, RotateCcw as k, Search as A, SkipForward as j, X as M, XCircle as te } from "lucide-react";
 import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
 import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ResponsiveTable as re } from "@burdenoff/fe-libs/ui";
 import { useApolloClient as I } from "@apollo/client/react";
 //#region src/billing/modules/billing/pages/RefundsPage.tsx
 var L = {
@@ -36,7 +37,7 @@ var L = {
 	FAILED: {
 		label: "Failed",
 		color: "red",
-		icon: M
+		icon: te
 	},
 	SKIPPED: {
 		label: "Skipped",
@@ -48,7 +49,7 @@ var L = {
 	WEBHOOK_RECOVERY: "Webhook Recovery",
 	SUBSCRIPTION_CANCEL: "Subscription Cancel",
 	DUPLICATE_PAYMENT: "Duplicate Payment"
-}, re = ["stripe", "razorpay"], z = (e) => {
+}, ie = ["stripe", "razorpay"], z = (e) => {
 	let t = {
 		yellow: `${r.warning.bg} ${r.warning.text}`,
 		blue: `${r.info.bg} ${r.info.text}`,
@@ -57,7 +58,7 @@ var L = {
 		gray: `${r.neutral.bg} ${r.neutral.text}`
 	};
 	return t[e] || t.gray;
-}, ie = ({ record: e, onViewDetails: t, onProcess: n, onSkip: i, onRetry: a, isProcessing: o }) => {
+}, ae = ({ record: e, onViewDetails: t, onProcess: n, onSkip: i, onRetry: a, isProcessing: o }) => {
 	let [s, c] = h(!1), l = m(null);
 	f(() => {
 		let e = (e) => {
@@ -93,7 +94,7 @@ var L = {
 						n(), c(!1);
 					},
 					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${r.success.text} hover:bg-bg-sunken/50 transition-colors`,
-					children: [/* @__PURE__ */ P(ee, { className: "size-4" }), "Process Refund"]
+					children: [/* @__PURE__ */ P(D, { className: "size-4" }), "Process Refund"]
 				}),
 				d && /* @__PURE__ */ F("button", {
 					type: "button",
@@ -101,7 +102,7 @@ var L = {
 						i(), c(!1);
 					},
 					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${r.warning.text} hover:bg-bg-sunken/50 transition-colors`,
-					children: [/* @__PURE__ */ P(A, { className: "size-4" }), "Skip Refund"]
+					children: [/* @__PURE__ */ P(j, { className: "size-4" }), "Skip Refund"]
 				}),
 				p && /* @__PURE__ */ F("button", {
 					type: "button",
@@ -109,7 +110,7 @@ var L = {
 						a(), c(!1);
 					},
 					className: `w-full flex items-center gap-2 px-3 py-2 text-sm ${r.info.text} hover:bg-bg-sunken/50 transition-colors`,
-					children: [/* @__PURE__ */ P(O, { className: "size-4" }), "Retry Refund"]
+					children: [/* @__PURE__ */ P(k, { className: "size-4" }), "Retry Refund"]
 				})
 			]
 		})]
@@ -119,7 +120,7 @@ var L = {
 	gatewayPaymentId: "",
 	amount: 0,
 	currency: "USD"
-}, ae = ({ isOpen: e, onClose: t, onSubmit: n, isSubmitting: r }) => {
+}, oe = ({ isOpen: e, onClose: t, onSubmit: n, isSubmitting: r }) => {
 	let i = I(), [o, s] = h(""), [c, u] = h(null), [f, p] = h(null), [m, g] = h(!1), [_, y] = h(B), b = () => {
 		s(""), u(null), p(null), y(B);
 	}, x = () => {
@@ -190,7 +191,7 @@ var L = {
 					type: "button",
 					onClick: x,
 					className: "p-1 rounded-md hover:bg-bg-sunken/50 transition-colors",
-					children: /* @__PURE__ */ P(j, { className: "size-5" })
+					children: /* @__PURE__ */ P(M, { className: "size-5" })
 				})]
 			}), /* @__PURE__ */ F("form", {
 				onSubmit: C,
@@ -218,7 +219,7 @@ var L = {
 								onClick: () => S(o),
 								disabled: !o.trim() || m,
 								className: "px-3 py-2 border border-border-subtle rounded-md hover:bg-bg-sunken/50 transition-colors disabled:opacity-50 flex items-center gap-1 text-sm",
-								children: m ? /* @__PURE__ */ P(T, { className: "size-4 animate-spin" }) : /* @__PURE__ */ P(k, { className: "size-4" })
+								children: m ? /* @__PURE__ */ P(T, { className: "size-4 animate-spin" }) : /* @__PURE__ */ P(A, { className: "size-4" })
 							})]
 						}),
 						f && /* @__PURE__ */ P("p", {
@@ -388,7 +389,7 @@ var L = {
 			})]
 		})]
 	});
-}, oe = ({ isOpen: e, record: t, onClose: n, onSubmit: i, isSubmitting: o }) => {
+}, se = ({ isOpen: e, record: t, onClose: n, onSubmit: i, isSubmitting: o }) => {
 	let [s, c] = h("");
 	return !e || !t ? null : /* @__PURE__ */ F("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
@@ -406,7 +407,7 @@ var L = {
 					type: "button",
 					onClick: n,
 					className: "p-1 rounded-md hover:bg-bg-sunken/50 transition-colors",
-					children: /* @__PURE__ */ P(j, { className: "size-5" })
+					children: /* @__PURE__ */ P(M, { className: "size-5" })
 				})]
 			}), /* @__PURE__ */ F("form", {
 				onSubmit: async (e) => {
@@ -456,7 +457,7 @@ var L = {
 			})]
 		})]
 	});
-}, se = ({ record: e, onClose: t }) => {
+}, ce = ({ record: e, onClose: t }) => {
 	if (!e) return null;
 	let n = L[e.status].icon;
 	return /* @__PURE__ */ F("div", {
@@ -476,7 +477,7 @@ var L = {
 						type: "button",
 						onClick: t,
 						className: "p-1 rounded-md hover:bg-bg-sunken/50 transition-colors",
-						children: /* @__PURE__ */ P(j, { className: "size-5" })
+						children: /* @__PURE__ */ P(M, { className: "size-5" })
 					})]
 				}),
 				/* @__PURE__ */ F("div", {
@@ -642,7 +643,7 @@ var L = {
 	let { t: l } = ne(), d = (e, t) => {
 		let n = l(e);
 		return n === e ? t : n;
-	}, f = c(), [m, g] = h("PENDING"), [_, v] = h(""), [x, C] = h({}), [E, ee] = h(!1), [O, A] = h(null), [M, N] = h(!1), [I, B] = h(!1), [H, U] = h(null), [ce, W] = h(null), { records: G, stats: K, pagination: q, isLoading: le, recordsError: J, unprocessedWebhooks: Y, refetch: X, goToNextPage: ue, goToPreviousPage: de, setFilters: Z, createRefundRecord: fe, processRefund: pe, skipRefund: me, retryRefund: he, createRefundRecordsFromFailedWebhooks: ge, isCreating: _e, isProcessing: ve, isCreatingFromWebhooks: Q } = u({ filters: p(() => ({
+	}, f = c(), [m, g] = h("PENDING"), [_, v] = h(""), [x, C] = h({}), [E, D] = h(!1), [k, j] = h(null), [te, N] = h(!1), [I, B] = h(!1), [H, U] = h(null), [le, W] = h(null), { records: G, stats: K, pagination: q, isLoading: ue, recordsError: J, unprocessedWebhooks: Y, refetch: X, goToNextPage: de, goToPreviousPage: fe, setFilters: Z, createRefundRecord: pe, processRefund: me, skipRefund: he, retryRefund: ge, createRefundRecordsFromFailedWebhooks: _e, isCreating: ve, isProcessing: ye, isCreatingFromWebhooks: Q } = u({ filters: p(() => ({
 		...x,
 		status: V[m].status
 	}), [
@@ -663,7 +664,7 @@ var L = {
 			showRetry: !0
 		})
 	});
-	let ye = (e) => {
+	let be = (e) => {
 		g(e), C({}), v("");
 	}, $ = (e, t) => {
 		if (e === "status") return;
@@ -675,46 +676,46 @@ var L = {
 			...n,
 			status: V[m].status
 		});
-	}, be = async (e) => {
+	}, xe = async (e) => {
 		try {
-			await fe(e), N(!1);
+			await pe(e), N(!1);
 		} catch (e) {
 			console.error("Failed to create refund:", e);
 		}
-	}, xe = async (e) => {
+	}, Se = async (e) => {
 		W(e.id);
 		try {
-			let t = await pe(e.id);
+			let t = await me(e.id);
 			!t.success && t.error && console.error("Refund processing failed:", t.error);
 		} catch (e) {
 			console.error("Failed to process refund:", e);
 		} finally {
 			W(null);
 		}
-	}, Se = async (e) => {
+	}, Ce = async (e) => {
 		if (H) try {
-			await me(H.id, e), B(!1), U(null);
+			await he(H.id, e), B(!1), U(null);
 		} catch (e) {
 			console.error("Failed to skip refund:", e);
 		}
-	}, Ce = async (e) => {
+	}, we = async (e) => {
 		W(e.id);
 		try {
-			let t = await he(e.id);
+			let t = await ge(e.id);
 			!t.success && t.error && console.error("Refund retry failed:", t.error);
 		} catch (e) {
 			console.error("Failed to retry refund:", e);
 		} finally {
 			W(null);
 		}
-	}, we = async () => {
+	}, Te = async () => {
 		try {
-			await ge();
+			await _e();
 		} catch (e) {
 			console.error("Failed to create refunds from webhooks:", e);
 		}
-	}, Te = _ ? G.filter((e) => e.gatewayPaymentId.toLowerCase().includes(_.toLowerCase()) || e.gatewayOrderId?.toLowerCase().includes(_.toLowerCase()) || e.reason?.toLowerCase().includes(_.toLowerCase())) : G;
-	return le ? /* @__PURE__ */ F("div", {
+	}, Ee = _ ? G.filter((e) => e.gatewayPaymentId.toLowerCase().includes(_.toLowerCase()) || e.gatewayOrderId?.toLowerCase().includes(_.toLowerCase()) || e.reason?.toLowerCase().includes(_.toLowerCase())) : G;
+	return ue ? /* @__PURE__ */ F("div", {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ P("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" }),
@@ -750,7 +751,7 @@ var L = {
 					children: [
 						Y.length > 0 && /* @__PURE__ */ F("button", {
 							type: "button",
-							onClick: we,
+							onClick: Te,
 							disabled: Q,
 							className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border ${r.warning.border} ${r.warning.bg} ${r.warning.text} hover:opacity-90 transition-colors disabled:opacity-50`,
 							children: [
@@ -764,13 +765,13 @@ var L = {
 							type: "button",
 							onClick: () => X(),
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 transition-colors",
-							children: [/* @__PURE__ */ P(D, { className: "size-4" }), "Refresh"]
+							children: [/* @__PURE__ */ P(O, { className: "size-4" }), "Refresh"]
 						}),
 						/* @__PURE__ */ F("button", {
 							type: "button",
 							onClick: () => N(!0),
 							className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-button bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover transition-colors",
-							children: [/* @__PURE__ */ P(te, { className: "size-4" }), "Create Manual Refund"]
+							children: [/* @__PURE__ */ P(ee, { className: "size-4" }), "Create Manual Refund"]
 						})
 					]
 				})
@@ -783,7 +784,7 @@ var L = {
 						let t = m === e, n = K ? e === "PENDING" ? K.pending : e === "COMPLETED" ? K.completed : e === "FAILED" ? K.failed : K.pending + K.processing + K.completed + K.failed + K.skipped : 0;
 						return /* @__PURE__ */ F("button", {
 							type: "button",
-							onClick: () => ye(e),
+							onClick: () => be(e),
 							className: `flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors whitespace-nowrap ${t ? "border-action-primary-bg text-text-link" : "border-transparent text-text-muted hover:text-text-primary hover:border-border-subtle"}`,
 							children: [V[e].label, K && /* @__PURE__ */ P("span", {
 								className: `px-2 py-0.5 text-xs rounded-full ${t ? "bg-[var(--color-accent-soft)] text-text-link" : "bg-bg-sunken text-text-muted"}`,
@@ -798,7 +799,7 @@ var L = {
 				children: [
 					/* @__PURE__ */ F("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ P(k, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ P("input", {
+						children: [/* @__PURE__ */ P(A, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-muted" }), /* @__PURE__ */ P("input", {
 							type: "text",
 							placeholder: "Search by payment ID, order ID, or reason...",
 							value: _,
@@ -808,7 +809,7 @@ var L = {
 					}),
 					/* @__PURE__ */ F("button", {
 						type: "button",
-						onClick: () => ee(!E),
+						onClick: () => D(!E),
 						className: `inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md border transition-colors ${E ? "border-action-primary-bg bg-[var(--color-accent-soft)] text-text-link" : "border-border-subtle bg-bg-surface hover:bg-bg-sunken/50"}`,
 						children: [
 							/* @__PURE__ */ P(w, { className: "size-4" }),
@@ -825,7 +826,7 @@ var L = {
 							C({}), Z({});
 						},
 						className: "inline-flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-md text-text-muted hover:text-text-primary transition-colors",
-						children: [/* @__PURE__ */ P(j, { className: "size-4" }), "Clear"]
+						children: [/* @__PURE__ */ P(M, { className: "size-4" }), "Clear"]
 					})
 				]
 			}),
@@ -857,7 +858,7 @@ var L = {
 						children: [/* @__PURE__ */ P("option", {
 							value: "",
 							children: "All Providers"
-						}), re.map((e) => /* @__PURE__ */ P("option", {
+						}), ie.map((e) => /* @__PURE__ */ P("option", {
 							value: e,
 							children: e.charAt(0).toUpperCase() + e.slice(1)
 						}, e))]
@@ -891,113 +892,106 @@ var L = {
 					})
 				]
 			}),
-			Te.length === 0 ? /* @__PURE__ */ P(n, {
-				icon: /* @__PURE__ */ P(D, { className: "size-6 text-text-muted" }),
+			Ee.length === 0 ? /* @__PURE__ */ P(n, {
+				icon: /* @__PURE__ */ P(O, { className: "size-6 text-text-muted" }),
 				title: "No refund records found",
 				description: Object.values(x).filter(Boolean).length > 0 ? "Try adjusting your filters." : m === "PENDING" ? "No pending refunds to process." : "Refund records will appear here when created."
 			}) : /* @__PURE__ */ P("div", {
 				className: "border border-border-subtle rounded-lg overflow-hidden",
-				children: /* @__PURE__ */ P("div", {
-					className: "overflow-x-auto",
-					children: /* @__PURE__ */ F("table", {
-						className: "w-full min-w-[400px]",
-						children: [/* @__PURE__ */ P("thead", {
-							className: "bg-bg-sunken/50",
-							children: /* @__PURE__ */ F("tr", { children: [
-								/* @__PURE__ */ P("th", {
-									className: "text-left text-sm font-medium text-text-muted px-3 py-2 whitespace-nowrap",
-									children: "Date"
-								}),
-								/* @__PURE__ */ P("th", {
-									className: "text-left text-sm font-medium text-text-muted px-3 py-2 whitespace-nowrap",
-									children: "Status"
-								}),
-								/* @__PURE__ */ P("th", {
-									className: "text-left text-sm font-medium text-text-muted px-3 py-2 whitespace-nowrap hidden sm:table-cell",
-									children: "Source"
-								}),
-								/* @__PURE__ */ P("th", {
-									className: "text-left text-sm font-medium text-text-muted px-3 py-2 whitespace-nowrap hidden md:table-cell",
-									children: "Provider"
-								}),
-								/* @__PURE__ */ P("th", {
-									className: "text-left text-sm font-medium text-text-muted px-3 py-2 whitespace-nowrap",
-									children: "Payment ID"
-								}),
-								/* @__PURE__ */ P("th", {
-									className: "text-right text-sm font-medium text-text-muted px-3 py-2 whitespace-nowrap",
-									children: "Amount"
-								}),
-								/* @__PURE__ */ P("th", {
-									className: "text-left text-sm font-medium text-text-muted px-3 py-2 whitespace-nowrap hidden lg:table-cell",
-									children: "Reason"
-								}),
-								/* @__PURE__ */ P("th", { className: "p-2 w-10" })
-							] })
-						}), /* @__PURE__ */ P("tbody", {
-							className: "divide-y divide-border-subtle",
-							children: Te.map((e) => {
+				children: /* @__PURE__ */ P(re, {
+					columns: [
+						{
+							key: "date",
+							header: "Date",
+							priority: "primary",
+							cellClassName: "whitespace-nowrap",
+							cell: (e) => /* @__PURE__ */ F("div", {
+								className: "flex flex-col",
+								children: [/* @__PURE__ */ P("span", {
+									className: "text-sm text-text-primary",
+									children: o(e.createdAt).split(" ")[0]
+								}), /* @__PURE__ */ P("span", {
+									className: "text-xs text-text-muted",
+									children: o(e.createdAt).split(" ")[1]
+								})]
+							})
+						},
+						{
+							key: "status",
+							header: "Status",
+							cellClassName: "whitespace-nowrap",
+							cell: (e) => {
 								let t = L[e.status].icon;
-								return /* @__PURE__ */ F("tr", {
-									className: "hover:bg-bg-sunken/30 transition-colors",
-									children: [
-										/* @__PURE__ */ P("td", {
-											className: "px-3 py-2 text-sm text-text-primary whitespace-nowrap",
-											children: /* @__PURE__ */ F("div", {
-												className: "flex flex-col",
-												children: [/* @__PURE__ */ P("span", { children: o(e.createdAt).split(" ")[0] }), /* @__PURE__ */ P("span", {
-													className: "text-xs text-text-muted",
-													children: o(e.createdAt).split(" ")[1]
-												})]
-											})
-										}),
-										/* @__PURE__ */ P("td", {
-											className: "px-3 py-2 whitespace-nowrap",
-											children: /* @__PURE__ */ F("span", {
-												className: `inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${z(L[e.status].color)}`,
-												children: [/* @__PURE__ */ P(t, { className: "size-3" }), /* @__PURE__ */ P("span", {
-													className: "hidden sm:inline",
-													children: L[e.status].label
-												})]
-											})
-										}),
-										/* @__PURE__ */ P("td", {
-											className: "px-3 py-2 text-sm text-text-muted whitespace-nowrap hidden sm:table-cell",
-											children: R[e.source]
-										}),
-										/* @__PURE__ */ P("td", {
-											className: "px-3 py-2 text-sm text-text-primary capitalize whitespace-nowrap hidden md:table-cell",
-											children: e.provider
-										}),
-										/* @__PURE__ */ P("td", {
-											className: "px-3 py-2 text-sm font-mono text-text-muted whitespace-nowrap max-w-[120px] sm:max-w-[200px] truncate",
-											children: e.gatewayPaymentId
-										}),
-										/* @__PURE__ */ P("td", {
-											className: "px-3 py-2 text-sm text-right font-medium whitespace-nowrap",
-											children: a(e.amount, e.currency)
-										}),
-										/* @__PURE__ */ P("td", {
-											className: "px-3 py-2 text-sm text-text-muted max-w-[200px] truncate hidden lg:table-cell",
-											children: e.reason || "-"
-										}),
-										/* @__PURE__ */ P("td", {
-											className: "p-2 text-center",
-											children: /* @__PURE__ */ P(ie, {
-												record: e,
-												onViewDetails: () => A(e),
-												onProcess: () => xe(e),
-												onSkip: () => {
-													U(e), B(!0);
-												},
-												onRetry: () => Ce(e),
-												isProcessing: ce === e.id
-											})
-										})
-									]
-								}, e.id);
+								return /* @__PURE__ */ F("span", {
+									className: `inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded ${z(L[e.status].color)}`,
+									children: [/* @__PURE__ */ P(t, { className: "size-3" }), /* @__PURE__ */ P("span", {
+										className: "hidden sm:inline",
+										children: L[e.status].label
+									})]
+								});
+							}
+						},
+						{
+							key: "source",
+							header: "Source",
+							priority: "hidden-on-mobile",
+							cellClassName: "whitespace-nowrap",
+							cell: (e) => /* @__PURE__ */ P("span", {
+								className: "text-sm text-text-muted",
+								children: R[e.source]
 							})
-						})]
+						},
+						{
+							key: "provider",
+							header: "Provider",
+							priority: "hidden-on-mobile",
+							cellClassName: "whitespace-nowrap",
+							cell: (e) => /* @__PURE__ */ P("span", {
+								className: "text-sm text-text-primary capitalize",
+								children: e.provider
+							})
+						},
+						{
+							key: "paymentId",
+							header: "Payment ID",
+							cellClassName: "whitespace-nowrap max-w-[120px] sm:max-w-[200px] truncate",
+							cell: (e) => /* @__PURE__ */ P("span", {
+								className: "text-sm font-mono text-text-muted",
+								children: e.gatewayPaymentId
+							})
+						},
+						{
+							key: "amount",
+							header: "Amount",
+							headerClassName: "text-right",
+							cellClassName: "text-right whitespace-nowrap",
+							cell: (e) => /* @__PURE__ */ P("span", {
+								className: "text-sm font-medium tabular-nums",
+								children: a(e.amount, e.currency)
+							})
+						},
+						{
+							key: "reason",
+							header: "Reason",
+							priority: "hidden-on-mobile",
+							cellClassName: "max-w-[200px] truncate",
+							cell: (e) => /* @__PURE__ */ P("span", {
+								className: "text-sm text-text-muted",
+								children: e.reason || "-"
+							})
+						}
+					],
+					data: Ee,
+					rowKey: (e) => e.id,
+					rowActions: (e) => /* @__PURE__ */ P(ae, {
+						record: e,
+						onViewDetails: () => j(e),
+						onProcess: () => Se(e),
+						onSkip: () => {
+							U(e), B(!0);
+						},
+						onRetry: () => we(e),
+						isProcessing: le === e.id
 					})
 				})
 			}),
@@ -1021,7 +1015,7 @@ var L = {
 					children: [
 						/* @__PURE__ */ F("button", {
 							type: "button",
-							onClick: de,
+							onClick: fe,
 							disabled: !q.hasPrevious,
 							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
 							children: [/* @__PURE__ */ P(y, { className: "size-4" }), /* @__PURE__ */ P("span", {
@@ -1052,7 +1046,7 @@ var L = {
 						}),
 						/* @__PURE__ */ F("button", {
 							type: "button",
-							onClick: ue,
+							onClick: de,
 							disabled: !q.hasMore,
 							className: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-button border border-border-subtle bg-bg-surface hover:bg-bg-sunken/50 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
 							children: [/* @__PURE__ */ P("span", {
@@ -1063,24 +1057,24 @@ var L = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ P(ae, {
-				isOpen: M,
+			/* @__PURE__ */ P(oe, {
+				isOpen: te,
 				onClose: () => N(!1),
-				onSubmit: be,
-				isSubmitting: _e
+				onSubmit: xe,
+				isSubmitting: ve
 			}),
-			/* @__PURE__ */ P(oe, {
+			/* @__PURE__ */ P(se, {
 				isOpen: I,
 				record: H,
 				onClose: () => {
 					B(!1), U(null);
 				},
-				onSubmit: Se,
-				isSubmitting: ve
+				onSubmit: Ce,
+				isSubmitting: ye
 			}),
-			/* @__PURE__ */ P(se, {
-				record: O,
-				onClose: () => A(null)
+			/* @__PURE__ */ P(ce, {
+				record: k,
+				onClose: () => j(null)
 			})
 		]
 	});