@burdenoff/microfe-export 2026.510.111

package/dist/export/pages/ExportHistoryPage.js

@@ -0,0 +1,261 @@
+import { useExport as e } from "../providers/ExportProvider.js";
+import { useExportJobs as t } from "../hooks/useExportQueries.js";
+import { cn as n } from "../utils/cn.js";
+import { getAllStatuses as r, getFormatDisplayName as i, getStatusDisplayName as a } from "../constants/enums.js";
+import { tWithFallback as o } from "../utils/i18n.js";
+import { ExportStatusBadge as s } from "../components/ExportStatusBadge.js";
+import { EmptyState as ee, PageLayout as c } from "../components/PageLayout.js";
+import { useExportStore as l } from "../store/exportStore.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { AlertCircle as p, ChevronLeft as m, ChevronRight as h, Clock as g, Download as _, Filter as v, RefreshCw as y, Search as b, X as x } from "lucide-react";
+import { useSearchParams as S } from "react-router-dom";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/export/pages/ExportHistoryPage.tsx
+var D = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+function O() {
+	let { basePath: O = "/", navigate: k } = e(), { t: A } = E(), j = (e, t, n) => o(A, e, t, n), { jobFilter: M, updateFilter: N, resetFilter: P, pagination: F, setPagination: I } = l(), [L] = S();
+	u(() => {
+		let e = L.get("status");
+		e && N({ status: e });
+	}, []);
+	let [R, z] = f(!1), [B, V] = f([null]), [H, U] = f(0), W = B[H] ?? null, { data: G, totalCount: K, pageInfo: q, isLoading: J, error: Y, refetch: X } = t(M, {
+		first: F.pageSize,
+		after: W ?? void 0
+	}), Z = d(() => {
+		if (!M.search) return G;
+		let e = M.search.toLowerCase();
+		return G.filter((t) => t.name.toLowerCase().includes(e) || t.entityTypes.some((t) => t.toLowerCase().includes(e)));
+	}, [G, M.search]), Q = M.search || M.status !== "all" || M.format !== "all", te = (e) => {
+		k?.(D(O, e));
+	}, ne = () => {
+		!q?.hasNextPage || !q.endCursor || (V([...B.slice(0, H + 1), q.endCursor]), U(H + 1), I({
+			page: F.page + 1,
+			cursor: q.endCursor
+		}));
+	}, re = () => {
+		if (H === 0) return;
+		let e = H - 1;
+		U(e), I({
+			page: F.page - 1,
+			cursor: B[e] ?? null
+		});
+	}, $ = () => {
+		P(), V([null]), U(0);
+	}, ie = H > 0, ae = q?.hasNextPage ?? !1, oe = H * F.pageSize + 1, se = Math.min((H + 1) * F.pageSize, K), ce = (e) => j(`export.shared.status.${e.toLowerCase()}`, a(e));
+	return /* @__PURE__ */ T(c, {
+		title: j("export.history.title", "Export History"),
+		subtitle: j("export.history.subtitle", "View and manage all your past export jobs"),
+		icon: /* @__PURE__ */ w(g, { size: 24 }),
+		headerActions: /* @__PURE__ */ T("button", {
+			onClick: () => k?.(D(O, "new")),
+			className: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium",
+			children: [/* @__PURE__ */ w(_, { size: 16 }), j("export.history.actions.newExport", "New Export")]
+		}),
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ T("div", {
+					className: "flex flex-col sm:flex-row gap-3",
+					children: [/* @__PURE__ */ T("div", {
+						className: "flex-1 relative group",
+						children: [/* @__PURE__ */ w(b, {
+							size: 18,
+							className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground group-focus-within:text-primary transition-colors"
+						}), /* @__PURE__ */ w("input", {
+							type: "text",
+							placeholder: j("export.history.search.placeholder", "Search exports by name or entity type..."),
+							value: M.search,
+							onChange: (e) => N({ search: e.target.value }),
+							className: "w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200"
+						})]
+					}), /* @__PURE__ */ T("button", {
+						onClick: () => z(!R),
+						className: n("inline-flex items-center gap-2 px-4 py-2.5 border-2 rounded-lg transition-all duration-200 font-medium", R || Q ? "bg-primary text-primary-foreground border-primary" : "border-border/50 hover:border-primary/30"),
+						children: [/* @__PURE__ */ w(v, { size: 16 }), R ? j("export.history.filters.hide", "Hide") : j("export.history.filters.show", "Filter")]
+					})]
+				}), R && /* @__PURE__ */ T("div", {
+					className: "border-2 border-border/50 rounded-xl p-4 animate-in slide-in-from-top-2 duration-200",
+					children: [/* @__PURE__ */ T("div", {
+						className: "flex items-center justify-between mb-4",
+						children: [/* @__PURE__ */ T("h3", {
+							className: "font-semibold flex items-center gap-2",
+							children: [/* @__PURE__ */ w(v, {
+								size: 16,
+								className: "text-primary"
+							}), j("export.history.filters.title", "Filters")]
+						}), Q && /* @__PURE__ */ T("button", {
+							onClick: $,
+							className: "text-sm text-muted-foreground hover:text-destructive flex items-center gap-1",
+							children: [/* @__PURE__ */ w(x, { size: 14 }), j("export.history.filters.clearAll", "Clear All")]
+						})]
+					}), /* @__PURE__ */ T("div", {
+						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ T("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ w("label", {
+								className: "block text-sm font-medium",
+								children: j("export.history.filters.status.label", "Status")
+							}), /* @__PURE__ */ T("select", {
+								value: M.status,
+								onChange: (e) => N({ status: e.target.value }),
+								className: "w-full px-3 py-2 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
+								children: [/* @__PURE__ */ w("option", {
+									value: "all",
+									children: j("export.history.filters.status.all", "All Statuses")
+								}), r().map((e) => /* @__PURE__ */ w("option", {
+									value: e,
+									children: ce(e)
+								}, e))]
+							})]
+						}), /* @__PURE__ */ T("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ w("label", {
+								className: "block text-sm font-medium",
+								children: j("export.history.filters.format.label", "Format")
+							}), /* @__PURE__ */ T("select", {
+								value: M.format,
+								onChange: (e) => N({ format: e.target.value }),
+								className: "w-full px-3 py-2 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
+								children: [
+									/* @__PURE__ */ w("option", {
+										value: "all",
+										children: j("export.history.filters.format.all", "All Formats")
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "CSV",
+										children: "CSV"
+									}),
+									/* @__PURE__ */ w("option", {
+										value: "JSON",
+										children: "JSON"
+									})
+								]
+							})]
+						})]
+					})]
+				})]
+			}),
+			Y && /* @__PURE__ */ T("div", {
+				className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-6 flex items-start gap-4",
+				children: [/* @__PURE__ */ w(p, {
+					size: 24,
+					className: "text-status-error-text flex-shrink-0"
+				}), /* @__PURE__ */ T("div", { children: [
+					/* @__PURE__ */ w("h3", {
+						className: "font-semibold text-status-error-text mb-1",
+						children: j("export.history.error.title", "Error loading exports")
+					}),
+					/* @__PURE__ */ w("p", {
+						className: "text-sm text-status-error-text mb-3",
+						children: Y.message
+					}),
+					/* @__PURE__ */ T("button", {
+						onClick: () => X(),
+						className: "inline-flex items-center gap-2 px-3 py-1.5 text-sm bg-destructive text-destructive-foreground rounded-lg hover:bg-destructive/90 transition-colors",
+						children: [/* @__PURE__ */ w(y, { size: 14 }), j("export.history.error.retry", "Try Again")]
+					})
+				] })]
+			}),
+			J && /* @__PURE__ */ w("div", {
+				className: "space-y-3",
+				children: [...[
+					,
+					,
+					,
+					,
+					,
+				]].map((e, t) => /* @__PURE__ */ w("div", {
+					className: "border-2 border-border/50 rounded-xl p-4 animate-pulse",
+					children: /* @__PURE__ */ T("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ T("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ w("div", { className: "h-4 w-48 bg-muted rounded" }), /* @__PURE__ */ w("div", { className: "h-3 w-32 bg-muted rounded" })]
+						}), /* @__PURE__ */ w("div", { className: "h-5 w-20 bg-muted rounded-full" })]
+					})
+				}, t))
+			}),
+			!J && !Y && (Z.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+				className: "space-y-2",
+				children: Z.map((e, t) => /* @__PURE__ */ w("button", {
+					onClick: () => te(e.id),
+					className: n("w-full text-left border-2 border-border/50 rounded-xl p-4", "hover:shadow-md hover:border-primary/30 transition-all duration-200", "group animate-in fade-in-0 slide-in-from-bottom-2"),
+					style: { animationDelay: `${t * 30}ms` },
+					children: /* @__PURE__ */ T("div", {
+						className: "flex items-start sm:items-center justify-between gap-3",
+						children: [/* @__PURE__ */ T("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ w("h4", {
+								className: "font-semibold text-foreground truncate",
+								children: e.name
+							}), /* @__PURE__ */ T("p", {
+								className: "text-sm text-muted-foreground mt-1 line-clamp-2",
+								children: [
+									e.entityTypes.join(", "),
+									" ·",
+									" ",
+									i(e.format),
+									e.createdAt && ` · ${new Date(e.createdAt).toLocaleDateString()}`
+								]
+							})]
+						}), /* @__PURE__ */ T("div", {
+							className: "flex items-center gap-2 flex-shrink-0",
+							children: [/* @__PURE__ */ w(s, { status: e.status }), /* @__PURE__ */ w(h, {
+								size: 18,
+								className: "text-muted-foreground group-hover:text-primary transition-colors hidden sm:block"
+							})]
+						})]
+					})
+				}, e.id))
+			}), K > F.pageSize && /* @__PURE__ */ T("div", {
+				className: "flex flex-col sm:flex-row items-center justify-between gap-3 pt-2",
+				children: [/* @__PURE__ */ w("p", {
+					className: "text-sm text-muted-foreground",
+					children: j("export.history.pagination.showing", "Showing {start}-{end} of {total}", {
+						start: oe,
+						end: se,
+						total: K
+					})
+				}), /* @__PURE__ */ T("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ T("button", {
+							onClick: re,
+							disabled: !ie,
+							className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm border-2 border-border/50 rounded-lg hover:border-primary/30 disabled:opacity-40 disabled:cursor-not-allowed transition-colors font-medium",
+							children: [/* @__PURE__ */ w(m, { size: 16 }), j("export.history.pagination.prev", "Prev")]
+						}),
+						/* @__PURE__ */ w("span", {
+							className: "text-sm text-muted-foreground px-2",
+							children: j("export.history.pagination.page", "Page {page}", { page: F.page })
+						}),
+						/* @__PURE__ */ T("button", {
+							onClick: ne,
+							disabled: !ae,
+							className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm border-2 border-border/50 rounded-lg hover:border-primary/30 disabled:opacity-40 disabled:cursor-not-allowed transition-colors font-medium",
+							children: [j("export.history.pagination.next", "Next"), /* @__PURE__ */ w(h, { size: 16 })]
+						})
+					]
+				})]
+			})] }) : /* @__PURE__ */ w(ee, {
+				icon: w(Q ? b : g, { size: 48 }),
+				title: Q ? j("export.history.empty.filtered.title", "No matching exports") : j("export.history.empty.title", "No exports yet"),
+				description: Q ? j("export.history.empty.filtered.description", "Try adjusting your search or filters.") : j("export.history.empty.description", "Create your first export to see it here."),
+				action: Q ? /* @__PURE__ */ T("button", {
+					onClick: $,
+					className: "inline-flex items-center gap-2 px-4 py-2 border-2 border-border rounded-lg hover:bg-accent transition-colors font-medium",
+					children: [/* @__PURE__ */ w(x, { size: 16 }), j("export.history.empty.filtered.actions.clear", "Clear Filters")]
+				}) : /* @__PURE__ */ T("button", {
+					onClick: () => k?.(D(O, "new")),
+					className: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium",
+					children: [/* @__PURE__ */ w(_, { size: 16 }), j("export.history.empty.actions.createFirst", "Create First Export")]
+				})
+			}))
+		]
+	});
+}
+//#endregion
+export { O as ExportHistoryPage };
+
+//# sourceMappingURL=ExportHistoryPage.js.map

package/dist/export/pages/ExportHistoryPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportHistoryPage.js","names":[],"sources":["../../../src/export/pages/ExportHistoryPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from \"react\";\nimport { useSearchParams } from \"react-router-dom\";\nimport {\n  Search,\n  X,\n  Clock,\n  Download,\n  ChevronRight,\n  ChevronLeft,\n  RefreshCw,\n  AlertCircle,\n  Filter,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport { useExportJobs } from \"../hooks/useExportQueries\";\nimport { useExportStore } from \"../store/exportStore\";\nimport { ExportStatusBadge } from \"../components/ExportStatusBadge\";\nimport { PageLayout, EmptyState } from \"../components/PageLayout\";\nimport { cn } from \"../utils/cn\";\nimport {\n  getFormatDisplayName,\n  getAllStatuses,\n  getStatusDisplayName,\n} from \"../constants/enums\";\nimport type { ExportJobStatus, ExportFormat } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\n/**\n * Helper to join paths correctly\n */\nconst joinPath = (base: string, path: string): string => {\n  const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n  return cleanBase + cleanPath;\n};\n\n/**\n * Export History Page\n * Table/list of all past exports with filters and cursor-based pagination\n */\nexport function ExportHistoryPage() {\n  const { basePath = \"/\", navigate } = useExport();\n  const { t } = useI18n();\n  const tr = (\n    key: string,\n    fallback: string,\n    params?: Record<string, string | number>,\n  ) => tWithFallback(t, key, fallback, params);\n  const { jobFilter, updateFilter, resetFilter, pagination, setPagination } =\n    useExportStore();\n  const [searchParams] = useSearchParams();\n\n  // Initialize status filter from URL search params (e.g. ?status=RUNNING)\n  useEffect(() => {\n    const statusParam = searchParams.get(\"status\");\n    if (statusParam) {\n      updateFilter({\n        status: statusParam as ExportJobStatus,\n      });\n    }\n    // Only run on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const [showFilters, setShowFilters] = useState(false);\n  // Cursor stack: index 0 = first page (no cursor), subsequent entries are \"after\" cursors\n  const [cursorStack, setCursorStack] = useState<(string | null)[]>([null]);\n  const [currentPageIndex, setCurrentPageIndex] = useState(0);\n\n  const currentCursor = cursorStack[currentPageIndex] ?? null;\n\n  const {\n    data: jobs,\n    totalCount,\n    pageInfo,\n    isLoading,\n    error,\n    refetch,\n  } = useExportJobs(jobFilter, {\n    first: pagination.pageSize,\n    after: currentCursor ?? undefined,\n  });\n\n  // Client-side search filter (server-side filtering handles status/format)\n  const filteredJobs = useMemo(() => {\n    if (!jobFilter.search) return jobs;\n    const q = jobFilter.search.toLowerCase();\n    return jobs.filter(\n      (job) =>\n        job.name.toLowerCase().includes(q) ||\n        job.entityTypes.some((e) => e.toLowerCase().includes(q)),\n    );\n  }, [jobs, jobFilter.search]);\n\n  const hasActiveFilters =\n    jobFilter.search ||\n    jobFilter.status !== \"all\" ||\n    jobFilter.format !== \"all\";\n\n  const handleJobClick = (jobId: string) => {\n    navigate?.(joinPath(basePath, jobId));\n  };\n\n  const handleNextPage = () => {\n    if (!pageInfo?.hasNextPage || !pageInfo.endCursor) return;\n    const newStack = [\n      ...cursorStack.slice(0, currentPageIndex + 1),\n      pageInfo.endCursor,\n    ];\n    setCursorStack(newStack);\n    setCurrentPageIndex(currentPageIndex + 1);\n    setPagination({ page: pagination.page + 1, cursor: pageInfo.endCursor });\n  };\n\n  const handlePrevPage = () => {\n    if (currentPageIndex === 0) return;\n    const prevIndex = currentPageIndex - 1;\n    setCurrentPageIndex(prevIndex);\n    setPagination({\n      page: pagination.page - 1,\n      cursor: cursorStack[prevIndex] ?? null,\n    });\n  };\n\n  const handleResetFilters = () => {\n    resetFilter();\n    setCursorStack([null]);\n    setCurrentPageIndex(0);\n  };\n\n  const hasPrevPage = currentPageIndex > 0;\n  const hasNextPage = pageInfo?.hasNextPage ?? false;\n  const pageStart = currentPageIndex * pagination.pageSize + 1;\n  const pageEnd = Math.min(\n    (currentPageIndex + 1) * pagination.pageSize,\n    totalCount,\n  );\n  const getStatusLabel = (status: ExportJobStatus) =>\n    tr(\n      `export.shared.status.${status.toLowerCase()}`,\n      getStatusDisplayName(status),\n    );\n\n  return (\n    <PageLayout\n      title={tr(\"export.history.title\", \"Export History\")}\n      subtitle={tr(\n        \"export.history.subtitle\",\n        \"View and manage all your past export jobs\",\n      )}\n      icon={<Clock size={24} />}\n      headerActions={\n        <button\n          onClick={() => navigate?.(joinPath(basePath, \"new\"))}\n          className=\"inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium\"\n        >\n          <Download size={16} />\n          {tr(\"export.history.actions.newExport\", \"New Export\")}\n        </button>\n      }\n    >\n      {/* Search & Filters */}\n      <div className=\"space-y-4\">\n        <div className=\"flex flex-col sm:flex-row gap-3\">\n          {/* Search */}\n          <div className=\"flex-1 relative group\">\n            <Search\n              size={18}\n              className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground group-focus-within:text-primary transition-colors\"\n            />\n            <input\n              type=\"text\"\n              placeholder={tr(\n                \"export.history.search.placeholder\",\n                \"Search exports by name or entity type...\",\n              )}\n              value={jobFilter.search}\n              onChange={(e) => updateFilter({ search: e.target.value })}\n              className=\"w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200\"\n            />\n          </div>\n\n          {/* Filter Toggle */}\n          <button\n            onClick={() => setShowFilters(!showFilters)}\n            className={cn(\n              \"inline-flex items-center gap-2 px-4 py-2.5 border-2 rounded-lg transition-all duration-200 font-medium\",\n              showFilters || hasActiveFilters\n                ? \"bg-primary text-primary-foreground border-primary\"\n                : \"border-border/50 hover:border-primary/30\",\n            )}\n          >\n            <Filter size={16} />\n            {showFilters\n              ? tr(\"export.history.filters.hide\", \"Hide\")\n              : tr(\"export.history.filters.show\", \"Filter\")}\n          </button>\n        </div>\n\n        {/* Filter Panel */}\n        {showFilters && (\n          <div className=\"border-2 border-border/50 rounded-xl p-4 animate-in slide-in-from-top-2 duration-200\">\n            <div className=\"flex items-center justify-between mb-4\">\n              <h3 className=\"font-semibold flex items-center gap-2\">\n                <Filter size={16} className=\"text-primary\" />\n                {tr(\"export.history.filters.title\", \"Filters\")}\n              </h3>\n              {hasActiveFilters && (\n                <button\n                  onClick={handleResetFilters}\n                  className=\"text-sm text-muted-foreground hover:text-destructive flex items-center gap-1\"\n                >\n                  <X size={14} />\n                  {tr(\"export.history.filters.clearAll\", \"Clear All\")}\n                </button>\n              )}\n            </div>\n            <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n              {/* Status Filter */}\n              <div className=\"space-y-2\">\n                <label className=\"block text-sm font-medium\">\n                  {tr(\"export.history.filters.status.label\", \"Status\")}\n                </label>\n                <select\n                  value={jobFilter.status}\n                  onChange={(e) =>\n                    updateFilter({\n                      status: e.target.value as ExportJobStatus | \"all\",\n                    })\n                  }\n                  className=\"w-full px-3 py-2 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary\"\n                >\n                  <option value=\"all\">\n                    {tr(\"export.history.filters.status.all\", \"All Statuses\")}\n                  </option>\n                  {getAllStatuses().map((status) => (\n                    <option key={status} value={status}>\n                      {getStatusLabel(status)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n\n              {/* Format Filter — only CSV and JSON are supported */}\n              <div className=\"space-y-2\">\n                <label className=\"block text-sm font-medium\">\n                  {tr(\"export.history.filters.format.label\", \"Format\")}\n                </label>\n                <select\n                  value={jobFilter.format}\n                  onChange={(e) =>\n                    updateFilter({\n                      format: e.target.value as ExportFormat | \"all\",\n                    })\n                  }\n                  className=\"w-full px-3 py-2 border-2 border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary\"\n                >\n                  <option value=\"all\">\n                    {tr(\"export.history.filters.format.all\", \"All Formats\")}\n                  </option>\n                  <option value=\"CSV\">CSV</option>\n                  <option value=\"JSON\">JSON</option>\n                </select>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Error State */}\n      {error && (\n        <div className=\"border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-6 flex items-start gap-4\">\n          <AlertCircle\n            size={24}\n            className=\"text-status-error-text flex-shrink-0\"\n          />\n          <div>\n            <h3 className=\"font-semibold text-status-error-text mb-1\">\n              {tr(\"export.history.error.title\", \"Error loading exports\")}\n            </h3>\n            <p className=\"text-sm text-status-error-text mb-3\">\n              {error.message}\n            </p>\n            <button\n              onClick={() => refetch()}\n              className=\"inline-flex items-center gap-2 px-3 py-1.5 text-sm bg-destructive text-destructive-foreground rounded-lg hover:bg-destructive/90 transition-colors\"\n            >\n              <RefreshCw size={14} />\n              {tr(\"export.history.error.retry\", \"Try Again\")}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Loading */}\n      {isLoading && (\n        <div className=\"space-y-3\">\n          {[...Array(5)].map((_, i) => (\n            <div\n              key={i}\n              className=\"border-2 border-border/50 rounded-xl p-4 animate-pulse\"\n            >\n              <div className=\"flex items-center justify-between\">\n                <div className=\"space-y-2\">\n                  <div className=\"h-4 w-48 bg-muted rounded\" />\n                  <div className=\"h-3 w-32 bg-muted rounded\" />\n                </div>\n                <div className=\"h-5 w-20 bg-muted rounded-full\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Jobs List */}\n      {!isLoading &&\n        !error &&\n        (filteredJobs.length > 0 ? (\n          <>\n            <div className=\"space-y-2\">\n              {filteredJobs.map((job, index) => (\n                <button\n                  key={job.id}\n                  onClick={() => handleJobClick(job.id)}\n                  className={cn(\n                    \"w-full text-left border-2 border-border/50 rounded-xl p-4\",\n                    \"hover:shadow-md hover:border-primary/30 transition-all duration-200\",\n                    \"group animate-in fade-in-0 slide-in-from-bottom-2\",\n                  )}\n                  style={{ animationDelay: `${index * 30}ms` }}\n                >\n                  <div className=\"flex items-start sm:items-center justify-between gap-3\">\n                    <div className=\"flex-1 min-w-0\">\n                      <h4 className=\"font-semibold text-foreground truncate\">\n                        {job.name}\n                      </h4>\n                      <p className=\"text-sm text-muted-foreground mt-1 line-clamp-2\">\n                        {job.entityTypes.join(\", \")} &middot;{\" \"}\n                        {getFormatDisplayName(job.format)}\n                        {job.createdAt &&\n                          ` · ${new Date(job.createdAt).toLocaleDateString()}`}\n                      </p>\n                    </div>\n                    <div className=\"flex items-center gap-2 flex-shrink-0\">\n                      <ExportStatusBadge status={job.status} />\n                      <ChevronRight\n                        size={18}\n                        className=\"text-muted-foreground group-hover:text-primary transition-colors hidden sm:block\"\n                      />\n                    </div>\n                  </div>\n                </button>\n              ))}\n            </div>\n\n            {/* Pagination */}\n            {totalCount > pagination.pageSize && (\n              <div className=\"flex flex-col sm:flex-row items-center justify-between gap-3 pt-2\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {tr(\n                    \"export.history.pagination.showing\",\n                    \"Showing {start}-{end} of {total}\",\n                    {\n                      start: pageStart,\n                      end: pageEnd,\n                      total: totalCount,\n                    },\n                  )}\n                </p>\n                <div className=\"flex items-center gap-2\">\n                  <button\n                    onClick={handlePrevPage}\n                    disabled={!hasPrevPage}\n                    className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm border-2 border-border/50 rounded-lg hover:border-primary/30 disabled:opacity-40 disabled:cursor-not-allowed transition-colors font-medium\"\n                  >\n                    <ChevronLeft size={16} />\n                    {tr(\"export.history.pagination.prev\", \"Prev\")}\n                  </button>\n                  <span className=\"text-sm text-muted-foreground px-2\">\n                    {tr(\"export.history.pagination.page\", \"Page {page}\", {\n                      page: pagination.page,\n                    })}\n                  </span>\n                  <button\n                    onClick={handleNextPage}\n                    disabled={!hasNextPage}\n                    className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm border-2 border-border/50 rounded-lg hover:border-primary/30 disabled:opacity-40 disabled:cursor-not-allowed transition-colors font-medium\"\n                  >\n                    {tr(\"export.history.pagination.next\", \"Next\")}\n                    <ChevronRight size={16} />\n                  </button>\n                </div>\n              </div>\n            )}\n          </>\n        ) : (\n          <EmptyState\n            icon={hasActiveFilters ? <Search size={48} /> : <Clock size={48} />}\n            title={\n              hasActiveFilters\n                ? tr(\n                    \"export.history.empty.filtered.title\",\n                    \"No matching exports\",\n                  )\n                : tr(\"export.history.empty.title\", \"No exports yet\")\n            }\n            description={\n              hasActiveFilters\n                ? tr(\n                    \"export.history.empty.filtered.description\",\n                    \"Try adjusting your search or filters.\",\n                  )\n                : tr(\n                    \"export.history.empty.description\",\n                    \"Create your first export to see it here.\",\n                  )\n            }\n            action={\n              hasActiveFilters ? (\n                <button\n                  onClick={handleResetFilters}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 border-2 border-border rounded-lg hover:bg-accent transition-colors font-medium\"\n                >\n                  <X size={16} />\n                  {tr(\n                    \"export.history.empty.filtered.actions.clear\",\n                    \"Clear Filters\",\n                  )}\n                </button>\n              ) : (\n                <button\n                  onClick={() => navigate?.(joinPath(basePath, \"new\"))}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors font-medium\"\n                >\n                  <Download size={16} />\n                  {tr(\n                    \"export.history.empty.actions.createFirst\",\n                    \"Create First Export\",\n                  )}\n                </button>\n              )\n            }\n          />\n        ))}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/export/pages/ExportLandingPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * ExportLandingPage
+ *
+ * Tabbed landing page for the Export microfrontend. Renders the existing
+ * sub-pages (dashboard, new, history, templates) inside a Tabs container.
+ * The active tab is reflected in the `?tab=` URL search param.
+ */
+export declare function ExportLandingPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportLandingPage.d.ts.map

package/dist/export/pages/ExportLandingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportLandingPage.d.ts","sourceRoot":"","sources":["../../../src/export/pages/ExportLandingPage.tsx"],"names":[],"mappings":"AASA;;;;;;GAMG;AACH,wBAAgB,iBAAiB,4CA2ChC"}

package/dist/export/pages/ExportLandingPage.js

@@ -0,0 +1,56 @@
+import { ExportDashboardPage as e } from "./ExportDashboardPage.js";
+import { CreateExportPage as t } from "./CreateExportPage.js";
+import { ExportHistoryPage as n } from "./ExportHistoryPage.js";
+import { ExportTemplatesPage as r } from "./ExportTemplatesPage.js";
+import { useMemo as i } from "react";
+import { useSearchParams as a } from "react-router-dom";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Tabs as c } from "@burdenoff/fe-libs/chrome";
+//#region src/export/pages/ExportLandingPage.tsx
+function l() {
+	let [l, u] = a(), d = i(() => [
+		{
+			id: "dashboard",
+			label: "Dashboard"
+		},
+		{
+			id: "new",
+			label: "New Export"
+		},
+		{
+			id: "history",
+			label: "History"
+		},
+		{
+			id: "templates",
+			label: "Templates"
+		}
+	], []), f = l.get("tab") ?? d[0].id;
+	return /* @__PURE__ */ s("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ o("div", {
+			className: "border-b border-border-subtle px-4 pt-3",
+			children: /* @__PURE__ */ o(c, {
+				items: d,
+				activeTabId: f,
+				onTabChange: (e) => {
+					let t = new URLSearchParams(l);
+					e === d[0].id ? t.delete("tab") : t.set("tab", e), u(t, { replace: !0 });
+				},
+				variant: "underline"
+			})
+		}), /* @__PURE__ */ s("div", {
+			className: "flex-1 min-h-0 overflow-auto",
+			children: [
+				f === "dashboard" && /* @__PURE__ */ o(e, {}),
+				f === "new" && /* @__PURE__ */ o(t, {}),
+				f === "history" && /* @__PURE__ */ o(n, {}),
+				f === "templates" && /* @__PURE__ */ o(r, {})
+			]
+		})]
+	});
+}
+//#endregion
+export { l as ExportLandingPage };
+
+//# sourceMappingURL=ExportLandingPage.js.map

package/dist/export/pages/ExportLandingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportLandingPage.js","names":[],"sources":["../../../src/export/pages/ExportLandingPage.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { Tabs, type TabItem } from \"@burdenoff/fe-libs/chrome\";\n\nimport { ExportDashboardPage } from \"./ExportDashboardPage\";\nimport { CreateExportPage } from \"./CreateExportPage\";\nimport { ExportHistoryPage } from \"./ExportHistoryPage\";\nimport { ExportTemplatesPage } from \"./ExportTemplatesPage\";\n\n/**\n * ExportLandingPage\n *\n * Tabbed landing page for the Export microfrontend. Renders the existing\n * sub-pages (dashboard, new, history, templates) inside a Tabs container.\n * The active tab is reflected in the `?tab=` URL search param.\n */\nexport function ExportLandingPage() {\n  const [params, setParams] = useSearchParams();\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      { id: \"dashboard\", label: \"Dashboard\" },\n      { id: \"new\", label: \"New Export\" },\n      { id: \"history\", label: \"History\" },\n      { id: \"templates\", label: \"Templates\" },\n    ],\n    [],\n  );\n\n  const activeId = params.get(\"tab\") ?? tabs[0].id;\n\n  const handleTabChange = (id: string) => {\n    const next = new URLSearchParams(params);\n    if (id === tabs[0].id) {\n      next.delete(\"tab\");\n    } else {\n      next.set(\"tab\", id);\n    }\n    setParams(next, { replace: true });\n  };\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"border-b border-border-subtle px-4 pt-3\">\n        <Tabs\n          items={tabs}\n          activeTabId={activeId}\n          onTabChange={handleTabChange}\n          variant=\"underline\"\n        />\n      </div>\n      <div className=\"flex-1 min-h-0 overflow-auto\">\n        {activeId === \"dashboard\" && <ExportDashboardPage />}\n        {activeId === \"new\" && <CreateExportPage />}\n        {activeId === \"history\" && <ExportHistoryPage />}\n        {activeId === \"templates\" && <ExportTemplatesPage />}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,IAAoB;CAClC,IAAM,CAAC,GAAQ,KAAa,GAAiB,EAEvC,IAAkB,QAChB;EACJ;GAAE,IAAI;GAAa,OAAO;GAAa;EACvC;GAAE,IAAI;GAAO,OAAO;GAAc;EAClC;GAAE,IAAI;GAAW,OAAO;GAAW;EACnC;GAAE,IAAI;GAAa,OAAO;GAAa;EACxC,EACD,EAAE,CACH,EAEK,IAAW,EAAO,IAAI,MAAM,IAAI,EAAK,GAAG;AAY9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,OAAO;IACP,aAAa;IACb,cAhBiB,MAAe;KACtC,IAAM,IAAO,IAAI,gBAAgB,EAAO;AAMxC,KALI,MAAO,EAAK,GAAG,KACjB,EAAK,OAAO,MAAM,GAElB,EAAK,IAAI,OAAO,EAAG,EAErB,EAAU,GAAM,EAAE,SAAS,IAAM,CAAC;;IAU5B,SAAQ;IACR,CAAA;GACE,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,MAAa,eAAe,kBAAC,GAAD,EAAuB,CAAA;IACnD,MAAa,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAC1C,MAAa,aAAa,kBAAC,GAAD,EAAqB,CAAA;IAC/C,MAAa,eAAe,kBAAC,GAAD,EAAuB,CAAA;IAChD;KACF"}

package/dist/export/pages/ExportTemplatesPage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Export Templates Page
+ * Template management list for reusable export configurations
+ */
+export declare function ExportTemplatesPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportTemplatesPage.d.ts.map

package/dist/export/pages/ExportTemplatesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportTemplatesPage.d.ts","sourceRoot":"","sources":["../../../src/export/pages/ExportTemplatesPage.tsx"],"names":[],"mappings":"AAkCA;;;GAGG;AACH,wBAAgB,mBAAmB,4CAsflC"}