@burdenoff/microfe-export 2026.731.1 → 2026.830.1

package/dist/export/ExportRoutes.js

@@ -2,7 +2,7 @@ import { ExportLandingPage as e } from "./pages/ExportLandingPage.js";
 import { Component as t, Suspense as n, lazy as r } from "react";
 import { AlertTriangle as i, Loader2 as a, RefreshCw as o } from "lucide-react";
 import { FeatureGate as s } from "@burdenoff/fe-libs/shared/feature-flags";
-import { Navigate as c, Route as l, Routes as u } from "react-router-dom";
+import { Navigate as c, Route as l, Routes as u } from "react-router";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/export/ExportRoutes.tsx
 var p = r(() => import("./pages/CreateExportPage.js").then((e) => ({ default: e.CreateExportPage }))), m = r(() => import("./pages/ExportHistoryPage.js").then((e) => ({ default: e.ExportHistoryPage }))), h = r(() => import("./pages/ExportDetailPage.js").then((e) => ({ default: e.ExportDetailPage }))), g = r(() => import("./pages/ExportTemplatesPage.js").then((e) => ({ default: e.ExportTemplatesPage }))), _ = r(() => import("./pages/TemplateDetailPage.js").then((e) => ({ default: e.TemplateDetailPage })));

package/dist/export/ExportRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportRoutes.js","names":[],"sources":["../../src/export/ExportRoutes.tsx"],"sourcesContent":["import {\n  lazy,\n  Suspense,\n  Component,\n  type ReactNode,\n  type ErrorInfo,\n} from \"react\";\nimport { Navigate, Route, Routes } from \"react-router-dom\";\nimport { Loader2, AlertTriangle, RefreshCw } from \"lucide-react\";\nimport { FeatureGate } from \"@burdenoff/fe-libs/shared/feature-flags\";\n\n// Eager loaded - primary landing page\nimport { ExportLandingPage } from \"./pages/ExportLandingPage\";\n\n// Lazy loaded pages\nconst CreateExportPage = lazy(() =>\n  import(\"./pages/CreateExportPage\").then((m) => ({\n    default: m.CreateExportPage,\n  })),\n);\nconst ExportHistoryPage = lazy(() =>\n  import(\"./pages/ExportHistoryPage\").then((m) => ({\n    default: m.ExportHistoryPage,\n  })),\n);\nconst ExportDetailPage = lazy(() =>\n  import(\"./pages/ExportDetailPage\").then((m) => ({\n    default: m.ExportDetailPage,\n  })),\n);\nconst ExportTemplatesPage = lazy(() =>\n  import(\"./pages/ExportTemplatesPage\").then((m) => ({\n    default: m.ExportTemplatesPage,\n  })),\n);\nconst TemplateDetailPage = lazy(() =>\n  import(\"./pages/TemplateDetailPage\").then((m) => ({\n    default: m.TemplateDetailPage,\n  })),\n);\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Loader2 className=\"size-8 animate-spin text-primary\" />\n    </div>\n  );\n}\n\n/**\n * Error boundary for lazy-loaded page chunks.\n * Catches chunk-load failures and renders a retry UI instead of an infinite spinner.\n */\nclass LazyErrorBoundary extends Component<\n  { children: ReactNode },\n  { hasError: boolean; error: Error | null }\n> {\n  constructor(props: { children: ReactNode }) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(\"[Export] Lazy page load failed:\", error, errorInfo);\n  }\n\n  handleRetry = () => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render() {\n    if (this.state.hasError) {\n      return (\n        <div className=\"flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6\">\n          <div className=\"p-3 rounded-full bg-status-error-bg/10\">\n            <AlertTriangle className=\"size-8 text-status-error-text\" />\n          </div>\n          <div className=\"space-y-2\">\n            <h3 className=\"text-lg font-semibold text-text-primary\">\n              Failed to load page\n            </h3>\n            <p className=\"text-sm text-text-secondary max-w-md\">\n              {this.state.error?.message ||\n                \"The page chunk could not be loaded. This may be due to a network issue.\"}\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={this.handleRetry}\n            className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            <RefreshCw className=\"size-4\" />\n            Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\n/**\n * Fallback shown when the Export feature flag is OFF.\n */\nfunction ExportDisabledFallback() {\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6\">\n      <div className=\"p-3 rounded-full bg-bg-sunken\">\n        <svg\n          className=\"size-8 text-text-secondary\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={1.5}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3\"\n          />\n        </svg>\n      </div>\n      <div className=\"space-y-2\">\n        <h3 className=\"text-lg font-semibold text-text-primary\">\n          Data Export Unavailable\n        </h3>\n        <p className=\"text-sm text-text-secondary max-w-md\">\n          The Data Export feature is currently disabled for this workspace.\n          Contact your administrator to enable it.\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Internal router for the Export microfrontend.\n * This component handles routing within the microfrontend using React Router v7.\n *\n * Routes (relative to basePath, e.g., /export):\n * - / → Export dashboard page\n * - /new → Create new export job\n * - /history → Export history list\n * - /:jobId → Export job detail page\n * - /templates → Export templates list\n * - /templates/:templateId → Template detail page\n */\nexport function ExportRoutes() {\n  return (\n    <LazyErrorBoundary>\n      <FeatureGate\n        flag=\"workspaces.export\"\n        defaultValue={true}\n        fallback={<ExportDisabledFallback />}\n      >\n        <Suspense fallback={<PageLoader />}>\n          <Routes>\n            {/* Tabbed landing - default route (eager loaded) */}\n            <Route index element={<ExportLandingPage />} />\n\n            {/* Create new export (lazy loaded) */}\n            <Route path=\"new\" element={<CreateExportPage />} />\n\n            {/* Export history (lazy loaded) */}\n            <Route path=\"history\" element={<ExportHistoryPage />} />\n\n            {/* Export job detail (lazy loaded) */}\n            <Route path=\":jobId\" element={<ExportDetailPage />} />\n\n            {/* Templates (lazy loaded) */}\n            <Route path=\"templates\" element={<ExportTemplatesPage />} />\n            <Route\n              path=\"templates/:templateId\"\n              element={<TemplateDetailPage />}\n            />\n\n            {/* Catch-all route - redirect to dashboard */}\n            <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n          </Routes>\n        </Suspense>\n      </FeatureGate>\n    </LazyErrorBoundary>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ExportRoutes.js","names":[],"sources":["../../src/export/ExportRoutes.tsx"],"sourcesContent":["import {\n  lazy,\n  Suspense,\n  Component,\n  type ReactNode,\n  type ErrorInfo,\n} from \"react\";\nimport { Navigate, Route, Routes } from \"react-router\";\nimport { Loader2, AlertTriangle, RefreshCw } from \"lucide-react\";\nimport { FeatureGate } from \"@burdenoff/fe-libs/shared/feature-flags\";\n\n// Eager loaded - primary landing page\nimport { ExportLandingPage } from \"./pages/ExportLandingPage\";\n\n// Lazy loaded pages\nconst CreateExportPage = lazy(() =>\n  import(\"./pages/CreateExportPage\").then((m) => ({\n    default: m.CreateExportPage,\n  })),\n);\nconst ExportHistoryPage = lazy(() =>\n  import(\"./pages/ExportHistoryPage\").then((m) => ({\n    default: m.ExportHistoryPage,\n  })),\n);\nconst ExportDetailPage = lazy(() =>\n  import(\"./pages/ExportDetailPage\").then((m) => ({\n    default: m.ExportDetailPage,\n  })),\n);\nconst ExportTemplatesPage = lazy(() =>\n  import(\"./pages/ExportTemplatesPage\").then((m) => ({\n    default: m.ExportTemplatesPage,\n  })),\n);\nconst TemplateDetailPage = lazy(() =>\n  import(\"./pages/TemplateDetailPage\").then((m) => ({\n    default: m.TemplateDetailPage,\n  })),\n);\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Loader2 className=\"size-8 animate-spin text-primary\" />\n    </div>\n  );\n}\n\n/**\n * Error boundary for lazy-loaded page chunks.\n * Catches chunk-load failures and renders a retry UI instead of an infinite spinner.\n */\nclass LazyErrorBoundary extends Component<\n  { children: ReactNode },\n  { hasError: boolean; error: Error | null }\n> {\n  constructor(props: { children: ReactNode }) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(\"[Export] Lazy page load failed:\", error, errorInfo);\n  }\n\n  handleRetry = () => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render() {\n    if (this.state.hasError) {\n      return (\n        <div className=\"flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6\">\n          <div className=\"p-3 rounded-full bg-status-error-bg/10\">\n            <AlertTriangle className=\"size-8 text-status-error-text\" />\n          </div>\n          <div className=\"space-y-2\">\n            <h3 className=\"text-lg font-semibold text-text-primary\">\n              Failed to load page\n            </h3>\n            <p className=\"text-sm text-text-secondary max-w-md\">\n              {this.state.error?.message ||\n                \"The page chunk could not be loaded. This may be due to a network issue.\"}\n            </p>\n          </div>\n          <button\n            type=\"button\"\n            onClick={this.handleRetry}\n            className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors\"\n          >\n            <RefreshCw className=\"size-4\" />\n            Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\n/**\n * Fallback shown when the Export feature flag is OFF.\n */\nfunction ExportDisabledFallback() {\n  return (\n    <div className=\"flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6\">\n      <div className=\"p-3 rounded-full bg-bg-sunken\">\n        <svg\n          className=\"size-8 text-text-secondary\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          strokeWidth={1.5}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            d=\"M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3\"\n          />\n        </svg>\n      </div>\n      <div className=\"space-y-2\">\n        <h3 className=\"text-lg font-semibold text-text-primary\">\n          Data Export Unavailable\n        </h3>\n        <p className=\"text-sm text-text-secondary max-w-md\">\n          The Data Export feature is currently disabled for this workspace.\n          Contact your administrator to enable it.\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Internal router for the Export microfrontend.\n * This component handles routing within the microfrontend using React Router v7.\n *\n * Routes (relative to basePath, e.g., /export):\n * - / → Export dashboard page\n * - /new → Create new export job\n * - /history → Export history list\n * - /:jobId → Export job detail page\n * - /templates → Export templates list\n * - /templates/:templateId → Template detail page\n */\nexport function ExportRoutes() {\n  return (\n    <LazyErrorBoundary>\n      <FeatureGate\n        flag=\"workspaces.export\"\n        defaultValue={true}\n        fallback={<ExportDisabledFallback />}\n      >\n        <Suspense fallback={<PageLoader />}>\n          <Routes>\n            {/* Tabbed landing - default route (eager loaded) */}\n            <Route index element={<ExportLandingPage />} />\n\n            {/* Create new export (lazy loaded) */}\n            <Route path=\"new\" element={<CreateExportPage />} />\n\n            {/* Export history (lazy loaded) */}\n            <Route path=\"history\" element={<ExportHistoryPage />} />\n\n            {/* Export job detail (lazy loaded) */}\n            <Route path=\":jobId\" element={<ExportDetailPage />} />\n\n            {/* Templates (lazy loaded) */}\n            <Route path=\"templates\" element={<ExportTemplatesPage />} />\n            <Route\n              path=\"templates/:templateId\"\n              element={<TemplateDetailPage />}\n            />\n\n            {/* Catch-all route - redirect to dashboard */}\n            <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n          </Routes>\n        </Suspense>\n      </FeatureGate>\n    </LazyErrorBoundary>\n  );\n}\n"],"mappings":"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"}

package/dist/export/pages/CreateExportPage.js

@@ -8,7 +8,7 @@ import { isExportEntityDisabled as s } from "../utils/disabledModules.js";
 import { useEffect as te, useRef as ne, useState as c } from "react";
 import { ArrowLeft as re, ArrowRight as l, Building2 as u, CalendarRange as ie, CheckCircle2 as d, Download as f, FileJson as p, FileSpreadsheet as m, Loader2 as ae, Lock as h, Package as g, User as _, Users as v } from "lucide-react";
 import { usePermission as y } from "@burdenoff/fe-libs/shared/providers/shell";
-import { useSearchParams as oe } from "react-router-dom";
+import { useSearchParams as oe } from "react-router";
 import { isQuotaExhaustedError as se } from "@burdenoff/fe-libs/shared/utils";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

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

@@ -1 +1 @@
-{"version":3,"file":"CreateExportPage.js","names":[],"sources":["../../../src/export/pages/CreateExportPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport { useSearchParams } from \"react-router-dom\";\nimport { isQuotaExhaustedError } from \"@burdenoff/fe-libs/shared/utils\";\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Download,\n  CheckCircle2,\n  Loader2,\n  FileSpreadsheet,\n  FileJson,\n  Package,\n  CalendarRange,\n  User,\n  Users,\n  Building2,\n  Lock,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { usePermission } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  EmphasisPanel,\n  ShowMore,\n  PagePurpose,\n  IllustratedEmptyState,\n} from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useCreateExportJob,\n  useAvailableEntities,\n  useExportTemplates,\n} from \"../hooks/useExportQueries\";\nimport { getFormatDisplayName } from \"../constants/enums\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { cn } from \"../utils/cn\";\nimport { isExportEntityDisabled } from \"../utils/disabledModules\";\nimport type {\n  ExportAvailableEntity,\n  ExportFormat,\n  ExportScope,\n} from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ntype WizardStep = \"entities\" | \"options\" | \"review\";\n\n// Backend only supports CSV and JSON\nconst SUPPORTED_FORMATS: ExportFormat[] = [\"CSV\", \"JSON\"];\n\nconst FORMAT_ICONS: Record<ExportFormat, typeof FileJson> = {\n  CSV: FileSpreadsheet,\n  JSON: FileJson,\n};\n\n/**\n * Create Export Page\n * Multi-step form: select entities, configure options, review & start\n */\nconst SCOPE_OPTIONS: Array<{\n  value: ExportScope;\n  label: string;\n  description: string;\n  Icon: typeof User;\n}> = [\n  {\n    value: \"INDIVIDUAL\",\n    label: \"My Data Only\",\n    description: \"Export data you personally created across selected modules.\",\n    Icon: User,\n  },\n  {\n    value: \"WORKSPACE_ADMIN\",\n    label: \"All Workspace Data\",\n    description:\n      \"Export all data in this workspace regardless of who created it. Requires workspace admin access.\",\n    Icon: Users,\n  },\n  {\n    value: \"ORG_ADMIN\",\n    label: \"All Organization Data\",\n    description:\n      \"Export data from every workspace in your organization. Requires org-admin access.\",\n    Icon: Building2,\n  },\n];\n\nexport function CreateExportPage() {\n  const { basePath = \"/\", navigate, organizationId } = 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 { createJob, isPending } = useCreateExportJob();\n  const { data: availableEntities } = useAvailableEntities();\n  const { data: templates } = useExportTemplates();\n  const [searchParams] = useSearchParams();\n\n  // RBAC: Check permissions for admin scopes\n  const canExportWorkspaceAdmin = usePermission(\"export:workspace:admin\");\n  const canExportOrgAdmin = usePermission(\"export:org:admin\");\n\n  const [step, setStep] = useState<WizardStep>(\"entities\");\n  const [selectedEntities, setSelectedEntities] = useState<string[]>([]);\n  const [exportName, setExportName] = useState(\"\");\n  const [selectedFormat, setSelectedFormat] = useState<ExportFormat>(\"CSV\");\n  const [selectedScope, setSelectedScope] = useState<ExportScope>(\"INDIVIDUAL\");\n  const [selectedTemplateId, setSelectedTemplateId] = useState<\n    string | undefined\n  >(searchParams.get(\"templateId\") ?? undefined);\n  const [dateRangeStart, setDateRangeStart] = useState(\"\");\n  const [dateRangeEnd, setDateRangeEnd] = useState(\"\");\n  const [error, setError] = useState<string | null>(null);\n  const [showQuotaDialog, setShowQuotaDialog] = useState(false);\n\n  // Pre-populate form when arriving from \"Use Template\" — apply only once per templateId\n  const appliedTemplateRef = useRef<string | null>(null);\n  useEffect(() => {\n    const paramTemplateId = searchParams.get(\"templateId\");\n    if (!paramTemplateId || !templates?.length) return;\n    if (appliedTemplateRef.current === paramTemplateId) return;\n    const tpl = templates.find((t) => t.id === paramTemplateId);\n    if (!tpl) return;\n    appliedTemplateRef.current = paramTemplateId;\n    setSelectedTemplateId(tpl.id);\n    // Skip entity types whose product export is currently disabled.\n    setSelectedEntities(\n      (tpl.entityTypes ?? []).filter((et) => !isExportEntityDisabled(et)),\n    );\n    const normalizedFormat = tpl.format?.toUpperCase() as\n      ExportFormat | undefined;\n    if (normalizedFormat && SUPPORTED_FORMATS.includes(normalizedFormat)) {\n      setSelectedFormat(normalizedFormat);\n    }\n    if (tpl.name) setExportName(tpl.name);\n  }, [searchParams, templates]);\n\n  const handleBack = () => {\n    if (step === \"options\") setStep(\"entities\");\n    else if (step === \"review\") setStep(\"options\");\n    else navigate?.(basePath);\n  };\n\n  const handleNext = () => {\n    if (step === \"entities\") {\n      if (selectedEntities.length === 0) {\n        setError(\n          tr(\n            \"export.create.errors.selectEntity\",\n            \"Please select at least one entity type to export\",\n          ),\n        );\n        return;\n      }\n      setError(null);\n      setStep(\"options\");\n    } else if (step === \"options\") {\n      if (!exportName.trim()) {\n        setError(\n          tr(\n            \"export.create.errors.exportNameRequired\",\n            \"Please provide a name for this export\",\n          ),\n        );\n        return;\n      }\n      setError(null);\n      setStep(\"review\");\n    }\n  };\n\n  const handleSubmit = async () => {\n    try {\n      setError(null);\n      await createJob({\n        name: exportName,\n        entityTypes: selectedEntities,\n        format: selectedFormat,\n        exportScope: selectedScope,\n        organizationId:\n          selectedScope === \"ORG_ADMIN\" ? organizationId : undefined,\n        templateId: selectedTemplateId,\n        dateRangeStart: dateRangeStart\n          ? new Date(dateRangeStart).toISOString()\n          : null,\n        dateRangeEnd: dateRangeEnd\n          ? new Date(dateRangeEnd).toISOString()\n          : null,\n      });\n      navigate?.(basePath);\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowQuotaDialog(true);\n        setError(\n          tr(\n            \"export.create.errors.quotaReached\",\n            \"You have reached your export limit for this month.\",\n          ),\n        );\n        return;\n      }\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr(\"export.create.errors.createFailed\", \"Failed to create export\"),\n      );\n    }\n  };\n\n  const toggleEntity = (entityType: string) => {\n    // Disabled-product entities can't be selected.\n    if (isExportEntityDisabled(entityType)) return;\n    setSelectedEntities((prev) =>\n      prev.includes(entityType)\n        ? prev.filter((e) => e !== entityType)\n        : [...prev, entityType],\n    );\n  };\n\n  const getScopeLabel = (scope: ExportScope) => {\n    switch (scope) {\n      case \"INDIVIDUAL\":\n        return tr(\"export.create.scope.individual.label\", \"My Data Only\");\n      case \"WORKSPACE_ADMIN\":\n        return tr(\n          \"export.create.scope.workspaceAdmin.label\",\n          \"All Workspace Data\",\n        );\n      case \"ORG_ADMIN\":\n        return tr(\n          \"export.create.scope.orgAdmin.label\",\n          \"All Organization Data\",\n        );\n      default:\n        return scope;\n    }\n  };\n\n  const getScopeDescription = (scope: ExportScope) => {\n    switch (scope) {\n      case \"INDIVIDUAL\":\n        return tr(\n          \"export.create.scope.individual.description\",\n          \"Export data you personally created across selected modules.\",\n        );\n      case \"WORKSPACE_ADMIN\":\n        return tr(\n          \"export.create.scope.workspaceAdmin.description\",\n          \"Export all data in this workspace regardless of who created it. Requires workspace admin access.\",\n        );\n      case \"ORG_ADMIN\":\n        return tr(\n          \"export.create.scope.orgAdmin.description\",\n          \"Export data from every workspace in your organization. Requires org-admin access.\",\n        );\n      default:\n        return \"\";\n    }\n  };\n\n  const fallbackEntityCopy: Record<\n    string,\n    { label: string; description: string }\n  > = {\n    users: {\n      label: tr(\"export.create.entities.users.label\", \"Users\"),\n      description: tr(\n        \"export.create.entities.users.description\",\n        \"Workspace members and profiles\",\n      ),\n    },\n    projects: {\n      label: tr(\"export.create.entities.projects.label\", \"Projects\"),\n      description: tr(\n        \"export.create.entities.projects.description\",\n        \"Projects and their metadata\",\n      ),\n    },\n    tasks: {\n      label: tr(\"export.create.entities.tasks.label\", \"Tasks\"),\n      description: tr(\n        \"export.create.entities.tasks.description\",\n        \"Task items and assignments\",\n      ),\n    },\n    files: {\n      label: tr(\"export.create.entities.files.label\", \"Files\"),\n      description: tr(\n        \"export.create.entities.files.description\",\n        \"File metadata and references\",\n      ),\n    },\n    conversations: {\n      label: tr(\"export.create.entities.conversations.label\", \"Conversations\"),\n      description: tr(\n        \"export.create.entities.conversations.description\",\n        \"Chat messages and threads\",\n      ),\n    },\n    tags: {\n      label: tr(\"export.create.entities.tags.label\", \"Tags\"),\n      description: tr(\n        \"export.create.entities.tags.description\",\n        \"Tags and vocabularies\",\n      ),\n    },\n    activity: {\n      label: tr(\"export.create.entities.activity.label\", \"Activity Logs\"),\n      description: tr(\n        \"export.create.entities.activity.description\",\n        \"Audit trail and activity history\",\n      ),\n    },\n    calendar: {\n      label: tr(\"export.create.entities.calendar.label\", \"Calendar Events\"),\n      description: tr(\n        \"export.create.entities.calendar.description\",\n        \"Events and bookings\",\n      ),\n    },\n  };\n\n  // Entities the backend marks available, split so the ones a user can export\n  // show first and disabled-product entities are listed (still visible) below.\n  const visibleEntities = availableEntities.filter((e) => e.enabled !== false);\n  const availableForExport = visibleEntities.filter(\n    (e) => !isExportEntityDisabled(e.entityType),\n  );\n  const unavailableForExport = visibleEntities.filter((e) =>\n    isExportEntityDisabled(e.entityType),\n  );\n\n  const renderEntityCard = (\n    entity: ExportAvailableEntity,\n    isDisabled: boolean,\n  ) => {\n    const isSelected =\n      !isDisabled && selectedEntities.includes(entity.entityType);\n    return (\n      <button\n        type=\"button\"\n        key={entity.entityType}\n        onClick={() => toggleEntity(entity.entityType)}\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        title={\n          isDisabled\n            ? tr(\n                \"export.create.select.unavailableHint\",\n                \"Export for this product isn't available yet\",\n              )\n            : undefined\n        }\n        className={cn(\n          \"text-left border-2 rounded-xl p-4 transition-all duration-200\",\n          isDisabled\n            ? \"border-border-subtle/30 opacity-50 cursor-not-allowed\"\n            : isSelected\n              ? \"border-primary bg-action-primary-bg/5 shadow-md\"\n              : \"border-border-subtle/50 hover:border-primary/30 hover:shadow-sm\",\n        )}\n      >\n        <div className=\"flex items-center justify-between mb-2 gap-2\">\n          <h3 className=\"font-semibold\">\n            {fallbackEntityCopy[entity.entityType]?.label ?? entity.displayName}\n          </h3>\n          {isDisabled ? (\n            <span className=\"shrink-0 text-xs font-medium px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary\">\n              {tr(\"export.create.select.unavailable\", \"Unavailable\")}\n            </span>\n          ) : (\n            isSelected && <CheckCircle2 size={18} className=\"text-primary\" />\n          )}\n        </div>\n        <p className=\"text-sm text-text-secondary\">\n          {fallbackEntityCopy[entity.entityType]?.description ??\n            entity.description}\n        </p>\n        {entity.estimatedSize && (\n          <p className=\"text-xs text-text-secondary mt-2\">\n            ~{entity.estimatedSize}\n          </p>\n        )}\n      </button>\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 items-center gap-4\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(basePath)}\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\"\n            aria-label={tr(\n              \"export.create.actions.backToDashboard\",\n              \"Back to export dashboard\",\n            )}\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-2.5 rounded-lg bg-action-primary-bg/10 backdrop-blur-sm\">\n              <Download size={24} className=\"text-primary\" />\n            </div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tr(\"export.create.title\", \"New Export\")}\n            </h1>\n          </div>\n        </div>\n      </div>\n\n      {/* Page purpose — explains the wizard's job in plain language */}\n      <PagePurpose icon={<Download size={16} />}>\n        {tr(\n          \"export.create.purpose\",\n          \"Build a one-off export in three steps: pick which data to include, choose a format and scope, then review and start it. The export runs in the background and produces a downloadable ZIP you can grab from History when it finishes.\",\n        )}\n      </PagePurpose>\n\n      {/* Step Indicator */}\n      <div className=\"flex items-center gap-2 justify-center flex-wrap\">\n        {([\"entities\", \"options\", \"review\"] as WizardStep[]).map((s, i) => (\n          <div key={s} className=\"flex items-center gap-2\">\n            {i > 0 && <ArrowRight size={18} className=\"text-text-secondary\" />}\n            <div\n              className={cn(\n                \"flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200\",\n                step === s\n                  ? \"bg-action-primary-bg text-action-primary-text border-primary shadow-[var(--shadow-pop)]\"\n                  : \"bg-bg-sunken/50 text-text-secondary border-border-seam\",\n              )}\n            >\n              <div className=\"flex items-center justify-center size-6 rounded-full bg-bg-surface/20 font-bold\">\n                {i + 1}\n              </div>\n              <span className=\"hidden sm:inline capitalize\">\n                {s === \"entities\"\n                  ? tr(\"export.create.steps.entities\", \"Select Data\")\n                  : s === \"options\"\n                    ? tr(\"export.create.steps.options\", \"Options\")\n                    : tr(\"export.create.steps.review\", \"Review\")}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Error */}\n      {error && (\n        <div className=\"border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-4 text-status-error-text text-sm\">\n          {error}\n        </div>\n      )}\n\n      {/* Step 1: Select Entities */}\n      {step === \"entities\" && (\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-bold\">\n            {tr(\"export.create.select.title\", \"Select data to export\")}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              \"export.create.select.description\",\n              \"Choose which entity types to include in your export.\",\n            )}\n          </p>\n          {visibleEntities.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title={tr(\n                \"export.create.select.emptyTitle\",\n                \"Nothing to export yet\",\n              )}\n              description={tr(\n                \"export.create.select.empty\",\n                \"No exportable entity types are configured for this workspace yet. Once your workspace has data in supported modules, they'll show up here to select.\",\n              )}\n            />\n          ) : (\n            <div className=\"space-y-6\">\n              {availableForExport.length > 0 && (\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\">\n                  {availableForExport.map((entity) =>\n                    renderEntityCard(entity, false),\n                  )}\n                </div>\n              )}\n              {unavailableForExport.length > 0 && (\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"h-px flex-1 bg-border/60\" />\n                    <span className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                      {tr(\n                        \"export.create.select.unavailableSection\",\n                        \"Not available yet\",\n                      )}\n                    </span>\n                    <div className=\"h-px flex-1 bg-border/60\" />\n                  </div>\n                  <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\">\n                    {unavailableForExport.map((entity) =>\n                      renderEntityCard(entity, true),\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Step 2: Configure Options */}\n      {step === \"options\" && (\n        <div className=\"space-y-6\">\n          <div className=\"border border-border-seam rounded-xl p-6 space-y-5 bg-bg-surface\">\n            <h2 className=\"text-lg font-bold\">\n              {tr(\"export.create.options.title\", \"Export Options\")}\n            </h2>\n\n            {/* Scope selection */}\n            <div>\n              <label className=\"block text-sm font-semibold mb-2\">\n                {tr(\"export.create.options.scope\", \"Export Scope\")}\n              </label>\n              <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n                {SCOPE_OPTIONS.map(({ value, Icon }) => {\n                  // RBAC: Disable admin scopes if user lacks permission\n                  const isDisabled =\n                    (value === \"WORKSPACE_ADMIN\" && !canExportWorkspaceAdmin) ||\n                    (value === \"ORG_ADMIN\" && !canExportOrgAdmin);\n\n                  return (\n                    <button\n                      key={value}\n                      type=\"button\"\n                      onClick={() => !isDisabled && setSelectedScope(value)}\n                      disabled={isDisabled}\n                      className={cn(\n                        \"text-left border-2 rounded-xl p-4 transition-all duration-200\",\n                        selectedScope === value\n                          ? \"border-primary bg-action-primary-bg/5 shadow-md\"\n                          : isDisabled\n                            ? \"border-border-subtle/30 opacity-50 cursor-not-allowed\"\n                            : \"border-border-subtle/50 hover:border-primary/30 hover:shadow-sm\",\n                      )}\n                      title={\n                        isDisabled\n                          ? value === \"WORKSPACE_ADMIN\"\n                            ? \"Workspace admin access required\"\n                            : \"Organization admin access required\"\n                          : undefined\n                      }\n                    >\n                      <div className=\"flex items-center justify-between mb-2\">\n                        <Icon\n                          size={18}\n                          className={\n                            selectedScope === value\n                              ? \"text-primary\"\n                              : isDisabled\n                                ? \"text-text-secondary/50\"\n                                : \"text-text-secondary\"\n                          }\n                        />\n                        {selectedScope === value && (\n                          <CheckCircle2 size={16} className=\"text-primary\" />\n                        )}\n                        {isDisabled && (\n                          <Lock size={14} className=\"text-text-secondary/50\" />\n                        )}\n                      </div>\n                      <p className=\"font-semibold text-sm\">\n                        {getScopeLabel(value)}\n                      </p>\n                      <p className=\"text-xs text-text-secondary mt-1\">\n                        {getScopeDescription(value)}\n                      </p>\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Name */}\n            <div>\n              <label\n                htmlFor=\"exportName\"\n                className=\"block text-sm font-semibold mb-2\"\n              >\n                {tr(\"export.create.options.name\", \"Export Name\")}{\" \"}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                type=\"text\"\n                id=\"exportName\"\n                aria-label={tr(\"export.create.options.name\", \"Export Name\")}\n                value={exportName}\n                onChange={(e) => setExportName(e.target.value)}\n                className=\"w-full px-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\"\n                placeholder={tr(\n                  \"export.create.options.namePlaceholder\",\n                  \"e.g., Monthly User Export\",\n                )}\n              />\n            </div>\n\n            {/* Format — only CSV and JSON are supported */}\n            <div>\n              <label className=\"block text-sm font-semibold mb-2\">\n                {tr(\"export.create.options.outputFormat\", \"Output Format\")}\n              </label>\n              <div className=\"grid grid-cols-2 gap-3\">\n                {SUPPORTED_FORMATS.map((format) => {\n                  const Icon = FORMAT_ICONS[format];\n                  return (\n                    <button\n                      type=\"button\"\n                      key={format}\n                      onClick={() => setSelectedFormat(format)}\n                      className={cn(\n                        \"flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200\",\n                        selectedFormat === format\n                          ? \"border-primary bg-action-primary-bg/5\"\n                          : \"border-border-subtle/50 hover:border-primary/30\",\n                      )}\n                    >\n                      <Icon\n                        size={18}\n                        className={\n                          selectedFormat === format\n                            ? \"text-primary\"\n                            : \"text-text-secondary\"\n                        }\n                      />\n                      <span className=\"font-medium text-sm\">\n                        {getFormatDisplayName(format)}\n                      </span>\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Archive format — only ZIP is supported */}\n            <div>\n              <label className=\"block text-sm font-semibold mb-2\">\n                {tr(\"export.create.options.archiveFormat\", \"Archive Format\")}\n              </label>\n              <div className=\"flex gap-3\">\n                <div\n                  className={cn(\n                    \"flex items-center gap-2 border-2 rounded-lg px-4 py-2 border-primary bg-action-primary-bg/5\",\n                  )}\n                >\n                  <Package size={16} className=\"text-primary\" />\n                  <span className=\"font-medium text-sm\">ZIP</span>\n                </div>\n              </div>\n              <p className=\"text-xs text-text-secondary mt-1.5\">\n                {tr(\n                  \"export.create.options.archiveDescription\",\n                  \"Exports are packaged as ZIP archives.\",\n                )}\n              </p>\n            </div>\n\n            {/* Advanced / optional refinements — progressively disclosed */}\n            <ShowMore\n              collapsedHeight={0}\n              label={tr(\n                \"export.create.options.advancedToggle\",\n                \"Date range & template\",\n              )}\n            >\n              <div className=\"space-y-5 pt-1\">\n                {/* Date range filter */}\n                <div>\n                  <label className=\"block text-sm font-semibold mb-2\">\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      <CalendarRange size={15} />\n                      {tr(\"export.create.options.dateRange\", \"Date Range\")}{\" \"}\n                      <span className=\"font-normal text-text-secondary\">\n                        {tr(\"export.create.shared.optional\", \"(optional)\")}\n                      </span>\n                    </span>\n                  </label>\n                  <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                    <div>\n                      <label\n                        htmlFor=\"dateFrom\"\n                        className=\"block text-xs text-text-secondary mb-1\"\n                      >\n                        {tr(\"export.create.options.dateFrom\", \"From\")}\n                      </label>\n                      <input\n                        type=\"date\"\n                        id=\"dateFrom\"\n                        aria-label={tr(\n                          \"export.create.options.dateFrom\",\n                          \"From\",\n                        )}\n                        value={dateRangeStart}\n                        onChange={(e) => setDateRangeStart(e.target.value)}\n                        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 text-sm\"\n                      />\n                    </div>\n                    <div>\n                      <label\n                        htmlFor=\"dateTo\"\n                        className=\"block text-xs text-text-secondary mb-1\"\n                      >\n                        {tr(\"export.create.options.dateTo\", \"To\")}\n                      </label>\n                      <input\n                        type=\"date\"\n                        id=\"dateTo\"\n                        aria-label={tr(\"export.create.options.dateTo\", \"To\")}\n                        value={dateRangeEnd}\n                        min={dateRangeStart}\n                        onChange={(e) => setDateRangeEnd(e.target.value)}\n                        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 text-sm\"\n                      />\n                    </div>\n                  </div>\n                  <p className=\"text-xs text-text-secondary mt-1.5\">\n                    {tr(\n                      \"export.create.options.dateRangeDescription\",\n                      \"Leave blank to export all data regardless of date.\",\n                    )}\n                  </p>\n                </div>\n\n                {/* Optional: Use a template */}\n                <div>\n                  <label className=\"block text-sm font-semibold mb-2\">\n                    {tr(\n                      \"export.create.options.basedOnTemplate\",\n                      \"Based on Template\",\n                    )}{\" \"}\n                    <span className=\"font-normal text-text-secondary\">\n                      {tr(\"export.create.shared.optional\", \"(optional)\")}\n                    </span>\n                  </label>\n                  {templates.length > 0 ? (\n                    <select\n                      value={selectedTemplateId ?? \"\"}\n                      onChange={(e) =>\n                        setSelectedTemplateId(e.target.value || undefined)\n                      }\n                      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\"\n                    >\n                      <option value=\"\">\n                        {tr(\"export.create.options.noTemplate\", \"No template\")}\n                      </option>\n                      {templates.map((t) => (\n                        <option key={t.id} value={t.id}>\n                          {t.name}\n                        </option>\n                      ))}\n                    </select>\n                  ) : (\n                    <p className=\"text-sm text-text-secondary\">\n                      {tr(\n                        \"export.create.options.noTemplates\",\n                        \"No templates yet.\",\n                      )}{\" \"}\n                      <button\n                        type=\"button\"\n                        onClick={() => navigate?.(basePath + \"/templates\")}\n                        className=\"text-primary underline-offset-2 hover:underline\"\n                      >\n                        {tr(\n                          \"export.create.options.createTemplateLink\",\n                          \"Create one\",\n                        )}\n                      </button>{\" \"}\n                      {tr(\n                        \"export.create.options.reuseTemplateHint\",\n                        \"to reuse export configurations.\",\n                      )}\n                    </p>\n                  )}\n                </div>\n              </div>\n            </ShowMore>\n          </div>\n        </div>\n      )}\n\n      {/* Step 3: Review */}\n      {step === \"review\" && (\n        <div className=\"space-y-6\">\n          <EmphasisPanel className=\"p-6 space-y-4\">\n            <h2 className=\"text-lg font-bold flex items-center gap-2\">\n              <CheckCircle2 size={20} className=\"text-primary\" />\n              {tr(\"export.create.review.title\", \"Review Export\")}\n            </h2>\n            <dl className=\"space-y-3 text-sm\">\n              {[\n                {\n                  label: tr(\"export.create.review.fields.name\", \"Name\"),\n                  value: exportName,\n                },\n                {\n                  label: tr(\"export.create.review.fields.scope\", \"Scope\"),\n                  value: getScopeLabel(selectedScope),\n                },\n                {\n                  label: tr(\n                    \"export.create.review.fields.entityTypes\",\n                    \"Entity Types\",\n                  ),\n                  value: selectedEntities.join(\", \"),\n                },\n                {\n                  label: tr(\"export.create.review.fields.format\", \"Format\"),\n                  value: getFormatDisplayName(selectedFormat),\n                },\n                {\n                  label: tr(\"export.create.review.fields.archive\", \"Archive\"),\n                  value: \"ZIP\",\n                },\n                ...(dateRangeStart || dateRangeEnd\n                  ? [\n                      {\n                        label: tr(\n                          \"export.create.review.fields.dateRange\",\n                          \"Date Range\",\n                        ),\n                        value: [\n                          dateRangeStart || \"—\",\n                          dateRangeEnd || \"—\",\n                        ].join(\" → \"),\n                      },\n                    ]\n                  : []),\n                ...(selectedTemplateId\n                  ? [\n                      {\n                        label: tr(\n                          \"export.create.review.fields.template\",\n                          \"Template\",\n                        ),\n                        value:\n                          templates.find((t) => t.id === selectedTemplateId)\n                            ?.name ?? selectedTemplateId,\n                      },\n                    ]\n                  : []),\n              ].map(({ label, value }) => (\n                <div\n                  key={label}\n                  className=\"flex flex-col sm:flex-row sm:justify-between gap-1\"\n                >\n                  <dt className=\"text-text-secondary\">{label}</dt>\n                  <dd className=\"font-semibold sm:text-right break-words\">\n                    {value}\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </EmphasisPanel>\n        </div>\n      )}\n\n      {/* Actions */}\n      <div className=\"flex flex-col sm:flex-row gap-3 pt-2\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"px-6 py-3 border-2 border-border-subtle/50 rounded-lg hover:bg-accent hover:border-primary/30 transition-all duration-200 font-medium\"\n        >\n          {step === \"entities\"\n            ? tr(\"export.create.actions.cancel\", \"Cancel\")\n            : tr(\"export.create.actions.back\", \"Back\")}\n        </button>\n        {step === \"review\" ? (\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={isPending}\n            className=\"flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {isPending ? (\n              <Loader2 size={18} className=\"animate-spin\" />\n            ) : (\n              <Download size={18} />\n            )}\n            {tr(\"export.create.actions.startExport\", \"Start Export\")}\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            onClick={handleNext}\n            className=\"flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg\"\n          >\n            {tr(\"export.create.actions.next\", \"Next\")}\n            <ArrowRight size={18} />\n          </button>\n        )}\n      </div>\n\n      <AlertDialog open={showQuotaDialog} onOpenChange={setShowQuotaDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {tr(\"export.create.quotaDialog.title\", \"Export Limit Reached\")}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {tr(\n                \"export.create.quotaDialog.description\",\n                \"You have reached your export limit for this month.\",\n              )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>\n              {tr(\"export.create.quotaDialog.dismiss\", \"Dismiss\")}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              onClick={() => window.location.assign(\"/billing\")}\n            >\n              {tr(\"export.create.quotaDialog.viewBilling\", \"View Billing\")}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateExportPage.js","names":[],"sources":["../../../src/export/pages/CreateExportPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport { useSearchParams } from \"react-router\";\nimport { isQuotaExhaustedError } from \"@burdenoff/fe-libs/shared/utils\";\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Download,\n  CheckCircle2,\n  Loader2,\n  FileSpreadsheet,\n  FileJson,\n  Package,\n  CalendarRange,\n  User,\n  Users,\n  Building2,\n  Lock,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { usePermission } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  EmphasisPanel,\n  ShowMore,\n  PagePurpose,\n  IllustratedEmptyState,\n} from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useCreateExportJob,\n  useAvailableEntities,\n  useExportTemplates,\n} from \"../hooks/useExportQueries\";\nimport { getFormatDisplayName } from \"../constants/enums\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { cn } from \"../utils/cn\";\nimport { isExportEntityDisabled } from \"../utils/disabledModules\";\nimport type {\n  ExportAvailableEntity,\n  ExportFormat,\n  ExportScope,\n} from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ntype WizardStep = \"entities\" | \"options\" | \"review\";\n\n// Backend only supports CSV and JSON\nconst SUPPORTED_FORMATS: ExportFormat[] = [\"CSV\", \"JSON\"];\n\nconst FORMAT_ICONS: Record<ExportFormat, typeof FileJson> = {\n  CSV: FileSpreadsheet,\n  JSON: FileJson,\n};\n\n/**\n * Create Export Page\n * Multi-step form: select entities, configure options, review & start\n */\nconst SCOPE_OPTIONS: Array<{\n  value: ExportScope;\n  label: string;\n  description: string;\n  Icon: typeof User;\n}> = [\n  {\n    value: \"INDIVIDUAL\",\n    label: \"My Data Only\",\n    description: \"Export data you personally created across selected modules.\",\n    Icon: User,\n  },\n  {\n    value: \"WORKSPACE_ADMIN\",\n    label: \"All Workspace Data\",\n    description:\n      \"Export all data in this workspace regardless of who created it. Requires workspace admin access.\",\n    Icon: Users,\n  },\n  {\n    value: \"ORG_ADMIN\",\n    label: \"All Organization Data\",\n    description:\n      \"Export data from every workspace in your organization. Requires org-admin access.\",\n    Icon: Building2,\n  },\n];\n\nexport function CreateExportPage() {\n  const { basePath = \"/\", navigate, organizationId } = 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 { createJob, isPending } = useCreateExportJob();\n  const { data: availableEntities } = useAvailableEntities();\n  const { data: templates } = useExportTemplates();\n  const [searchParams] = useSearchParams();\n\n  // RBAC: Check permissions for admin scopes\n  const canExportWorkspaceAdmin = usePermission(\"export:workspace:admin\");\n  const canExportOrgAdmin = usePermission(\"export:org:admin\");\n\n  const [step, setStep] = useState<WizardStep>(\"entities\");\n  const [selectedEntities, setSelectedEntities] = useState<string[]>([]);\n  const [exportName, setExportName] = useState(\"\");\n  const [selectedFormat, setSelectedFormat] = useState<ExportFormat>(\"CSV\");\n  const [selectedScope, setSelectedScope] = useState<ExportScope>(\"INDIVIDUAL\");\n  const [selectedTemplateId, setSelectedTemplateId] = useState<\n    string | undefined\n  >(searchParams.get(\"templateId\") ?? undefined);\n  const [dateRangeStart, setDateRangeStart] = useState(\"\");\n  const [dateRangeEnd, setDateRangeEnd] = useState(\"\");\n  const [error, setError] = useState<string | null>(null);\n  const [showQuotaDialog, setShowQuotaDialog] = useState(false);\n\n  // Pre-populate form when arriving from \"Use Template\" — apply only once per templateId\n  const appliedTemplateRef = useRef<string | null>(null);\n  useEffect(() => {\n    const paramTemplateId = searchParams.get(\"templateId\");\n    if (!paramTemplateId || !templates?.length) return;\n    if (appliedTemplateRef.current === paramTemplateId) return;\n    const tpl = templates.find((t) => t.id === paramTemplateId);\n    if (!tpl) return;\n    appliedTemplateRef.current = paramTemplateId;\n    setSelectedTemplateId(tpl.id);\n    // Skip entity types whose product export is currently disabled.\n    setSelectedEntities(\n      (tpl.entityTypes ?? []).filter((et) => !isExportEntityDisabled(et)),\n    );\n    const normalizedFormat = tpl.format?.toUpperCase() as\n      ExportFormat | undefined;\n    if (normalizedFormat && SUPPORTED_FORMATS.includes(normalizedFormat)) {\n      setSelectedFormat(normalizedFormat);\n    }\n    if (tpl.name) setExportName(tpl.name);\n  }, [searchParams, templates]);\n\n  const handleBack = () => {\n    if (step === \"options\") setStep(\"entities\");\n    else if (step === \"review\") setStep(\"options\");\n    else navigate?.(basePath);\n  };\n\n  const handleNext = () => {\n    if (step === \"entities\") {\n      if (selectedEntities.length === 0) {\n        setError(\n          tr(\n            \"export.create.errors.selectEntity\",\n            \"Please select at least one entity type to export\",\n          ),\n        );\n        return;\n      }\n      setError(null);\n      setStep(\"options\");\n    } else if (step === \"options\") {\n      if (!exportName.trim()) {\n        setError(\n          tr(\n            \"export.create.errors.exportNameRequired\",\n            \"Please provide a name for this export\",\n          ),\n        );\n        return;\n      }\n      setError(null);\n      setStep(\"review\");\n    }\n  };\n\n  const handleSubmit = async () => {\n    try {\n      setError(null);\n      await createJob({\n        name: exportName,\n        entityTypes: selectedEntities,\n        format: selectedFormat,\n        exportScope: selectedScope,\n        organizationId:\n          selectedScope === \"ORG_ADMIN\" ? organizationId : undefined,\n        templateId: selectedTemplateId,\n        dateRangeStart: dateRangeStart\n          ? new Date(dateRangeStart).toISOString()\n          : null,\n        dateRangeEnd: dateRangeEnd\n          ? new Date(dateRangeEnd).toISOString()\n          : null,\n      });\n      navigate?.(basePath);\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowQuotaDialog(true);\n        setError(\n          tr(\n            \"export.create.errors.quotaReached\",\n            \"You have reached your export limit for this month.\",\n          ),\n        );\n        return;\n      }\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr(\"export.create.errors.createFailed\", \"Failed to create export\"),\n      );\n    }\n  };\n\n  const toggleEntity = (entityType: string) => {\n    // Disabled-product entities can't be selected.\n    if (isExportEntityDisabled(entityType)) return;\n    setSelectedEntities((prev) =>\n      prev.includes(entityType)\n        ? prev.filter((e) => e !== entityType)\n        : [...prev, entityType],\n    );\n  };\n\n  const getScopeLabel = (scope: ExportScope) => {\n    switch (scope) {\n      case \"INDIVIDUAL\":\n        return tr(\"export.create.scope.individual.label\", \"My Data Only\");\n      case \"WORKSPACE_ADMIN\":\n        return tr(\n          \"export.create.scope.workspaceAdmin.label\",\n          \"All Workspace Data\",\n        );\n      case \"ORG_ADMIN\":\n        return tr(\n          \"export.create.scope.orgAdmin.label\",\n          \"All Organization Data\",\n        );\n      default:\n        return scope;\n    }\n  };\n\n  const getScopeDescription = (scope: ExportScope) => {\n    switch (scope) {\n      case \"INDIVIDUAL\":\n        return tr(\n          \"export.create.scope.individual.description\",\n          \"Export data you personally created across selected modules.\",\n        );\n      case \"WORKSPACE_ADMIN\":\n        return tr(\n          \"export.create.scope.workspaceAdmin.description\",\n          \"Export all data in this workspace regardless of who created it. Requires workspace admin access.\",\n        );\n      case \"ORG_ADMIN\":\n        return tr(\n          \"export.create.scope.orgAdmin.description\",\n          \"Export data from every workspace in your organization. Requires org-admin access.\",\n        );\n      default:\n        return \"\";\n    }\n  };\n\n  const fallbackEntityCopy: Record<\n    string,\n    { label: string; description: string }\n  > = {\n    users: {\n      label: tr(\"export.create.entities.users.label\", \"Users\"),\n      description: tr(\n        \"export.create.entities.users.description\",\n        \"Workspace members and profiles\",\n      ),\n    },\n    projects: {\n      label: tr(\"export.create.entities.projects.label\", \"Projects\"),\n      description: tr(\n        \"export.create.entities.projects.description\",\n        \"Projects and their metadata\",\n      ),\n    },\n    tasks: {\n      label: tr(\"export.create.entities.tasks.label\", \"Tasks\"),\n      description: tr(\n        \"export.create.entities.tasks.description\",\n        \"Task items and assignments\",\n      ),\n    },\n    files: {\n      label: tr(\"export.create.entities.files.label\", \"Files\"),\n      description: tr(\n        \"export.create.entities.files.description\",\n        \"File metadata and references\",\n      ),\n    },\n    conversations: {\n      label: tr(\"export.create.entities.conversations.label\", \"Conversations\"),\n      description: tr(\n        \"export.create.entities.conversations.description\",\n        \"Chat messages and threads\",\n      ),\n    },\n    tags: {\n      label: tr(\"export.create.entities.tags.label\", \"Tags\"),\n      description: tr(\n        \"export.create.entities.tags.description\",\n        \"Tags and vocabularies\",\n      ),\n    },\n    activity: {\n      label: tr(\"export.create.entities.activity.label\", \"Activity Logs\"),\n      description: tr(\n        \"export.create.entities.activity.description\",\n        \"Audit trail and activity history\",\n      ),\n    },\n    calendar: {\n      label: tr(\"export.create.entities.calendar.label\", \"Calendar Events\"),\n      description: tr(\n        \"export.create.entities.calendar.description\",\n        \"Events and bookings\",\n      ),\n    },\n  };\n\n  // Entities the backend marks available, split so the ones a user can export\n  // show first and disabled-product entities are listed (still visible) below.\n  const visibleEntities = availableEntities.filter((e) => e.enabled !== false);\n  const availableForExport = visibleEntities.filter(\n    (e) => !isExportEntityDisabled(e.entityType),\n  );\n  const unavailableForExport = visibleEntities.filter((e) =>\n    isExportEntityDisabled(e.entityType),\n  );\n\n  const renderEntityCard = (\n    entity: ExportAvailableEntity,\n    isDisabled: boolean,\n  ) => {\n    const isSelected =\n      !isDisabled && selectedEntities.includes(entity.entityType);\n    return (\n      <button\n        type=\"button\"\n        key={entity.entityType}\n        onClick={() => toggleEntity(entity.entityType)}\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        title={\n          isDisabled\n            ? tr(\n                \"export.create.select.unavailableHint\",\n                \"Export for this product isn't available yet\",\n              )\n            : undefined\n        }\n        className={cn(\n          \"text-left border-2 rounded-xl p-4 transition-all duration-200\",\n          isDisabled\n            ? \"border-border-subtle/30 opacity-50 cursor-not-allowed\"\n            : isSelected\n              ? \"border-primary bg-action-primary-bg/5 shadow-md\"\n              : \"border-border-subtle/50 hover:border-primary/30 hover:shadow-sm\",\n        )}\n      >\n        <div className=\"flex items-center justify-between mb-2 gap-2\">\n          <h3 className=\"font-semibold\">\n            {fallbackEntityCopy[entity.entityType]?.label ?? entity.displayName}\n          </h3>\n          {isDisabled ? (\n            <span className=\"shrink-0 text-xs font-medium px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary\">\n              {tr(\"export.create.select.unavailable\", \"Unavailable\")}\n            </span>\n          ) : (\n            isSelected && <CheckCircle2 size={18} className=\"text-primary\" />\n          )}\n        </div>\n        <p className=\"text-sm text-text-secondary\">\n          {fallbackEntityCopy[entity.entityType]?.description ??\n            entity.description}\n        </p>\n        {entity.estimatedSize && (\n          <p className=\"text-xs text-text-secondary mt-2\">\n            ~{entity.estimatedSize}\n          </p>\n        )}\n      </button>\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 items-center gap-4\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(basePath)}\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\"\n            aria-label={tr(\n              \"export.create.actions.backToDashboard\",\n              \"Back to export dashboard\",\n            )}\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-2.5 rounded-lg bg-action-primary-bg/10 backdrop-blur-sm\">\n              <Download size={24} className=\"text-primary\" />\n            </div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tr(\"export.create.title\", \"New Export\")}\n            </h1>\n          </div>\n        </div>\n      </div>\n\n      {/* Page purpose — explains the wizard's job in plain language */}\n      <PagePurpose icon={<Download size={16} />}>\n        {tr(\n          \"export.create.purpose\",\n          \"Build a one-off export in three steps: pick which data to include, choose a format and scope, then review and start it. The export runs in the background and produces a downloadable ZIP you can grab from History when it finishes.\",\n        )}\n      </PagePurpose>\n\n      {/* Step Indicator */}\n      <div className=\"flex items-center gap-2 justify-center flex-wrap\">\n        {([\"entities\", \"options\", \"review\"] as WizardStep[]).map((s, i) => (\n          <div key={s} className=\"flex items-center gap-2\">\n            {i > 0 && <ArrowRight size={18} className=\"text-text-secondary\" />}\n            <div\n              className={cn(\n                \"flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200\",\n                step === s\n                  ? \"bg-action-primary-bg text-action-primary-text border-primary shadow-[var(--shadow-pop)]\"\n                  : \"bg-bg-sunken/50 text-text-secondary border-border-seam\",\n              )}\n            >\n              <div className=\"flex items-center justify-center size-6 rounded-full bg-bg-surface/20 font-bold\">\n                {i + 1}\n              </div>\n              <span className=\"hidden sm:inline capitalize\">\n                {s === \"entities\"\n                  ? tr(\"export.create.steps.entities\", \"Select Data\")\n                  : s === \"options\"\n                    ? tr(\"export.create.steps.options\", \"Options\")\n                    : tr(\"export.create.steps.review\", \"Review\")}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {/* Error */}\n      {error && (\n        <div className=\"border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-4 text-status-error-text text-sm\">\n          {error}\n        </div>\n      )}\n\n      {/* Step 1: Select Entities */}\n      {step === \"entities\" && (\n        <div className=\"space-y-4\">\n          <h2 className=\"text-lg font-bold\">\n            {tr(\"export.create.select.title\", \"Select data to export\")}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              \"export.create.select.description\",\n              \"Choose which entity types to include in your export.\",\n            )}\n          </p>\n          {visibleEntities.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title={tr(\n                \"export.create.select.emptyTitle\",\n                \"Nothing to export yet\",\n              )}\n              description={tr(\n                \"export.create.select.empty\",\n                \"No exportable entity types are configured for this workspace yet. Once your workspace has data in supported modules, they'll show up here to select.\",\n              )}\n            />\n          ) : (\n            <div className=\"space-y-6\">\n              {availableForExport.length > 0 && (\n                <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\">\n                  {availableForExport.map((entity) =>\n                    renderEntityCard(entity, false),\n                  )}\n                </div>\n              )}\n              {unavailableForExport.length > 0 && (\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"h-px flex-1 bg-border/60\" />\n                    <span className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">\n                      {tr(\n                        \"export.create.select.unavailableSection\",\n                        \"Not available yet\",\n                      )}\n                    </span>\n                    <div className=\"h-px flex-1 bg-border/60\" />\n                  </div>\n                  <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3\">\n                    {unavailableForExport.map((entity) =>\n                      renderEntityCard(entity, true),\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Step 2: Configure Options */}\n      {step === \"options\" && (\n        <div className=\"space-y-6\">\n          <div className=\"border border-border-seam rounded-xl p-6 space-y-5 bg-bg-surface\">\n            <h2 className=\"text-lg font-bold\">\n              {tr(\"export.create.options.title\", \"Export Options\")}\n            </h2>\n\n            {/* Scope selection */}\n            <div>\n              <label className=\"block text-sm font-semibold mb-2\">\n                {tr(\"export.create.options.scope\", \"Export Scope\")}\n              </label>\n              <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-3\">\n                {SCOPE_OPTIONS.map(({ value, Icon }) => {\n                  // RBAC: Disable admin scopes if user lacks permission\n                  const isDisabled =\n                    (value === \"WORKSPACE_ADMIN\" && !canExportWorkspaceAdmin) ||\n                    (value === \"ORG_ADMIN\" && !canExportOrgAdmin);\n\n                  return (\n                    <button\n                      key={value}\n                      type=\"button\"\n                      onClick={() => !isDisabled && setSelectedScope(value)}\n                      disabled={isDisabled}\n                      className={cn(\n                        \"text-left border-2 rounded-xl p-4 transition-all duration-200\",\n                        selectedScope === value\n                          ? \"border-primary bg-action-primary-bg/5 shadow-md\"\n                          : isDisabled\n                            ? \"border-border-subtle/30 opacity-50 cursor-not-allowed\"\n                            : \"border-border-subtle/50 hover:border-primary/30 hover:shadow-sm\",\n                      )}\n                      title={\n                        isDisabled\n                          ? value === \"WORKSPACE_ADMIN\"\n                            ? \"Workspace admin access required\"\n                            : \"Organization admin access required\"\n                          : undefined\n                      }\n                    >\n                      <div className=\"flex items-center justify-between mb-2\">\n                        <Icon\n                          size={18}\n                          className={\n                            selectedScope === value\n                              ? \"text-primary\"\n                              : isDisabled\n                                ? \"text-text-secondary/50\"\n                                : \"text-text-secondary\"\n                          }\n                        />\n                        {selectedScope === value && (\n                          <CheckCircle2 size={16} className=\"text-primary\" />\n                        )}\n                        {isDisabled && (\n                          <Lock size={14} className=\"text-text-secondary/50\" />\n                        )}\n                      </div>\n                      <p className=\"font-semibold text-sm\">\n                        {getScopeLabel(value)}\n                      </p>\n                      <p className=\"text-xs text-text-secondary mt-1\">\n                        {getScopeDescription(value)}\n                      </p>\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Name */}\n            <div>\n              <label\n                htmlFor=\"exportName\"\n                className=\"block text-sm font-semibold mb-2\"\n              >\n                {tr(\"export.create.options.name\", \"Export Name\")}{\" \"}\n                <span className=\"text-status-error-text\">*</span>\n              </label>\n              <input\n                type=\"text\"\n                id=\"exportName\"\n                aria-label={tr(\"export.create.options.name\", \"Export Name\")}\n                value={exportName}\n                onChange={(e) => setExportName(e.target.value)}\n                className=\"w-full px-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\"\n                placeholder={tr(\n                  \"export.create.options.namePlaceholder\",\n                  \"e.g., Monthly User Export\",\n                )}\n              />\n            </div>\n\n            {/* Format — only CSV and JSON are supported */}\n            <div>\n              <label className=\"block text-sm font-semibold mb-2\">\n                {tr(\"export.create.options.outputFormat\", \"Output Format\")}\n              </label>\n              <div className=\"grid grid-cols-2 gap-3\">\n                {SUPPORTED_FORMATS.map((format) => {\n                  const Icon = FORMAT_ICONS[format];\n                  return (\n                    <button\n                      type=\"button\"\n                      key={format}\n                      onClick={() => setSelectedFormat(format)}\n                      className={cn(\n                        \"flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200\",\n                        selectedFormat === format\n                          ? \"border-primary bg-action-primary-bg/5\"\n                          : \"border-border-subtle/50 hover:border-primary/30\",\n                      )}\n                    >\n                      <Icon\n                        size={18}\n                        className={\n                          selectedFormat === format\n                            ? \"text-primary\"\n                            : \"text-text-secondary\"\n                        }\n                      />\n                      <span className=\"font-medium text-sm\">\n                        {getFormatDisplayName(format)}\n                      </span>\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n\n            {/* Archive format — only ZIP is supported */}\n            <div>\n              <label className=\"block text-sm font-semibold mb-2\">\n                {tr(\"export.create.options.archiveFormat\", \"Archive Format\")}\n              </label>\n              <div className=\"flex gap-3\">\n                <div\n                  className={cn(\n                    \"flex items-center gap-2 border-2 rounded-lg px-4 py-2 border-primary bg-action-primary-bg/5\",\n                  )}\n                >\n                  <Package size={16} className=\"text-primary\" />\n                  <span className=\"font-medium text-sm\">ZIP</span>\n                </div>\n              </div>\n              <p className=\"text-xs text-text-secondary mt-1.5\">\n                {tr(\n                  \"export.create.options.archiveDescription\",\n                  \"Exports are packaged as ZIP archives.\",\n                )}\n              </p>\n            </div>\n\n            {/* Advanced / optional refinements — progressively disclosed */}\n            <ShowMore\n              collapsedHeight={0}\n              label={tr(\n                \"export.create.options.advancedToggle\",\n                \"Date range & template\",\n              )}\n            >\n              <div className=\"space-y-5 pt-1\">\n                {/* Date range filter */}\n                <div>\n                  <label className=\"block text-sm font-semibold mb-2\">\n                    <span className=\"inline-flex items-center gap-1.5\">\n                      <CalendarRange size={15} />\n                      {tr(\"export.create.options.dateRange\", \"Date Range\")}{\" \"}\n                      <span className=\"font-normal text-text-secondary\">\n                        {tr(\"export.create.shared.optional\", \"(optional)\")}\n                      </span>\n                    </span>\n                  </label>\n                  <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n                    <div>\n                      <label\n                        htmlFor=\"dateFrom\"\n                        className=\"block text-xs text-text-secondary mb-1\"\n                      >\n                        {tr(\"export.create.options.dateFrom\", \"From\")}\n                      </label>\n                      <input\n                        type=\"date\"\n                        id=\"dateFrom\"\n                        aria-label={tr(\n                          \"export.create.options.dateFrom\",\n                          \"From\",\n                        )}\n                        value={dateRangeStart}\n                        onChange={(e) => setDateRangeStart(e.target.value)}\n                        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 text-sm\"\n                      />\n                    </div>\n                    <div>\n                      <label\n                        htmlFor=\"dateTo\"\n                        className=\"block text-xs text-text-secondary mb-1\"\n                      >\n                        {tr(\"export.create.options.dateTo\", \"To\")}\n                      </label>\n                      <input\n                        type=\"date\"\n                        id=\"dateTo\"\n                        aria-label={tr(\"export.create.options.dateTo\", \"To\")}\n                        value={dateRangeEnd}\n                        min={dateRangeStart}\n                        onChange={(e) => setDateRangeEnd(e.target.value)}\n                        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 text-sm\"\n                      />\n                    </div>\n                  </div>\n                  <p className=\"text-xs text-text-secondary mt-1.5\">\n                    {tr(\n                      \"export.create.options.dateRangeDescription\",\n                      \"Leave blank to export all data regardless of date.\",\n                    )}\n                  </p>\n                </div>\n\n                {/* Optional: Use a template */}\n                <div>\n                  <label className=\"block text-sm font-semibold mb-2\">\n                    {tr(\n                      \"export.create.options.basedOnTemplate\",\n                      \"Based on Template\",\n                    )}{\" \"}\n                    <span className=\"font-normal text-text-secondary\">\n                      {tr(\"export.create.shared.optional\", \"(optional)\")}\n                    </span>\n                  </label>\n                  {templates.length > 0 ? (\n                    <select\n                      value={selectedTemplateId ?? \"\"}\n                      onChange={(e) =>\n                        setSelectedTemplateId(e.target.value || undefined)\n                      }\n                      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\"\n                    >\n                      <option value=\"\">\n                        {tr(\"export.create.options.noTemplate\", \"No template\")}\n                      </option>\n                      {templates.map((t) => (\n                        <option key={t.id} value={t.id}>\n                          {t.name}\n                        </option>\n                      ))}\n                    </select>\n                  ) : (\n                    <p className=\"text-sm text-text-secondary\">\n                      {tr(\n                        \"export.create.options.noTemplates\",\n                        \"No templates yet.\",\n                      )}{\" \"}\n                      <button\n                        type=\"button\"\n                        onClick={() => navigate?.(basePath + \"/templates\")}\n                        className=\"text-primary underline-offset-2 hover:underline\"\n                      >\n                        {tr(\n                          \"export.create.options.createTemplateLink\",\n                          \"Create one\",\n                        )}\n                      </button>{\" \"}\n                      {tr(\n                        \"export.create.options.reuseTemplateHint\",\n                        \"to reuse export configurations.\",\n                      )}\n                    </p>\n                  )}\n                </div>\n              </div>\n            </ShowMore>\n          </div>\n        </div>\n      )}\n\n      {/* Step 3: Review */}\n      {step === \"review\" && (\n        <div className=\"space-y-6\">\n          <EmphasisPanel className=\"p-6 space-y-4\">\n            <h2 className=\"text-lg font-bold flex items-center gap-2\">\n              <CheckCircle2 size={20} className=\"text-primary\" />\n              {tr(\"export.create.review.title\", \"Review Export\")}\n            </h2>\n            <dl className=\"space-y-3 text-sm\">\n              {[\n                {\n                  label: tr(\"export.create.review.fields.name\", \"Name\"),\n                  value: exportName,\n                },\n                {\n                  label: tr(\"export.create.review.fields.scope\", \"Scope\"),\n                  value: getScopeLabel(selectedScope),\n                },\n                {\n                  label: tr(\n                    \"export.create.review.fields.entityTypes\",\n                    \"Entity Types\",\n                  ),\n                  value: selectedEntities.join(\", \"),\n                },\n                {\n                  label: tr(\"export.create.review.fields.format\", \"Format\"),\n                  value: getFormatDisplayName(selectedFormat),\n                },\n                {\n                  label: tr(\"export.create.review.fields.archive\", \"Archive\"),\n                  value: \"ZIP\",\n                },\n                ...(dateRangeStart || dateRangeEnd\n                  ? [\n                      {\n                        label: tr(\n                          \"export.create.review.fields.dateRange\",\n                          \"Date Range\",\n                        ),\n                        value: [\n                          dateRangeStart || \"—\",\n                          dateRangeEnd || \"—\",\n                        ].join(\" → \"),\n                      },\n                    ]\n                  : []),\n                ...(selectedTemplateId\n                  ? [\n                      {\n                        label: tr(\n                          \"export.create.review.fields.template\",\n                          \"Template\",\n                        ),\n                        value:\n                          templates.find((t) => t.id === selectedTemplateId)\n                            ?.name ?? selectedTemplateId,\n                      },\n                    ]\n                  : []),\n              ].map(({ label, value }) => (\n                <div\n                  key={label}\n                  className=\"flex flex-col sm:flex-row sm:justify-between gap-1\"\n                >\n                  <dt className=\"text-text-secondary\">{label}</dt>\n                  <dd className=\"font-semibold sm:text-right break-words\">\n                    {value}\n                  </dd>\n                </div>\n              ))}\n            </dl>\n          </EmphasisPanel>\n        </div>\n      )}\n\n      {/* Actions */}\n      <div className=\"flex flex-col sm:flex-row gap-3 pt-2\">\n        <button\n          type=\"button\"\n          onClick={handleBack}\n          className=\"px-6 py-3 border-2 border-border-subtle/50 rounded-lg hover:bg-accent hover:border-primary/30 transition-all duration-200 font-medium\"\n        >\n          {step === \"entities\"\n            ? tr(\"export.create.actions.cancel\", \"Cancel\")\n            : tr(\"export.create.actions.back\", \"Back\")}\n        </button>\n        {step === \"review\" ? (\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={isPending}\n            className=\"flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {isPending ? (\n              <Loader2 size={18} className=\"animate-spin\" />\n            ) : (\n              <Download size={18} />\n            )}\n            {tr(\"export.create.actions.startExport\", \"Start Export\")}\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            onClick={handleNext}\n            className=\"flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg\"\n          >\n            {tr(\"export.create.actions.next\", \"Next\")}\n            <ArrowRight size={18} />\n          </button>\n        )}\n      </div>\n\n      <AlertDialog open={showQuotaDialog} onOpenChange={setShowQuotaDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {tr(\"export.create.quotaDialog.title\", \"Export Limit Reached\")}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {tr(\n                \"export.create.quotaDialog.description\",\n                \"You have reached your export limit for this month.\",\n              )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>\n              {tr(\"export.create.quotaDialog.dismiss\", \"Dismiss\")}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              onClick={() => window.location.assign(\"/billing\")}\n            >\n              {tr(\"export.create.quotaDialog.viewBilling\", \"View Billing\")}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/export/pages/ExportDetailPage.js

@@ -8,7 +8,7 @@ import { PageLayout as s, PageSection as c } from "../components/PageLayout.js";
 import { nativeImpact as l, nativeNotify as u } from "../../utils/nativeBridge.js";
 import { useState as d } from "react";
 import { AlertCircle as f, ArrowLeft as p, CheckCircle2 as m, Clock as h, Download as g, FileDown as ie, FileText as ae, HardDrive as _, Loader2 as v, RotateCcw as y, Trash2 as b, XCircle as x } from "lucide-react";
-import { useNavigate as S, useParams as oe } from "react-router-dom";
+import { useNavigate as S, useParams as oe } from "react-router";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
 import { CTAOverflowMenu as T, GlassCard as E, IllustratedEmptyState as D, NextSteps as O } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/ExportDetailPage.tsx

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-dom\";\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 { 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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"}

package/dist/export/pages/ExportHistoryPage.js

@@ -8,7 +8,7 @@ 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 { useSearchParams as b } from "react-router-dom";
+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";

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

@@ -1 +1 @@
-{"version":3,"file":"ExportHistoryPage.js","names":[],"sources":["../../../src/export/pages/ExportHistoryPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } 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 { IllustratedEmptyState, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport { useExportJobs } from \"../hooks/useExportQueries\";\nimport { useExportStore } from \"../store/exportStore\";\nimport { ExportStatusBadge } from \"../components/ExportStatusBadge\";\nimport { PageLayout } 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) — once\n  const didInitFromUrlRef = useRef(false);\n  useEffect(() => {\n    if (didInitFromUrlRef.current) return;\n    didInitFromUrlRef.current = true;\n    const statusParam = searchParams.get(\"status\");\n    if (statusParam) {\n      updateFilter({\n        status: statusParam as ExportJobStatus,\n      });\n    }\n  }, [searchParams, updateFilter]);\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((prev) => prev + 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          type=\"button\"\n          onClick={() => navigate?.(joinPath(basePath, \"new\"))}\n          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\"\n        >\n          <Download size={16} />\n          {tr(\"export.history.actions.newExport\", \"New Export\")}\n        </button>\n      }\n    >\n      {/* Page purpose — what History is for */}\n      <PagePurpose icon={<Clock size={16} />}>\n        {tr(\n          \"export.history.purpose\",\n          \"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.\",\n        )}\n      </PagePurpose>\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-text-secondary group-focus-within:text-primary transition-colors\"\n            />\n            <input\n              type=\"text\"\n              aria-label={tr(\n                \"export.history.search.placeholder\",\n                \"Search exports by name or entity type\",\n              )}\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-subtle rounded-lg bg-bg-surface 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            type=\"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-action-primary-bg text-action-primary-text border-primary\"\n                : \"border-border-subtle/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 border-border-seam rounded-xl p-4 animate-in fade-in-0 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                  type=\"button\"\n                  onClick={handleResetFilters}\n                  className=\"text-sm text-text-secondary hover:text-status-error-text 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-subtle rounded-lg bg-bg-surface 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-subtle rounded-lg bg-bg-surface 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              type=\"button\"\n              onClick={() => refetch()}\n              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\"\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 key={i} className=\"border border-border-seam rounded-xl p-4\">\n              <div className=\"flex items-center justify-between\">\n                <div className=\"space-y-2\">\n                  <div className=\"h-4 w-48 bg-bg-sunken rounded animate-vc-shimmer\" />\n                  <div className=\"h-3 w-32 bg-bg-sunken rounded animate-vc-shimmer\" />\n                </div>\n                <div className=\"h-5 w-20 bg-bg-sunken rounded-full animate-vc-shimmer\" />\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                  type=\"button\"\n                  key={job.id}\n                  onClick={() => handleJobClick(job.id)}\n                  className={cn(\n                    \"w-full text-left border border-border-seam rounded-xl p-4 bg-bg-surface\",\n                    \"hover:border-primary/40 transition-colors duration-200\",\n                    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\",\n                    \"group animate-in fade-in-0\",\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-text-primary truncate\">\n                        {job.name}\n                      </h4>\n                      <p className=\"text-sm text-text-secondary 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-text-secondary 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-text-secondary\">\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                    type=\"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-subtle/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-text-secondary px-2\">\n                    {tr(\"export.history.pagination.page\", \"Page {page}\", {\n                      page: pagination.page,\n                    })}\n                  </span>\n                  <button\n                    type=\"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-subtle/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          <IllustratedEmptyState\n            illustration={hasActiveFilters ? \"empty-search\" : \"empty-data\"}\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                  type=\"button\"\n                  onClick={handleResetFilters}\n                  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\"\n                >\n                  <X size={16} />\n                  {tr(\n                    \"export.history.empty.filtered.actions.clear\",\n                    \"Clear Filters\",\n                  )}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={() => navigate?.(joinPath(basePath, \"new\"))}\n                  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\"\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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"}
+{"version":3,"file":"ExportHistoryPage.js","names":[],"sources":["../../../src/export/pages/ExportHistoryPage.tsx"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from \"react\";\nimport { useSearchParams } from \"react-router\";\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 { IllustratedEmptyState, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport { useExportJobs } from \"../hooks/useExportQueries\";\nimport { useExportStore } from \"../store/exportStore\";\nimport { ExportStatusBadge } from \"../components/ExportStatusBadge\";\nimport { PageLayout } 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) — once\n  const didInitFromUrlRef = useRef(false);\n  useEffect(() => {\n    if (didInitFromUrlRef.current) return;\n    didInitFromUrlRef.current = true;\n    const statusParam = searchParams.get(\"status\");\n    if (statusParam) {\n      updateFilter({\n        status: statusParam as ExportJobStatus,\n      });\n    }\n  }, [searchParams, updateFilter]);\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((prev) => prev + 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          type=\"button\"\n          onClick={() => navigate?.(joinPath(basePath, \"new\"))}\n          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\"\n        >\n          <Download size={16} />\n          {tr(\"export.history.actions.newExport\", \"New Export\")}\n        </button>\n      }\n    >\n      {/* Page purpose — what History is for */}\n      <PagePurpose icon={<Clock size={16} />}>\n        {tr(\n          \"export.history.purpose\",\n          \"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.\",\n        )}\n      </PagePurpose>\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-text-secondary group-focus-within:text-primary transition-colors\"\n            />\n            <input\n              type=\"text\"\n              aria-label={tr(\n                \"export.history.search.placeholder\",\n                \"Search exports by name or entity type\",\n              )}\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-subtle rounded-lg bg-bg-surface 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            type=\"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-action-primary-bg text-action-primary-text border-primary\"\n                : \"border-border-subtle/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 border-border-seam rounded-xl p-4 animate-in fade-in-0 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                  type=\"button\"\n                  onClick={handleResetFilters}\n                  className=\"text-sm text-text-secondary hover:text-status-error-text 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-subtle rounded-lg bg-bg-surface 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-subtle rounded-lg bg-bg-surface 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              type=\"button\"\n              onClick={() => refetch()}\n              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\"\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 key={i} className=\"border border-border-seam rounded-xl p-4\">\n              <div className=\"flex items-center justify-between\">\n                <div className=\"space-y-2\">\n                  <div className=\"h-4 w-48 bg-bg-sunken rounded animate-vc-shimmer\" />\n                  <div className=\"h-3 w-32 bg-bg-sunken rounded animate-vc-shimmer\" />\n                </div>\n                <div className=\"h-5 w-20 bg-bg-sunken rounded-full animate-vc-shimmer\" />\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                  type=\"button\"\n                  key={job.id}\n                  onClick={() => handleJobClick(job.id)}\n                  className={cn(\n                    \"w-full text-left border border-border-seam rounded-xl p-4 bg-bg-surface\",\n                    \"hover:border-primary/40 transition-colors duration-200\",\n                    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\",\n                    \"group animate-in fade-in-0\",\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-text-primary truncate\">\n                        {job.name}\n                      </h4>\n                      <p className=\"text-sm text-text-secondary 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-text-secondary 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-text-secondary\">\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                    type=\"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-subtle/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-text-secondary px-2\">\n                    {tr(\"export.history.pagination.page\", \"Page {page}\", {\n                      page: pagination.page,\n                    })}\n                  </span>\n                  <button\n                    type=\"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-subtle/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          <IllustratedEmptyState\n            illustration={hasActiveFilters ? \"empty-search\" : \"empty-data\"}\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                  type=\"button\"\n                  onClick={handleResetFilters}\n                  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\"\n                >\n                  <X size={16} />\n                  {tr(\n                    \"export.history.empty.filtered.actions.clear\",\n                    \"Clear Filters\",\n                  )}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={() => navigate?.(joinPath(basePath, \"new\"))}\n                  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\"\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.js

@@ -3,7 +3,7 @@ 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 { useSearchParams as a } from "react-router";
 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

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

@@ -1 +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  // No dedicated \"New Export\" tab — creating an export is a primary action\n  // (the Create button / wizard), not a peer view. The wizard is still\n  // reachable at ?tab=new (rendered below) but is not shown in the tab strip.\n  const tabs: TabItem[] = useMemo(\n    () => [\n      { id: \"dashboard\", label: \"Dashboard\" },\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,EAKvC,IAAkB,QAChB;EACJ;GAAE,IAAI;GAAa,OAAO;GAAa;EACvC;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"}
+{"version":3,"file":"ExportLandingPage.js","names":[],"sources":["../../../src/export/pages/ExportLandingPage.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSearchParams } from \"react-router\";\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  // No dedicated \"New Export\" tab — creating an export is a primary action\n  // (the Create button / wizard), not a peer view. The wizard is still\n  // reachable at ?tab=new (rendered below) but is not shown in the tab strip.\n  const tabs: TabItem[] = useMemo(\n    () => [\n      { id: \"dashboard\", label: \"Dashboard\" },\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,EAKvC,IAAkB,QAChB;EACJ;GAAE,IAAI;GAAa,OAAO;GAAa;EACvC;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/TemplateDetailPage.js

@@ -5,7 +5,7 @@ import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
 import { nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
 import { useState as l } from "react";
 import { ArrowLeft as u, Clock as d, Download as f, FileBox as p, FileText as m, HardDrive as h, Loader2 as g, Play as _, Trash2 as v } from "lucide-react";
-import { useParams as y } from "react-router-dom";
+import { useParams as y } from "react-router";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { CTAOverflowMenu as S, GlassCard as C, IllustratedEmptyState as w, NextSteps as T, ShowMore as E } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/TemplateDetailPage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../src/export/pages/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { useState } from \"react\";\nimport {\n  ArrowLeft,\n  FileBox,\n  Download,\n  Play,\n  Trash2,\n  Clock,\n  FileText,\n  HardDrive,\n  Loader2,\n} from \"lucide-react\";\nimport {\n  GlassCard,\n  CTAOverflowMenu,\n  ShowMore,\n  IllustratedEmptyState,\n  NextSteps,\n  type NextStep,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { CTAAction } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplate,\n  useDeleteExportTemplate,\n} from \"../hooks/useExportQueries\";\nimport {\n  getFormatDisplayName,\n  getArchiveFormatDisplayName,\n} from \"../constants/enums\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\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 * Template Detail Page\n * View template details and use it to create a new export.\n * Fetches template from the backend via useExportTemplate hook.\n */\nexport function TemplateDetailPage() {\n  const { templateId } = useParams<{ templateId: string }>();\n  const { basePath = \"/\", navigate } = useExport();\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  const { data: template, isLoading } = useExportTemplate(templateId);\n  const { deleteTemplate, isPending: deleting } = useDeleteExportTemplate();\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 template details…\n        </span>\n      </div>\n    );\n  }\n\n  if (!template) {\n    return (\n      <PageLayout showHeader={false}>\n        <div className=\"flex items-center gap-3 mb-6\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n            aria-label=\"Back to templates\"\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\">Template Not Found</h1>\n        </div>\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"Template not found\"\n          description=\"The template you are looking for does not exist.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\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 Templates\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const handleUseTemplate = () => {\n    // Navigate to new export page pre-selected with this template\n    navigate?.(joinPath(basePath, `new?templateId=${templateId}`));\n  };\n\n  const handleDelete = async () => {\n    if (!templateId) return;\n    nativeImpact(\"medium\");\n    try {\n      await deleteTemplate(templateId);\n      nativeNotify(\"success\");\n      navigate?.(joinPath(basePath, \"templates\"));\n    } catch {\n      nativeNotify(\"error\");\n    }\n  };\n\n  const overflowActions: CTAAction[] = template.isDefault\n    ? []\n    : [\n        {\n          label: \"Delete Template\",\n          icon: <Trash2 size={16} />,\n          intent: \"destructive\",\n          disabled: deleting,\n          onSelect: () => setShowDeleteConfirm(true),\n        },\n      ];\n\n  // Next-step guidance — what a new user would do with a saved template.\n  const nextSteps: NextStep[] = [\n    {\n      id: \"use\",\n      label: \"Start an export from this template\",\n      description:\n        \"Pre-fills a new export with this template's entity types and format.\",\n      icon: <Play size={16} />,\n      onClick: handleUseTemplate,\n    },\n    {\n      id: \"browse\",\n      label: \"Browse all templates\",\n      description: \"Manage your other saved export configurations.\",\n      icon: <FileBox size={16} />,\n      onClick: () => navigate?.(joinPath(basePath, \"templates\")),\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={() => navigate?.(joinPath(basePath, \"templates\"))}\n            aria-label=\"Back to templates\"\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              <FileBox 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                {template.name}\n              </h1>\n              <p className=\"text-sm text-text-secondary mt-1\">\n                {template.isDefault ? \"Default template\" : \"Custom template\"}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex-shrink-0\">\n            <CTAOverflowMenu\n              primary={{\n                label: \"Use Template\",\n                icon: <Play size={16} />,\n                onSelect: handleUseTemplate,\n              }}\n              actions={overflowActions}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Description */}\n      {template.description && (\n        <div className=\"border border-border-seam rounded-xl p-5 bg-bg-surface\">\n          <p className=\"text-sm text-text-secondary\">{template.description}</p>\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(template.format),\n          },\n          {\n            icon: <HardDrive size={18} />,\n            label: \"Archive\",\n            // Backend template doesn't carry archiveFormat, default to ZIP\n            value: getArchiveFormatDisplayName(\"ZIP\"),\n          },\n          {\n            icon: <Download size={18} />,\n            label: \"Entity Types\",\n            value: `${template.entityTypes.length} type${template.entityTypes.length !== 1 ? \"s\" : \"\"}`,\n          },\n          {\n            icon: <Clock size={18} />,\n            label: \"Last Updated\",\n            value: new Date(template.updatedAt).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 (dismissable, per-template) */}\n      <NextSteps\n        storageKey={`export-template-${template.id}`}\n        title=\"What's next\"\n        steps={nextSteps}\n      />\n\n      {/* Entity Types */}\n      <PageSection\n        title=\"Included Entity Types\"\n        description=\"Data types that will be exported\"\n      >\n        <ShowMore collapsedHeight={96}>\n          <div className=\"flex flex-wrap gap-2\">\n            {template.entityTypes.map((entity) => (\n              <span\n                key={entity}\n                className=\"inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium border border-border-seam bg-bg-sunken/30\"\n              >\n                {entity}\n              </span>\n            ))}\n          </div>\n        </ShowMore>\n      </PageSection>\n\n      {showDeleteConfirm && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-delete-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=\"template-delete-title\" className=\"text-lg font-bold\">\n              Delete template?\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              This removes the saved export configuration. Existing export jobs\n              are not deleted.\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={() => setShowDeleteConfirm(false)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                Keep Template\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={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                {deleting ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : null}\n                Delete Template\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../src/export/pages/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router\";\nimport { useState } from \"react\";\nimport {\n  ArrowLeft,\n  FileBox,\n  Download,\n  Play,\n  Trash2,\n  Clock,\n  FileText,\n  HardDrive,\n  Loader2,\n} from \"lucide-react\";\nimport {\n  GlassCard,\n  CTAOverflowMenu,\n  ShowMore,\n  IllustratedEmptyState,\n  NextSteps,\n  type NextStep,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { CTAAction } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplate,\n  useDeleteExportTemplate,\n} from \"../hooks/useExportQueries\";\nimport {\n  getFormatDisplayName,\n  getArchiveFormatDisplayName,\n} from \"../constants/enums\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\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 * Template Detail Page\n * View template details and use it to create a new export.\n * Fetches template from the backend via useExportTemplate hook.\n */\nexport function TemplateDetailPage() {\n  const { templateId } = useParams<{ templateId: string }>();\n  const { basePath = \"/\", navigate } = useExport();\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  const { data: template, isLoading } = useExportTemplate(templateId);\n  const { deleteTemplate, isPending: deleting } = useDeleteExportTemplate();\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 template details…\n        </span>\n      </div>\n    );\n  }\n\n  if (!template) {\n    return (\n      <PageLayout showHeader={false}>\n        <div className=\"flex items-center gap-3 mb-6\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n            aria-label=\"Back to templates\"\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\">Template Not Found</h1>\n        </div>\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"Template not found\"\n          description=\"The template you are looking for does not exist.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\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 Templates\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const handleUseTemplate = () => {\n    // Navigate to new export page pre-selected with this template\n    navigate?.(joinPath(basePath, `new?templateId=${templateId}`));\n  };\n\n  const handleDelete = async () => {\n    if (!templateId) return;\n    nativeImpact(\"medium\");\n    try {\n      await deleteTemplate(templateId);\n      nativeNotify(\"success\");\n      navigate?.(joinPath(basePath, \"templates\"));\n    } catch {\n      nativeNotify(\"error\");\n    }\n  };\n\n  const overflowActions: CTAAction[] = template.isDefault\n    ? []\n    : [\n        {\n          label: \"Delete Template\",\n          icon: <Trash2 size={16} />,\n          intent: \"destructive\",\n          disabled: deleting,\n          onSelect: () => setShowDeleteConfirm(true),\n        },\n      ];\n\n  // Next-step guidance — what a new user would do with a saved template.\n  const nextSteps: NextStep[] = [\n    {\n      id: \"use\",\n      label: \"Start an export from this template\",\n      description:\n        \"Pre-fills a new export with this template's entity types and format.\",\n      icon: <Play size={16} />,\n      onClick: handleUseTemplate,\n    },\n    {\n      id: \"browse\",\n      label: \"Browse all templates\",\n      description: \"Manage your other saved export configurations.\",\n      icon: <FileBox size={16} />,\n      onClick: () => navigate?.(joinPath(basePath, \"templates\")),\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={() => navigate?.(joinPath(basePath, \"templates\"))}\n            aria-label=\"Back to templates\"\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              <FileBox 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                {template.name}\n              </h1>\n              <p className=\"text-sm text-text-secondary mt-1\">\n                {template.isDefault ? \"Default template\" : \"Custom template\"}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex-shrink-0\">\n            <CTAOverflowMenu\n              primary={{\n                label: \"Use Template\",\n                icon: <Play size={16} />,\n                onSelect: handleUseTemplate,\n              }}\n              actions={overflowActions}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Description */}\n      {template.description && (\n        <div className=\"border border-border-seam rounded-xl p-5 bg-bg-surface\">\n          <p className=\"text-sm text-text-secondary\">{template.description}</p>\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(template.format),\n          },\n          {\n            icon: <HardDrive size={18} />,\n            label: \"Archive\",\n            // Backend template doesn't carry archiveFormat, default to ZIP\n            value: getArchiveFormatDisplayName(\"ZIP\"),\n          },\n          {\n            icon: <Download size={18} />,\n            label: \"Entity Types\",\n            value: `${template.entityTypes.length} type${template.entityTypes.length !== 1 ? \"s\" : \"\"}`,\n          },\n          {\n            icon: <Clock size={18} />,\n            label: \"Last Updated\",\n            value: new Date(template.updatedAt).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 (dismissable, per-template) */}\n      <NextSteps\n        storageKey={`export-template-${template.id}`}\n        title=\"What's next\"\n        steps={nextSteps}\n      />\n\n      {/* Entity Types */}\n      <PageSection\n        title=\"Included Entity Types\"\n        description=\"Data types that will be exported\"\n      >\n        <ShowMore collapsedHeight={96}>\n          <div className=\"flex flex-wrap gap-2\">\n            {template.entityTypes.map((entity) => (\n              <span\n                key={entity}\n                className=\"inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium border border-border-seam bg-bg-sunken/30\"\n              >\n                {entity}\n              </span>\n            ))}\n          </div>\n        </ShowMore>\n      </PageSection>\n\n      {showDeleteConfirm && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-delete-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=\"template-delete-title\" className=\"text-lg font-bold\">\n              Delete template?\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              This removes the saved export configuration. Existing export jobs\n              are not deleted.\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={() => setShowDeleteConfirm(false)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                Keep Template\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={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                {deleting ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : null}\n                Delete Template\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/export/providers/ExportProvider.js

@@ -2,7 +2,7 @@ import { getMainDefinition as e } from "../../node_modules/@apollo/client/utilit
 import { GraphQLWsLink as t } from "../../node_modules/@apollo/client/link/subscriptions/index.js";
 import { createClient as n } from "../../node_modules/graphql-ws/dist/client.js";
 import { createContext as r, useContext as i, useMemo as a, useRef as o } from "react";
-import { MemoryRouter as s } from "react-router-dom";
+import { MemoryRouter as s } from "react-router";
 import { MutationCache as c, QueryClient as l, QueryClientProvider as u } from "@tanstack/react-query";
 import { ApolloClient as d, HttpLink as f, InMemoryCache as p, Observable as m, from as h, split as g } from "@apollo/client";
 import { onError as _ } from "@apollo/client/link/error";

package/dist/export/providers/ExportProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportProvider.js","names":[],"sources":["../../../src/export/providers/ExportProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useMemo, useRef } from \"react\";\nimport { MemoryRouter } from \"react-router-dom\";\nimport {\n  MutationCache,\n  QueryClient,\n  QueryClientProvider,\n} from \"@tanstack/react-query\";\nimport {\n  ApolloClient,\n  InMemoryCache,\n  HttpLink,\n  from,\n  split,\n  Observable,\n} from \"@apollo/client\";\nimport { getMainDefinition } from \"@apollo/client/utilities\";\nimport { GraphQLWsLink } from \"@apollo/client/link/subscriptions\";\nimport { createClient } from \"graphql-ws\";\nimport { onError } from \"@apollo/client/link/error\";\nimport { ApolloProvider } from \"@apollo/client/react\";\nimport {\n  isAuthNetworkError,\n  redirectToLogin,\n} from \"@burdenoff/fe-libs/shared/utils\";\nimport type { ExportRootProps } from \"../types\";\n\nfunction hasSessionAuthErrors(\n  errors: ReadonlyArray<{\n    message?: string;\n    extensions?: Record<string, unknown>;\n  }> = [],\n): boolean {\n  return errors.some((error) => {\n    const code =\n      typeof error.extensions?.code === \"string\" ? error.extensions.code : \"\";\n    const errorCode =\n      typeof error.extensions?.errorCode === \"string\"\n        ? error.extensions.errorCode\n        : \"\";\n    const message = (error.message ?? \"\").toLowerCase();\n\n    return (\n      code === \"UNAUTHENTICATED\" ||\n      errorCode === \"TOKEN_EXPIRED\" ||\n      message.includes(\"token_expired\") ||\n      message.includes(\"token expired\") ||\n      message.includes(\"session expired\") ||\n      message.includes(\"unauthorized\") ||\n      message.includes(\"unauthenticated\") ||\n      message.includes(\"authentication required\") ||\n      message.includes(\"workspace context missing\")\n    );\n  });\n}\n\n/**\n * Context value for Export microfrontend\n */\ntype ExportContextValue = ExportRootProps;\n\nconst ExportContext = createContext<ExportContextValue | null>(null);\n\n/**\n * Hook to access Export context\n */\nexport const useExport = () => {\n  const context = useContext(ExportContext);\n  if (!context) {\n    throw new Error(\"useExport must be used within ExportProvider\");\n  }\n  return context;\n};\n\n/**\n * Provider component for Export microfrontend\n * Sets up routing, context, Apollo Client, and React Query client\n */\nexport const ExportProvider: FC<PropsWithChildren<ExportRootProps>> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  workspaceId,\n  tenantId,\n  organizationId,\n  apiGatewayUrl,\n  authToken,\n  workspaceToken,\n  eventBus,\n  getWorkspaceToken,\n}) => {\n  const contextValue: ExportContextValue = {\n    basePath,\n    navigate,\n    currentUser,\n    workspaceId,\n    tenantId,\n    organizationId,\n    apiGatewayUrl,\n    authToken,\n    workspaceToken,\n    eventBus,\n    getWorkspaceToken,\n  };\n\n  // Track refreshing state across renders without triggering re-renders\n  const isRefreshingRef = useRef(false);\n\n  // Stable ref for getWorkspaceToken so it never invalidates the Apollo client memo\n  const getWorkspaceTokenRef = useRef(getWorkspaceToken);\n  getWorkspaceTokenRef.current = getWorkspaceToken;\n\n  // Create QueryClient instance (memoized to avoid recreation on re-renders)\n  const queryClient = useMemo(() => {\n    const client = new QueryClient({\n      mutationCache: new MutationCache({\n        onSuccess: () => {\n          void client.invalidateQueries();\n        },\n      }),\n      defaultOptions: {\n        queries: {\n          retry: 1,\n          refetchOnWindowFocus: false,\n          staleTime: 5 * 60 * 1000, // 5 minutes\n        },\n      },\n    });\n    return client;\n  }, []);\n\n  // Create ApolloClient instance (memoized, recreated when tokens change)\n  // The workspace gateway requires dual-token auth:\n  //   Authorization: Bearer <authToken>                    (platform identity)\n  //   X-Workspace-Authorization: Bearer <workspaceToken>   (workspace access)\n  // In dev mode (no tokens), the client adds actor headers directly and uses\n  // x-gateway-auth-token so the service trusts them (TRUSTED_GATEWAY_TOKEN=dev-test-secret-2026).\n  const apolloClient = useMemo(() => {\n    const isDevMode = !authToken && !workspaceToken;\n    const headers: Record<string, string> = {};\n\n    if (authToken) {\n      headers[\"Authorization\"] = `Bearer ${authToken}`;\n    }\n    if (workspaceToken) {\n      headers[\"X-Workspace-Authorization\"] = `Bearer ${workspaceToken}`;\n    }\n\n    // Dev-mode: inject actor headers directly so the service can authenticate the request\n    if (isDevMode) {\n      headers[\"x-actor-id\"] = \"00000000-0000-0000-0000-000000000002\";\n      headers[\"x-actor-type\"] = \"user\";\n      headers[\"x-workspace-id\"] =\n        workspaceId ?? \"00000000-0000-0000-0000-000000000001\";\n      headers[\"x-gateway-auth-token\"] =\n        import.meta.env.VITE_DEV_GATEWAY_TOKEN ?? \"\";\n    }\n\n    // In dev mode (no tokens) connect directly to the export service to bypass gateway auth\n    const serviceUrl = isDevMode\n      ? (import.meta.env.VITE_EXPORT_SERVICE_URL ??\n        \"http://localhost:3732/graphql\")\n      : apiGatewayUrl\n        ? `${apiGatewayUrl}/workspaces/graphql`\n        : \"/workspaces/graphql\";\n\n    const httpLink = new HttpLink({\n      uri: serviceUrl,\n      headers: Object.keys(headers).length > 0 ? headers : undefined,\n    });\n\n    // Error link: refresh workspace token on TOKEN_EXPIRED and retry the operation\n    const errorLink = onError(({ error, operation, forward }) => {\n      if (!error) return;\n\n      const errors =\n        \"errors\" in error && Array.isArray(error.errors) ? error.errors : [];\n      const hasAuthError = hasSessionAuthErrors(errors);\n\n      if (\n        !getWorkspaceTokenRef.current ||\n        !hasAuthError ||\n        isRefreshingRef.current\n      ) {\n        if (error instanceof Error && isAuthNetworkError(error)) {\n          redirectToLogin();\n        }\n        return;\n      }\n\n      return new Observable((observer) => {\n        isRefreshingRef.current = true;\n        getWorkspaceTokenRef.current!()\n          .then((freshToken) => {\n            isRefreshingRef.current = false;\n            if (!freshToken) {\n              redirectToLogin();\n              observer.error(new Error(\"Failed to refresh workspace token\"));\n              return;\n            }\n            // Inject the fresh token into the retry request\n            operation.setContext(\n              ({\n                headers: existingHeaders = {},\n              }: {\n                headers?: Record<string, string>;\n              }) => ({\n                headers: {\n                  ...existingHeaders,\n                  \"X-Workspace-Authorization\": `Bearer ${freshToken}`,\n                },\n              }),\n            );\n            const subscriber = forward(operation).subscribe(observer);\n            return () => subscriber.unsubscribe();\n          })\n          .catch((err: unknown) => {\n            isRefreshingRef.current = false;\n            observer.error(err);\n          });\n      });\n    });\n\n    // WebSocket link for subscriptions (replace http with ws)\n    const wsUrl = serviceUrl.replace(/^http/, \"ws\");\n    const wsLink = new GraphQLWsLink(\n      createClient({\n        url: wsUrl,\n        connectionParams: Object.keys(headers).length > 0 ? headers : undefined,\n      }),\n    );\n\n    // Split link: use WebSocket for subscriptions, HTTP for queries/mutations\n    const splitLink = split(\n      ({ query }) => {\n        const definition = getMainDefinition(query);\n        return (\n          definition.kind === \"OperationDefinition\" &&\n          definition.operation === \"subscription\"\n        );\n      },\n      wsLink,\n      from([errorLink, httpLink]),\n    );\n\n    return new ApolloClient({\n      link: splitLink,\n      cache: new InMemoryCache(),\n      defaultOptions: {\n        watchQuery: {\n          fetchPolicy: \"cache-and-network\",\n        },\n      },\n    });\n  }, [\n    apiGatewayUrl,\n    authToken,\n    workspaceToken,\n    workspaceId,\n    // getWorkspaceToken is intentionally omitted: it's accessed via ref so the\n    // Apollo client is not destroyed on every render if the host passes a new\n    // function reference each render cycle.\n  ]);\n\n  // Wrap content with QueryClientProvider and Context.Provider\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <ExportContext.Provider value={contextValue}>\n        {children}\n      </ExportContext.Provider>\n    </QueryClientProvider>\n  );\n\n  // When integrated into a shell (basePath provided), the shell already has a router\n  // and ApolloProvider so we don't create another one. When standalone (no basePath),\n  // use MemoryRouter and ApolloProvider.\n  if (basePath) {\n    // Integrated mode: shell already has BrowserRouter and ApolloProvider, don't create nested ones\n    return content;\n  }\n\n  // Standalone mode: create MemoryRouter and ApolloProvider for independent operation\n  return (\n    <ApolloProvider client={apolloClient}>\n      <MemoryRouter>{content}</MemoryRouter>\n    </ApolloProvider>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ExportProvider.js","names":[],"sources":["../../../src/export/providers/ExportProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useMemo, useRef } from \"react\";\nimport { MemoryRouter } from \"react-router\";\nimport {\n  MutationCache,\n  QueryClient,\n  QueryClientProvider,\n} from \"@tanstack/react-query\";\nimport {\n  ApolloClient,\n  InMemoryCache,\n  HttpLink,\n  from,\n  split,\n  Observable,\n} from \"@apollo/client\";\nimport { getMainDefinition } from \"@apollo/client/utilities\";\nimport { GraphQLWsLink } from \"@apollo/client/link/subscriptions\";\nimport { createClient } from \"graphql-ws\";\nimport { onError } from \"@apollo/client/link/error\";\nimport { ApolloProvider } from \"@apollo/client/react\";\nimport {\n  isAuthNetworkError,\n  redirectToLogin,\n} from \"@burdenoff/fe-libs/shared/utils\";\nimport type { ExportRootProps } from \"../types\";\n\nfunction hasSessionAuthErrors(\n  errors: ReadonlyArray<{\n    message?: string;\n    extensions?: Record<string, unknown>;\n  }> = [],\n): boolean {\n  return errors.some((error) => {\n    const code =\n      typeof error.extensions?.code === \"string\" ? error.extensions.code : \"\";\n    const errorCode =\n      typeof error.extensions?.errorCode === \"string\"\n        ? error.extensions.errorCode\n        : \"\";\n    const message = (error.message ?? \"\").toLowerCase();\n\n    return (\n      code === \"UNAUTHENTICATED\" ||\n      errorCode === \"TOKEN_EXPIRED\" ||\n      message.includes(\"token_expired\") ||\n      message.includes(\"token expired\") ||\n      message.includes(\"session expired\") ||\n      message.includes(\"unauthorized\") ||\n      message.includes(\"unauthenticated\") ||\n      message.includes(\"authentication required\") ||\n      message.includes(\"workspace context missing\")\n    );\n  });\n}\n\n/**\n * Context value for Export microfrontend\n */\ntype ExportContextValue = ExportRootProps;\n\nconst ExportContext = createContext<ExportContextValue | null>(null);\n\n/**\n * Hook to access Export context\n */\nexport const useExport = () => {\n  const context = useContext(ExportContext);\n  if (!context) {\n    throw new Error(\"useExport must be used within ExportProvider\");\n  }\n  return context;\n};\n\n/**\n * Provider component for Export microfrontend\n * Sets up routing, context, Apollo Client, and React Query client\n */\nexport const ExportProvider: FC<PropsWithChildren<ExportRootProps>> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  workspaceId,\n  tenantId,\n  organizationId,\n  apiGatewayUrl,\n  authToken,\n  workspaceToken,\n  eventBus,\n  getWorkspaceToken,\n}) => {\n  const contextValue: ExportContextValue = {\n    basePath,\n    navigate,\n    currentUser,\n    workspaceId,\n    tenantId,\n    organizationId,\n    apiGatewayUrl,\n    authToken,\n    workspaceToken,\n    eventBus,\n    getWorkspaceToken,\n  };\n\n  // Track refreshing state across renders without triggering re-renders\n  const isRefreshingRef = useRef(false);\n\n  // Stable ref for getWorkspaceToken so it never invalidates the Apollo client memo\n  const getWorkspaceTokenRef = useRef(getWorkspaceToken);\n  getWorkspaceTokenRef.current = getWorkspaceToken;\n\n  // Create QueryClient instance (memoized to avoid recreation on re-renders)\n  const queryClient = useMemo(() => {\n    const client = new QueryClient({\n      mutationCache: new MutationCache({\n        onSuccess: () => {\n          void client.invalidateQueries();\n        },\n      }),\n      defaultOptions: {\n        queries: {\n          retry: 1,\n          refetchOnWindowFocus: false,\n          staleTime: 5 * 60 * 1000, // 5 minutes\n        },\n      },\n    });\n    return client;\n  }, []);\n\n  // Create ApolloClient instance (memoized, recreated when tokens change)\n  // The workspace gateway requires dual-token auth:\n  //   Authorization: Bearer <authToken>                    (platform identity)\n  //   X-Workspace-Authorization: Bearer <workspaceToken>   (workspace access)\n  // In dev mode (no tokens), the client adds actor headers directly and uses\n  // x-gateway-auth-token so the service trusts them (TRUSTED_GATEWAY_TOKEN=dev-test-secret-2026).\n  const apolloClient = useMemo(() => {\n    const isDevMode = !authToken && !workspaceToken;\n    const headers: Record<string, string> = {};\n\n    if (authToken) {\n      headers[\"Authorization\"] = `Bearer ${authToken}`;\n    }\n    if (workspaceToken) {\n      headers[\"X-Workspace-Authorization\"] = `Bearer ${workspaceToken}`;\n    }\n\n    // Dev-mode: inject actor headers directly so the service can authenticate the request\n    if (isDevMode) {\n      headers[\"x-actor-id\"] = \"00000000-0000-0000-0000-000000000002\";\n      headers[\"x-actor-type\"] = \"user\";\n      headers[\"x-workspace-id\"] =\n        workspaceId ?? \"00000000-0000-0000-0000-000000000001\";\n      headers[\"x-gateway-auth-token\"] =\n        import.meta.env.VITE_DEV_GATEWAY_TOKEN ?? \"\";\n    }\n\n    // In dev mode (no tokens) connect directly to the export service to bypass gateway auth\n    const serviceUrl = isDevMode\n      ? (import.meta.env.VITE_EXPORT_SERVICE_URL ??\n        \"http://localhost:3732/graphql\")\n      : apiGatewayUrl\n        ? `${apiGatewayUrl}/workspaces/graphql`\n        : \"/workspaces/graphql\";\n\n    const httpLink = new HttpLink({\n      uri: serviceUrl,\n      headers: Object.keys(headers).length > 0 ? headers : undefined,\n    });\n\n    // Error link: refresh workspace token on TOKEN_EXPIRED and retry the operation\n    const errorLink = onError(({ error, operation, forward }) => {\n      if (!error) return;\n\n      const errors =\n        \"errors\" in error && Array.isArray(error.errors) ? error.errors : [];\n      const hasAuthError = hasSessionAuthErrors(errors);\n\n      if (\n        !getWorkspaceTokenRef.current ||\n        !hasAuthError ||\n        isRefreshingRef.current\n      ) {\n        if (error instanceof Error && isAuthNetworkError(error)) {\n          redirectToLogin();\n        }\n        return;\n      }\n\n      return new Observable((observer) => {\n        isRefreshingRef.current = true;\n        getWorkspaceTokenRef.current!()\n          .then((freshToken) => {\n            isRefreshingRef.current = false;\n            if (!freshToken) {\n              redirectToLogin();\n              observer.error(new Error(\"Failed to refresh workspace token\"));\n              return;\n            }\n            // Inject the fresh token into the retry request\n            operation.setContext(\n              ({\n                headers: existingHeaders = {},\n              }: {\n                headers?: Record<string, string>;\n              }) => ({\n                headers: {\n                  ...existingHeaders,\n                  \"X-Workspace-Authorization\": `Bearer ${freshToken}`,\n                },\n              }),\n            );\n            const subscriber = forward(operation).subscribe(observer);\n            return () => subscriber.unsubscribe();\n          })\n          .catch((err: unknown) => {\n            isRefreshingRef.current = false;\n            observer.error(err);\n          });\n      });\n    });\n\n    // WebSocket link for subscriptions (replace http with ws)\n    const wsUrl = serviceUrl.replace(/^http/, \"ws\");\n    const wsLink = new GraphQLWsLink(\n      createClient({\n        url: wsUrl,\n        connectionParams: Object.keys(headers).length > 0 ? headers : undefined,\n      }),\n    );\n\n    // Split link: use WebSocket for subscriptions, HTTP for queries/mutations\n    const splitLink = split(\n      ({ query }) => {\n        const definition = getMainDefinition(query);\n        return (\n          definition.kind === \"OperationDefinition\" &&\n          definition.operation === \"subscription\"\n        );\n      },\n      wsLink,\n      from([errorLink, httpLink]),\n    );\n\n    return new ApolloClient({\n      link: splitLink,\n      cache: new InMemoryCache(),\n      defaultOptions: {\n        watchQuery: {\n          fetchPolicy: \"cache-and-network\",\n        },\n      },\n    });\n  }, [\n    apiGatewayUrl,\n    authToken,\n    workspaceToken,\n    workspaceId,\n    // getWorkspaceToken is intentionally omitted: it's accessed via ref so the\n    // Apollo client is not destroyed on every render if the host passes a new\n    // function reference each render cycle.\n  ]);\n\n  // Wrap content with QueryClientProvider and Context.Provider\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <ExportContext.Provider value={contextValue}>\n        {children}\n      </ExportContext.Provider>\n    </QueryClientProvider>\n  );\n\n  // When integrated into a shell (basePath provided), the shell already has a router\n  // and ApolloProvider so we don't create another one. When standalone (no basePath),\n  // use MemoryRouter and ApolloProvider.\n  if (basePath) {\n    // Integrated mode: shell already has BrowserRouter and ApolloProvider, don't create nested ones\n    return content;\n  }\n\n  // Standalone mode: create MemoryRouter and ApolloProvider for independent operation\n  return (\n    <ApolloProvider client={apolloClient}>\n      <MemoryRouter>{content}</MemoryRouter>\n    </ApolloProvider>\n  );\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-export",
-  "version": "2026.731.1",
+  "version": "2026.830.1",
   "description": "Burdenoff Export Microfrontend - Data export management interface",
   "type": "module",
   "files": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.625.5",
+    "@burdenoff/fe-libs": "2026.801.1",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",
@@ -48,7 +48,7 @@
     "lucide-react": "^0.468.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^8.3.0",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3"
   },
@@ -85,7 +85,7 @@
     "zustand": "^5.0.0"
   },
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   },
   "overrides": {
     "lodash": ">=4.17.21",