@burdenoff/microfe-export 2026.510.111

package/README.md

@@ -0,0 +1,243 @@
+# @burdenoff/microfe-export
+
+> Google Takeout-style data export management interface for the Burdenoff platform
+
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue.svg)](https://www.typescriptlang.org/)
+[![React](https://img.shields.io/badge/React-19-61dafb.svg)](https://reactjs.org/)
+[![Vite](https://img.shields.io/badge/Vite-7-646cff.svg)](https://vitejs.dev/)
+
+## Overview
+
+The Export microfrontend provides a complete data export management system inspired by Google Takeout. Users can select data categories, choose export formats, schedule recurring exports, and download archived data packages. It enables users to maintain full control over their data with transparent export workflows.
+
+**Port:** `5175`
+**Module Type:** Workspace Module
+**API Gateway:** wspace-public-gateway
+
+## Features
+
+- **Export Dashboard**
+  - Overview of active and completed exports
+  - Quick-action buttons for common export types
+  - Storage usage and quota display
+  - Recent activity feed
+
+- **Export Creation Wizard**
+  - Multi-step data category selection
+  - Hierarchical checkbox tree for granular data picking
+  - Format selection (ZIP, JSON, CSV, XML)
+  - File size estimation
+  - One-time or recurring schedule configuration
+
+- **Export History**
+  - Paginated list of past exports
+  - Status indicators (pending, processing, completed, failed, expired)
+  - File size and download count tracking
+  - Bulk download and bulk delete actions
+
+- **Export Detail View**
+  - Real-time progress tracking with percentage
+  - File manifest listing all included data
+  - Retry failed exports
+  - Cancel in-progress exports
+  - Download individual files or full archive
+
+- **Export Templates**
+  - Save export configurations for reuse
+  - Template naming and description
+  - Quick-export from saved templates
+  - Share templates within workspace
+
+- **Permissions & Access Control**
+  - Role-based export permissions
+  - Data category access restrictions
+  - Export audit logging
+
+## Installation
+
+```bash
+# Install dependencies
+bun install
+
+# Generate GraphQL types
+bun run codegen
+```
+
+## Development
+
+```bash
+# Start development server (port 5175)
+bun run dev
+
+# Run linter
+bun run lint
+
+# Format code
+bun run format
+
+# Type check
+bun run type:check
+
+# Build for production
+bun run build
+
+# Run all quality checks
+bun run sanity
+```
+
+## Project Structure
+
+```
+src/
+├── dev/                          # Development harness
+│   ├── main.tsx                 # Dev entry point
+│   └── styles.css               # Dev styles
+├── export/                      # Main module
+│   ├── components/              # React components
+│   │   ├── PageLayout.tsx
+│   │   ├── ExportCard.tsx
+│   │   ├── ExportProgress.tsx
+│   │   ├── DataCategoryPicker.tsx
+│   │   ├── FormatSelector.tsx
+│   │   ├── ScheduleConfig.tsx
+│   │   ├── TemplateCard.tsx
+│   │   └── ui.tsx               # UI components
+│   ├── hooks/                   # Custom React hooks
+│   ├── pages/                   # Page components
+│   │   ├── Dashboard.tsx
+│   │   ├── CreateExport.tsx
+│   │   ├── History.tsx
+│   │   ├── Detail.tsx
+│   │   └── Templates.tsx
+│   ├── providers/               # Context providers
+│   ├── store/                   # Zustand state management
+│   ├── types/                   # TypeScript types
+│   ├── utils/                   # Utility functions
+│   ├── ExportRoot.tsx           # Module root component
+│   ├── ExportRoutes.tsx         # Route definitions
+│   └── index.ts                 # Public API
+├── generated/                   # GraphQL generated types (do not edit)
+│   ├── wspace-types.ts
+│   ├── wspace-operations.ts
+│   ├── global-types.ts
+│   └── global-operations.ts
+├── operations/                  # GraphQL operation documents
+│   ├── wspace/
+│   │   └── export/              # Workspace export operations
+│   └── global/                  # Global operations
+└── index.ts                     # Package entry point
+```
+
+## GraphQL Operations
+
+### Queries
+- `getExports` — List exports with filtering and pagination
+- `getExport` — Get single export details by ID
+- `getExportProgress` — Real-time export progress
+- `getExportTemplates` — List saved export templates
+- `getDataCategories` — Available data categories for export
+- `getExportQuota` — Storage quota and usage
+
+### Mutations
+- `createExport` — Start a new export job
+- `cancelExport` — Cancel an in-progress export
+- `retryExport` — Retry a failed export
+- `deleteExport` — Remove an export and its files
+- `createExportTemplate` — Save an export configuration as template
+- `updateExportTemplate` — Update a saved template
+- `deleteExportTemplate` — Remove a saved template
+
+### Subscriptions
+- `onExportProgress` — Real-time progress updates for active exports
+
+## Configuration
+
+### Environment Variables
+
+```env
+VITE_API_GATEWAY_URL=http://localhost:4003/workspaces/graphql
+VITE_WORKSPACE_ID=your-workspace-id
+```
+
+### Integration with Shell
+
+```tsx
+import { ExportRoot } from '@burdenoff/microfe-export';
+
+function App() {
+  return (
+    <ExportRoot
+      basePath="/export"
+      navigate={navigate}
+      apiGatewayUrl="http://localhost:4003/workspaces/graphql"
+      workspaceId="workspace-123"
+      authToken="your-token"
+    />
+  );
+}
+```
+
+## Routes
+
+| Path | Page | Description |
+|------|------|-------------|
+| `/export` | Dashboard | Export overview and quick actions |
+| `/export/create` | CreateExport | New export wizard |
+| `/export/history` | History | Past exports list |
+| `/export/:id` | Detail | Single export details |
+| `/export/templates` | Templates | Saved export templates |
+
+## Available Scripts
+
+| Script | Description |
+|--------|-------------|
+| `bun run dev` | Start development server on port 5175 |
+| `bun run build` | Build for production |
+| `bun run lint` | Run ESLint |
+| `bun run format` | Format with Prettier |
+| `bun run type:check` | TypeScript type checking |
+| `bun run codegen` | Generate GraphQL types |
+| `bun run codegen:all` | Pull schemas + generate types |
+| `bun run sanity` | Run all quality checks |
+
+## Technology Stack
+
+- **Framework:** React 19 with TypeScript 5.9
+- **Build Tool:** Vite 7
+- **State Management:** Zustand 5
+- **GraphQL Client:** Apollo Client
+- **Styling:** Tailwind CSS v4
+- **UI Components:** Radix UI
+- **Icons:** Lucide React
+- **Routing:** React Router DOM 7
+
+## Module Architecture
+
+This is a **microfrontend module** designed to be:
+- **Independently deployable** — Can run standalone or integrated
+- **Technology agnostic** — Exposes a standard interface
+- **Self-contained** — Includes all dependencies
+- **Composable** — Works with other microfrontends
+
+```
+Host Shell --imports--> microfe-export (Root export)
+                            |
+                            +-- Layer 0: @burdenoff/fe-libs/shared
+                            +-- Layer 1: @burdenoff/fe-libs/* (primitives)
+                            +-- Layer 2: This MFE package
+```
+
+## Contributing
+
+1. Create a feature branch from `main`
+2. Make your changes
+3. Run `bun run sanity` to ensure all checks pass
+4. Submit a pull request
+
+## License
+
+Proprietary - Copyright 2025 Burdenoff Consultancy Services Pvt. Ltd.
+
+## Support
+
+For issues and questions, please contact the development team or refer to the main repository documentation.

package/dist/dev/main.d.ts

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=main.d.ts.map

package/dist/dev/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/dev/main.tsx"],"names":[],"mappings":"AAQA,OAAO,cAAc,CAAC"}

package/dist/export/ExportRoot.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { ExportRootProps } from './types';
+
+/**
+ * Root component for the Export microfrontend.
+ *
+ * This is the main entry point that host applications import and render.
+ * It sets up the necessary providers and renders the internal routing.
+ * Automatically registers navigation items with the shell if registration functions are provided.
+ *
+ * @example
+ * ```tsx
+ * import { ExportRoot, type ExportRootProps } from '@burdenoff/micro-fe/export';
+ *
+ * function App() {
+ *   const props: ExportRootProps = {
+ *     basePath: '/export',
+ *     navigate: (path) => router.push(path),
+ *     currentUser: { id: '1', email: 'user@example.com', firstName: 'John', lastName: 'Doe' },
+ *     workspaceId: 'ws-123',
+ *     apiGatewayUrl: 'https://api.example.com',
+ *     authToken: 'token',
+ *     registerNavItems: (items) => { return () => {}; },
+ *   };
+ *
+ *   return <ExportRoot {...props} />;
+ * }
+ * ```
+ */
+export declare const ExportRoot: FC<ExportRootProps>;
+//# sourceMappingURL=ExportRoot.d.ts.map

package/dist/export/ExportRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportRoot.d.ts","sourceRoot":"","sources":["../../src/export/ExportRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,SAAS,CAAC;AAGxD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+F1C,CAAC"}

package/dist/export/ExportRoot.js

@@ -0,0 +1,70 @@
+import { ExportProvider as e } from "./providers/ExportProvider.js";
+import { ExportRoutes as t } from "./ExportRoutes.js";
+import { useEffect as n } from "react";
+import { Clock as r, Download as i, FileBox as a, Plus as o } from "lucide-react";
+import { FeatureFlagProvider as s } from "@burdenoff/fe-libs/shared/feature-flags";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/export/ExportRoot.tsx
+var l = (l) => {
+	let { registerNavItems: u, registerFooterItems: d, basePath: f = "/", workspaceId: p } = l, m = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	return n(() => {
+		if (u) return u({
+			id: "export",
+			label: "Export",
+			path: f,
+			icon: /* @__PURE__ */ c(i, { size: 20 }),
+			order: 75,
+			group: "workspace",
+			children: [
+				{
+					id: "export-dashboard",
+					label: "Dashboard",
+					path: f,
+					icon: /* @__PURE__ */ c(a, { size: 16 }),
+					order: 10
+				},
+				{
+					id: "export-new",
+					label: "New Export",
+					path: m(f, "new"),
+					icon: /* @__PURE__ */ c(o, { size: 16 }),
+					order: 20
+				},
+				{
+					id: "export-history",
+					label: "History",
+					path: m(f, "history"),
+					icon: /* @__PURE__ */ c(r, { size: 16 }),
+					order: 30
+				},
+				{
+					id: "export-templates",
+					label: "Templates",
+					path: m(f, "templates"),
+					icon: /* @__PURE__ */ c(a, { size: 16 }),
+					order: 40
+				}
+			]
+		});
+	}, [u, f]), n(() => {
+		if (d) return d([{
+			id: "export-status",
+			label: "Export Ready",
+			type: "status",
+			order: 10,
+			section: "left"
+		}]);
+	}, [d]), /* @__PURE__ */ c(s, {
+		workspaceId: p ?? null,
+		gateway: "global",
+		defaultEnabled: !0,
+		children: /* @__PURE__ */ c(e, {
+			...l,
+			children: /* @__PURE__ */ c(t, {})
+		})
+	});
+};
+//#endregion
+export { l as ExportRoot };
+
+//# sourceMappingURL=ExportRoot.js.map

package/dist/export/ExportRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportRoot.js","names":[],"sources":["../../src/export/ExportRoot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { Download, Plus, Clock, FileBox } from \"lucide-react\";\nimport { FeatureFlagProvider } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { ExportProvider } from \"./providers/ExportProvider\";\nimport type { NavItem, ExportRootProps } from \"./types\";\nimport { ExportRoutes } from \"./ExportRoutes\";\n\n/**\n * Root component for the Export microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { ExportRoot, type ExportRootProps } from '@burdenoff/micro-fe/export';\n *\n * function App() {\n *   const props: ExportRootProps = {\n *     basePath: '/export',\n *     navigate: (path) => router.push(path),\n *     currentUser: { id: '1', email: 'user@example.com', firstName: 'John', lastName: 'Doe' },\n *     workspaceId: 'ws-123',\n *     apiGatewayUrl: 'https://api.example.com',\n *     authToken: 'token',\n *     registerNavItems: (items) => { return () => {}; },\n *   };\n *\n *   return <ExportRoot {...props} />;\n * }\n * ```\n */\nexport const ExportRoot: FC<ExportRootProps> = (props) => {\n  const {\n    registerNavItems,\n    registerFooterItems,\n    basePath = \"/\",\n    workspaceId,\n  } = props;\n\n  // Helper to join paths correctly, avoiding double slashes\n  const 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  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    // Create a parent \"Export\" item with children for dropdown behavior\n    const exportNavItem: NavItem = {\n      id: \"export\",\n      label: \"Export\",\n      path: basePath,\n      icon: <Download size={20} />,\n      order: 75,\n      group: \"workspace\",\n      children: [\n        {\n          id: \"export-dashboard\",\n          label: \"Dashboard\",\n          path: basePath,\n          icon: <FileBox size={16} />,\n          order: 10,\n        },\n        {\n          id: \"export-new\",\n          label: \"New Export\",\n          path: joinPath(basePath, \"new\"),\n          icon: <Plus size={16} />,\n          order: 20,\n        },\n        {\n          id: \"export-history\",\n          label: \"History\",\n          path: joinPath(basePath, \"history\"),\n          icon: <Clock size={16} />,\n          order: 30,\n        },\n        {\n          id: \"export-templates\",\n          label: \"Templates\",\n          path: joinPath(basePath, \"templates\"),\n          icon: <FileBox size={16} />,\n          order: 40,\n        },\n      ],\n    };\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(exportNavItem);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer items\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: \"export-status\",\n        label: \"Export Ready\",\n        type: \"status\" as const,\n        order: 10,\n        section: \"left\" as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <FeatureFlagProvider\n      workspaceId={workspaceId ?? null}\n      gateway=\"global\"\n      defaultEnabled={true}\n    >\n      <ExportProvider {...props}>\n        <ExportRoutes />\n      </ExportProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":";;;;;;;AAkCA,IAAa,KAAmC,MAAU;CACxD,IAAM,EACJ,qBACA,wBACA,cAAW,KACX,mBACE,GAGE,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAyEtD,QApEA,QAAgB;AACT,QA8CL,QAHgB,EAxCe;GAC7B,IAAI;GACJ,OAAO;GACP,MAAM;GACN,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;GAC5B,OAAO;GACP,OAAO;GACP,UAAU;IACR;KACE,IAAI;KACJ,OAAO;KACP,MAAM;KACN,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;KAC3B,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO;KACP,MAAM,EAAS,GAAU,MAAM;KAC/B,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;KACxB,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO;KACP,MAAM,EAAS,GAAU,UAAU;KACnC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;KACzB,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO;KACP,MAAM,EAAS,GAAU,YAAY;KACrC,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;KAC3B,OAAO;KACR;IACF;GACF,CAG8C;IAI9C,CAAC,GAAkB,EAAS,CAAC,EAGhC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,aAAa,KAAe;EAC5B,SAAQ;EACR,gBAAgB;YAEhB,kBAAC,GAAD;GAAgB,GAAI;aAClB,kBAAC,GAAD,EAAgB,CAAA;GACD,CAAA;EACG,CAAA"}

package/dist/export/ExportRoutes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Internal router for the Export microfrontend.
+ * This component handles routing within the microfrontend using React Router v7.
+ *
+ * Routes (relative to basePath, e.g., /export):
+ * - / → Export dashboard page
+ * - /new → Create new export job
+ * - /history → Export history list
+ * - /:jobId → Export job detail page
+ * - /templates → Export templates list
+ * - /templates/:templateId → Template detail page
+ */
+export declare function ExportRoutes(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportRoutes.d.ts.map

package/dist/export/ExportRoutes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportRoutes.d.ts","sourceRoot":"","sources":["../../src/export/ExportRoutes.tsx"],"names":[],"mappings":"AA2GA;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,4CA8B3B"}

package/dist/export/ExportRoutes.js

@@ -0,0 +1,104 @@
+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 { Navigate as s, Route as c, Routes as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/export/ExportRoutes.tsx
+var f = r(() => import("./pages/CreateExportPage.js").then((e) => ({ default: e.CreateExportPage }))), p = r(() => import("./pages/ExportHistoryPage.js").then((e) => ({ default: e.ExportHistoryPage }))), m = r(() => import("./pages/ExportDetailPage.js").then((e) => ({ default: e.ExportDetailPage }))), h = r(() => import("./pages/ExportTemplatesPage.js").then((e) => ({ default: e.ExportTemplatesPage }))), g = r(() => import("./pages/TemplateDetailPage.js").then((e) => ({ default: e.TemplateDetailPage })));
+function _() {
+	return /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ u(a, { className: "h-8 w-8 animate-spin text-primary" })
+	});
+}
+var v = class extends t {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		console.error("[Export] Lazy page load failed:", e, t);
+	}
+	handleRetry = () => {
+		this.setState({
+			hasError: !1,
+			error: null
+		});
+	};
+	render() {
+		return this.state.hasError ? /* @__PURE__ */ d("div", {
+			className: "flex flex-col items-center justify-center min-h-[400px] gap-4 text-center p-6",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "p-3 rounded-full bg-destructive/10",
+					children: /* @__PURE__ */ u(i, { className: "h-8 w-8 text-destructive" })
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ u("h3", {
+						className: "text-lg font-semibold text-foreground",
+						children: "Failed to load page"
+					}), /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground max-w-md",
+						children: this.state.error?.message || "The page chunk could not be loaded. This may be due to a network issue."
+					})]
+				}),
+				/* @__PURE__ */ d("button", {
+					onClick: this.handleRetry,
+					className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
+					children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), "Try Again"]
+				})
+			]
+		}) : this.props.children;
+	}
+};
+function y() {
+	return /* @__PURE__ */ u(v, { children: /* @__PURE__ */ u(n, {
+		fallback: /* @__PURE__ */ u(_, {}),
+		children: /* @__PURE__ */ d(l, { children: [
+			/* @__PURE__ */ u(c, {
+				index: !0,
+				element: /* @__PURE__ */ u(e, {})
+			}),
+			/* @__PURE__ */ u(c, {
+				path: "new",
+				element: /* @__PURE__ */ u(f, {})
+			}),
+			/* @__PURE__ */ u(c, {
+				path: "history",
+				element: /* @__PURE__ */ u(p, {})
+			}),
+			/* @__PURE__ */ u(c, {
+				path: ":jobId",
+				element: /* @__PURE__ */ u(m, {})
+			}),
+			/* @__PURE__ */ u(c, {
+				path: "templates",
+				element: /* @__PURE__ */ u(h, {})
+			}),
+			/* @__PURE__ */ u(c, {
+				path: "templates/:templateId",
+				element: /* @__PURE__ */ u(g, {})
+			}),
+			/* @__PURE__ */ u(c, {
+				path: "*",
+				element: /* @__PURE__ */ u(s, {
+					to: "",
+					replace: !0
+				})
+			})
+		] })
+	}) });
+}
+//#endregion
+export { y as ExportRoutes };
+
+//# sourceMappingURL=ExportRoutes.js.map

package/dist/export/ExportRoutes.js.map

@@ -0,0 +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\";\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=\"h-8 w-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-destructive/10\">\n            <AlertTriangle className=\"h-8 w-8 text-destructive\" />\n          </div>\n          <div className=\"space-y-2\">\n            <h3 className=\"text-lg font-semibold text-foreground\">\n              Failed to load page\n            </h3>\n            <p className=\"text-sm text-muted-foreground 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            onClick={this.handleRetry}\n            className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors\"\n          >\n            <RefreshCw className=\"h-4 w-4\" />\n            Try Again\n          </button>\n        </div>\n      );\n    }\n\n    return this.props.children;\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      <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    </LazyErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;AAcA,IAAM,IAAmB,QACvB,OAAO,+BAA4B,MAAM,OAAO,EAC9C,SAAS,EAAE,kBACZ,EAAE,CACJ,EACK,IAAoB,QACxB,OAAO,gCAA6B,MAAM,OAAO,EAC/C,SAAS,EAAE,mBACZ,EAAE,CACJ,EACK,IAAmB,QACvB,OAAO,+BAA4B,MAAM,OAAO,EAC9C,SAAS,EAAE,kBACZ,EAAE,CACJ,EACK,IAAsB,QAC1B,OAAO,kCAA+B,MAAM,OAAO,EACjD,SAAS,EAAE,qBACZ,EAAE,CACJ,EACK,IAAqB,QACzB,OAAO,iCAA8B,MAAM,OAAO,EAChD,SAAS,EAAE,oBACZ,EAAE,CACJ;AAKD,SAAS,IAAa;AACpB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA;EACrD,CAAA;;AAQV,IAAM,IAAN,cAAgC,EAG9B;CACA,YAAY,GAAgC;AAE1C,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG/C,OAAO,yBAAyB,GAAc;AAC5C,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAAsB;AACpD,UAAQ,MAAM,mCAAmC,GAAO,EAAU;;CAGpE,oBAAoB;AAClB,OAAK,SAAS;GAAE,UAAU;GAAO,OAAO;GAAM,CAAC;;CAGjD,SAAS;AA2BP,SA1BI,KAAK,MAAM,WAEX,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAe,WAAU,4BAA6B,CAAA;KAClD,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAwC;MAEjD,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,KAAK,MAAM,OAAO,WACjB;MACA,CAAA,CACA;;IACN,kBAAC,UAAD;KACE,SAAS,KAAK;KACd,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,YAE1B;;IACL;OAIH,KAAK,MAAM;;;AAgBtB,SAAgB,IAAe;AAC7B,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;YAChC,kBAAC,GAAD,EAAA,UAAA;GAEE,kBAAC,GAAD;IAAO,OAAA;IAAM,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GAG/C,kBAAC,GAAD;IAAO,MAAK;IAAM,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GAGnD,kBAAC,GAAD;IAAO,MAAK;IAAU,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GAGxD,kBAAC,GAAD;IAAO,MAAK;IAAS,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GAGtD,kBAAC,GAAD;IAAO,MAAK;IAAY,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GAC5D,kBAAC,GAAD;IACE,MAAK;IACL,SAAS,kBAAC,GAAD,EAAsB,CAAA;IAC/B,CAAA;GAGF,kBAAC,GAAD;IAAO,MAAK;IAAI,SAAS,kBAAC,GAAD;KAAU,IAAG;KAAG,SAAA;KAAU,CAAA;IAAI,CAAA;GAChD,EAAA,CAAA;EACA,CAAA,EACO,CAAA"}

package/dist/export/components/ExportProgressBar.d.ts

@@ -0,0 +1,12 @@
+interface ExportProgressBarProps {
+    progress: number;
+    className?: string;
+    showLabel?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+/**
+ * ExportProgressBar - Shows export progress percentage
+ */
+export declare function ExportProgressBar({ progress, className, showLabel, size, }: ExportProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExportProgressBar.d.ts.map

package/dist/export/components/ExportProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportProgressBar.d.ts","sourceRoot":"","sources":["../../../src/export/components/ExportProgressBar.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAQD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,SAAgB,EAChB,IAAW,GACZ,EAAE,sBAAsB,2CAiCxB"}

package/dist/export/components/ExportProgressBar.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/export/components/ExportProgressBar.tsx
+var r = {
+	sm: "h-1.5",
+	md: "h-2.5",
+	lg: "h-4"
+};
+function i({ progress: i, className: a, showLabel: o = !0, size: s = "md" }) {
+	let c = Math.min(100, Math.max(0, i));
+	return /* @__PURE__ */ n("div", {
+		className: e("w-full", a),
+		children: [o && /* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between mb-1",
+			children: [/* @__PURE__ */ t("span", {
+				className: "text-xs font-medium text-muted-foreground",
+				children: "Progress"
+			}), /* @__PURE__ */ n("span", {
+				className: "text-xs font-semibold text-foreground",
+				children: [Math.round(c), "%"]
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: e("w-full bg-muted rounded-full overflow-hidden", r[s]),
+			children: /* @__PURE__ */ t("div", {
+				className: e("h-full rounded-full transition-all duration-500 ease-out", c === 100 ? "bg-status-success-bg" : "bg-primary bg-gradient-to-r from-primary to-primary/80"),
+				style: { width: `${c}%` }
+			})
+		})]
+	});
+}
+//#endregion
+export { i as ExportProgressBar };
+
+//# sourceMappingURL=ExportProgressBar.js.map

package/dist/export/components/ExportProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportProgressBar.js","names":[],"sources":["../../../src/export/components/ExportProgressBar.tsx"],"sourcesContent":["import { cn } from \"../utils/cn\";\n\ninterface ExportProgressBarProps {\n  progress: number;\n  className?: string;\n  showLabel?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst sizeClasses = {\n  sm: \"h-1.5\",\n  md: \"h-2.5\",\n  lg: \"h-4\",\n};\n\n/**\n * ExportProgressBar - Shows export progress percentage\n */\nexport function ExportProgressBar({\n  progress,\n  className,\n  showLabel = true,\n  size = \"md\",\n}: ExportProgressBarProps) {\n  const clampedProgress = Math.min(100, Math.max(0, progress));\n\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {showLabel && (\n        <div className=\"flex items-center justify-between mb-1\">\n          <span className=\"text-xs font-medium text-muted-foreground\">\n            Progress\n          </span>\n          <span className=\"text-xs font-semibold text-foreground\">\n            {Math.round(clampedProgress)}%\n          </span>\n        </div>\n      )}\n      <div\n        className={cn(\n          \"w-full bg-muted rounded-full overflow-hidden\",\n          sizeClasses[size],\n        )}\n      >\n        <div\n          className={cn(\n            \"h-full rounded-full transition-all duration-500 ease-out\",\n            clampedProgress === 100\n              ? \"bg-status-success-bg\"\n              : \"bg-primary bg-gradient-to-r from-primary to-primary/80\",\n          )}\n          style={{ width: `${clampedProgress}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;AASA,IAAM,IAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAKD,SAAgB,EAAkB,EAChC,aACA,cACA,eAAY,IACZ,UAAO,QACkB;CACzB,IAAM,IAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,EAAS,CAAC;AAE5D,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,EAAU;YAAvC,CACG,KACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cAA4C;IAErD,CAAA,EACP,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACG,KAAK,MAAM,EAAgB,EAAC,IACxB;MACH;MAER,kBAAC,OAAD;GACE,WAAW,EACT,gDACA,EAAY,GACb;aAED,kBAAC,OAAD;IACE,WAAW,EACT,4DACA,MAAoB,MAChB,yBACA,yDACL;IACD,OAAO,EAAE,OAAO,GAAG,EAAgB,IAAI;IACvC,CAAA;GACE,CAAA,CACF"}

package/dist/export/components/ExportStatusBadge.d.ts

@@ -0,0 +1,12 @@
+import { ExportJobStatus } from '../types';
+
+interface ExportStatusBadgeProps {
+    status: ExportJobStatus;
+    className?: string;
+}
+/**
+ * ExportStatusBadge - Renders a colored badge for export job status
+ */
+export declare function ExportStatusBadge({ status, className, }: ExportStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExportStatusBadge.d.ts.map

package/dist/export/components/ExportStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/export/components/ExportStatusBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,UAAU,sBAAsB;IAC9B,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,2CAiCxB"}

package/dist/export/components/ExportStatusBadge.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../utils/cn.js";
+import { getStatusDisplayName as t } from "../constants/enums.js";
+import { tWithFallback as n } from "../utils/i18n.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/export/components/ExportStatusBadge.tsx
+var o = {
+	CREATED: "bg-status-info-bg-subtle text-status-info-text",
+	QUEUED: "bg-status-warning-bg-subtle text-status-warning-text",
+	RUNNING: "bg-status-info-bg-subtle text-status-info-text animate-pulse",
+	COMPLETED: "bg-status-success-bg-subtle text-status-success-text",
+	FAILED: "bg-status-error-bg-subtle text-status-error-text",
+	CANCELLED: "bg-bg-sunken text-text-secondary",
+	EXPIRED: "bg-accent-orange-subtle text-accent-orange",
+	DELETED: "bg-bg-sunken text-text-tertiary"
+};
+function s({ status: s, className: c }) {
+	let { t: l } = a(), u = (e, t) => n(l, e, t), d = {
+		CREATED: u("export.shared.status.created", "Created"),
+		QUEUED: u("export.shared.status.queued", "Queued"),
+		RUNNING: u("export.shared.status.running", "Running"),
+		COMPLETED: u("export.shared.status.completed", "Completed"),
+		FAILED: u("export.shared.status.failed", "Failed"),
+		CANCELLED: u("export.shared.status.cancelled", "Cancelled"),
+		EXPIRED: u("export.shared.status.expired", "Expired"),
+		DELETED: u("export.shared.status.deleted", "Deleted")
+	}[s] ?? t(s);
+	return /* @__PURE__ */ i("span", {
+		className: e("inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium", o[s], c),
+		children: [s === "RUNNING" && /* @__PURE__ */ i("span", {
+			className: "relative flex h-2 w-2",
+			children: [/* @__PURE__ */ r("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-accent-blue opacity-75" }), /* @__PURE__ */ r("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-accent-blue" })]
+		}), d]
+	});
+}
+//#endregion
+export { s as ExportStatusBadge };
+
+//# sourceMappingURL=ExportStatusBadge.js.map

package/dist/export/components/ExportStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportStatusBadge.js","names":[],"sources":["../../../src/export/components/ExportStatusBadge.tsx"],"sourcesContent":["import { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { cn } from \"../utils/cn\";\nimport { getStatusDisplayName } from \"../constants/enums\";\nimport type { ExportJobStatus } from \"../types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface ExportStatusBadgeProps {\n  status: ExportJobStatus;\n  className?: string;\n}\n\nconst statusStyles: Record<ExportJobStatus, string> = {\n  CREATED: \"bg-status-info-bg-subtle text-status-info-text\",\n  QUEUED: \"bg-status-warning-bg-subtle text-status-warning-text\",\n  RUNNING: \"bg-status-info-bg-subtle text-status-info-text animate-pulse\",\n  COMPLETED: \"bg-status-success-bg-subtle text-status-success-text\",\n  FAILED: \"bg-status-error-bg-subtle text-status-error-text\",\n  CANCELLED: \"bg-bg-sunken text-text-secondary\",\n  EXPIRED: \"bg-accent-orange-subtle text-accent-orange\",\n  DELETED: \"bg-bg-sunken text-text-tertiary\",\n};\n\n/**\n * ExportStatusBadge - Renders a colored badge for export job status\n */\nexport function ExportStatusBadge({\n  status,\n  className,\n}: ExportStatusBadgeProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => tWithFallback(t, key, fallback);\n\n  const statusLabel =\n    {\n      CREATED: tr(\"export.shared.status.created\", \"Created\"),\n      QUEUED: tr(\"export.shared.status.queued\", \"Queued\"),\n      RUNNING: tr(\"export.shared.status.running\", \"Running\"),\n      COMPLETED: tr(\"export.shared.status.completed\", \"Completed\"),\n      FAILED: tr(\"export.shared.status.failed\", \"Failed\"),\n      CANCELLED: tr(\"export.shared.status.cancelled\", \"Cancelled\"),\n      EXPIRED: tr(\"export.shared.status.expired\", \"Expired\"),\n      DELETED: tr(\"export.shared.status.deleted\", \"Deleted\"),\n    }[status] ?? getStatusDisplayName(status);\n\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium\",\n        statusStyles[status],\n        className,\n      )}\n    >\n      {status === \"RUNNING\" && (\n        <span className=\"relative flex h-2 w-2\">\n          <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-accent-blue opacity-75\" />\n          <span className=\"relative inline-flex rounded-full h-2 w-2 bg-accent-blue\" />\n        </span>\n      )}\n      {statusLabel}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAgD;CACpD,SAAS;CACT,QAAQ;CACR,SAAS;CACT,WAAW;CACX,QAAQ;CACR,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAKD,SAAgB,EAAkB,EAChC,WACA,gBACyB;CACzB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAAqB,EAAc,GAAG,GAAK,EAAS,EAEvE,IACJ;EACE,SAAS,EAAG,gCAAgC,UAAU;EACtD,QAAQ,EAAG,+BAA+B,SAAS;EACnD,SAAS,EAAG,gCAAgC,UAAU;EACtD,WAAW,EAAG,kCAAkC,YAAY;EAC5D,QAAQ,EAAG,+BAA+B,SAAS;EACnD,WAAW,EAAG,kCAAkC,YAAY;EAC5D,SAAS,EAAG,gCAAgC,UAAU;EACtD,SAAS,EAAG,gCAAgC,UAAU;EACvD,CAAC,MAAW,EAAqB,EAAO;AAE3C,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAa,IACb,EACD;YALH,CAOG,MAAW,aACV,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,0FAA2F,CAAA,EAC3G,kBAAC,QAAD,EAAM,WAAU,4DAA6D,CAAA,CACxE;MAER,EACI"}