@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.1

package/dist/FleetPage-DZn5pIqd.js

@@ -0,0 +1,365 @@
+import { M as e, a as t, ct as n, d as r, f as i, g as a, h as o, i as s, o as c, ot as l, s as u, u as d } from "./PageLayout-D4LDHJJq.js";
+import { t as f } from "./chevron-right-EMIIyyJ1.js";
+import { n as p, t as m } from "./wrench-CANXWxF-.js";
+import { t as h } from "./star-nHlLjDKR.js";
+import { t as g } from "./truck-DrlfSpRC.js";
+import { t as _ } from "./users-BAM4gHTn.js";
+import { i as v, n as y, o as b } from "./useFleet-DiAC-IiH.js";
+import { n as x, r as S, t as C } from "./MetricCard-7aYgzZHK.js";
+import { a as w, r as T } from "./StatusBadge-NpTeHVlw.js";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { CTAOverflowMenu as O, EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/movethewheels/pages/FleetPage.tsx
+function N() {
+	let { t: N } = M(), P = (e, t) => {
+		let n = N(e);
+		return n === e ? t : n;
+	}, { basePath: F, navigate: I } = l(), { stats: L, isLoading: R, error: z, refetch: B } = v(), { vehicles: V, isLoading: H, error: U, refetch: W } = b(), { drivers: G, isLoading: K, error: q, refetch: J } = y(), Y = R || H || K, X = z ?? U ?? q, Z = () => {
+		B(), W(), J();
+	}, Q = (e) => {
+		I && I(n(F, e));
+	}, $ = (e, t) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
+	};
+	return /* @__PURE__ */ D(s, {
+		title: P("movethewheels.fleet.title", "Fleet Management"),
+		subtitle: P("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
+		icon: /* @__PURE__ */ E(g, { size: 24 }),
+		headerActions: /* @__PURE__ */ E(O, {
+			primary: {
+				label: P("movethewheels.fleet.actions.allVehicles", "All Vehicles"),
+				icon: /* @__PURE__ */ E(g, { size: 16 }),
+				onSelect: () => Q("fleet/vehicles")
+			},
+			actions: [{
+				label: P("movethewheels.fleet.actions.allDrivers", "All Drivers"),
+				icon: /* @__PURE__ */ E(_, { size: 16 }),
+				onSelect: () => Q("fleet/drivers")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ E(j, {
+				icon: /* @__PURE__ */ E(g, { size: 18 }),
+				children: P("movethewheels.fleet.purpose", "Your command center for vehicles and drivers. See utilization at a glance, keep an eye on availability and ratings, and act on maintenance alerts so you always have road-ready capacity to fulfil orders.")
+			}),
+			/* @__PURE__ */ E(A, {
+				storageKey: "movethewheels-fleet",
+				steps: [
+					{
+						id: "vehicles",
+						label: P("movethewheels.fleet.nextSteps.vehicles", "Review your vehicles"),
+						description: P("movethewheels.fleet.nextSteps.vehiclesDesc", "Check capacity, fuel and maintenance status across the fleet."),
+						icon: /* @__PURE__ */ E(g, { size: 16 }),
+						onClick: () => Q("fleet/vehicles")
+					},
+					{
+						id: "drivers",
+						label: P("movethewheels.fleet.nextSteps.drivers", "Review your drivers"),
+						description: P("movethewheels.fleet.nextSteps.driversDesc", "See availability, ratings and delivery history before assigning work."),
+						icon: /* @__PURE__ */ E(_, { size: 16 }),
+						onClick: () => Q("fleet/drivers")
+					},
+					{
+						id: "assign",
+						label: P("movethewheels.fleet.nextSteps.assign", "Assign capacity to orders"),
+						description: P("movethewheels.fleet.nextSteps.assignDesc", "Open an order to assign an available vehicle and driver."),
+						icon: /* @__PURE__ */ E(f, { size: 16 }),
+						onClick: () => Q("orders")
+					}
+				]
+			}),
+			X && !Y ? /* @__PURE__ */ E(r, {
+				className: "border-status-error-border",
+				children: /* @__PURE__ */ D(i, {
+					className: "p-6 text-center space-y-3",
+					children: [
+						/* @__PURE__ */ E("p", {
+							className: "text-status-error-text font-medium",
+							children: P("movethewheels.fleet.error.title", "Couldn't load fleet data")
+						}),
+						/* @__PURE__ */ E("p", {
+							className: "text-sm text-text-secondary",
+							children: X.message
+						}),
+						/* @__PURE__ */ E(d, {
+							variant: "outline",
+							onClick: Z,
+							children: P("movethewheels.fleet.error.retry", "Retry")
+						})
+					]
+				})
+			}) : Y ? /* @__PURE__ */ E(S, {
+				columns: 4,
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ E(x, {}, t))
+			}) : /* @__PURE__ */ D(S, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ E(C, {
+						label: P("movethewheels.fleet.metrics.totalVehicles", "Total Vehicles"),
+						value: L.totalVehicles,
+						icon: /* @__PURE__ */ E(g, { size: 20 }),
+						subtitle: `${L.vehiclesByStatus.available} ${P("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => Q("fleet/vehicles")
+					}),
+					/* @__PURE__ */ E(C, {
+						label: P("movethewheels.fleet.metrics.totalDrivers", "Total Drivers"),
+						value: L.totalDrivers,
+						icon: /* @__PURE__ */ E(_, { size: 20 }),
+						subtitle: `${L.driversByStatus.available} ${P("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => Q("fleet/drivers")
+					}),
+					/* @__PURE__ */ E(C, {
+						treatment: "glass",
+						glow: !0,
+						label: P("movethewheels.fleet.metrics.utilization", "Fleet Utilization"),
+						value: `${L.utilization.toFixed(0)}%`,
+						icon: /* @__PURE__ */ E(g, { size: 20 }),
+						changeType: L.utilization >= 70 ? "positive" : "neutral"
+					}),
+					/* @__PURE__ */ E(C, {
+						label: P("movethewheels.fleet.metrics.avgDriverRating", "Avg Driver Rating"),
+						value: L.avgDriverRating.toFixed(1),
+						icon: /* @__PURE__ */ E(h, { size: 20 }),
+						subtitle: P("movethewheels.fleet.metrics.outOfFive", "out of 5"),
+						changeType: L.avgDriverRating >= 4.5 ? "positive" : "neutral"
+					})
+				]
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ E(t, {
+					title: P("movethewheels.fleet.vehicles.title", "Vehicles"),
+					actions: /* @__PURE__ */ D(d, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => Q("fleet/vehicles"),
+						children: [
+							P("movethewheels.fleet.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ E(f, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E(i, {
+						className: "p-0",
+						children: /* @__PURE__ */ E("div", {
+							className: "divide-y",
+							children: V.slice(0, 5).map((t) => /* @__PURE__ */ E("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `View vehicle ${t.vehicleNumber}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => Q(`fleet/vehicles/${t.id}`),
+								onKeyDown: (e) => $(e, () => Q(`fleet/vehicles/${t.id}`)),
+								children: /* @__PURE__ */ D("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ D("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ E("div", {
+											className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+											children: /* @__PURE__ */ E(g, {
+												size: 20,
+												className: "text-primary"
+											})
+										}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ E("span", {
+												className: "font-medium",
+												children: t.vehicleNumber
+											}), /* @__PURE__ */ E(w, {
+												type: t.type,
+												size: "sm"
+											})]
+										}), /* @__PURE__ */ D("p", {
+											className: "text-sm text-text-secondary",
+											children: [
+												t.make,
+												" ",
+												t.model,
+												" (",
+												t.year,
+												")"
+											]
+										})] })]
+									}), /* @__PURE__ */ D("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ E(T, {
+											status: t.status,
+											type: "vehicle",
+											size: "sm"
+										}), t.fuelLevel !== void 0 && /* @__PURE__ */ D("div", {
+											className: "mt-2 flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ E(p, {
+													size: 12,
+													className: "text-text-secondary"
+												}),
+												/* @__PURE__ */ E(e, {
+													value: t.fuelLevel,
+													className: "w-16 h-2"
+												}),
+												/* @__PURE__ */ D("span", {
+													className: "text-xs text-text-secondary",
+													children: [t.fuelLevel, "%"]
+												})
+											]
+										})]
+									})]
+								})
+							}, t.id))
+						})
+					}) })
+				}), /* @__PURE__ */ E(t, {
+					title: P("movethewheels.fleet.drivers.title", "Drivers"),
+					actions: /* @__PURE__ */ D(d, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => Q("fleet/drivers"),
+						children: [
+							P("movethewheels.fleet.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ E(f, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E(i, {
+						className: "p-0",
+						children: /* @__PURE__ */ E("div", {
+							className: "divide-y",
+							children: G.slice(0, 5).map((e) => /* @__PURE__ */ E("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `View driver ${e.fullName}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => Q(`fleet/drivers/${e.id}`),
+								onKeyDown: (t) => $(t, () => Q(`fleet/drivers/${e.id}`)),
+								children: /* @__PURE__ */ D("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ D("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ E(c, { children: /* @__PURE__ */ E(u, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+											className: "font-medium",
+											children: e.fullName
+										}), /* @__PURE__ */ D("p", {
+											className: "text-sm text-text-secondary",
+											children: [
+												e.employeeId,
+												" - ",
+												e.completedOrders,
+												" ",
+												P("movethewheels.fleet.drivers.deliveries", "deliveries")
+											]
+										})] })]
+									}), /* @__PURE__ */ D("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ E(T, {
+											status: e.status,
+											type: "driver",
+											size: "sm"
+										}), /* @__PURE__ */ D("div", {
+											className: "mt-1 flex items-center gap-1 justify-end",
+											children: [/* @__PURE__ */ E(h, {
+												size: 12,
+												className: "text-status-warning-text fill-current"
+											}), /* @__PURE__ */ E("span", {
+												className: "text-sm font-medium",
+												children: e.ratings.overall.toFixed(1)
+											})]
+										})]
+									})]
+								})
+							}, e.id))
+						})
+					}) })
+				})]
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ D(k, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ E("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: P("movethewheels.fleet.status.vehicleTitle", "Vehicle Status")
+					}), /* @__PURE__ */ E("div", {
+						className: "space-y-4",
+						children: Object.entries(L.vehiclesByStatus).map(([t, n]) => /* @__PURE__ */ D("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ E("div", {
+								className: "flex items-center gap-3",
+								children: /* @__PURE__ */ E(T, {
+									status: t,
+									type: "vehicle"
+								})
+							}), /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ E("span", {
+									className: "font-medium",
+									children: n
+								}), /* @__PURE__ */ E(e, {
+									value: n / L.totalVehicles * 100,
+									className: "w-24 h-2"
+								})]
+							})]
+						}, t))
+					})]
+				}), /* @__PURE__ */ D(r, { children: [/* @__PURE__ */ E(o, { children: /* @__PURE__ */ E(a, { children: P("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ E(i, { children: /* @__PURE__ */ E("div", {
+					className: "space-y-4",
+					children: Object.entries(L.driversByStatus).map(([t, n]) => /* @__PURE__ */ D("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ E("div", {
+							className: "flex items-center gap-3",
+							children: /* @__PURE__ */ E(T, {
+								status: t,
+								type: "driver"
+							})
+						}), /* @__PURE__ */ D("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ E("span", {
+								className: "font-medium",
+								children: n
+							}), /* @__PURE__ */ E(e, {
+								value: n / L.totalDrivers * 100,
+								className: "w-24 h-2"
+							})]
+						})]
+					}, t))
+				}) })] })]
+			}),
+			L.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ D(r, {
+				className: "border-status-warning-border",
+				children: [/* @__PURE__ */ E(o, { children: /* @__PURE__ */ D(a, {
+					className: "flex items-center gap-2 text-status-warning-text",
+					children: [/* @__PURE__ */ E(m, { size: 18 }), P("movethewheels.fleet.maintenance.title", "Maintenance Required")]
+				}) }), /* @__PURE__ */ E(i, { children: /* @__PURE__ */ E("div", {
+					className: "space-y-3",
+					children: V.filter((e) => e.status === "maintenance").map((e) => /* @__PURE__ */ D("div", {
+						className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
+						children: [/* @__PURE__ */ D("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ E(g, {
+								size: 20,
+								className: "text-status-warning-text"
+							}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								className: "font-medium",
+								children: e.vehicleNumber
+							}), /* @__PURE__ */ D("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									e.make,
+									" ",
+									e.model
+								]
+							})] })]
+						}), /* @__PURE__ */ E(d, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => Q(`fleet/vehicles/${e.id}`),
+							children: P("movethewheels.fleet.maintenance.viewDetails", "View Details")
+						})]
+					}, e.id))
+				}) })]
+			})
+		]
+	});
+}
+//#endregion
+export { N as default };

package/dist/ImportExportPage-BIUJZc7O.js

@@ -0,0 +1,290 @@
+import { d as e, f as t, g as n, h as r, i, l as a, lt as o, u as s } from "./PageLayout-D4LDHJJq.js";
+import { t as c } from "./download-DRXxoiQR.js";
+import { t as l } from "./file-text-DWWY6_f5.js";
+import { t as u } from "./useImportExport-BLMnAKCC.js";
+import { useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { EmphasisPanel as h, IllustratedEmptyState as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/check.js
+var v = o("Check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), y = o("FileSpreadsheet", [
+	["path", {
+		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+		key: "1rqfz7"
+	}],
+	["path", {
+		d: "M14 2v4a2 2 0 0 0 2 2h4",
+		key: "tnqrlb"
+	}],
+	["path", {
+		d: "M8 13h2",
+		key: "yr2amv"
+	}],
+	["path", {
+		d: "M14 13h2",
+		key: "un5t4a"
+	}],
+	["path", {
+		d: "M8 17h2",
+		key: "2yhykz"
+	}],
+	["path", {
+		d: "M14 17h2",
+		key: "10kma7"
+	}]
+]), b = o("Upload", [
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["polyline", {
+		points: "17 8 12 3 7 8",
+		key: "t8dd8p"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "3",
+		y2: "15",
+		key: "widbto"
+	}]
+]), x = o("X", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]), S = [
+	{
+		name: "Orders",
+		description: "Import orders from CSV or JSON",
+		resource: "orders"
+	},
+	{
+		name: "Customers",
+		description: "Import customer database",
+		resource: "customers"
+	},
+	{
+		name: "Products",
+		description: "Import product catalog",
+		resource: "products"
+	},
+	{
+		name: "Inventory",
+		description: "Import inventory levels",
+		resource: "inventory"
+	}
+], C = [
+	{
+		name: "Orders Report",
+		description: "Export all orders data",
+		resource: "orders",
+		formats: ["CSV", "JSON"]
+	},
+	{
+		name: "Financial Report",
+		description: "Export revenue and payments",
+		resource: "finance",
+		formats: ["CSV", "JSON"]
+	},
+	{
+		name: "Fleet Report",
+		description: "Export vehicle and driver data",
+		resource: "fleet",
+		formats: ["CSV", "JSON"]
+	},
+	{
+		name: "Analytics Report",
+		description: "Export performance metrics",
+		resource: "analytics",
+		formats: ["CSV", "JSON"]
+	}
+];
+function w() {
+	let { exportData: o, importData: w, isBusy: T } = u(), [E, D] = f([]), [O, k] = f(null), A = d(null), j = d(null), M = (e) => D((t) => [e, ...t]), N = async (e, t) => {
+		k(`${e.resource}:${t}`);
+		try {
+			let n = await o(e.resource, t);
+			if (n.success && n.payload) {
+				let r = JSON.stringify(n.payload, null, 2), i = new Blob([r], { type: "application/json" }), a = URL.createObjectURL(i), o = document.createElement("a");
+				o.href = a, o.download = `${e.resource}-export.${t.toLowerCase() === "csv" ? "csv" : "json"}`, document.body.appendChild(o), o.click(), o.remove(), URL.revokeObjectURL(a);
+			}
+			M({
+				type: "export",
+				name: `${e.name} (${t})`,
+				at: /* @__PURE__ */ new Date(),
+				success: n.success,
+				message: n.message
+			});
+		} catch (n) {
+			M({
+				type: "export",
+				name: `${e.name} (${t})`,
+				at: /* @__PURE__ */ new Date(),
+				success: !1,
+				message: n instanceof Error ? n.message : "Export failed"
+			});
+		} finally {
+			k(null);
+		}
+	}, P = (e) => {
+		j.current = e, A.current?.click();
+	};
+	return /* @__PURE__ */ m(i, {
+		title: "Import / Export",
+		subtitle: "Import and export your data",
+		icon: /* @__PURE__ */ p(l, { size: 24 }),
+		children: [
+			/* @__PURE__ */ p(_, {
+				icon: /* @__PURE__ */ p(l, { size: 18 }),
+				children: "Move data in and out in bulk. Import orders, customers, products or inventory from CSV/JSON to onboard or migrate without re-keying, and export any dataset for accounting, BI tools or backups — no manual copy-paste required."
+			}),
+			/* @__PURE__ */ p("input", {
+				ref: A,
+				type: "file",
+				accept: ".csv,.json,application/json,text/csv",
+				className: "hidden",
+				onChange: async (e) => {
+					let t = e.target.files?.[0], n = j.current;
+					if (e.target.value = "", !(!t || !n)) {
+						k(`import:${n.resource}`);
+						try {
+							let e = await t.text(), r = await w(n.resource, {
+								filename: t.name,
+								content: e
+							});
+							M({
+								type: "import",
+								name: `${n.name} — ${t.name}`,
+								at: /* @__PURE__ */ new Date(),
+								success: r.success,
+								message: r.message
+							});
+						} catch (e) {
+							M({
+								type: "import",
+								name: `${n.name} — ${t.name}`,
+								at: /* @__PURE__ */ new Date(),
+								success: !1,
+								message: e instanceof Error ? e.message : "Import failed"
+							});
+						} finally {
+							k(null);
+						}
+					}
+				}
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ m(h, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ m("h2", {
+						className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+						children: [/* @__PURE__ */ p(b, { size: 18 }), " Import Data"]
+					}), /* @__PURE__ */ p("div", {
+						className: "space-y-4",
+						children: S.map((e) => /* @__PURE__ */ m("div", {
+							className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ p("div", {
+									className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+									children: /* @__PURE__ */ p(y, {
+										size: 20,
+										className: "text-primary"
+									})
+								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+									className: "font-medium",
+									children: e.name
+								}), /* @__PURE__ */ p("p", {
+									className: "text-sm text-text-secondary",
+									children: e.description
+								})] })]
+							}), /* @__PURE__ */ m("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ p(a, {
+									variant: "outline",
+									children: "CSV, JSON"
+								}), /* @__PURE__ */ p(s, {
+									variant: "outline",
+									size: "sm",
+									className: "ml-2",
+									"aria-label": `Import ${e.name}`,
+									disabled: T,
+									onClick: () => P(e),
+									children: /* @__PURE__ */ p(b, { size: 14 })
+								})]
+							})]
+						}, e.name))
+					})]
+				}), /* @__PURE__ */ m(e, { children: [/* @__PURE__ */ p(r, { children: /* @__PURE__ */ m(n, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ p(c, { size: 18 }), " Export Data"]
+				}) }), /* @__PURE__ */ p(t, {
+					className: "space-y-4",
+					children: C.map((e) => /* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ p("p", {
+							className: "text-sm text-text-secondary",
+							children: e.description
+						})] }), /* @__PURE__ */ p("div", {
+							className: "flex gap-1",
+							children: e.formats.map((t) => /* @__PURE__ */ p(s, {
+								variant: "outline",
+								size: "sm",
+								disabled: O === `${e.resource}:${t}`,
+								onClick: () => void N(e, t),
+								children: t
+							}, t))
+						})]
+					}, e.name))
+				})] })]
+			}),
+			/* @__PURE__ */ m(e, { children: [/* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(n, { children: "Recent Activity" }) }), /* @__PURE__ */ p(t, { children: E.length === 0 ? /* @__PURE__ */ p(g, {
+				illustration: "empty-data",
+				title: "No import or export activity yet",
+				description: "Your recent imports and exports will show up here once you run one."
+			}) : /* @__PURE__ */ p("div", {
+				className: "space-y-3",
+				children: E.map((e, t) => /* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between p-3 bg-bg-sunken/50 rounded-lg",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center gap-3",
+						children: [e.type === "import" ? /* @__PURE__ */ p(b, {
+							size: 16,
+							className: "text-primary"
+						}) : /* @__PURE__ */ p(c, {
+							size: 16,
+							className: "text-primary"
+						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ m("p", {
+							className: "text-sm text-text-secondary",
+							children: [
+								e.type === "import" ? "Imported" : "Exported",
+								" at",
+								" ",
+								e.at.toLocaleTimeString(),
+								" — ",
+								e.message
+							]
+						})] })]
+					}), /* @__PURE__ */ m(a, {
+						variant: e.success ? "default" : "destructive",
+						className: "gap-1",
+						children: [e.success ? /* @__PURE__ */ p(v, { size: 12 }) : /* @__PURE__ */ p(x, { size: 12 }), e.success ? "done" : "failed"]
+					})]
+				}, t))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { w as default };