@burdenoff/microfe-export 2026.801.1 → 2026.830.2

package/dist/export/pages/ExportDetailPage.js

@@ -1,18 +1,19 @@
 import { useExport as e } from "../providers/ExportProvider.js";
-import { useCancelExportJob as t, useDeleteExportJob as n, useExportJob as r, useExportJobProgress as ee, useRetryExportJob as te } from "../hooks/useExportQueries.js";
-import { cn as i } from "../utils/cn.js";
-import { getArchiveFormatDisplayName as ne, getFormatDisplayName as re } from "../constants/enums.js";
-import { ExportStatusBadge as a } from "../components/ExportStatusBadge.js";
-import { ExportProgressBar as o } from "../components/ExportProgressBar.js";
-import { PageLayout as s, PageSection as c } from "../components/PageLayout.js";
-import { nativeImpact as l, nativeNotify as u } from "../../utils/nativeBridge.js";
-import { useState as d } from "react";
-import { AlertCircle as f, ArrowLeft as p, CheckCircle2 as m, Clock as h, Download as g, FileDown as ie, FileText as ae, HardDrive as _, Loader2 as v, RotateCcw as y, Trash2 as b, XCircle as x } from "lucide-react";
-import { useNavigate as S, useParams as oe } from "react-router";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { CTAOverflowMenu as T, GlassCard as E, IllustratedEmptyState as D, NextSteps as O } from "@burdenoff/fe-libs/ui";
+import { useTr as t } from "../hooks/useTr.js";
+import { useCancelExportJob as n, useDeleteExportJob as r, useExportJob as ee, useExportJobProgress as i, useRetryExportJob as a } from "../hooks/useExportQueries.js";
+import { cn as o } from "../utils/cn.js";
+import { getArchiveFormatDisplayName as s, getFormatDisplayName as c } from "../constants/enums.js";
+import { ExportStatusBadge as te } from "../components/ExportStatusBadge.js";
+import { ExportProgressBar as ne } from "../components/ExportProgressBar.js";
+import { PageLayout as l, PageSection as re } from "../components/PageLayout.js";
+import { nativeImpact as ie, nativeNotify as u } from "../../utils/nativeBridge.js";
+import { useState as ae } from "react";
+import { AlertCircle as oe, ArrowLeft as d, CheckCircle2 as f, Clock as p, Download as m, FileDown as h, FileText as g, HardDrive as se, Loader2 as _, RotateCcw as v, Trash2 as y, XCircle as ce } from "lucide-react";
+import { useNavigate as le, useParams as ue } from "react-router";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { CTAOverflowMenu as S, GlassCard as C, IllustratedEmptyState as w, NextSteps as T } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/ExportDetailPage.tsx
-function k(e) {
+function E(e) {
 	if (e === 0) return "0 B";
 	let t = 1024, n = [
 		"B",
@@ -23,170 +24,170 @@ function k(e) {
 	], r = Math.floor(Math.log(e) / Math.log(t));
 	return `${parseFloat((e / t ** +r).toFixed(2))} ${n[r]}`;
 }
-var A = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-function j() {
-	let { jobId: j } = oe(), { basePath: M = "/", navigate: N } = e(), P = S(), F = () => {
-		window.history.length > 1 ? P(-1) : N?.(M);
-	}, { data: I, isLoading: L } = r(j), { data: R } = ee(j), [z, B] = d(null), { cancelJob: se, isPending: V } = t(), { deleteJob: H, isPending: U } = n(), { retryJob: W, isPending: G } = te(), K = R ?? I ?? null, q = K?.status === "CREATED" || K?.status === "QUEUED" || K?.status === "RUNNING", J = K?.status === "COMPLETED", ce = K?.status === "FAILED", Y = K?.status === "FAILED" || K?.status === "CANCELLED" || K?.status === "EXPIRED", le = async () => {
-		j && B("cancel");
-	}, ue = async () => {
-		j && (l("medium"), B("delete"));
-	}, de = async () => {
-		if (!(!j || !z)) {
+var D = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+function O() {
+	let { jobId: O } = ue(), { basePath: k = "/", navigate: A } = e(), j = le(), M = t(), N = () => {
+		window.history.length > 1 ? j(-1) : A?.(k);
+	}, { data: P, isLoading: F } = ee(O), { data: I } = i(O), [L, R] = ae(null), { cancelJob: z, isPending: B } = n(), { deleteJob: V, isPending: H } = r(), { retryJob: U, isPending: W } = a(), G = I ?? P ?? null, K = G?.status === "CREATED" || G?.status === "QUEUED" || G?.status === "RUNNING", q = G?.status === "COMPLETED", J = G?.status === "FAILED", Y = G?.status === "FAILED" || G?.status === "CANCELLED" || G?.status === "EXPIRED", de = async () => {
+		O && R("cancel");
+	}, fe = async () => {
+		O && (ie("medium"), R("delete"));
+	}, pe = async () => {
+		if (!(!O || !L)) {
 			try {
-				z === "cancel" ? await se(j) : (await H(j), N?.(M)), u("success");
+				L === "cancel" ? await z(O) : (await V(O), A?.(k)), u("success");
 			} catch {
 				u("error");
 			}
-			B(null);
+			R(null);
 		}
 	}, X = async () => {
-		if (!j) return;
-		let e = await W(j);
-		e?.id && N?.(A(M, e.id));
-	}, Z = K?.parts.find((e) => e.downloadUrl);
-	if (L) return /* @__PURE__ */ w("div", {
+		if (!O) return;
+		let e = await U(O);
+		e?.id && A?.(D(k, e.id));
+	}, Z = G?.parts.find((e) => e.downloadUrl);
+	if (F) return /* @__PURE__ */ x("div", {
 		className: "flex flex-col items-center justify-center py-20",
-		children: [/* @__PURE__ */ C(v, {
+		children: [/* @__PURE__ */ b(_, {
 			size: 48,
 			className: "animate-spin text-primary"
-		}), /* @__PURE__ */ C("span", {
+		}), /* @__PURE__ */ b("span", {
 			className: "mt-6 text-sm font-medium text-text-secondary",
-			children: "Loading export details…"
+			children: M("export.detail.loading", "Loading export details…")
 		})]
 	});
-	if (!K) return /* @__PURE__ */ w(s, {
+	if (!G) return /* @__PURE__ */ x(l, {
 		showHeader: !1,
-		children: [/* @__PURE__ */ w("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex items-center gap-3 mb-6",
-			children: [/* @__PURE__ */ C("button", {
+			children: [/* @__PURE__ */ b("button", {
 				type: "button",
-				onClick: F,
-				"aria-label": "Go back",
+				onClick: N,
+				"aria-label": M("export.detail.actions.back", "Go back"),
 				className: "p-2.5 hover:bg-accent rounded-lg transition-all duration-200",
-				children: /* @__PURE__ */ C(p, { size: 20 })
-			}), /* @__PURE__ */ C("h1", {
+				children: /* @__PURE__ */ b(d, { size: 20 })
+			}), /* @__PURE__ */ b("h1", {
 				className: "text-xl font-bold",
-				children: "Export Not Found"
+				children: M("export.detail.notFound.title", "Export Not Found")
 			})]
-		}), /* @__PURE__ */ C(D, {
+		}), /* @__PURE__ */ b(w, {
 			illustration: "empty-data",
-			title: "Export not found",
-			description: "The export job you are looking for does not exist or has been deleted.",
-			action: /* @__PURE__ */ w("button", {
+			title: M("export.detail.notFound.heading", "Export not found"),
+			description: M("export.detail.notFound.description", "The export job you are looking for does not exist or has been deleted."),
+			action: /* @__PURE__ */ x("button", {
 				type: "button",
-				onClick: F,
+				onClick: N,
 				className: "inline-flex items-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium",
-				children: [/* @__PURE__ */ C(p, { size: 18 }), "Back to Dashboard"]
+				children: [/* @__PURE__ */ b(d, { size: 18 }), M("export.detail.actions.backToDashboard", "Back to Dashboard")]
 			})
 		})]
 	});
 	let Q = Z ? {
-		label: "Download",
-		icon: /* @__PURE__ */ C(g, { size: 16 }),
+		label: M("export.detail.actions.download", "Download"),
+		icon: /* @__PURE__ */ b(m, { size: 16 }),
 		onSelect: () => {
 			Z.downloadUrl && window.location.assign(Z.downloadUrl);
 		}
 	} : Y ? {
-		label: "Retry Export",
-		icon: /* @__PURE__ */ C(y, { size: 16 }),
-		disabled: G,
+		label: M("export.detail.actions.retry", "Retry Export"),
+		icon: /* @__PURE__ */ b(v, { size: 16 }),
+		disabled: W,
 		onSelect: () => {
 			X();
 		}
 	} : void 0, $ = [];
 	Y && Z && $.push({
-		label: "Retry Export",
-		icon: /* @__PURE__ */ C(y, { size: 16 }),
-		disabled: G,
+		label: M("export.detail.actions.retry", "Retry Export"),
+		icon: /* @__PURE__ */ b(v, { size: 16 }),
+		disabled: W,
 		onSelect: () => {
 			X();
 		}
-	}), q && $.push({
-		label: "Cancel Export",
-		icon: /* @__PURE__ */ C(x, { size: 16 }),
-		disabled: V,
+	}), K && $.push({
+		label: M("export.detail.actions.cancel", "Cancel Export"),
+		icon: /* @__PURE__ */ b(ce, { size: 16 }),
+		disabled: B,
 		onSelect: () => {
-			le();
+			de();
 		}
-	}), q || $.push({
-		label: "Delete Export",
-		icon: /* @__PURE__ */ C(b, { size: 16 }),
+	}), K || $.push({
+		label: M("export.detail.actions.delete", "Delete Export"),
+		icon: /* @__PURE__ */ b(y, { size: 16 }),
 		intent: "destructive",
-		disabled: U,
+		disabled: H,
 		onSelect: () => {
-			ue();
+			fe();
 		}
 	});
-	let fe = [
+	let me = [
 		{
 			id: "download",
-			label: "Download your export",
-			description: "Grab the generated files below before their download links expire.",
-			icon: /* @__PURE__ */ C(g, { size: 16 }),
+			label: M("export.detail.nextSteps.download.label", "Download your export"),
+			description: M("export.detail.nextSteps.download.description", "Grab the generated files below before their download links expire."),
+			icon: /* @__PURE__ */ b(m, { size: 16 }),
 			onClick: () => {
 				Z?.downloadUrl && window.location.assign(Z.downloadUrl);
 			},
-			done: J
+			done: q
 		},
 		...Y ? [{
 			id: "retry",
-			label: "Retry this export",
-			description: "This export didn't finish — start a fresh run with the same settings.",
-			icon: /* @__PURE__ */ C(y, { size: 16 }),
+			label: M("export.detail.nextSteps.retry.label", "Retry this export"),
+			description: M("export.detail.nextSteps.retry.description", "This export didn't finish — start a fresh run with the same settings."),
+			icon: /* @__PURE__ */ b(v, { size: 16 }),
 			onClick: () => {
 				X();
 			}
 		}] : [],
 		{
 			id: "history",
-			label: "Back to History",
-			description: "See all your exports and track other jobs in progress.",
-			icon: /* @__PURE__ */ C(h, { size: 16 }),
-			onClick: () => N?.(M)
+			label: M("export.detail.nextSteps.history.label", "Back to History"),
+			description: M("export.detail.nextSteps.history.description", "See all your exports and track other jobs in progress."),
+			icon: /* @__PURE__ */ b(p, { size: 16 }),
+			onClick: () => A?.(k)
 		}
 	];
-	return /* @__PURE__ */ w(s, {
+	return /* @__PURE__ */ x(l, {
 		showHeader: !1,
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ b("div", {
 				className: "relative overflow-hidden rounded-xl bg-accent-wash border border-border-seam p-6 shadow-[var(--shadow-pop)]",
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "relative z-10 flex flex-col sm:flex-row sm:items-center gap-4",
 					children: [
-						/* @__PURE__ */ C("button", {
+						/* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: F,
-							"aria-label": "Go back",
+							onClick: N,
+							"aria-label": M("export.detail.actions.back", "Go back"),
 							className: "p-2.5 hover:bg-accent rounded-lg transition-colors duration-200 self-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
-							children: /* @__PURE__ */ C(p, { size: 20 })
+							children: /* @__PURE__ */ b(d, { size: 20 })
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3 flex-1 min-w-0",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ b("div", {
 									className: "p-2.5 rounded-lg bg-action-primary-bg/10",
-									children: /* @__PURE__ */ C(g, {
+									children: /* @__PURE__ */ b(m, {
 										size: 24,
 										className: "text-primary"
 									})
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex-1 min-w-0",
-									children: [/* @__PURE__ */ C("h1", {
+									children: [/* @__PURE__ */ b("h1", {
 										className: "text-xl sm:text-2xl font-bold truncate",
-										children: K.name
-									}), /* @__PURE__ */ C("p", {
+										children: G.name
+									}), /* @__PURE__ */ b("p", {
 										className: "text-sm text-text-secondary mt-1",
-										children: K.entityTypes.join(", ")
+										children: G.entityTypes.join(", ")
 									})]
 								}),
-								/* @__PURE__ */ C(a, { status: K.status })
+								/* @__PURE__ */ b(te, { status: G.status })
 							]
 						}),
-						(Q || $.length > 0) && /* @__PURE__ */ C("div", {
+						(Q || $.length > 0) && /* @__PURE__ */ b("div", {
 							className: "flex-shrink-0",
-							children: /* @__PURE__ */ C(T, {
+							children: /* @__PURE__ */ b(S, {
 								primary: Q,
 								actions: $
 							})
@@ -194,170 +195,167 @@ function j() {
 					]
 				})
 			}),
-			(K.status === "RUNNING" || K.status === "QUEUED") && /* @__PURE__ */ w("div", {
+			(G.status === "RUNNING" || G.status === "QUEUED") && /* @__PURE__ */ x("div", {
 				className: "border border-border-seam rounded-xl bg-status-info-bg-subtle p-6",
-				children: [/* @__PURE__ */ C(o, {
-					progress: K.progress,
+				children: [/* @__PURE__ */ b(ne, {
+					progress: G.progress,
 					size: "lg"
-				}), K.processedEntities != null && K.totalEntities != null && /* @__PURE__ */ w("p", {
+				}), G.processedEntities != null && G.totalEntities != null && /* @__PURE__ */ b("p", {
 					className: "text-sm text-text-secondary mt-2",
-					children: [
-						K.processedEntities.toLocaleString(),
-						" /",
-						" ",
-						K.totalEntities.toLocaleString(),
-						" entities processed"
-					]
+					children: M("export.detail.progress.entitiesProcessed", "{{processed}} / {{total}} entities processed", {
+						processed: G.processedEntities.toLocaleString(),
+						total: G.totalEntities.toLocaleString()
+					})
 				})]
 			}),
-			ce && K.errorMessage && /* @__PURE__ */ w("div", {
+			J && G.errorMessage && /* @__PURE__ */ x("div", {
 				className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-6 flex items-start gap-4",
-				children: [/* @__PURE__ */ C(f, {
+				children: [/* @__PURE__ */ b(oe, {
 					size: 24,
 					className: "text-status-error-text flex-shrink-0 mt-0.5"
-				}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h3", {
+				}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h3", {
 					className: "font-semibold text-status-error-text mb-1",
-					children: "Export Failed"
-				}), /* @__PURE__ */ C("p", {
+					children: M("export.detail.error.title", "Export Failed")
+				}), /* @__PURE__ */ b("p", {
 					className: "text-sm text-status-error-text",
-					children: K.errorMessage
+					children: G.errorMessage
 				})] })]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
 					{
-						icon: /* @__PURE__ */ C(ae, { size: 18 }),
-						label: "Format",
-						value: re(K.format)
+						icon: /* @__PURE__ */ b(g, { size: 18 }),
+						label: M("export.detail.info.format", "Format"),
+						value: c(G.format)
 					},
 					{
-						icon: /* @__PURE__ */ C(_, { size: 18 }),
-						label: "Archive",
-						value: ne(K.archiveFormat)
+						icon: /* @__PURE__ */ b(se, { size: 18 }),
+						label: M("export.detail.info.archive", "Archive"),
+						value: s(G.archiveFormat)
 					},
 					{
-						icon: /* @__PURE__ */ C(g, { size: 18 }),
-						label: "Total Size",
-						value: K.totalSizeBytes == null ? "-" : k(K.totalSizeBytes)
+						icon: /* @__PURE__ */ b(m, { size: 18 }),
+						label: M("export.detail.info.totalSize", "Total Size"),
+						value: G.totalSizeBytes == null ? "-" : E(G.totalSizeBytes)
 					},
 					{
-						icon: /* @__PURE__ */ C(h, { size: 18 }),
-						label: "Created",
-						value: new Date(K.createdAt).toLocaleDateString()
+						icon: /* @__PURE__ */ b(p, { size: 18 }),
+						label: M("export.detail.info.created", "Created"),
+						value: new Date(G.createdAt).toLocaleDateString()
 					}
-				].map((e) => /* @__PURE__ */ w(E, {
+				].map((e) => /* @__PURE__ */ x(C, {
 					treatment: "metric",
 					className: "p-4 border-border-seam",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2 text-text-secondary mb-1",
-						children: [e.icon, /* @__PURE__ */ C("span", {
+						children: [e.icon, /* @__PURE__ */ b("span", {
 							className: "text-xs font-medium",
 							children: e.label
 						})]
-					}), /* @__PURE__ */ C("p", {
+					}), /* @__PURE__ */ b("p", {
 						className: "font-bold text-lg tabular-nums",
 						children: e.value
 					})]
 				}, e.label))
 			}),
-			/* @__PURE__ */ C(O, {
-				storageKey: `export-detail-${K.id}`,
-				title: "What's next",
-				steps: fe
+			/* @__PURE__ */ b(T, {
+				storageKey: `export-detail-${G.id}`,
+				title: M("export.detail.nextSteps.title", "What's next"),
+				steps: me
 			}),
-			K.parts.length > 0 && /* @__PURE__ */ C(c, {
-				title: "Export Parts",
-				description: `${K.parts.length} file(s) generated`,
-				children: /* @__PURE__ */ C("div", {
+			G.parts.length > 0 && /* @__PURE__ */ b(re, {
+				title: M("export.detail.parts.title", "Export Parts"),
+				description: M("export.detail.parts.description", "{{count}} file(s) generated", { count: G.parts.length }),
+				children: /* @__PURE__ */ b("div", {
 					className: "space-y-2",
-					children: K.parts.map((e) => /* @__PURE__ */ w("div", {
-						className: i("border border-border-seam rounded-xl p-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 bg-bg-surface", "hover:border-primary/40 transition-colors duration-200"),
-						children: [/* @__PURE__ */ w("div", {
+					children: G.parts.map((e) => /* @__PURE__ */ x("div", {
+						className: o("border border-border-seam rounded-xl p-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 bg-bg-surface", "hover:border-primary/40 transition-colors duration-200"),
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3 min-w-0",
-							children: [/* @__PURE__ */ C(ie, {
+							children: [/* @__PURE__ */ b(h, {
 								size: 20,
 								className: "text-primary flex-shrink-0"
-							}), /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ b("p", {
 									className: "font-medium truncate",
 									children: e.fileName
-								}), /* @__PURE__ */ w("p", {
+								}), /* @__PURE__ */ x("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										e.entityTypes.join(", "),
 										" ·",
 										" ",
-										k(e.sizeBytes),
-										e.downloadExpiresAt && ` · expires ${new Date(e.downloadExpiresAt).toLocaleDateString()}`
+										E(e.sizeBytes),
+										e.downloadExpiresAt && ` · ${M("export.detail.parts.expires", "expires {{date}}", { date: new Date(e.downloadExpiresAt).toLocaleDateString() })}`
 									]
 								})]
 							})]
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2 flex-shrink-0",
-							children: e.downloadUrl ? /* @__PURE__ */ w("a", {
+							children: e.downloadUrl ? /* @__PURE__ */ x("a", {
 								href: e.downloadUrl,
 								className: "inline-flex items-center gap-2 px-3 py-1.5 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors text-sm font-medium",
-								children: [/* @__PURE__ */ C(g, { size: 14 }), "Download"]
-							}) : /* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ b(m, { size: 14 }), M("export.detail.parts.download", "Download")]
+							}) : /* @__PURE__ */ x("span", {
 								className: "inline-flex items-center gap-1.5 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ C(h, { size: 14 }), "Pending"]
+								children: [/* @__PURE__ */ b(p, { size: 14 }), M("export.detail.parts.pending", "Pending")]
 							})
 						})]
 					}, e.id))
 				})
 			}),
-			J && K.parts.length === 0 && /* @__PURE__ */ w("div", {
+			q && G.parts.length === 0 && /* @__PURE__ */ x("div", {
 				className: "border-2 border-border-default rounded-xl bg-status-success-bg-subtle p-6 text-center",
 				children: [
-					/* @__PURE__ */ C(m, {
+					/* @__PURE__ */ b(f, {
 						size: 48,
 						className: "text-status-success-text mx-auto mb-3"
 					}),
-					/* @__PURE__ */ C("h3", {
+					/* @__PURE__ */ b("h3", {
 						className: "text-lg font-bold text-status-success-text mb-1",
-						children: "Export Complete"
+						children: M("export.detail.complete.title", "Export Complete")
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ b("p", {
 						className: "text-sm text-status-success-text",
-						children: "Your export has completed but no download parts are available yet."
+						children: M("export.detail.complete.noParts", "Your export has completed but no download parts are available yet.")
 					})
 				]
 			}),
-			z && /* @__PURE__ */ C("div", {
+			L && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "export-confirm-title",
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4",
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl",
 					children: [
-						/* @__PURE__ */ C("h2", {
+						/* @__PURE__ */ b("h2", {
 							id: "export-confirm-title",
 							className: "text-lg font-bold",
-							children: z === "cancel" ? "Cancel export?" : "Delete export?"
+							children: L === "cancel" ? M("export.detail.confirm.cancel.title", "Cancel export?") : M("export.detail.confirm.delete.title", "Delete export?")
 						}),
-						/* @__PURE__ */ C("p", {
+						/* @__PURE__ */ b("p", {
 							className: "mt-2 text-sm text-text-secondary",
-							children: z === "cancel" ? "This stops the running export job. You can retry it later if needed." : "This removes the export job from history. This action cannot be undone."
+							children: L === "cancel" ? M("export.detail.confirm.cancel.description", "This stops the running export job. You can retry it later if needed.") : M("export.detail.confirm.delete.description", "This removes the export job from history. This action cannot be undone.")
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3",
-							children: [/* @__PURE__ */ C("button", {
+							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => B(null),
+								onClick: () => R(null),
 								className: "px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium",
-								children: "Keep Export"
-							}), /* @__PURE__ */ w("button", {
+								children: M("export.detail.confirm.keep", "Keep Export")
+							}), /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: de,
-								disabled: V || U,
+								onClick: pe,
+								disabled: B || H,
 								className: "inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium disabled:opacity-50",
-								children: [V || U ? /* @__PURE__ */ C(v, {
+								children: [B || H ? /* @__PURE__ */ b(_, {
 									size: 16,
 									className: "animate-spin"
-								}) : null, z === "cancel" ? "Cancel Export" : "Delete Export"]
+								}) : null, L === "cancel" ? M("export.detail.actions.cancel", "Cancel Export") : M("export.detail.actions.delete", "Delete Export")]
 							})]
 						})
 					]
@@ -367,6 +365,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as ExportDetailPage };
+export { O as ExportDetailPage };
 
 //# sourceMappingURL=ExportDetailPage.js.map