@burdenoff/microfe-export 2026.801.1 → 2026.830.2

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

@@ -1 +1 @@
-{"version":3,"file":"ExportDetailPage.js","names":[],"sources":["../../../src/export/pages/ExportDetailPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useParams, useNavigate } from \"react-router\";\nimport {\n  ArrowLeft,\n  Download,\n  XCircle,\n  Trash2,\n  RotateCcw,\n  Loader2,\n  FileDown,\n  Clock,\n  AlertCircle,\n  CheckCircle2,\n  HardDrive,\n  FileText,\n} from \"lucide-react\";\nimport {\n  GlassCard,\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n  NextSteps,\n  type NextStep,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { CTAAction, CTAPrimaryAction } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportJob,\n  useExportJobProgress,\n  useCancelExportJob,\n  useDeleteExportJob,\n  useRetryExportJob,\n} from \"../hooks/useExportQueries\";\nimport { ExportStatusBadge } from \"../components/ExportStatusBadge\";\nimport { ExportProgressBar } from \"../components/ExportProgressBar\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  getFormatDisplayName,\n  getArchiveFormatDisplayName,\n} from \"../constants/enums\";\nimport { cn } from \"../utils/cn\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Format bytes to human-readable size\n */\nfunction formatBytes(bytes: number): string {\n  if (bytes === 0) return \"0 B\";\n  const k = 1024;\n  const sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;\n}\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 Detail Page\n * Single export job detail view with parts, progress, download links.\n * Uses GraphQL subscriptions for live progress updates when a job is active.\n */\nexport function ExportDetailPage() {\n  const { jobId } = useParams<{ jobId: string }>();\n  const { basePath = \"/\", navigate } = useExport();\n  const routerNavigate = useNavigate();\n\n  const handleBack = () => {\n    if (window.history.length > 1) {\n      routerNavigate(-1);\n    } else {\n      navigate?.(basePath);\n    }\n  };\n\n  const { data: job, isLoading } = useExportJob(jobId);\n  const { data: progressJob } = useExportJobProgress(jobId);\n  const [pendingAction, setPendingAction] = useState<\n    \"cancel\" | \"delete\" | null\n  >(null);\n\n  const { cancelJob, isPending: cancelling } = useCancelExportJob();\n  const { deleteJob, isPending: deleting } = useDeleteExportJob();\n  const { retryJob, isPending: retrying } = useRetryExportJob();\n\n  const liveJob = progressJob ?? job ?? null;\n\n  // Jobs in CREATED/QUEUED/RUNNING can still be cancelled\n  const isCancellable =\n    liveJob?.status === \"CREATED\" ||\n    liveJob?.status === \"QUEUED\" ||\n    liveJob?.status === \"RUNNING\";\n  const isCompleted = liveJob?.status === \"COMPLETED\";\n  const isFailed = liveJob?.status === \"FAILED\";\n  const isRetryable =\n    liveJob?.status === \"FAILED\" ||\n    liveJob?.status === \"CANCELLED\" ||\n    liveJob?.status === \"EXPIRED\";\n\n  const handleCancel = async () => {\n    if (!jobId) return;\n    setPendingAction(\"cancel\");\n  };\n\n  const handleDelete = async () => {\n    if (!jobId) return;\n    nativeImpact(\"medium\");\n    setPendingAction(\"delete\");\n  };\n\n  const confirmPendingAction = async () => {\n    if (!jobId || !pendingAction) return;\n    try {\n      if (pendingAction === \"cancel\") {\n        await cancelJob(jobId);\n      } else {\n        await deleteJob(jobId);\n        navigate?.(basePath);\n      }\n      nativeNotify(\"success\");\n    } catch {\n      nativeNotify(\"error\");\n    }\n    setPendingAction(null);\n  };\n\n  const handleRetry = async () => {\n    if (!jobId) return;\n    const newJob = await retryJob(jobId);\n    // Navigate to the new job created by retry\n    if (newJob?.id) {\n      navigate?.(joinPath(basePath, newJob.id));\n    }\n  };\n\n  // Build a single primary CTA + overflow menu for the header. Download (the\n  // first available part) is the primary action when the export is ready;\n  // otherwise the most relevant lifecycle action leads. Destructive Delete\n  // always lives in the overflow menu and is confirmed via the dialog.\n  const firstDownloadablePart = liveJob?.parts.find((p) => p.downloadUrl);\n\n  // Loading\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20\">\n        <Loader2 size={48} className=\"animate-spin text-primary\" />\n        <span className=\"mt-6 text-sm font-medium text-text-secondary\">\n          Loading export details…\n        </span>\n      </div>\n    );\n  }\n\n  // Not found\n  if (!liveJob) {\n    return (\n      <PageLayout showHeader={false}>\n        <div className=\"flex items-center gap-3 mb-6\">\n          <button\n            type=\"button\"\n            onClick={handleBack}\n            aria-label=\"Go back\"\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-all duration-200\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <h1 className=\"text-xl font-bold\">Export Not Found</h1>\n        </div>\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"Export not found\"\n          description=\"The export job you are looking for does not exist or has been deleted.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={handleBack}\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\"\n            >\n              <ArrowLeft size={18} />\n              Back to Dashboard\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  // Primary CTA: download when ready, otherwise retry when retryable.\n  const primaryAction: CTAPrimaryAction | undefined = firstDownloadablePart\n    ? {\n        label: \"Download\",\n        icon: <Download size={16} />,\n        onSelect: () => {\n          if (firstDownloadablePart.downloadUrl) {\n            window.location.assign(firstDownloadablePart.downloadUrl);\n          }\n        },\n      }\n    : isRetryable\n      ? {\n          label: \"Retry Export\",\n          icon: <RotateCcw size={16} />,\n          disabled: retrying,\n          onSelect: () => {\n            void handleRetry();\n          },\n        }\n      : undefined;\n\n  // Overflow actions: lifecycle controls + destructive delete.\n  const overflowActions: CTAAction[] = [];\n  if (isRetryable && firstDownloadablePart) {\n    overflowActions.push({\n      label: \"Retry Export\",\n      icon: <RotateCcw size={16} />,\n      disabled: retrying,\n      onSelect: () => {\n        void handleRetry();\n      },\n    });\n  }\n  if (isCancellable) {\n    overflowActions.push({\n      label: \"Cancel Export\",\n      icon: <XCircle size={16} />,\n      disabled: cancelling,\n      onSelect: () => {\n        void handleCancel();\n      },\n    });\n  }\n  if (!isCancellable) {\n    overflowActions.push({\n      label: \"Delete Export\",\n      icon: <Trash2 size={16} />,\n      intent: \"destructive\",\n      disabled: deleting,\n      onSelect: () => {\n        void handleDelete();\n      },\n    });\n  }\n\n  // Next-step guidance — concrete actions wired to real handlers/links, tuned\n  // to the job's current state so a new user knows what to do from here.\n  const nextSteps: NextStep[] = [\n    {\n      id: \"download\",\n      label: \"Download your export\",\n      description:\n        \"Grab the generated files below before their download links expire.\",\n      icon: <Download size={16} />,\n      onClick: () => {\n        if (firstDownloadablePart?.downloadUrl) {\n          window.location.assign(firstDownloadablePart.downloadUrl);\n        }\n      },\n      done: isCompleted,\n    },\n    ...(isRetryable\n      ? [\n          {\n            id: \"retry\",\n            label: \"Retry this export\",\n            description:\n              \"This export didn't finish — start a fresh run with the same settings.\",\n            icon: <RotateCcw size={16} />,\n            onClick: () => {\n              void handleRetry();\n            },\n          } as NextStep,\n        ]\n      : []),\n    {\n      id: \"history\",\n      label: \"Back to History\",\n      description: \"See all your exports and track other jobs in progress.\",\n      icon: <Clock size={16} />,\n      onClick: () => navigate?.(basePath),\n    },\n  ];\n\n  return (\n    <PageLayout showHeader={false}>\n      {/* Header */}\n      <div className=\"relative overflow-hidden rounded-xl bg-accent-wash border border-border-seam p-6 shadow-[var(--shadow-pop)]\">\n        <div className=\"relative z-10 flex flex-col sm:flex-row sm:items-center gap-4\">\n          <button\n            type=\"button\"\n            onClick={handleBack}\n            aria-label=\"Go back\"\n            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\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n            <div className=\"p-2.5 rounded-lg bg-action-primary-bg/10\">\n              <Download size={24} className=\"text-primary\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h1 className=\"text-xl sm:text-2xl font-bold truncate\">\n                {liveJob.name}\n              </h1>\n              <p className=\"text-sm text-text-secondary mt-1\">\n                {liveJob.entityTypes.join(\", \")}\n              </p>\n            </div>\n            <ExportStatusBadge status={liveJob.status} />\n          </div>\n          {(primaryAction || overflowActions.length > 0) && (\n            <div className=\"flex-shrink-0\">\n              <CTAOverflowMenu\n                primary={primaryAction}\n                actions={overflowActions}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Progress (for active jobs) */}\n      {(liveJob.status === \"RUNNING\" || liveJob.status === \"QUEUED\") && (\n        <div className=\"border border-border-seam rounded-xl bg-status-info-bg-subtle p-6\">\n          <ExportProgressBar progress={liveJob.progress} size=\"lg\" />\n          {liveJob.processedEntities != null &&\n            liveJob.totalEntities != null && (\n              <p className=\"text-sm text-text-secondary mt-2\">\n                {liveJob.processedEntities.toLocaleString()} /{\" \"}\n                {liveJob.totalEntities.toLocaleString()} entities processed\n              </p>\n            )}\n        </div>\n      )}\n\n      {/* Error (for failed jobs) */}\n      {isFailed && liveJob.errorMessage && (\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 mt-0.5\"\n          />\n          <div>\n            <h3 className=\"font-semibold text-status-error-text mb-1\">\n              Export Failed\n            </h3>\n            <p className=\"text-sm text-status-error-text\">\n              {liveJob.errorMessage}\n            </p>\n          </div>\n        </div>\n      )}\n\n      {/* Info Grid */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        {[\n          {\n            icon: <FileText size={18} />,\n            label: \"Format\",\n            value: getFormatDisplayName(liveJob.format),\n          },\n          {\n            icon: <HardDrive size={18} />,\n            label: \"Archive\",\n            value: getArchiveFormatDisplayName(liveJob.archiveFormat),\n          },\n          {\n            icon: <Download size={18} />,\n            label: \"Total Size\",\n            value:\n              liveJob.totalSizeBytes != null\n                ? formatBytes(liveJob.totalSizeBytes)\n                : \"-\",\n          },\n          {\n            icon: <Clock size={18} />,\n            label: \"Created\",\n            value: new Date(liveJob.createdAt).toLocaleDateString(),\n          },\n        ].map((item) => (\n          <GlassCard\n            key={item.label}\n            treatment=\"metric\"\n            className=\"p-4 border-border-seam\"\n          >\n            <div className=\"flex items-center gap-2 text-text-secondary mb-1\">\n              {item.icon}\n              <span className=\"text-xs font-medium\">{item.label}</span>\n            </div>\n            <p className=\"font-bold text-lg tabular-nums\">{item.value}</p>\n          </GlassCard>\n        ))}\n      </div>\n\n      {/* Next-step guidance for this export (dismissable, per-job) */}\n      <NextSteps\n        storageKey={`export-detail-${liveJob.id}`}\n        title=\"What's next\"\n        steps={nextSteps}\n      />\n\n      {/* Parts */}\n      {liveJob.parts.length > 0 && (\n        <PageSection\n          title=\"Export Parts\"\n          description={`${liveJob.parts.length} file(s) generated`}\n        >\n          <div className=\"space-y-2\">\n            {liveJob.parts.map((part) => (\n              <div\n                key={part.id}\n                className={cn(\n                  \"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\",\n                  \"hover:border-primary/40 transition-colors duration-200\",\n                )}\n              >\n                <div className=\"flex items-center gap-3 min-w-0\">\n                  <FileDown size={20} className=\"text-primary flex-shrink-0\" />\n                  <div className=\"min-w-0\">\n                    <p className=\"font-medium truncate\">{part.fileName}</p>\n                    <p className=\"text-sm text-text-secondary\">\n                      {part.entityTypes.join(\", \")} &middot;{\" \"}\n                      {formatBytes(part.sizeBytes)}\n                      {part.downloadExpiresAt &&\n                        ` · expires ${new Date(part.downloadExpiresAt).toLocaleDateString()}`}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2 flex-shrink-0\">\n                  {part.downloadUrl ? (\n                    <a\n                      href={part.downloadUrl}\n                      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\"\n                    >\n                      <Download size={14} />\n                      Download\n                    </a>\n                  ) : (\n                    <span className=\"inline-flex items-center gap-1.5 text-sm text-text-secondary\">\n                      <Clock size={14} />\n                      Pending\n                    </span>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Completed message when no parts yet */}\n      {isCompleted && liveJob.parts.length === 0 && (\n        <div className=\"border-2 border-border-default rounded-xl bg-status-success-bg-subtle p-6 text-center\">\n          <CheckCircle2\n            size={48}\n            className=\"text-status-success-text mx-auto mb-3\"\n          />\n          <h3 className=\"text-lg font-bold text-status-success-text mb-1\">\n            Export Complete\n          </h3>\n          <p className=\"text-sm text-status-success-text\">\n            Your export has completed but no download parts are available yet.\n          </p>\n        </div>\n      )}\n\n      {pendingAction && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"export-confirm-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"export-confirm-title\" className=\"text-lg font-bold\">\n              {pendingAction === \"cancel\" ? \"Cancel export?\" : \"Delete export?\"}\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {pendingAction === \"cancel\"\n                ? \"This stops the running export job. You can retry it later if needed.\"\n                : \"This removes the export job from history. This action cannot be undone.\"}\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setPendingAction(null)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                Keep Export\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmPendingAction}\n                disabled={cancelling || deleting}\n                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\"\n              >\n                {cancelling || deleting ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : null}\n                {pendingAction === \"cancel\" ? \"Cancel Export\" : \"Delete Export\"}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ExportDetailPage.js","names":[],"sources":["../../../src/export/pages/ExportDetailPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useParams, useNavigate } from \"react-router\";\nimport {\n  ArrowLeft,\n  Download,\n  XCircle,\n  Trash2,\n  RotateCcw,\n  Loader2,\n  FileDown,\n  Clock,\n  AlertCircle,\n  CheckCircle2,\n  HardDrive,\n  FileText,\n} from \"lucide-react\";\nimport {\n  GlassCard,\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n  NextSteps,\n  type NextStep,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { CTAAction, CTAPrimaryAction } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportJob,\n  useExportJobProgress,\n  useCancelExportJob,\n  useDeleteExportJob,\n  useRetryExportJob,\n} from \"../hooks/useExportQueries\";\nimport { ExportStatusBadge } from \"../components/ExportStatusBadge\";\nimport { ExportProgressBar } from \"../components/ExportProgressBar\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  getFormatDisplayName,\n  getArchiveFormatDisplayName,\n} from \"../constants/enums\";\nimport { useTr } from \"../hooks/useTr\";\nimport { cn } from \"../utils/cn\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Format bytes to human-readable size\n */\nfunction formatBytes(bytes: number): string {\n  if (bytes === 0) return \"0 B\";\n  const k = 1024;\n  const sizes = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;\n}\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 Detail Page\n * Single export job detail view with parts, progress, download links.\n * Uses GraphQL subscriptions for live progress updates when a job is active.\n */\nexport function ExportDetailPage() {\n  const { jobId } = useParams<{ jobId: string }>();\n  const { basePath = \"/\", navigate } = useExport();\n  const routerNavigate = useNavigate();\n  const tr = useTr();\n\n  const handleBack = () => {\n    if (window.history.length > 1) {\n      routerNavigate(-1);\n    } else {\n      navigate?.(basePath);\n    }\n  };\n\n  const { data: job, isLoading } = useExportJob(jobId);\n  const { data: progressJob } = useExportJobProgress(jobId);\n  const [pendingAction, setPendingAction] = useState<\n    \"cancel\" | \"delete\" | null\n  >(null);\n\n  const { cancelJob, isPending: cancelling } = useCancelExportJob();\n  const { deleteJob, isPending: deleting } = useDeleteExportJob();\n  const { retryJob, isPending: retrying } = useRetryExportJob();\n\n  const liveJob = progressJob ?? job ?? null;\n\n  // Jobs in CREATED/QUEUED/RUNNING can still be cancelled\n  const isCancellable =\n    liveJob?.status === \"CREATED\" ||\n    liveJob?.status === \"QUEUED\" ||\n    liveJob?.status === \"RUNNING\";\n  const isCompleted = liveJob?.status === \"COMPLETED\";\n  const isFailed = liveJob?.status === \"FAILED\";\n  const isRetryable =\n    liveJob?.status === \"FAILED\" ||\n    liveJob?.status === \"CANCELLED\" ||\n    liveJob?.status === \"EXPIRED\";\n\n  const handleCancel = async () => {\n    if (!jobId) return;\n    setPendingAction(\"cancel\");\n  };\n\n  const handleDelete = async () => {\n    if (!jobId) return;\n    nativeImpact(\"medium\");\n    setPendingAction(\"delete\");\n  };\n\n  const confirmPendingAction = async () => {\n    if (!jobId || !pendingAction) return;\n    try {\n      if (pendingAction === \"cancel\") {\n        await cancelJob(jobId);\n      } else {\n        await deleteJob(jobId);\n        navigate?.(basePath);\n      }\n      nativeNotify(\"success\");\n    } catch {\n      nativeNotify(\"error\");\n    }\n    setPendingAction(null);\n  };\n\n  const handleRetry = async () => {\n    if (!jobId) return;\n    const newJob = await retryJob(jobId);\n    // Navigate to the new job created by retry\n    if (newJob?.id) {\n      navigate?.(joinPath(basePath, newJob.id));\n    }\n  };\n\n  // Build a single primary CTA + overflow menu for the header. Download (the\n  // first available part) is the primary action when the export is ready;\n  // otherwise the most relevant lifecycle action leads. Destructive Delete\n  // always lives in the overflow menu and is confirmed via the dialog.\n  const firstDownloadablePart = liveJob?.parts.find((p) => p.downloadUrl);\n\n  // Loading\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20\">\n        <Loader2 size={48} className=\"animate-spin text-primary\" />\n        <span className=\"mt-6 text-sm font-medium text-text-secondary\">\n          {tr(\"export.detail.loading\", \"Loading export details…\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Not found\n  if (!liveJob) {\n    return (\n      <PageLayout showHeader={false}>\n        <div className=\"flex items-center gap-3 mb-6\">\n          <button\n            type=\"button\"\n            onClick={handleBack}\n            aria-label={tr(\"export.detail.actions.back\", \"Go back\")}\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-all duration-200\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <h1 className=\"text-xl font-bold\">\n            {tr(\"export.detail.notFound.title\", \"Export Not Found\")}\n          </h1>\n        </div>\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tr(\"export.detail.notFound.heading\", \"Export not found\")}\n          description={tr(\n            \"export.detail.notFound.description\",\n            \"The export job you are looking for does not exist or has been deleted.\",\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={handleBack}\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\"\n            >\n              <ArrowLeft size={18} />\n              {tr(\"export.detail.actions.backToDashboard\", \"Back to Dashboard\")}\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  // Primary CTA: download when ready, otherwise retry when retryable.\n  const primaryAction: CTAPrimaryAction | undefined = firstDownloadablePart\n    ? {\n        label: tr(\"export.detail.actions.download\", \"Download\"),\n        icon: <Download size={16} />,\n        onSelect: () => {\n          if (firstDownloadablePart.downloadUrl) {\n            window.location.assign(firstDownloadablePart.downloadUrl);\n          }\n        },\n      }\n    : isRetryable\n      ? {\n          label: tr(\"export.detail.actions.retry\", \"Retry Export\"),\n          icon: <RotateCcw size={16} />,\n          disabled: retrying,\n          onSelect: () => {\n            void handleRetry();\n          },\n        }\n      : undefined;\n\n  // Overflow actions: lifecycle controls + destructive delete.\n  const overflowActions: CTAAction[] = [];\n  if (isRetryable && firstDownloadablePart) {\n    overflowActions.push({\n      label: tr(\"export.detail.actions.retry\", \"Retry Export\"),\n      icon: <RotateCcw size={16} />,\n      disabled: retrying,\n      onSelect: () => {\n        void handleRetry();\n      },\n    });\n  }\n  if (isCancellable) {\n    overflowActions.push({\n      label: tr(\"export.detail.actions.cancel\", \"Cancel Export\"),\n      icon: <XCircle size={16} />,\n      disabled: cancelling,\n      onSelect: () => {\n        void handleCancel();\n      },\n    });\n  }\n  if (!isCancellable) {\n    overflowActions.push({\n      label: tr(\"export.detail.actions.delete\", \"Delete Export\"),\n      icon: <Trash2 size={16} />,\n      intent: \"destructive\",\n      disabled: deleting,\n      onSelect: () => {\n        void handleDelete();\n      },\n    });\n  }\n\n  // Next-step guidance — concrete actions wired to real handlers/links, tuned\n  // to the job's current state so a new user knows what to do from here.\n  const nextSteps: NextStep[] = [\n    {\n      id: \"download\",\n      label: tr(\n        \"export.detail.nextSteps.download.label\",\n        \"Download your export\",\n      ),\n      description: tr(\n        \"export.detail.nextSteps.download.description\",\n        \"Grab the generated files below before their download links expire.\",\n      ),\n      icon: <Download size={16} />,\n      onClick: () => {\n        if (firstDownloadablePart?.downloadUrl) {\n          window.location.assign(firstDownloadablePart.downloadUrl);\n        }\n      },\n      done: isCompleted,\n    },\n    ...(isRetryable\n      ? [\n          {\n            id: \"retry\",\n            label: tr(\n              \"export.detail.nextSteps.retry.label\",\n              \"Retry this export\",\n            ),\n            description: tr(\n              \"export.detail.nextSteps.retry.description\",\n              \"This export didn't finish — start a fresh run with the same settings.\",\n            ),\n            icon: <RotateCcw size={16} />,\n            onClick: () => {\n              void handleRetry();\n            },\n          } as NextStep,\n        ]\n      : []),\n    {\n      id: \"history\",\n      label: tr(\"export.detail.nextSteps.history.label\", \"Back to History\"),\n      description: tr(\n        \"export.detail.nextSteps.history.description\",\n        \"See all your exports and track other jobs in progress.\",\n      ),\n      icon: <Clock size={16} />,\n      onClick: () => navigate?.(basePath),\n    },\n  ];\n\n  return (\n    <PageLayout showHeader={false}>\n      {/* Header */}\n      <div className=\"relative overflow-hidden rounded-xl bg-accent-wash border border-border-seam p-6 shadow-[var(--shadow-pop)]\">\n        <div className=\"relative z-10 flex flex-col sm:flex-row sm:items-center gap-4\">\n          <button\n            type=\"button\"\n            onClick={handleBack}\n            aria-label={tr(\"export.detail.actions.back\", \"Go back\")}\n            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\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n            <div className=\"p-2.5 rounded-lg bg-action-primary-bg/10\">\n              <Download size={24} className=\"text-primary\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h1 className=\"text-xl sm:text-2xl font-bold truncate\">\n                {liveJob.name}\n              </h1>\n              <p className=\"text-sm text-text-secondary mt-1\">\n                {liveJob.entityTypes.join(\", \")}\n              </p>\n            </div>\n            <ExportStatusBadge status={liveJob.status} />\n          </div>\n          {(primaryAction || overflowActions.length > 0) && (\n            <div className=\"flex-shrink-0\">\n              <CTAOverflowMenu\n                primary={primaryAction}\n                actions={overflowActions}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Progress (for active jobs) */}\n      {(liveJob.status === \"RUNNING\" || liveJob.status === \"QUEUED\") && (\n        <div className=\"border border-border-seam rounded-xl bg-status-info-bg-subtle p-6\">\n          <ExportProgressBar progress={liveJob.progress} size=\"lg\" />\n          {liveJob.processedEntities != null &&\n            liveJob.totalEntities != null && (\n              <p className=\"text-sm text-text-secondary mt-2\">\n                {tr(\n                  \"export.detail.progress.entitiesProcessed\",\n                  \"{{processed}} / {{total}} entities processed\",\n                  {\n                    processed: liveJob.processedEntities.toLocaleString(),\n                    total: liveJob.totalEntities.toLocaleString(),\n                  },\n                )}\n              </p>\n            )}\n        </div>\n      )}\n\n      {/* Error (for failed jobs) */}\n      {isFailed && liveJob.errorMessage && (\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 mt-0.5\"\n          />\n          <div>\n            <h3 className=\"font-semibold text-status-error-text mb-1\">\n              {tr(\"export.detail.error.title\", \"Export Failed\")}\n            </h3>\n            <p className=\"text-sm text-status-error-text\">\n              {liveJob.errorMessage}\n            </p>\n          </div>\n        </div>\n      )}\n\n      {/* Info Grid */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        {[\n          {\n            icon: <FileText size={18} />,\n            label: tr(\"export.detail.info.format\", \"Format\"),\n            value: getFormatDisplayName(liveJob.format),\n          },\n          {\n            icon: <HardDrive size={18} />,\n            label: tr(\"export.detail.info.archive\", \"Archive\"),\n            value: getArchiveFormatDisplayName(liveJob.archiveFormat),\n          },\n          {\n            icon: <Download size={18} />,\n            label: tr(\"export.detail.info.totalSize\", \"Total Size\"),\n            value:\n              liveJob.totalSizeBytes != null\n                ? formatBytes(liveJob.totalSizeBytes)\n                : \"-\",\n          },\n          {\n            icon: <Clock size={18} />,\n            label: tr(\"export.detail.info.created\", \"Created\"),\n            value: new Date(liveJob.createdAt).toLocaleDateString(),\n          },\n        ].map((item) => (\n          <GlassCard\n            key={item.label}\n            treatment=\"metric\"\n            className=\"p-4 border-border-seam\"\n          >\n            <div className=\"flex items-center gap-2 text-text-secondary mb-1\">\n              {item.icon}\n              <span className=\"text-xs font-medium\">{item.label}</span>\n            </div>\n            <p className=\"font-bold text-lg tabular-nums\">{item.value}</p>\n          </GlassCard>\n        ))}\n      </div>\n\n      {/* Next-step guidance for this export (dismissable, per-job) */}\n      <NextSteps\n        storageKey={`export-detail-${liveJob.id}`}\n        title={tr(\"export.detail.nextSteps.title\", \"What's next\")}\n        steps={nextSteps}\n      />\n\n      {/* Parts */}\n      {liveJob.parts.length > 0 && (\n        <PageSection\n          title={tr(\"export.detail.parts.title\", \"Export Parts\")}\n          description={tr(\n            \"export.detail.parts.description\",\n            \"{{count}} file(s) generated\",\n            { count: liveJob.parts.length },\n          )}\n        >\n          <div className=\"space-y-2\">\n            {liveJob.parts.map((part) => (\n              <div\n                key={part.id}\n                className={cn(\n                  \"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\",\n                  \"hover:border-primary/40 transition-colors duration-200\",\n                )}\n              >\n                <div className=\"flex items-center gap-3 min-w-0\">\n                  <FileDown size={20} className=\"text-primary flex-shrink-0\" />\n                  <div className=\"min-w-0\">\n                    <p className=\"font-medium truncate\">{part.fileName}</p>\n                    <p className=\"text-sm text-text-secondary\">\n                      {part.entityTypes.join(\", \")} &middot;{\" \"}\n                      {formatBytes(part.sizeBytes)}\n                      {part.downloadExpiresAt &&\n                        ` · ${tr(\n                          \"export.detail.parts.expires\",\n                          \"expires {{date}}\",\n                          {\n                            date: new Date(\n                              part.downloadExpiresAt,\n                            ).toLocaleDateString(),\n                          },\n                        )}`}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2 flex-shrink-0\">\n                  {part.downloadUrl ? (\n                    <a\n                      href={part.downloadUrl}\n                      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\"\n                    >\n                      <Download size={14} />\n                      {tr(\"export.detail.parts.download\", \"Download\")}\n                    </a>\n                  ) : (\n                    <span className=\"inline-flex items-center gap-1.5 text-sm text-text-secondary\">\n                      <Clock size={14} />\n                      {tr(\"export.detail.parts.pending\", \"Pending\")}\n                    </span>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Completed message when no parts yet */}\n      {isCompleted && liveJob.parts.length === 0 && (\n        <div className=\"border-2 border-border-default rounded-xl bg-status-success-bg-subtle p-6 text-center\">\n          <CheckCircle2\n            size={48}\n            className=\"text-status-success-text mx-auto mb-3\"\n          />\n          <h3 className=\"text-lg font-bold text-status-success-text mb-1\">\n            {tr(\"export.detail.complete.title\", \"Export Complete\")}\n          </h3>\n          <p className=\"text-sm text-status-success-text\">\n            {tr(\n              \"export.detail.complete.noParts\",\n              \"Your export has completed but no download parts are available yet.\",\n            )}\n          </p>\n        </div>\n      )}\n\n      {pendingAction && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"export-confirm-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"export-confirm-title\" className=\"text-lg font-bold\">\n              {pendingAction === \"cancel\"\n                ? tr(\"export.detail.confirm.cancel.title\", \"Cancel export?\")\n                : tr(\"export.detail.confirm.delete.title\", \"Delete export?\")}\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {pendingAction === \"cancel\"\n                ? tr(\n                    \"export.detail.confirm.cancel.description\",\n                    \"This stops the running export job. You can retry it later if needed.\",\n                  )\n                : tr(\n                    \"export.detail.confirm.delete.description\",\n                    \"This removes the export job from history. This action cannot be undone.\",\n                  )}\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setPendingAction(null)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                {tr(\"export.detail.confirm.keep\", \"Keep Export\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmPendingAction}\n                disabled={cancelling || deleting}\n                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\"\n              >\n                {cancelling || deleting ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : null}\n                {pendingAction === \"cancel\"\n                  ? tr(\"export.detail.actions.cancel\", \"Cancel Export\")\n                  : tr(\"export.detail.actions.delete\", \"Delete Export\")}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExportHistoryPage.d.ts","sourceRoot":"","sources":["../../../src/export/pages/ExportHistoryPage.tsx"],"names":[],"mappings":"AAsCA;;;GAGG;AACH,wBAAgB,iBAAiB,gCA0ahC"}
+{"version":3,"file":"ExportHistoryPage.d.ts","sourceRoot":"","sources":["../../../src/export/pages/ExportHistoryPage.tsx"],"names":[],"mappings":"AAqCA;;;GAGG;AACH,wBAAgB,iBAAiB,gCAuahC"}

package/dist/export/pages/ExportHistoryPage.js

@@ -1,65 +1,64 @@
 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 { PageLayout as c } from "../components/PageLayout.js";
-import { useExportStore as ee } from "../store/exportStore.js";
-import { useEffect as te, useMemo as l, useRef as u, useState as d } from "react";
-import { AlertCircle as f, ChevronLeft as p, ChevronRight as m, Clock as h, Download as g, Filter as _, RefreshCw as v, Search as ne, X as y } from "lucide-react";
+import { useTr as t } from "../hooks/useTr.js";
+import { useExportJobs as n } from "../hooks/useExportQueries.js";
+import { cn as r } from "../utils/cn.js";
+import { getAllStatuses as ee, getFormatDisplayName as i, getStatusDisplayName as a } from "../constants/enums.js";
+import { ExportStatusBadge as o } from "../components/ExportStatusBadge.js";
+import { PageLayout as s } from "../components/PageLayout.js";
+import { useExportStore as c } from "../store/exportStore.js";
+import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { AlertCircle as te, ChevronLeft as ne, ChevronRight as p, Clock as m, Download as h, Filter as g, RefreshCw as _, Search as v, X as y } from "lucide-react";
 import { useSearchParams as b } from "react-router";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { IllustratedEmptyState as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { IllustratedEmptyState as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
 //#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 } = w(), j = (e, t, n) => o(A, e, t, n), { jobFilter: M, updateFilter: N, resetFilter: P, pagination: F, setPagination: I } = ee(), [L] = b(), R = u(!1);
-	te(() => {
-		if (R.current) return;
-		R.current = !0;
-		let e = L.get("status");
-		e && N({ status: e });
-	}, [L, N]);
-	let [z, B] = d(!1), [V, H] = d([null]), [U, W] = d(0), G = V[U] ?? null, { data: K, totalCount: q, pageInfo: J, isLoading: Y, error: X, refetch: re } = t(M, {
-		first: F.pageSize,
-		after: G ?? void 0
-	}), Z = l(() => {
-		if (!M.search) return K;
-		let e = M.search.toLowerCase();
-		return K.filter((t) => t.name.toLowerCase().includes(e) || t.entityTypes.some((t) => t.toLowerCase().includes(e)));
-	}, [K, M.search]), Q = M.search || M.status !== "all" || M.format !== "all", ie = (e) => {
-		k?.(D(O, e));
-	}, ae = () => {
-		!J?.hasNextPage || !J.endCursor || (H([...V.slice(0, U + 1), J.endCursor]), W((e) => e + 1), I({
-			page: F.page + 1,
-			cursor: J.endCursor
+var E = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+function D() {
+	let { basePath: D = "/", navigate: O } = e(), k = t(), { jobFilter: A, updateFilter: j, resetFilter: M, pagination: N, setPagination: P } = c(), [F] = b(), I = d(!1);
+	l(() => {
+		if (I.current) return;
+		I.current = !0;
+		let e = F.get("status");
+		e && j({ status: e });
+	}, [F, j]);
+	let [L, R] = f(!1), [z, B] = f([null]), [V, H] = f(0), U = z[V] ?? null, { data: W, totalCount: G, pageInfo: K, isLoading: q, error: J, refetch: Y } = n(A, {
+		first: N.pageSize,
+		after: U ?? void 0
+	}), X = u(() => {
+		if (!A.search) return W;
+		let e = A.search.toLowerCase();
+		return W.filter((t) => t.name.toLowerCase().includes(e) || t.entityTypes.some((t) => t.toLowerCase().includes(e)));
+	}, [W, A.search]), Z = A.search || A.status !== "all" || A.format !== "all", re = (e) => {
+		O?.(E(D, e));
+	}, ie = () => {
+		!K?.hasNextPage || !K.endCursor || (B([...z.slice(0, V + 1), K.endCursor]), H((e) => e + 1), P({
+			page: N.page + 1,
+			cursor: K.endCursor
 		}));
-	}, oe = () => {
-		if (U === 0) return;
-		let e = U - 1;
-		W(e), I({
-			page: F.page - 1,
-			cursor: V[e] ?? null
+	}, ae = () => {
+		if (V === 0) return;
+		let e = V - 1;
+		H(e), P({
+			page: N.page - 1,
+			cursor: z[e] ?? null
 		});
-	}, $ = () => {
-		P(), H([null]), W(0);
-	}, se = U > 0, ce = J?.hasNextPage ?? !1, le = U * F.pageSize + 1, ue = Math.min((U + 1) * F.pageSize, q), de = (e) => j(`export.shared.status.${e.toLowerCase()}`, a(e));
-	return /* @__PURE__ */ C(c, {
-		title: j("export.history.title", "Export History"),
-		subtitle: j("export.history.subtitle", "View and manage all your past export jobs"),
-		icon: /* @__PURE__ */ S(h, { size: 24 }),
+	}, Q = () => {
+		M(), B([null]), H(0);
+	}, oe = V > 0, $ = K?.hasNextPage ?? !1, se = V * N.pageSize + 1, ce = Math.min((V + 1) * N.pageSize, G), le = (e) => k(`export.shared.status.${e.toLowerCase()}`, a(e));
+	return /* @__PURE__ */ C(s, {
+		title: k("export.history.title", "Export History"),
+		subtitle: k("export.history.subtitle", "View and manage all your past export jobs"),
+		icon: /* @__PURE__ */ S(m, { size: 24 }),
 		headerActions: /* @__PURE__ */ C("button", {
 			type: "button",
-			onClick: () => k?.(D(O, "new")),
+			onClick: () => O?.(E(D, "new")),
 			className: "inline-flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium",
-			children: [/* @__PURE__ */ S(g, { size: 16 }), j("export.history.actions.newExport", "New Export")]
+			children: [/* @__PURE__ */ S(h, { size: 16 }), k("export.history.actions.newExport", "New Export")]
 		}),
 		children: [
-			/* @__PURE__ */ S(E, {
-				icon: /* @__PURE__ */ S(h, { size: 16 }),
-				children: j("export.history.purpose", "Every export you've ever started lives here. Track jobs as they run, see which finished or failed, and grab download links for completed exports before they expire. Search by name or entity type, or filter by status and format to find a specific one.")
+			/* @__PURE__ */ S(T, {
+				icon: /* @__PURE__ */ S(m, { size: 16 }),
+				children: k("export.history.purpose", "Every export you've ever started lives here. Track jobs as they run, see which finished or failed, and grab download links for completed exports before they expire. Search by name or entity type, or filter by status and format to find a specific one.")
 			}),
 			/* @__PURE__ */ C("div", {
 				className: "space-y-4",
@@ -67,38 +66,38 @@ function O() {
 					className: "flex flex-col sm:flex-row gap-3",
 					children: [/* @__PURE__ */ C("div", {
 						className: "flex-1 relative group",
-						children: [/* @__PURE__ */ S(ne, {
+						children: [/* @__PURE__ */ S(v, {
 							size: 18,
 							className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary group-focus-within:text-primary transition-colors"
 						}), /* @__PURE__ */ S("input", {
 							type: "text",
-							"aria-label": j("export.history.search.placeholder", "Search exports by name or entity type"),
-							placeholder: j("export.history.search.placeholder", "Search exports by name or entity type..."),
-							value: M.search,
-							onChange: (e) => N({ search: e.target.value }),
+							"aria-label": k("export.history.search.placeholder", "Search exports by name or entity type"),
+							placeholder: k("export.history.search.placeholder", "Search exports by name or entity type..."),
+							value: A.search,
+							onChange: (e) => j({ search: e.target.value }),
 							className: "w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200"
 						})]
 					}), /* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: () => B(!z),
-						className: n("inline-flex items-center gap-2 px-4 py-2.5 border-2 rounded-lg transition-all duration-200 font-medium", z || Q ? "bg-action-primary-bg text-action-primary-text border-primary" : "border-border-subtle/50 hover:border-primary/30"),
-						children: [/* @__PURE__ */ S(_, { size: 16 }), z ? j("export.history.filters.hide", "Hide") : j("export.history.filters.show", "Filter")]
+						onClick: () => R(!L),
+						className: r("inline-flex items-center gap-2 px-4 py-2.5 border-2 rounded-lg transition-all duration-200 font-medium", L || Z ? "bg-action-primary-bg text-action-primary-text border-primary" : "border-border-subtle/50 hover:border-primary/30"),
+						children: [/* @__PURE__ */ S(g, { size: 16 }), L ? k("export.history.filters.hide", "Hide") : k("export.history.filters.show", "Filter")]
 					})]
-				}), z && /* @__PURE__ */ C("div", {
+				}), L && /* @__PURE__ */ C("div", {
 					className: "border border-border-seam rounded-xl p-4 animate-in fade-in-0 duration-200",
 					children: [/* @__PURE__ */ C("div", {
 						className: "flex items-center justify-between mb-4",
 						children: [/* @__PURE__ */ C("h3", {
 							className: "font-semibold flex items-center gap-2",
-							children: [/* @__PURE__ */ S(_, {
+							children: [/* @__PURE__ */ S(g, {
 								size: 16,
 								className: "text-primary"
-							}), j("export.history.filters.title", "Filters")]
-						}), Q && /* @__PURE__ */ C("button", {
+							}), k("export.history.filters.title", "Filters")]
+						}), Z && /* @__PURE__ */ C("button", {
 							type: "button",
-							onClick: $,
+							onClick: Q,
 							className: "text-sm text-text-secondary hover:text-status-error-text flex items-center gap-1",
-							children: [/* @__PURE__ */ S(y, { size: 14 }), j("export.history.filters.clearAll", "Clear All")]
+							children: [/* @__PURE__ */ S(y, { size: 14 }), k("export.history.filters.clearAll", "Clear All")]
 						})]
 					}), /* @__PURE__ */ C("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
@@ -106,40 +105,40 @@ function O() {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ S("label", {
 								className: "block text-sm font-medium",
-								children: j("export.history.filters.status.label", "Status")
+								children: k("export.history.filters.status.label", "Status")
 							}), /* @__PURE__ */ C("select", {
-								value: M.status,
-								onChange: (e) => N({ status: e.target.value }),
+								value: A.status,
+								onChange: (e) => j({ status: e.target.value }),
 								className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
 								children: [/* @__PURE__ */ S("option", {
 									value: "all",
-									children: j("export.history.filters.status.all", "All Statuses")
-								}), r().map((e) => /* @__PURE__ */ S("option", {
+									children: k("export.history.filters.status.all", "All Statuses")
+								}), ee().map((e) => /* @__PURE__ */ S("option", {
 									value: e,
-									children: de(e)
+									children: le(e)
 								}, e))]
 							})]
 						}), /* @__PURE__ */ C("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ S("label", {
 								className: "block text-sm font-medium",
-								children: j("export.history.filters.format.label", "Format")
+								children: k("export.history.filters.format.label", "Format")
 							}), /* @__PURE__ */ C("select", {
-								value: M.format,
-								onChange: (e) => N({ format: e.target.value }),
+								value: A.format,
+								onChange: (e) => j({ format: e.target.value }),
 								className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
 								children: [
 									/* @__PURE__ */ S("option", {
 										value: "all",
-										children: j("export.history.filters.format.all", "All Formats")
+										children: k("export.history.filters.format.all", "All Formats")
 									}),
 									/* @__PURE__ */ S("option", {
 										value: "CSV",
-										children: "CSV"
+										children: k("export.format.csv", "CSV")
 									}),
 									/* @__PURE__ */ S("option", {
 										value: "JSON",
-										children: "JSON"
+										children: k("export.format.json", "JSON")
 									})
 								]
 							})]
@@ -147,29 +146,29 @@ function O() {
 					})]
 				})]
 			}),
-			X && /* @__PURE__ */ C("div", {
+			J && /* @__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__ */ S(f, {
+				children: [/* @__PURE__ */ S(te, {
 					size: 24,
 					className: "text-status-error-text flex-shrink-0"
 				}), /* @__PURE__ */ C("div", { children: [
 					/* @__PURE__ */ S("h3", {
 						className: "font-semibold text-status-error-text mb-1",
-						children: j("export.history.error.title", "Error loading exports")
+						children: k("export.history.error.title", "Error loading exports")
 					}),
 					/* @__PURE__ */ S("p", {
 						className: "text-sm text-status-error-text mb-3",
-						children: X.message
+						children: J.message
 					}),
 					/* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: () => re(),
+						onClick: () => Y(),
 						className: "inline-flex items-center gap-2 px-3 py-1.5 text-sm bg-status-error-bg text-status-error-text rounded-lg hover:bg-status-error-bg/90 transition-colors",
-						children: [/* @__PURE__ */ S(v, { size: 14 }), j("export.history.error.retry", "Try Again")]
+						children: [/* @__PURE__ */ S(_, { size: 14 }), k("export.history.error.retry", "Try Again")]
 					})
 				] })]
 			}),
-			Y && /* @__PURE__ */ S("div", {
+			q && /* @__PURE__ */ S("div", {
 				className: "space-y-3",
 				children: [...[
 					,
@@ -188,12 +187,12 @@ function O() {
 					})
 				}, t))
 			}),
-			!Y && !X && (Z.length > 0 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+			!q && !J && (X.length > 0 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
 				className: "space-y-2",
-				children: Z.map((e, t) => /* @__PURE__ */ S("button", {
+				children: X.map((e, t) => /* @__PURE__ */ S("button", {
 					type: "button",
-					onClick: () => ie(e.id),
-					className: n("w-full text-left border border-border-seam rounded-xl p-4 bg-bg-surface", "hover:border-primary/40 transition-colors duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40", "group animate-in fade-in-0"),
+					onClick: () => re(e.id),
+					className: r("w-full text-left border border-border-seam rounded-xl p-4 bg-bg-surface", "hover:border-primary/40 transition-colors duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40", "group animate-in fade-in-0"),
 					style: { animationDelay: `${t * 30}ms` },
 					children: /* @__PURE__ */ C("div", {
 						className: "flex items-start sm:items-center justify-between gap-3",
@@ -214,65 +213,65 @@ function O() {
 							})]
 						}), /* @__PURE__ */ C("div", {
 							className: "flex items-center gap-2 flex-shrink-0",
-							children: [/* @__PURE__ */ S(s, { status: e.status }), /* @__PURE__ */ S(m, {
+							children: [/* @__PURE__ */ S(o, { status: e.status }), /* @__PURE__ */ S(p, {
 								size: 18,
 								className: "text-text-secondary group-hover:text-primary transition-colors hidden sm:block"
 							})]
 						})]
 					})
 				}, e.id))
-			}), q > F.pageSize && /* @__PURE__ */ C("div", {
+			}), G > N.pageSize && /* @__PURE__ */ C("div", {
 				className: "flex flex-col sm:flex-row items-center justify-between gap-3 pt-2",
 				children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-text-secondary",
-					children: j("export.history.pagination.showing", "Showing {start}-{end} of {total}", {
-						start: le,
-						end: ue,
-						total: q
+					children: k("export.history.pagination.showing", "Showing {{start}}-{{end}} of {{total}}", {
+						start: se,
+						end: ce,
+						total: G
 					})
 				}), /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ C("button", {
 							type: "button",
-							onClick: oe,
-							disabled: !se,
+							onClick: ae,
+							disabled: !oe,
 							className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm border-2 border-border-subtle/50 rounded-lg hover:border-primary/30 disabled:opacity-40 disabled:cursor-not-allowed transition-colors font-medium",
-							children: [/* @__PURE__ */ S(p, { size: 16 }), j("export.history.pagination.prev", "Prev")]
+							children: [/* @__PURE__ */ S(ne, { size: 16 }), k("export.history.pagination.prev", "Prev")]
 						}),
 						/* @__PURE__ */ S("span", {
 							className: "text-sm text-text-secondary px-2",
-							children: j("export.history.pagination.page", "Page {page}", { page: F.page })
+							children: k("export.history.pagination.page", "Page {{page}}", { page: N.page })
 						}),
 						/* @__PURE__ */ C("button", {
 							type: "button",
-							onClick: ae,
-							disabled: !ce,
+							onClick: ie,
+							disabled: !$,
 							className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm border-2 border-border-subtle/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__ */ S(m, { size: 16 })]
+							children: [k("export.history.pagination.next", "Next"), /* @__PURE__ */ S(p, { size: 16 })]
 						})
 					]
 				})]
-			})] }) : /* @__PURE__ */ S(T, {
-				illustration: Q ? "empty-search" : "empty-data",
-				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__ */ C("button", {
+			})] }) : /* @__PURE__ */ S(w, {
+				illustration: Z ? "empty-search" : "empty-data",
+				title: Z ? k("export.history.empty.filtered.title", "No matching exports") : k("export.history.empty.title", "No exports yet"),
+				description: Z ? k("export.history.empty.filtered.description", "Try adjusting your search or filters.") : k("export.history.empty.description", "Create your first export to see it here."),
+				action: Z ? /* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: $,
+					onClick: Q,
 					className: "inline-flex items-center gap-2 px-4 py-2 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium",
-					children: [/* @__PURE__ */ S(y, { size: 16 }), j("export.history.empty.filtered.actions.clear", "Clear Filters")]
+					children: [/* @__PURE__ */ S(y, { size: 16 }), k("export.history.empty.filtered.actions.clear", "Clear Filters")]
 				}) : /* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: () => k?.(D(O, "new")),
+					onClick: () => O?.(E(D, "new")),
 					className: "inline-flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium",
-					children: [/* @__PURE__ */ S(g, { size: 16 }), j("export.history.empty.actions.createFirst", "Create First Export")]
+					children: [/* @__PURE__ */ S(h, { size: 16 }), k("export.history.empty.actions.createFirst", "Create First Export")]
 				})
 			}))
 		]
 	});
 }
 //#endregion
-export { O as ExportHistoryPage };
+export { D as ExportHistoryPage };
 
 //# sourceMappingURL=ExportHistoryPage.js.map