@burdenoff/microfe-export 2026.624.1 → 2026.625.2

package/dist/export/pages/ExportDetailPage.js

@@ -4,14 +4,15 @@ import { cn as o } from "../utils/cn.js";
 import { getArchiveFormatDisplayName as s, getFormatDisplayName as c } from "../constants/enums.js";
 import { ExportStatusBadge as l } from "../components/ExportStatusBadge.js";
 import { ExportProgressBar as u } from "../components/ExportProgressBar.js";
-import { PageLayout as d, PageSection as f } from "../components/PageLayout.js";
-import { nativeImpact as p, nativeNotify as m } from "../../utils/nativeBridge.js";
-import { useState as h } from "react";
-import { AlertCircle as g, ArrowLeft as _, CheckCircle2 as v, Clock as y, Download as b, FileDown as x, FileText as S, HardDrive as C, Loader2 as w, RotateCcw as T, Trash2 as E, XCircle as D } from "lucide-react";
-import { useNavigate as O, useParams as k } from "react-router-dom";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { PageLayout as d, PageSection as ee } from "../components/PageLayout.js";
+import { nativeImpact as te, nativeNotify as f } from "../../utils/nativeBridge.js";
+import { useState as p } from "react";
+import { AlertCircle as m, ArrowLeft as h, CheckCircle2 as g, Clock as _, Download as v, FileDown as y, FileText as b, HardDrive as x, Loader2 as S, RotateCcw as C, Trash2 as w, XCircle as ne } from "lucide-react";
+import { useNavigate as re, useParams as ie } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { CTAOverflowMenu as D, GlassCard as O } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/ExportDetailPage.tsx
-function M(e) {
+function k(e) {
 	if (e === 0) return "0 B";
 	let t = 1024, n = [
 		"B",
@@ -22,312 +23,327 @@ function M(e) {
 	], r = Math.floor(Math.log(e) / Math.log(t));
 	return `${parseFloat((e / t ** +r).toFixed(2))} ${n[r]}`;
 }
-var N = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-function P() {
-	let { jobId: P } = k(), { basePath: F = "/", navigate: I } = e(), L = O(), R = () => {
-		window.history.length > 1 ? L(-1) : I?.(F);
-	}, { data: z, isLoading: B } = r(P), { data: V } = i(P), [H, U] = h(null), { cancelJob: W, isPending: G } = t(), { deleteJob: K, isPending: q } = n(), { retryJob: J, isPending: Y } = a(), X = V ?? z ?? null, Z = X?.status === "CREATED" || X?.status === "QUEUED" || X?.status === "RUNNING", Q = X?.status === "COMPLETED", $ = X?.status === "FAILED", ee = X?.status === "FAILED" || X?.status === "CANCELLED" || X?.status === "EXPIRED";
-	return B ? /* @__PURE__ */ j("div", {
+var A = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+function j() {
+	let { jobId: j } = ie(), { basePath: M = "/", navigate: N } = e(), P = re(), F = () => {
+		window.history.length > 1 ? P(-1) : N?.(M);
+	}, { data: I, isLoading: L } = r(j), { data: R } = i(j), [z, B] = p(null), { cancelJob: V, isPending: H } = t(), { deleteJob: U, isPending: W } = n(), { retryJob: G, isPending: K } = a(), q = R ?? I ?? null, J = q?.status === "CREATED" || q?.status === "QUEUED" || q?.status === "RUNNING", ae = q?.status === "COMPLETED", oe = q?.status === "FAILED", Y = q?.status === "FAILED" || q?.status === "CANCELLED" || q?.status === "EXPIRED", se = async () => {
+		j && B("cancel");
+	}, ce = async () => {
+		j && (te("medium"), B("delete"));
+	}, le = async () => {
+		if (!(!j || !z)) {
+			try {
+				z === "cancel" ? await V(j) : (await U(j), N?.(M)), f("success");
+			} catch {
+				f("error");
+			}
+			B(null);
+		}
+	}, X = async () => {
+		if (!j) return;
+		let e = await G(j);
+		e?.id && N?.(A(M, e.id));
+	}, Z = q?.parts.find((e) => e.downloadUrl);
+	if (L) return /* @__PURE__ */ E("div", {
 		className: "flex flex-col items-center justify-center py-20",
-		children: [/* @__PURE__ */ A(w, {
+		children: [/* @__PURE__ */ T(S, {
 			size: 48,
 			className: "animate-spin text-primary"
-		}), /* @__PURE__ */ A("span", {
+		}), /* @__PURE__ */ T("span", {
 			className: "mt-6 text-sm font-medium text-text-secondary",
 			children: "Loading export details…"
 		})]
-	}) : X ? /* @__PURE__ */ j(d, {
+	});
+	if (!q) return /* @__PURE__ */ E(d, {
+		showHeader: !1,
+		children: [/* @__PURE__ */ E("div", {
+			className: "flex items-center gap-3 mb-6",
+			children: [/* @__PURE__ */ T("button", {
+				type: "button",
+				onClick: F,
+				className: "p-2.5 hover:bg-accent rounded-lg transition-all duration-200",
+				children: /* @__PURE__ */ T(h, { size: 20 })
+			}), /* @__PURE__ */ T("h1", {
+				className: "text-xl font-bold",
+				children: "Export Not Found"
+			})]
+		}), /* @__PURE__ */ E("div", {
+			className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-12 text-center",
+			children: [
+				/* @__PURE__ */ T(m, {
+					size: 48,
+					className: "text-status-error-text mx-auto mb-4"
+				}),
+				/* @__PURE__ */ T("h3", {
+					className: "text-lg font-bold text-status-error-text mb-2",
+					children: "Export Not Found"
+				}),
+				/* @__PURE__ */ T("p", {
+					className: "text-status-error-text mb-6",
+					children: "The export job you are looking for does not exist or has been deleted."
+				}),
+				/* @__PURE__ */ E("button", {
+					type: "button",
+					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__ */ T(h, { size: 18 }), "Back to Dashboard"]
+				})
+			]
+		})]
+	});
+	let Q = Z ? {
+		label: "Download",
+		icon: /* @__PURE__ */ T(v, { size: 16 }),
+		onSelect: () => {
+			Z.downloadUrl && window.location.assign(Z.downloadUrl);
+		}
+	} : Y ? {
+		label: "Retry Export",
+		icon: /* @__PURE__ */ T(C, { size: 16 }),
+		disabled: K,
+		onSelect: () => {
+			X();
+		}
+	} : void 0, $ = [];
+	return Y && Z && $.push({
+		label: "Retry Export",
+		icon: /* @__PURE__ */ T(C, { size: 16 }),
+		disabled: K,
+		onSelect: () => {
+			X();
+		}
+	}), J && $.push({
+		label: "Cancel Export",
+		icon: /* @__PURE__ */ T(ne, { size: 16 }),
+		disabled: H,
+		onSelect: () => {
+			se();
+		}
+	}), J || $.push({
+		label: "Delete Export",
+		icon: /* @__PURE__ */ T(w, { size: 16 }),
+		intent: "destructive",
+		disabled: W,
+		onSelect: () => {
+			ce();
+		}
+	}), /* @__PURE__ */ E(d, {
 		showHeader: !1,
 		children: [
-			/* @__PURE__ */ A("div", {
-				className: "relative overflow-hidden rounded-xl bg-gradient-to-br from-primary/5 via-primary/3 to-background border border-border-subtle/50 p-6 shadow-sm",
-				children: /* @__PURE__ */ j("div", {
-					className: "relative z-10 flex items-center gap-4",
-					children: [/* @__PURE__ */ A("button", {
-						type: "button",
-						onClick: R,
-						className: "p-2.5 hover:bg-accent rounded-lg transition-all duration-200",
-						children: /* @__PURE__ */ A(_, { size: 20 })
-					}), /* @__PURE__ */ j("div", {
-						className: "flex items-center gap-3 flex-1",
-						children: [
-							/* @__PURE__ */ A("div", {
-								className: "p-2.5 rounded-lg bg-action-primary-bg/10",
-								children: /* @__PURE__ */ A(b, {
-									size: 24,
-									className: "text-primary"
-								})
-							}),
-							/* @__PURE__ */ j("div", {
-								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ A("h1", {
-									className: "text-xl sm:text-2xl font-bold truncate",
-									children: X.name
-								}), /* @__PURE__ */ A("p", {
-									className: "text-sm text-text-secondary mt-1",
-									children: X.entityTypes.join(", ")
-								})]
-							}),
-							/* @__PURE__ */ A(l, { status: X.status })
-						]
-					})]
+			/* @__PURE__ */ T("div", {
+				className: "relative overflow-hidden rounded-xl bg-accent-wash border border-border-seam p-6 shadow-[var(--shadow-pop)]",
+				children: /* @__PURE__ */ E("div", {
+					className: "relative z-10 flex flex-col sm:flex-row sm:items-center gap-4",
+					children: [
+						/* @__PURE__ */ T("button", {
+							type: "button",
+							onClick: F,
+							"aria-label": "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__ */ T(h, { size: 20 })
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "flex items-center gap-3 flex-1 min-w-0",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "p-2.5 rounded-lg bg-action-primary-bg/10",
+									children: /* @__PURE__ */ T(v, {
+										size: 24,
+										className: "text-primary"
+									})
+								}),
+								/* @__PURE__ */ E("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ T("h1", {
+										className: "text-xl sm:text-2xl font-bold truncate",
+										children: q.name
+									}), /* @__PURE__ */ T("p", {
+										className: "text-sm text-text-secondary mt-1",
+										children: q.entityTypes.join(", ")
+									})]
+								}),
+								/* @__PURE__ */ T(l, { status: q.status })
+							]
+						}),
+						(Q || $.length > 0) && /* @__PURE__ */ T("div", {
+							className: "flex-shrink-0",
+							children: /* @__PURE__ */ T(D, {
+								primary: Q,
+								actions: $
+							})
+						})
+					]
 				})
 			}),
-			(X.status === "RUNNING" || X.status === "QUEUED") && /* @__PURE__ */ j("div", {
-				className: "border-2 border-border-default rounded-xl bg-status-info-bg-subtle p-6",
-				children: [/* @__PURE__ */ A(u, {
-					progress: X.progress,
+			(q.status === "RUNNING" || q.status === "QUEUED") && /* @__PURE__ */ E("div", {
+				className: "border border-border-seam rounded-xl bg-status-info-bg-subtle p-6",
+				children: [/* @__PURE__ */ T(u, {
+					progress: q.progress,
 					size: "lg"
-				}), X.processedEntities != null && X.totalEntities != null && /* @__PURE__ */ j("p", {
+				}), q.processedEntities != null && q.totalEntities != null && /* @__PURE__ */ E("p", {
 					className: "text-sm text-text-secondary mt-2",
 					children: [
-						X.processedEntities.toLocaleString(),
+						q.processedEntities.toLocaleString(),
 						" /",
 						" ",
-						X.totalEntities.toLocaleString(),
+						q.totalEntities.toLocaleString(),
 						" entities processed"
 					]
 				})]
 			}),
-			$ && X.errorMessage && /* @__PURE__ */ j("div", {
+			oe && q.errorMessage && /* @__PURE__ */ E("div", {
 				className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-6 flex items-start gap-4",
-				children: [/* @__PURE__ */ A(g, {
+				children: [/* @__PURE__ */ T(m, {
 					size: 24,
 					className: "text-status-error-text flex-shrink-0 mt-0.5"
-				}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h3", {
+				}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
 					className: "font-semibold text-status-error-text mb-1",
 					children: "Export Failed"
-				}), /* @__PURE__ */ A("p", {
+				}), /* @__PURE__ */ T("p", {
 					className: "text-sm text-status-error-text",
-					children: X.errorMessage
+					children: q.errorMessage
 				})] })]
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
 					{
-						icon: /* @__PURE__ */ A(S, { size: 18 }),
+						icon: /* @__PURE__ */ T(b, { size: 18 }),
 						label: "Format",
-						value: c(X.format)
+						value: c(q.format)
 					},
 					{
-						icon: /* @__PURE__ */ A(C, { size: 18 }),
+						icon: /* @__PURE__ */ T(x, { size: 18 }),
 						label: "Archive",
-						value: s(X.archiveFormat)
+						value: s(q.archiveFormat)
 					},
 					{
-						icon: /* @__PURE__ */ A(b, { size: 18 }),
+						icon: /* @__PURE__ */ T(v, { size: 18 }),
 						label: "Total Size",
-						value: X.totalSizeBytes == null ? "-" : M(X.totalSizeBytes)
+						value: q.totalSizeBytes == null ? "-" : k(q.totalSizeBytes)
 					},
 					{
-						icon: /* @__PURE__ */ A(y, { size: 18 }),
+						icon: /* @__PURE__ */ T(_, { size: 18 }),
 						label: "Created",
-						value: new Date(X.createdAt).toLocaleDateString()
+						value: new Date(q.createdAt).toLocaleDateString()
 					}
-				].map((e) => /* @__PURE__ */ j("div", {
-					className: "border-2 border-border-subtle/50 rounded-xl p-4 bg-gradient-to-br from-card/50 to-background",
-					children: [/* @__PURE__ */ j("div", {
+				].map((e) => /* @__PURE__ */ E(O, {
+					treatment: "metric",
+					className: "p-4 border-border-seam",
+					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2 text-text-secondary mb-1",
-						children: [e.icon, /* @__PURE__ */ A("span", {
+						children: [e.icon, /* @__PURE__ */ T("span", {
 							className: "text-xs font-medium",
 							children: e.label
 						})]
-					}), /* @__PURE__ */ A("p", {
-						className: "font-bold text-lg",
+					}), /* @__PURE__ */ T("p", {
+						className: "font-bold text-lg tabular-nums",
 						children: e.value
 					})]
 				}, e.label))
 			}),
-			X.parts.length > 0 && /* @__PURE__ */ A(f, {
+			q.parts.length > 0 && /* @__PURE__ */ T(ee, {
 				title: "Export Parts",
-				description: `${X.parts.length} file(s) generated`,
-				children: /* @__PURE__ */ A("div", {
+				description: `${q.parts.length} file(s) generated`,
+				children: /* @__PURE__ */ T("div", {
 					className: "space-y-2",
-					children: X.parts.map((e) => /* @__PURE__ */ j("div", {
-						className: o("border-2 border-border-subtle/50 rounded-xl p-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3", "hover:border-primary/30 transition-all duration-200"),
-						children: [/* @__PURE__ */ j("div", {
+					children: q.parts.map((e) => /* @__PURE__ */ E("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__ */ E("div", {
 							className: "flex items-center gap-3 min-w-0",
-							children: [/* @__PURE__ */ A(x, {
+							children: [/* @__PURE__ */ T(y, {
 								size: 20,
 								className: "text-primary flex-shrink-0"
-							}), /* @__PURE__ */ j("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ A("p", {
+								children: [/* @__PURE__ */ T("p", {
 									className: "font-medium truncate",
 									children: e.fileName
-								}), /* @__PURE__ */ j("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										e.entityTypes.join(", "),
 										" ·",
 										" ",
-										M(e.sizeBytes),
+										k(e.sizeBytes),
 										e.downloadExpiresAt && ` · expires ${new Date(e.downloadExpiresAt).toLocaleDateString()}`
 									]
 								})]
 							})]
-						}), /* @__PURE__ */ A("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "flex items-center gap-2 flex-shrink-0",
-							children: e.downloadUrl ? /* @__PURE__ */ j("a", {
+							children: e.downloadUrl ? /* @__PURE__ */ E("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__ */ A(b, { size: 14 }), "Download"]
-							}) : /* @__PURE__ */ j("span", {
+								children: [/* @__PURE__ */ T(v, { size: 14 }), "Download"]
+							}) : /* @__PURE__ */ E("span", {
 								className: "inline-flex items-center gap-1.5 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ A(y, { size: 14 }), "Pending"]
+								children: [/* @__PURE__ */ T(_, { size: 14 }), "Pending"]
 							})
 						})]
 					}, e.id))
 				})
 			}),
-			Q && X.parts.length === 0 && /* @__PURE__ */ j("div", {
+			ae && q.parts.length === 0 && /* @__PURE__ */ E("div", {
 				className: "border-2 border-border-default rounded-xl bg-status-success-bg-subtle p-6 text-center",
 				children: [
-					/* @__PURE__ */ A(v, {
+					/* @__PURE__ */ T(g, {
 						size: 48,
 						className: "text-status-success-text mx-auto mb-3"
 					}),
-					/* @__PURE__ */ A("h3", {
+					/* @__PURE__ */ T("h3", {
 						className: "text-lg font-bold text-status-success-text mb-1",
 						children: "Export Complete"
 					}),
-					/* @__PURE__ */ A("p", {
+					/* @__PURE__ */ T("p", {
 						className: "text-sm text-status-success-text",
 						children: "Your export has completed but no download parts are available yet."
 					})
 				]
 			}),
-			/* @__PURE__ */ j("div", {
-				className: "flex flex-col sm:flex-row gap-3 pt-2",
-				children: [
-					Z && /* @__PURE__ */ j("button", {
-						type: "button",
-						onClick: async () => {
-							P && U("cancel");
-						},
-						disabled: G,
-						className: "inline-flex items-center justify-center gap-2 px-6 py-3 border-2 border-status-warning-bg/50 text-status-warning-text rounded-lg hover:bg-status-warning-bg-subtle transition-all duration-200 font-medium disabled:opacity-50",
-						children: [G ? /* @__PURE__ */ A(w, {
-							size: 18,
-							className: "animate-spin"
-						}) : /* @__PURE__ */ A(D, { size: 18 }), "Cancel Export"]
-					}),
-					ee && /* @__PURE__ */ j("button", {
-						type: "button",
-						onClick: async () => {
-							if (!P) return;
-							let e = await J(P);
-							e?.id && I?.(N(F, e.id));
-						},
-						disabled: Y,
-						className: "inline-flex items-center justify-center gap-2 px-6 py-3 border-2 border-primary/50 text-primary rounded-lg hover:bg-action-primary-bg/5 transition-all duration-200 font-medium disabled:opacity-50",
-						children: [Y ? /* @__PURE__ */ A(w, {
-							size: 18,
-							className: "animate-spin"
-						}) : /* @__PURE__ */ A(T, { size: 18 }), "Retry Export"]
-					}),
-					!Z && /* @__PURE__ */ j("button", {
-						type: "button",
-						onClick: async () => {
-							P && (p("medium"), U("delete"));
-						},
-						disabled: q,
-						className: "inline-flex items-center justify-center gap-2 px-6 py-3 border-2 border-status-error-bg/50 text-status-error-text rounded-lg hover:bg-status-error-bg-subtle transition-all duration-200 font-medium disabled:opacity-50",
-						children: [q ? /* @__PURE__ */ A(w, {
-							size: 18,
-							className: "animate-spin"
-						}) : /* @__PURE__ */ A(E, { size: 18 }), "Delete Export"]
-					})
-				]
-			}),
-			H && /* @__PURE__ */ A("div", {
+			z && /* @__PURE__ */ T("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__ */ j("div", {
+				children: /* @__PURE__ */ E("div", {
 					className: "w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl",
 					children: [
-						/* @__PURE__ */ A("h2", {
+						/* @__PURE__ */ T("h2", {
 							id: "export-confirm-title",
 							className: "text-lg font-bold",
-							children: H === "cancel" ? "Cancel export?" : "Delete export?"
+							children: z === "cancel" ? "Cancel export?" : "Delete export?"
 						}),
-						/* @__PURE__ */ A("p", {
+						/* @__PURE__ */ T("p", {
 							className: "mt-2 text-sm text-text-secondary",
-							children: H === "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: 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."
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ E("div", {
 							className: "mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3",
-							children: [/* @__PURE__ */ A("button", {
+							children: [/* @__PURE__ */ T("button", {
 								type: "button",
-								onClick: () => U(null),
+								onClick: () => B(null),
 								className: "px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium",
 								children: "Keep Export"
-							}), /* @__PURE__ */ j("button", {
+							}), /* @__PURE__ */ E("button", {
 								type: "button",
-								onClick: async () => {
-									if (!(!P || !H)) {
-										try {
-											H === "cancel" ? await W(P) : (await K(P), I?.(F)), m("success");
-										} catch {
-											m("error");
-										}
-										U(null);
-									}
-								},
-								disabled: G || q,
+								onClick: le,
+								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: [G || q ? /* @__PURE__ */ A(w, {
+								children: [H || W ? /* @__PURE__ */ T(S, {
 									size: 16,
 									className: "animate-spin"
-								}) : null, H === "cancel" ? "Cancel Export" : "Delete Export"]
+								}) : null, z === "cancel" ? "Cancel Export" : "Delete Export"]
 							})]
 						})
 					]
 				})
 			})
 		]
-	}) : /* @__PURE__ */ j(d, {
-		showHeader: !1,
-		children: [/* @__PURE__ */ j("div", {
-			className: "flex items-center gap-3 mb-6",
-			children: [/* @__PURE__ */ A("button", {
-				type: "button",
-				onClick: R,
-				className: "p-2.5 hover:bg-accent rounded-lg transition-all duration-200",
-				children: /* @__PURE__ */ A(_, { size: 20 })
-			}), /* @__PURE__ */ A("h1", {
-				className: "text-xl font-bold",
-				children: "Export Not Found"
-			})]
-		}), /* @__PURE__ */ j("div", {
-			className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-12 text-center",
-			children: [
-				/* @__PURE__ */ A(g, {
-					size: 48,
-					className: "text-status-error-text mx-auto mb-4"
-				}),
-				/* @__PURE__ */ A("h3", {
-					className: "text-lg font-bold text-status-error-text mb-2",
-					children: "Export Not Found"
-				}),
-				/* @__PURE__ */ A("p", {
-					className: "text-status-error-text mb-6",
-					children: "The export job you are looking for does not exist or has been deleted."
-				}),
-				/* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: R,
-					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__ */ A(_, { size: 18 }), "Back to Dashboard"]
-				})
-			]
-		})]
 	});
 }
 //#endregion
-export { P as ExportDetailPage };
+export { j as ExportDetailPage };
 
 //# sourceMappingURL=ExportDetailPage.js.map