@burdenoff/microfe-movethewheels 2026.1031.2 → 2026.1031.4

package/dist/pages/ImportExportPage.js

@@ -0,0 +1,435 @@
+import { ArrowDownUp as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-down-up.js";
+import { CircleAlert as t } from "../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import { CircleCheckBig as n } from "../node_modules/lucide-react/dist/esm/icons/circle-check-big.js";
+import { Download as r } from "../node_modules/lucide-react/dist/esm/icons/download.js";
+import { FileSpreadsheet as i } from "../node_modules/lucide-react/dist/esm/icons/file-spreadsheet.js";
+import { FileUp as a } from "../node_modules/lucide-react/dist/esm/icons/file-up.js";
+import { Info as o } from "../node_modules/lucide-react/dist/esm/icons/info.js";
+import { LoaderCircle as s } from "../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import { ShieldCheck as c } from "../node_modules/lucide-react/dist/esm/icons/shield-check.js";
+import { Upload as l } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { joinPath as u } from "../utils/navigation.js";
+import { useMoveTheWheels as d } from "../providers/MoveTheWheelsProvider.js";
+import { Badge as f, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Checkbox as ee, Label as y, Select as b, SelectContent as te, SelectItem as ne, SelectTrigger as re, SelectValue as ie, Skeleton as x, Table as S, TableBody as C, TableCell as w, TableHead as T, TableHeader as E, TableRow as D } from "../components/ui.js";
+import { PageLayout as ae } from "../components/PageLayout.js";
+import { useEntityExport as O } from "../hooks/useEntityExport.js";
+import { ExportStatusBanner as k } from "../components/ExportStatusBanner.js";
+import { MTW_IMPORT_ENTITIES as A, MTW_IMPORT_MAX_ROWS as oe, buildCsvTemplate as se, detectImportFormat as ce, importEntity as le, isImportEntityType as j, summariseImport as M } from "../utils/entityImport.js";
+import { useEntityImport as ue, useImportSpec as de } from "../hooks/useEntityImport.js";
+import { useMemo as fe, useRef as pe, useState as N } from "react";
+import { useSearchParams as P } from "react-router";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { EmphasisPanel as L, PagePurpose as R } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/ImportExportPage.tsx
+var z = {
+	CUSTOMER: "customers",
+	VEHICLE: "fleet/vehicles",
+	DRIVER: "fleet/drivers",
+	WAREHOUSE: "inventory/warehouses",
+	CARGO_ITEM: "inventory/products"
+}, me = [
+	{
+		entity: "orders",
+		label: "Orders",
+		noun: "order"
+	},
+	{
+		entity: "customers",
+		label: "Customers",
+		noun: "customer"
+	},
+	{
+		entity: "vehicles",
+		label: "Vehicles",
+		noun: "vehicle"
+	},
+	{
+		entity: "drivers",
+		label: "Drivers",
+		noun: "driver"
+	},
+	{
+		entity: "products",
+		label: "Products",
+		noun: "product"
+	}
+];
+function he(e, t, n) {
+	let r = URL.createObjectURL(new Blob([t], { type: n })), i = document.createElement("a");
+	i.href = r, i.download = e, document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(r);
+}
+function ge(e) {
+	if (e.allowedValues?.length) return e.allowedValues.join(", ");
+	let t = [e.type.toLowerCase()];
+	return e.maxLength !== null && t.push(`max ${e.maxLength} chars`), e.min !== null && e.max !== null ? t.push(`${e.min} to ${e.max}`) : e.min !== null && t.push(`at least ${e.min}`), t.join(", ");
+}
+function _e({ result: e, noun: r, onOpenList: i }) {
+	let a = e.status === "REJECTED" || e.dryRun && e.failedRows > 0, o = a ? "border-status-error-border bg-status-error-bg-subtle text-status-error-text" : e.status === "PARTIAL" ? "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text" : "border-status-success-border bg-status-success-bg-subtle text-status-success-text", s = a ? t : n;
+	return /* @__PURE__ */ I("div", {
+		className: "space-y-3",
+		"data-testid": "mtw-import-result",
+		"data-status": e.status,
+		children: [
+			/* @__PURE__ */ I("div", {
+				role: a ? "alert" : "status",
+				className: `flex items-start gap-2 rounded-lg border px-4 py-3 text-sm ${o}`,
+				children: [
+					/* @__PURE__ */ F(s, {
+						size: 18,
+						className: "mt-0.5 shrink-0"
+					}),
+					/* @__PURE__ */ F("span", {
+						className: "flex-1",
+						children: M(e, r)
+					}),
+					e.importedRows > 0 ? /* @__PURE__ */ I("button", {
+						type: "button",
+						className: "font-medium underline underline-offset-2",
+						onClick: i,
+						children: [
+							"View ",
+							r,
+							"s"
+						]
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "flex flex-wrap gap-2 text-sm",
+				children: [
+					/* @__PURE__ */ I(f, {
+						variant: "outline",
+						children: ["Rows: ", e.totalRows]
+					}),
+					/* @__PURE__ */ I(f, {
+						variant: "outline",
+						children: ["Valid: ", e.validRows]
+					}),
+					/* @__PURE__ */ I(f, {
+						variant: "outline",
+						children: ["Imported: ", e.importedRows]
+					}),
+					/* @__PURE__ */ I(f, {
+						variant: e.failedRows > 0 ? "destructive" : "outline",
+						children: ["Problems: ", e.failedRows]
+					})
+				]
+			}),
+			e.errors.length > 0 ? /* @__PURE__ */ F("div", {
+				className: "max-h-80 overflow-auto rounded-lg border border-border-default",
+				children: /* @__PURE__ */ I(S, { children: [/* @__PURE__ */ F(E, { children: /* @__PURE__ */ I(D, { children: [
+					/* @__PURE__ */ F(T, {
+						className: "w-20",
+						children: "Row"
+					}),
+					/* @__PURE__ */ F(T, {
+						className: "w-40",
+						children: "Column"
+					}),
+					/* @__PURE__ */ F(T, { children: "Problem" })
+				] }) }), /* @__PURE__ */ F(C, { children: e.errors.map((e, t) => /* @__PURE__ */ I(D, { children: [
+					/* @__PURE__ */ F(w, { children: e.row }),
+					/* @__PURE__ */ F(w, {
+						className: "font-mono text-xs",
+						children: e.field ?? "—"
+					}),
+					/* @__PURE__ */ F(w, { children: e.message })
+				] }, `${e.row}-${e.field ?? ""}-${t}`)) })] })
+			}) : null,
+			e.errorsTruncated ? /* @__PURE__ */ I("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					"Only the first ",
+					e.errors.length,
+					" problems are listed. Fix these and validate again to see the rest."
+				]
+			}) : null
+		]
+	});
+}
+function ve({ entity: e, label: t, noun: n }) {
+	let { state: i, isExporting: a, startExport: o, dismiss: c } = O(e, n);
+	return /* @__PURE__ */ I("div", {
+		className: "space-y-2 rounded-lg border border-border-default p-4",
+		children: [/* @__PURE__ */ I("div", {
+			className: "flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+				className: "font-medium text-text-primary",
+				children: t
+			}), /* @__PURE__ */ I("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					"Every ",
+					n,
+					" in this workspace, as CSV"
+				]
+			})] }), /* @__PURE__ */ I(p, {
+				variant: "outline",
+				size: "sm",
+				disabled: a,
+				"aria-label": `Export ${t}`,
+				onClick: o,
+				children: [a ? /* @__PURE__ */ F(s, {
+					size: 14,
+					className: "animate-spin"
+				}) : /* @__PURE__ */ F(r, { size: 14 }), /* @__PURE__ */ F("span", {
+					className: "ml-1",
+					children: a ? "Exporting…" : "Export"
+				})]
+			})]
+		}), /* @__PURE__ */ F(k, {
+			state: i,
+			onDismiss: c
+		})]
+	});
+}
+function B() {
+	let { basePath: n, navigate: S } = d(), { specs: C, isLoading: w, error: T } = de(), { run: E, isRunning: D } = ue(), [O] = P(), [k, M] = N(() => {
+		let e = O.get("entity");
+		return j(e) ? e : "CUSTOMER";
+	}), [B, V] = N(null), [H, ye] = N(!1), [U, W] = N(null), [G, K] = N(null), [q, J] = N(null), Y = pe(null), X = le(k), Z = fe(() => C.find((e) => e.entityType === k) ?? null, [C, k]), Q = () => {
+		W(null), K(null), J(null);
+	}, be = (e) => {
+		j(e) && (M(e), V(null), Q());
+	}, xe = async (e) => {
+		let t = e.target.files?.[0];
+		if (e.target.value = "", Q(), !t) return;
+		let n = ce(t.name, t.type);
+		if (!n) {
+			V(null), K("Choose a .csv or .json file.");
+			return;
+		}
+		V({
+			name: t.name,
+			format: n,
+			content: await t.text()
+		});
+	}, $ = async (e) => {
+		if (B) {
+			K(null), J(e ? "validate" : "import");
+			try {
+				W(await E({
+					entityType: k,
+					format: B.format,
+					content: B.content,
+					dryRun: e,
+					allowPartial: H
+				}));
+			} catch (e) {
+				W(null), K(e instanceof Error ? e.message : "The import could not be completed.");
+			}
+		}
+	}, Se = () => {
+		Z && he(`${X.label.toLowerCase()}-import-template.csv`, se(Z), "text/csv");
+	}, Ce = B !== null && !D && U?.status !== "COMPLETED";
+	return /* @__PURE__ */ I(ae, {
+		title: "Import / Export",
+		subtitle: "Bring master data in from a file, or take a full copy out",
+		icon: /* @__PURE__ */ F(e, { size: 24 }),
+		children: [
+			/* @__PURE__ */ F(R, {
+				icon: /* @__PURE__ */ F(e, { size: 18 }),
+				children: "Onboard or migrate without re-keying: import customers, vehicles, drivers, warehouses or products from CSV or JSON. Every row is checked before anything is saved, so you can fix a file and try again. Export any dataset for accounting, BI tools or backups."
+			}),
+			/* @__PURE__ */ F("input", {
+				ref: Y,
+				type: "file",
+				accept: ".csv,.json,text/csv,application/json",
+				className: "hidden",
+				"data-testid": "mtw-import-file",
+				onChange: (e) => void xe(e)
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "grid grid-cols-1 gap-6 xl:grid-cols-3",
+				children: [/* @__PURE__ */ I(L, {
+					className: "space-y-5 xl:col-span-2",
+					children: [
+						/* @__PURE__ */ I("div", {
+							className: "flex flex-wrap items-center justify-between gap-3",
+							children: [/* @__PURE__ */ I("h2", {
+								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+								children: [/* @__PURE__ */ F(l, { size: 18 }), " Import data"]
+							}), /* @__PURE__ */ I(f, {
+								variant: "outline",
+								children: [
+									"CSV or JSON · up to ",
+									oe,
+									" rows · 2 MB"
+								]
+							})]
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+							children: [/* @__PURE__ */ I("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ F(y, {
+									htmlFor: "mtw-import-entity",
+									children: "What are you importing?"
+								}), /* @__PURE__ */ I(b, {
+									value: k,
+									onValueChange: be,
+									children: [/* @__PURE__ */ F(re, {
+										id: "mtw-import-entity",
+										"aria-label": "Import type",
+										children: /* @__PURE__ */ F(ie, {})
+									}), /* @__PURE__ */ F(te, { children: A.map((e) => /* @__PURE__ */ F(ne, {
+										value: e.entityType,
+										children: e.label
+									}, e.entityType)) })]
+								})]
+							}), /* @__PURE__ */ I("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ F(y, { children: "File" }),
+									/* @__PURE__ */ I("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ I(p, {
+											variant: "outline",
+											onClick: () => Y.current?.click(),
+											children: [/* @__PURE__ */ F(a, { size: 16 }), /* @__PURE__ */ F("span", {
+												className: "ml-1",
+												children: B ? "Choose another file" : "Choose file"
+											})]
+										}), /* @__PURE__ */ I(p, {
+											variant: "ghost",
+											disabled: !Z,
+											onClick: Se,
+											"aria-label": `Download ${X.label} CSV template`,
+											children: [/* @__PURE__ */ F(i, { size: 16 }), /* @__PURE__ */ F("span", {
+												className: "ml-1",
+												children: "Template"
+											})]
+										})]
+									}),
+									B ? /* @__PURE__ */ I("p", {
+										className: "text-sm text-text-secondary",
+										"data-testid": "mtw-import-file-name",
+										children: [
+											B.name,
+											" (",
+											B.format,
+											")"
+										]
+									}) : null
+								]
+							})]
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ F(ee, {
+								id: "mtw-import-partial",
+								checked: H,
+								onCheckedChange: (e) => {
+									ye(e === !0), U && !U.dryRun && Q();
+								}
+							}), /* @__PURE__ */ F(y, {
+								htmlFor: "mtw-import-partial",
+								className: "text-sm font-normal leading-snug",
+								children: "Import the valid rows even if some rows have problems. When this is off, a file with any problem imports nothing."
+							})]
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "flex flex-wrap gap-2",
+							children: [/* @__PURE__ */ I(p, {
+								variant: "outline",
+								disabled: !B || D,
+								onClick: () => void $(!0),
+								children: [D && q === "validate" ? /* @__PURE__ */ F(s, {
+									size: 16,
+									className: "animate-spin"
+								}) : /* @__PURE__ */ F(c, { size: 16 }), /* @__PURE__ */ F("span", {
+									className: "ml-1",
+									children: "Validate"
+								})]
+							}), /* @__PURE__ */ I(p, {
+								disabled: !Ce,
+								onClick: () => void $(!1),
+								children: [D && q === "import" ? /* @__PURE__ */ F(s, {
+									size: 16,
+									className: "animate-spin"
+								}) : /* @__PURE__ */ F(l, { size: 16 }), /* @__PURE__ */ I("span", {
+									className: "ml-1",
+									children: ["Import ", X.label.toLowerCase()]
+								})]
+							})]
+						}),
+						G ? /* @__PURE__ */ I("div", {
+							role: "alert",
+							"data-testid": "mtw-import-error",
+							className: "flex items-start gap-2 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
+							children: [/* @__PURE__ */ F(t, {
+								size: 18,
+								className: "mt-0.5 shrink-0"
+							}), /* @__PURE__ */ F("span", { children: G })]
+						}) : null,
+						U ? /* @__PURE__ */ F(_e, {
+							result: U,
+							noun: X.noun,
+							onOpenList: () => S?.(u(n, z[k]))
+						}) : null
+					]
+				}), /* @__PURE__ */ I(m, { children: [/* @__PURE__ */ I(_, { children: [/* @__PURE__ */ I(v, {
+					className: "flex items-center gap-2 text-base",
+					children: [
+						/* @__PURE__ */ F(o, { size: 18 }),
+						" ",
+						X.label,
+						" columns"
+					]
+				}), /* @__PURE__ */ F(g, { children: "Use these column names as the CSV header or JSON keys. Values are not case-sensitive for lists." })] }), /* @__PURE__ */ F(h, { children: w ? /* @__PURE__ */ I("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ F(x, { className: "h-6 w-full" }),
+						/* @__PURE__ */ F(x, { className: "h-6 w-full" }),
+						/* @__PURE__ */ F(x, { className: "h-6 w-2/3" })
+					]
+				}) : T ? /* @__PURE__ */ F("p", {
+					className: "text-sm text-status-error-text",
+					children: "The column guide could not be loaded. Imports still work."
+				}) : Z ? /* @__PURE__ */ F("ul", {
+					className: "space-y-3",
+					"data-testid": "mtw-import-columns",
+					children: Z.columns.map((e) => /* @__PURE__ */ I("li", {
+						className: "text-sm",
+						children: [
+							/* @__PURE__ */ I("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ F("code", {
+										className: "font-mono text-text-primary",
+										children: e.name
+									}),
+									e.required ? /* @__PURE__ */ F(f, {
+										variant: "default",
+										children: "required"
+									}) : null,
+									Z.keyColumn === e.name ? /* @__PURE__ */ F(f, {
+										variant: "outline",
+										children: "unique"
+									}) : null
+								]
+							}),
+							/* @__PURE__ */ F("p", {
+								className: "text-text-secondary",
+								children: e.description
+							}),
+							/* @__PURE__ */ F("p", {
+								className: "text-xs text-text-tertiary",
+								children: ge(e)
+							})
+						]
+					}, e.name))
+				}) : null })] })]
+			}),
+			/* @__PURE__ */ I(m, { children: [/* @__PURE__ */ I(_, { children: [/* @__PURE__ */ I(v, {
+				className: "flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ F(r, { size: 18 }), " Export data"]
+			}), /* @__PURE__ */ F(g, { children: "Exports run in the background and download as a ZIP. Large exports stay available on the Exports page." })] }), /* @__PURE__ */ F(h, {
+				className: "grid grid-cols-1 gap-3 md:grid-cols-2",
+				children: me.map((e) => /* @__PURE__ */ F(ve, { ...e }, e.entity))
+			})] })
+		]
+	});
+}
+//#endregion
+export { B as default };

package/dist/pages/InventoryPage.js

@@ -14,14 +14,14 @@ import { TriangleAlert as s } from "../node_modules/lucide-react/dist/esm/icons/
 import { Warehouse as ae } from "../node_modules/lucide-react/dist/esm/icons/warehouse.js";
 import { joinPath as c } from "../utils/navigation.js";
 import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
-import { useInventory as oe, useInventoryStats as se, useInventoryTransactions as ce } from "../hooks/useInventory.js";
-import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as le, CardTitle as ue, Progress as de } from "../components/ui.js";
-import { PageLayout as fe, PageSection as m } from "../components/PageLayout.js";
-import { MetricCard as h, MetricCardSkeleton as g, MetricGrid as _ } from "../components/MetricCard.js";
-import { StatusBadge as pe } from "../components/StatusBadge.js";
-import { DataTable as me } from "../components/DataTable.js";
-import { Notice as he, useNotice as ge } from "../components/Notice.js";
-import { formatCurrency as _e, formatDate as ve } from "../utils/formatters.js";
+import { formatCurrency as oe, formatDate as se } from "../utils/formatters.js";
+import { useInventory as ce, useInventoryStats as le, useInventoryTransactions as ue } from "../hooks/useInventory.js";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as de, CardTitle as m, Progress as fe } from "../components/ui.js";
+import { PageLayout as pe, PageSection as h } from "../components/PageLayout.js";
+import { MetricCard as g, MetricCardSkeleton as me, MetricGrid as _ } from "../components/MetricCard.js";
+import { StatusBadge as he } from "../components/StatusBadge.js";
+import { DataTable as ge } from "../components/DataTable.js";
+import { Notice as _e, useNotice as ve } from "../components/Notice.js";
 import { useDebouncedValue as ye } from "../hooks/useDebouncedValue.js";
 import { AdjustStockDialog as be, ReceiveStockDialog as xe, TransferStockDialog as Se } from "../components/StockActionDialogs.js";
 import { useMemo as Ce, useState as v } from "react";
@@ -63,11 +63,11 @@ function O() {
 	let { t: O } = we(), k = (e, t) => {
 		let n = O(e);
 		return n === e ? t : n;
-	}, { basePath: Te, navigate: Ee } = l(), [A, De] = v(""), [j, M] = v(0), [N, Oe] = v(10), { inventory: P, lowStockItems: F, products: I, warehouses: ke, totalItems: Ae, hasMore: je, isLoading: L, error: R, refetch: z } = oe({
+	}, { basePath: Te, navigate: Ee } = l(), [A, De] = v(""), [j, M] = v(0), [N, Oe] = v(10), { inventory: P, lowStockItems: F, products: I, warehouses: ke, totalItems: Ae, hasMore: je, isLoading: L, error: R, refetch: z } = ce({
 		search: ye(A),
 		limit: N,
 		offset: j * N
-	}), { stats: B, refetch: Me } = se(), { transactions: V, isLoading: Ne, error: H, refetch: Pe } = ce({ limit: 8 }), { message: U, notify: Fe } = ge(6e3), [Ie, W] = v(!1), [G, K] = v(null), [q, J] = v(null), Y = (e) => ({
+	}), { stats: B, refetch: Me } = le(), { transactions: V, isLoading: Ne, error: H, refetch: Pe } = ue({ limit: 8 }), { message: U, notify: Fe } = ve(6e3), [Ie, W] = v(!1), [G, K] = v(null), [q, J] = v(null), Y = (e) => ({
 		id: e.id,
 		productName: e.productName,
 		sku: e.sku,
@@ -155,7 +155,7 @@ function O() {
 		{
 			id: "state",
 			header: k("movethewheels.inventory.stock.status", "Status"),
-			cell: (e) => /* @__PURE__ */ y(pe, {
+			cell: (e) => /* @__PURE__ */ y(he, {
 				status: e.stockState === "out_of_stock" ? k("movethewheels.inventory.stock.outOfStock", "Out of stock") : e.stockState === "low" ? k("movethewheels.inventory.stock.low", "Low") : k("movethewheels.inventory.stock.inStock", "In stock"),
 				customColors: w[e.stockState],
 				size: "sm"
@@ -193,7 +193,7 @@ function O() {
 			})
 		}
 	];
-	return /* @__PURE__ */ b(fe, {
+	return /* @__PURE__ */ b(pe, {
 		title: k("movethewheels.inventory.title", "Inventory"),
 		subtitle: k("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
 		icon: /* @__PURE__ */ y(o, { size: 24 }),
@@ -226,7 +226,7 @@ function O() {
 			}),
 			U && /* @__PURE__ */ y("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ y(he, { message: U })
+				children: /* @__PURE__ */ y(_e, { message: U })
 			}),
 			R && !L ? /* @__PURE__ */ y(f, {
 				className: "border-status-error-border",
@@ -250,46 +250,46 @@ function O() {
 				})
 			}) : L ? /* @__PURE__ */ y(_, {
 				columns: 6,
-				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ y(g, {}, t))
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ y(me, {}, t))
 			}) : /* @__PURE__ */ b(_, {
 				columns: 6,
 				children: [
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(g, {
 						label: k("movethewheels.inventory.metrics.totalOnHand", "Total on-hand"),
 						value: B.totalOnHand.toLocaleString(),
 						icon: /* @__PURE__ */ y(r, { size: 20 }),
 						accent: "brand",
 						subtitle: k("movethewheels.inventory.metrics.onHandHint", "Units in the network")
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(g, {
 						label: k("movethewheels.inventory.metrics.available", "Available"),
 						value: B.totalAvailable.toLocaleString(),
 						icon: /* @__PURE__ */ y(a, { size: 20 }),
 						accent: "success",
 						subtitle: k("movethewheels.inventory.metrics.availableHint", "Free to promise")
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(g, {
 						label: k("movethewheels.inventory.metrics.allocated", "Allocated"),
 						value: B.totalAllocated.toLocaleString(),
 						icon: /* @__PURE__ */ y(te, { size: 20 }),
 						accent: "blue",
 						subtitle: k("movethewheels.inventory.metrics.allocatedHint", "Committed to orders")
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(g, {
 						label: k("movethewheels.inventory.metrics.lowStock", "Low-stock items"),
 						value: B.lowStockCount.toLocaleString(),
 						icon: /* @__PURE__ */ y(s, { size: 20 }),
 						accent: "warning",
 						subtitle: k("movethewheels.inventory.metrics.lowStockHint", "At or under reorder point")
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(g, {
 						label: k("movethewheels.inventory.metrics.totalProducts", "Catalog items"),
 						value: B.totalProducts.toLocaleString(),
 						icon: /* @__PURE__ */ y(o, { size: 20 }),
 						accent: "neutral",
 						onClick: () => Z("inventory/products")
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(g, {
 						label: k("movethewheels.inventory.metrics.warehouses", "Warehouses"),
 						value: B.totalWarehouses.toLocaleString(),
 						icon: /* @__PURE__ */ y(ae, { size: 20 }),
@@ -350,9 +350,9 @@ function O() {
 				className: "grid grid-cols-1 xl:grid-cols-3 gap-6",
 				children: [/* @__PURE__ */ y("div", {
 					className: "xl:col-span-2",
-					children: /* @__PURE__ */ y(m, {
+					children: /* @__PURE__ */ y(h, {
 						title: k("movethewheels.inventory.stock.title", "Stock position"),
-						children: /* @__PURE__ */ y(me, {
+						children: /* @__PURE__ */ y(ge, {
 							columns: Re,
 							data: Le,
 							isLoading: L,
@@ -386,7 +386,7 @@ function O() {
 					})
 				}), /* @__PURE__ */ b(f, {
 					className: "h-fit",
-					children: [/* @__PURE__ */ y(le, { children: /* @__PURE__ */ b(ue, {
+					children: [/* @__PURE__ */ y(de, { children: /* @__PURE__ */ b(m, {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ y(ee, { size: 18 }), k("movethewheels.inventory.transactions.title", "Recent transactions")]
 					}) }), /* @__PURE__ */ y(p, {
@@ -428,7 +428,7 @@ function O() {
 											}),
 											/* @__PURE__ */ y("p", {
 												className: "text-xs text-text-secondary",
-												children: ve(r.createdAt, "short")
+												children: se(r.createdAt, "short")
 											})
 										]
 									}), /* @__PURE__ */ y("span", {
@@ -443,7 +443,7 @@ function O() {
 			}),
 			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ y(m, {
+				children: [/* @__PURE__ */ y(h, {
 					title: k("movethewheels.inventory.warehouses.title", "Warehouses"),
 					actions: /* @__PURE__ */ b(d, {
 						variant: "ghost",
@@ -487,7 +487,7 @@ function O() {
 											}), e.utilization === void 0 ? /* @__PURE__ */ y("p", {
 												className: "text-xs text-text-tertiary",
 												children: "Not provided"
-											}) : /* @__PURE__ */ y(de, {
+											}) : /* @__PURE__ */ y(fe, {
 												value: e.utilization,
 												className: "w-24 h-2"
 											})]
@@ -497,7 +497,7 @@ function O() {
 							}, e.id))
 						})
 					}) })
-				}), /* @__PURE__ */ y(m, {
+				}), /* @__PURE__ */ y(h, {
 					title: k("movethewheels.inventory.products.title", "Recent Products"),
 					actions: /* @__PURE__ */ b(d, {
 						variant: "ghost",
@@ -532,7 +532,7 @@ function O() {
 										className: "text-right",
 										children: [/* @__PURE__ */ y("p", {
 											className: "font-medium",
-											children: e.value === void 0 ? "Not provided" : _e(e.value)
+											children: e.value === void 0 ? "Not provided" : oe(e.value)
 										}), /* @__PURE__ */ y(u, {
 											variant: "outline",
 											children: e.category ?? "Not provided"