@burdenoff/microfe-movethewheels 2026.704.1 → 2026.710.1

package/dist/{VehicleDetailsPage-BbZlCFPo.js → pages/VehicleDetailsPage.js}

@@ -1,16 +1,19 @@
-import { A as e, F as t, I as n, L as r, M as i, P as a, R as o, d as s, f as c, g as l, h as u, i as d, j as f, lt as p, n as m, r as h, st as g, u as _ } from "./PageLayout-j9Zw3wBN.js";
-import { t as v } from "./arrow-left-1dVWv2dg.js";
-import { t as y } from "./DocumentsCard-y2ybnAlu.js";
-import { t as b } from "./fuel-Cjt6IxKr.js";
-import { t as x } from "./map-pin-BISLzLwb.js";
-import { t as S } from "./save-CcfoIn2J.js";
-import { t as C } from "./square-pen-Dr1X-P2s.js";
-import { t as w } from "./truck-DxhtLfkG.js";
-import { t as T } from "./wrench-DTJGFs17.js";
-import { a as E, r as D } from "./useFleet-BfA_-VUW.js";
-import { a as O, r as k } from "./StatusBadge-BfiF-nNI.js";
-import { t as A } from "./FormError-D4T5FWZA.js";
-import { r as j } from "./formatters-FWJDwTFv.js";
+import { ArrowLeft as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
+import { Fuel as t } from "../node_modules/lucide-react/dist/esm/icons/fuel.js";
+import { MapPin as n } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import { Save as r } from "../node_modules/lucide-react/dist/esm/icons/save.js";
+import { SquarePen as i } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
+import { Truck as a } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { Wrench as o } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
+import { useFleet as l, useVehicle as u } from "../hooks/useFleet.js";
+import { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g, Label as _, Progress as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C } from "../components/ui.js";
+import { ErrorState as w, LoadingState as T, PageLayout as E } from "../components/PageLayout.js";
+import { StatusBadge as D, VehicleTypeBadge as O } from "../components/StatusBadge.js";
+import { FormError as k } from "../components/FormError.js";
+import { formatDate as A } from "../utils/formatters.js";
+import { DocumentsCard as j } from "../components/DocumentsCard.js";
 import { useEffect as M, useState as N } from "react";
 import { useLocation as P, useParams as F } from "react-router-dom";
 import { jsx as I, jsxs as L } from "react/jsx-runtime";
@@ -50,81 +53,81 @@ var V = [
 		label: "Drone"
 	}
 ];
-function H({ editId: i }) {
-	let { basePath: s, navigate: c } = g(), { createVehicle: l, updateVehicle: u } = D(), { vehicle: m } = E(i), h = !!i, [y, b] = N({
+function H({ editId: t }) {
+	let { basePath: n, navigate: i } = c(), { createVehicle: o, updateVehicle: f } = l(), { vehicle: p } = u(t), m = !!t, [h, v] = N({
 		vehicleNumber: "",
 		type: "VAN",
 		make: "",
 		model: "",
 		licensePlate: ""
-	}), [x, C] = N(!1), [T, O] = N(null);
+	}), [w, T] = N(!1), [D, O] = N(null);
 	M(() => {
-		i && m && b({
-			vehicleNumber: m.vehicleNumber ?? "",
-			type: m.type ? m.type.toUpperCase() : "VAN",
-			make: m.make ?? "",
-			model: m.model ?? "",
-			licensePlate: m.licensePlate ?? ""
+		t && p && v({
+			vehicleNumber: p.vehicleNumber ?? "",
+			type: p.type ? p.type.toUpperCase() : "VAN",
+			make: p.make ?? "",
+			model: p.model ?? "",
+			licensePlate: p.licensePlate ?? ""
 		});
-	}, [i, m]);
-	let k = () => c?.(p(s, "fleet/vehicles")), j = async (e) => {
-		if (e.preventDefault(), !y.vehicleNumber.trim()) {
+	}, [t, p]);
+	let A = () => i?.(s(n, "fleet/vehicles")), j = async (e) => {
+		if (e.preventDefault(), !h.vehicleNumber.trim()) {
 			O("Vehicle number is required.");
 			return;
 		}
-		C(!0), O(null);
+		T(!0), O(null);
 		try {
-			if (i) {
-				let e = await u(i, {
-					vehicleNumber: y.vehicleNumber.trim(),
-					type: y.type,
-					make: y.make.trim() || void 0,
-					model: y.model.trim() || void 0,
-					licensePlate: y.licensePlate.trim() || void 0
+			if (t) {
+				let e = await f(t, {
+					vehicleNumber: h.vehicleNumber.trim(),
+					type: h.type,
+					make: h.make.trim() || void 0,
+					model: h.model.trim() || void 0,
+					licensePlate: h.licensePlate.trim() || void 0
 				});
-				c?.(p(s, `fleet/vehicles/${e.id}`));
+				i?.(s(n, `fleet/vehicles/${e.id}`));
 			} else {
-				let e = await l({
-					vehicleNumber: y.vehicleNumber.trim(),
-					type: y.type,
-					make: y.make.trim() || void 0,
-					model: y.model.trim() || void 0,
-					licensePlate: y.licensePlate.trim() || void 0
+				let e = await o({
+					vehicleNumber: h.vehicleNumber.trim(),
+					type: h.type,
+					make: h.make.trim() || void 0,
+					model: h.model.trim() || void 0,
+					licensePlate: h.licensePlate.trim() || void 0
 				});
-				c?.(p(s, `fleet/vehicles/${e.id}`));
+				i?.(s(n, `fleet/vehicles/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create vehicle:", e), O(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), C(!1);
+			console.error("Failed to create vehicle:", e), O(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), T(!1);
 		}
 	};
-	return /* @__PURE__ */ L(d, {
-		title: h ? "Edit Vehicle" : "Add Vehicle",
+	return /* @__PURE__ */ L(E, {
+		title: m ? "Edit Vehicle" : "Add Vehicle",
 		subtitle: "Register a new vehicle in your fleet",
-		icon: /* @__PURE__ */ I(w, { size: 24 }),
+		icon: /* @__PURE__ */ I(a, { size: 24 }),
 		headerActions: /* @__PURE__ */ L("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(_, {
+			children: [/* @__PURE__ */ L(d, {
 				variant: "outline",
-				onClick: k,
-				disabled: x,
-				children: [/* @__PURE__ */ I(v, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ L(_, {
+				onClick: A,
+				disabled: w,
+				children: [/* @__PURE__ */ I(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ L(d, {
 				onClick: j,
-				disabled: x,
+				disabled: w,
 				children: [
-					/* @__PURE__ */ I(S, { size: 16 }),
+					/* @__PURE__ */ I(r, { size: 16 }),
 					" ",
-					h ? x ? "Saving..." : "Save Changes" : x ? "Saving..." : "Add Vehicle"
+					m ? w ? "Saving..." : "Save Changes" : w ? "Saving..." : "Add Vehicle"
 				]
 			})]
 		}),
 		children: [/* @__PURE__ */ I(B, {
-			icon: /* @__PURE__ */ I(w, { size: 18 }),
+			icon: /* @__PURE__ */ I(a, { size: 18 }),
 			children: "Add a vehicle so it can be assigned to deliveries and routes. Give it a fleet number and type to start — make, model and plate help identify it on the road."
 		}), /* @__PURE__ */ L("form", {
 			onSubmit: j,
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ I(A, { message: T }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+			children: [/* @__PURE__ */ I(k, { message: D }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
 				children: "Vehicle Details"
 			}), /* @__PURE__ */ L("div", {
@@ -133,16 +136,16 @@ function H({ editId: i }) {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 					children: [/* @__PURE__ */ L("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ L(f, {
+						children: [/* @__PURE__ */ L(_, {
 							htmlFor: "vehicleNumber",
 							children: ["Vehicle Number ", /* @__PURE__ */ I("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ I(e, {
+						}), /* @__PURE__ */ I(g, {
 							id: "vehicleNumber",
-							value: y.vehicleNumber,
-							onChange: (e) => b((t) => ({
+							value: h.vehicleNumber,
+							onChange: (e) => v((t) => ({
 								...t,
 								vehicleNumber: e.target.value
 							})),
@@ -151,22 +154,22 @@ function H({ editId: i }) {
 						})]
 					}), /* @__PURE__ */ L("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ L(f, {
+						children: [/* @__PURE__ */ L(_, {
 							htmlFor: "type",
 							children: ["Type ", /* @__PURE__ */ I("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ L(a, {
-							value: y.type,
-							onValueChange: (e) => b((t) => ({
+						}), /* @__PURE__ */ L(y, {
+							value: h.type,
+							onValueChange: (e) => v((t) => ({
 								...t,
 								type: e
 							})),
-							children: [/* @__PURE__ */ I(r, {
+							children: [/* @__PURE__ */ I(S, {
 								id: "type",
-								children: /* @__PURE__ */ I(o, {})
-							}), /* @__PURE__ */ I(t, { children: V.map((e) => /* @__PURE__ */ I(n, {
+								children: /* @__PURE__ */ I(C, {})
+							}), /* @__PURE__ */ I(b, { children: V.map((e) => /* @__PURE__ */ I(x, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
@@ -177,13 +180,13 @@ function H({ editId: i }) {
 					children: [
 						/* @__PURE__ */ L("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
+							children: [/* @__PURE__ */ I(_, {
 								htmlFor: "make",
 								children: "Make"
-							}), /* @__PURE__ */ I(e, {
+							}), /* @__PURE__ */ I(g, {
 								id: "make",
-								value: y.make,
-								onChange: (e) => b((t) => ({
+								value: h.make,
+								onChange: (e) => v((t) => ({
 									...t,
 									make: e.target.value
 								})),
@@ -192,13 +195,13 @@ function H({ editId: i }) {
 						}),
 						/* @__PURE__ */ L("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
+							children: [/* @__PURE__ */ I(_, {
 								htmlFor: "model",
 								children: "Model"
-							}), /* @__PURE__ */ I(e, {
+							}), /* @__PURE__ */ I(g, {
 								id: "model",
-								value: y.model,
-								onChange: (e) => b((t) => ({
+								value: h.model,
+								onChange: (e) => v((t) => ({
 									...t,
 									model: e.target.value
 								})),
@@ -207,13 +210,13 @@ function H({ editId: i }) {
 						}),
 						/* @__PURE__ */ L("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(f, {
+							children: [/* @__PURE__ */ I(_, {
 								htmlFor: "licensePlate",
 								children: "License Plate"
-							}), /* @__PURE__ */ I(e, {
+							}), /* @__PURE__ */ I(g, {
 								id: "licensePlate",
-								value: y.licensePlate,
-								onChange: (e) => b((t) => ({
+								value: h.licensePlate,
+								onChange: (e) => v((t) => ({
 									...t,
 									licensePlate: e.target.value
 								})),
@@ -227,35 +230,35 @@ function H({ editId: i }) {
 	});
 }
 function U() {
-	let { vehicleId: e } = F(), { basePath: t, navigate: n } = g(), { vehicle: r, isLoading: a, error: o, refetch: f } = E(e), S = P().pathname.endsWith("/edit"), D = () => n?.(p(t, "fleet/vehicles")), A = (e) => n?.(p(t, e));
-	return e ? S ? /* @__PURE__ */ I(H, { editId: e }) : a ? /* @__PURE__ */ I(h, { message: "Loading vehicle details..." }) : o || !r ? /* @__PURE__ */ I(m, {
+	let { vehicleId: r } = F(), { basePath: l, navigate: g } = c(), { vehicle: _, isLoading: y, error: b, refetch: x } = u(r), S = P().pathname.endsWith("/edit"), C = () => g?.(s(l, "fleet/vehicles")), k = (e) => g?.(s(l, e));
+	return r ? S ? /* @__PURE__ */ I(H, { editId: r }) : y ? /* @__PURE__ */ I(T, { message: "Loading vehicle details..." }) : b || !_ ? /* @__PURE__ */ I(w, {
 		title: "Vehicle not found",
-		onRetry: f
-	}) : /* @__PURE__ */ L(d, {
-		title: r.vehicleNumber,
-		subtitle: `${r.make} ${r.model} (${r.year})`,
-		icon: /* @__PURE__ */ I(w, { size: 24 }),
+		onRetry: x
+	}) : /* @__PURE__ */ L(E, {
+		title: _.vehicleNumber,
+		subtitle: `${_.make} ${_.model} (${_.year})`,
+		icon: /* @__PURE__ */ I(a, { size: 24 }),
 		headerActions: /* @__PURE__ */ L("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(_, {
+			children: [/* @__PURE__ */ L(d, {
 				variant: "outline",
-				onClick: D,
-				children: [/* @__PURE__ */ I(v, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ L(_, {
-				onClick: () => n?.(p(t, "fleet/vehicles/" + e + "/edit")),
-				children: [/* @__PURE__ */ I(C, { size: 16 }), " Edit"]
+				onClick: C,
+				children: [/* @__PURE__ */ I(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ L(d, {
+				onClick: () => g?.(s(l, "fleet/vehicles/" + r + "/edit")),
+				children: [/* @__PURE__ */ I(i, { size: 16 }), " Edit"]
 			})]
 		}),
 		headerContent: /* @__PURE__ */ L("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ I(k, {
-				status: r.status,
+			children: [/* @__PURE__ */ I(D, {
+				status: _.status,
 				type: "vehicle"
-			}), /* @__PURE__ */ I(O, { type: r.type })]
+			}), /* @__PURE__ */ I(O, { type: _.type })]
 		}),
 		children: [
 			/* @__PURE__ */ I(B, {
-				icon: /* @__PURE__ */ I(w, { size: 18 }),
+				icon: /* @__PURE__ */ I(a, { size: 18 }),
 				children: "The full record for this vehicle — specs, capacity, fuel and mileage, maintenance schedule and current location. Use it to confirm a vehicle is fuelled, serviced and the right size before dispatching it on a delivery."
 			}),
 			/* @__PURE__ */ I(z, {
@@ -264,13 +267,13 @@ function U() {
 					id: "assign",
 					label: "Assign to a delivery",
 					description: "Put this vehicle on an order that fits its capacity.",
-					icon: /* @__PURE__ */ I(x, { size: 16 }),
-					onClick: () => A("orders")
+					icon: /* @__PURE__ */ I(n, { size: 16 }),
+					onClick: () => k("orders")
 				}, {
 					id: "maintenance",
 					label: "Schedule maintenance",
 					description: "Keep it road-ready and compliant.",
-					icon: /* @__PURE__ */ I(T, { size: 16 }),
+					icon: /* @__PURE__ */ I(o, { size: 16 }),
 					onClick: () => {}
 				}]
 			}),
@@ -290,32 +293,32 @@ function U() {
 									children: "Type"
 								}), /* @__PURE__ */ I("p", {
 									className: "font-medium capitalize",
-									children: r.type
+									children: _.type
 								})] }),
 								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 									className: "text-sm text-text-secondary",
 									children: "Make"
 								}), /* @__PURE__ */ I("p", {
 									className: "font-medium",
-									children: r.make
+									children: _.make
 								})] }),
 								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 									className: "text-sm text-text-secondary",
 									children: "Model"
 								}), /* @__PURE__ */ I("p", {
 									className: "font-medium",
-									children: r.model
+									children: _.model
 								})] }),
 								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 									className: "text-sm text-text-secondary",
 									children: "Year"
 								}), /* @__PURE__ */ I("p", {
 									className: "font-medium",
-									children: r.year
+									children: _.year
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Capacity" }) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ L("div", {
+						/* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ I(h, { children: "Capacity" }) }), /* @__PURE__ */ I(p, { children: /* @__PURE__ */ L("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-6",
 							children: [
 								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
@@ -323,7 +326,7 @@ function U() {
 									children: "Weight"
 								}), /* @__PURE__ */ L("p", {
 									className: "text-2xl font-bold",
-									children: [r.capacity.weight, /* @__PURE__ */ I("span", {
+									children: [_.capacity.weight, /* @__PURE__ */ I("span", {
 										className: "text-sm font-normal",
 										children: " kg"
 									})]
@@ -333,43 +336,43 @@ function U() {
 									children: "Volume"
 								}), /* @__PURE__ */ L("p", {
 									className: "text-2xl font-bold",
-									children: [r.capacity.volume, /* @__PURE__ */ I("span", {
+									children: [_.capacity.volume, /* @__PURE__ */ I("span", {
 										className: "text-sm font-normal",
 										children: " m³"
 									})]
 								})] }),
-								r.capacity.pallets && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								_.capacity.pallets && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 									className: "text-sm text-text-secondary",
 									children: "Pallets"
 								}), /* @__PURE__ */ I("p", {
 									className: "text-2xl font-bold",
-									children: r.capacity.pallets
+									children: _.capacity.pallets
 								})] })
 							]
 						}) })] }),
-						/* @__PURE__ */ I(y, {
+						/* @__PURE__ */ I(j, {
 							entityType: "vehicle",
-							entityId: r.id
+							entityId: _.id
 						})
 					]
 				}), /* @__PURE__ */ L("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+						/* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ L(h, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(b, { size: 18 }), " Fuel & Mileage"]
-						}) }), /* @__PURE__ */ L(c, {
+							children: [/* @__PURE__ */ I(t, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ L(p, {
 							className: "space-y-4",
-							children: [r.fuelLevel !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("div", {
+							children: [_.fuelLevel !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("div", {
 								className: "flex justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ I("span", { children: "Fuel Level" }), /* @__PURE__ */ L("span", { children: [r.fuelLevel, "%"] })]
-							}), /* @__PURE__ */ I(i, { value: r.fuelLevel })] }), r.mileage !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								children: [/* @__PURE__ */ I("span", { children: "Fuel Level" }), /* @__PURE__ */ L("span", { children: [_.fuelLevel, "%"] })]
+							}), /* @__PURE__ */ I(v, { value: _.fuelLevel })] }), _.mileage !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 								className: "text-sm text-text-secondary",
 								children: "Total Mileage"
 							}), /* @__PURE__ */ L("p", {
 								className: "text-2xl font-bold",
 								children: [
-									r.mileage.toLocaleString(),
+									_.mileage.toLocaleString(),
 									" ",
 									/* @__PURE__ */ I("span", {
 										className: "text-sm font-normal",
@@ -378,34 +381,34 @@ function U() {
 								]
 							})] })]
 						})] }),
-						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+						/* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ L(h, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(T, { size: 18 }), " Maintenance"]
-						}) }), /* @__PURE__ */ L(c, {
+							children: [/* @__PURE__ */ I(o, { size: 18 }), " Maintenance"]
+						}) }), /* @__PURE__ */ L(p, {
 							className: "space-y-3",
 							children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 								className: "text-sm text-text-secondary",
 								children: "Last Maintenance"
 							}), /* @__PURE__ */ I("p", {
 								className: "font-medium",
-								children: r.lastMaintenance ? j(r.lastMaintenance) : "N/A"
+								children: _.lastMaintenance ? A(_.lastMaintenance) : "N/A"
 							})] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
 								className: "text-sm text-text-secondary",
 								children: "Next Scheduled"
 							}), /* @__PURE__ */ I("p", {
 								className: "font-medium",
-								children: r.nextMaintenance ? j(r.nextMaintenance) : "N/A"
+								children: _.nextMaintenance ? A(_.nextMaintenance) : "N/A"
 							})] })]
 						})] }),
-						r.currentLocation && /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+						_.currentLocation && /* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ L(h, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(x, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I("p", {
+							children: [/* @__PURE__ */ I(n, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ L(p, { children: [/* @__PURE__ */ I("p", {
 							className: "text-sm",
-							children: r.currentLocation.address || "Location updating..."
+							children: _.currentLocation.address || "Location updating..."
 						}), /* @__PURE__ */ L("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: ["Updated ", j(r.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+							children: ["Updated ", A(_.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
 						})] })] })
 					]
 				})]

package/dist/{VehiclesPage-BfBEyXGs.js → pages/VehiclesPage.js}

@@ -1,49 +1,52 @@
-import { M as e, i as t, lt as n, st as r } from "./PageLayout-j9Zw3wBN.js";
-import { t as i } from "./DataTable-CmdZd6iV.js";
-import { t as a } from "./circle-check-B_Y7FDyR.js";
-import { t as o } from "./download-BJonq2ty.js";
-import { t as s } from "./plus-Bk_G-lFC.js";
-import { t as c } from "./refresh-cw-C4-jecjy.js";
-import { t as l } from "./route-WpCP6F1x.js";
-import { t as u } from "./truck-DxhtLfkG.js";
-import { t as d } from "./wrench-DTJGFs17.js";
-import { i as f, o as p } from "./useFleet-BfA_-VUW.js";
-import { r as m, t as h } from "./MetricCard-CqU5WsyW.js";
-import { a as g, r as _ } from "./StatusBadge-BfiF-nNI.js";
+import { CircleCheck as e } from "../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import { Download as t } from "../node_modules/lucide-react/dist/esm/icons/download.js";
+import { Plus as n } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { RefreshCw as r } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { Route as i } from "../node_modules/lucide-react/dist/esm/icons/route.js";
+import { Truck as a } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { Wrench as o } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
+import { useFleetStats as l, useVehicles as u } from "../hooks/useFleet.js";
+import { Progress as d } from "../components/ui.js";
+import { PageLayout as f } from "../components/PageLayout.js";
+import { MetricCard as p, MetricGrid as m } from "../components/MetricCard.js";
+import { StatusBadge as h, VehicleTypeBadge as g } from "../components/StatusBadge.js";
+import { DataTable as _ } from "../components/DataTable.js";
 import { useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 import { CTAOverflowMenu as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehiclesPage.tsx
 function C() {
-	let { basePath: C, navigate: w } = r(), [T, E] = v(0), [D, O] = v(25), { vehicles: k, isLoading: A, error: j, refetch: M } = p({
+	let { basePath: C, navigate: w } = c(), [T, E] = v(0), [D, O] = v(25), { vehicles: k, isLoading: A, error: j, refetch: M } = u({
 		limit: D,
 		offset: T * D
-	}), { stats: N } = f(), P = N.totalVehicles, F = (e) => {
-		w && w(n(C, e));
+	}), { stats: N } = l(), P = N.totalVehicles, F = (e) => {
+		w && w(s(C, e));
 	};
-	return /* @__PURE__ */ b(t, {
+	return /* @__PURE__ */ b(f, {
 		title: "Vehicles",
 		subtitle: `${P} vehicles in fleet`,
-		icon: /* @__PURE__ */ y(u, { size: 24 }),
+		icon: /* @__PURE__ */ y(a, { size: 24 }),
 		headerActions: /* @__PURE__ */ y(x, {
 			primary: {
 				label: "Add Vehicle",
-				icon: /* @__PURE__ */ y(s, { size: 16 }),
+				icon: /* @__PURE__ */ y(n, { size: 16 }),
 				onSelect: () => F("fleet/vehicles/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ y(c, { size: 16 }),
+				icon: /* @__PURE__ */ y(r, { size: 16 }),
 				onSelect: () => M()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ y(o, { size: 16 }),
+				icon: /* @__PURE__ */ y(t, { size: 16 }),
 				onSelect: () => F("import-export")
 			}]
 		}),
 		children: [
 			/* @__PURE__ */ y(S, {
-				icon: /* @__PURE__ */ y(u, { size: 18 }),
+				icon: /* @__PURE__ */ y(a, { size: 18 }),
 				children: "Every truck, van and bike in your fleet. Monitor capacity, fuel level, mileage and maintenance status here so you always know which vehicles are road-ready before dispatching an order."
 			}),
 			/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
@@ -52,34 +55,34 @@ function C() {
 			}), /* @__PURE__ */ b(m, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(p, {
 						label: "Total vehicles",
 						value: P,
-						icon: /* @__PURE__ */ y(u, { size: 20 }),
+						icon: /* @__PURE__ */ y(a, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(p, {
 						label: "Available now",
 						value: N.vehiclesByStatus.available,
-						icon: /* @__PURE__ */ y(a, { size: 20 }),
+						icon: /* @__PURE__ */ y(e, { size: 20 }),
 						accent: "success",
 						subtitle: "Ready to dispatch"
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(p, {
 						label: "On assignment",
 						value: N.vehiclesByStatus.assigned,
-						icon: /* @__PURE__ */ y(l, { size: 20 }),
+						icon: /* @__PURE__ */ y(i, { size: 20 }),
 						accent: "blue"
 					}),
-					/* @__PURE__ */ y(h, {
+					/* @__PURE__ */ y(p, {
 						label: "In maintenance",
 						value: N.vehiclesByStatus.maintenance,
-						icon: /* @__PURE__ */ y(d, { size: 20 }),
+						icon: /* @__PURE__ */ y(o, { size: 20 }),
 						accent: "warning"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ y(i, {
+			/* @__PURE__ */ y(_, {
 				columns: [
 					{
 						id: "vehicleNumber",
@@ -117,7 +120,7 @@ function C() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ y(_, {
+						cell: (e) => /* @__PURE__ */ y(h, {
 							status: e.status,
 							type: "vehicle"
 						})
@@ -136,14 +139,14 @@ function C() {
 					{
 						id: "fuel",
 						header: "Fuel Level",
-						cell: (t) => t.fuelLevel === void 0 ? "-" : /* @__PURE__ */ b("div", {
+						cell: (e) => e.fuelLevel === void 0 ? "-" : /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(e, {
-								value: t.fuelLevel,
+							children: [/* @__PURE__ */ y(d, {
+								value: e.fuelLevel,
 								className: "w-16 h-2"
 							}), /* @__PURE__ */ b("span", {
 								className: "text-sm",
-								children: [t.fuelLevel, "%"]
+								children: [e.fuelLevel, "%"]
 							})]
 						})
 					},