@burdenoff/microfe-export 2026.1023.1 → 2026.1107.1

package/dist/export/pages/ExportDetailPage.js

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