@burdenoff/microfe-movethewheels 2026.924.2 → 2026.925.2

package/dist/pages/VehicleDetailsPage.js

@@ -9,23 +9,23 @@ import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js
 import { UserRound as c } from "../node_modules/lucide-react/dist/esm/icons/user-round.js";
 import { joinPath as l } from "../utils/navigation.js";
 import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
-import { useFleet as d, useVehicle as f, useVehicleDrivers as p } from "../hooks/useFleet.js";
-import { Avatar as m, AvatarFallback as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Input as x, Label as S, Progress as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O } from "../components/ui.js";
-import { ErrorState as k, LoadingState as A, PageLayout as j } from "../components/PageLayout.js";
-import { StatusBadge as M, VehicleTypeBadge as N } from "../components/StatusBadge.js";
-import { FormError as P } from "../components/FormError.js";
-import { Notice as F, useNotice as I } from "../components/Notice.js";
-import { formatDate as L, getInitials as R } from "../utils/formatters.js";
-import { DocumentsCard as z } from "../components/DocumentsCard.js";
-import { useRecordVehicleService as B } from "../hooks/useFleetIntelligence.js";
-import { VehicleServiceCard as V } from "../components/VehicleServiceCard.js";
+import { toApiVehicleStatus as d, useFleet as f, useVehicle as p, useVehicleDrivers as m } from "../hooks/useFleet.js";
+import { Avatar as h, AvatarFallback as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S, Label as C, Progress as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k } from "../components/ui.js";
+import { ErrorState as A, LoadingState as j, PageLayout as M } from "../components/PageLayout.js";
+import { StatusBadge as N, VehicleTypeBadge as P } from "../components/StatusBadge.js";
+import { FormError as F } from "../components/FormError.js";
+import { Notice as I, useNotice as L } from "../components/Notice.js";
+import { formatDate as R, getInitials as z } from "../utils/formatters.js";
+import { DocumentsCard as B } from "../components/DocumentsCard.js";
+import { useRecordVehicleService as V } from "../hooks/useFleetIntelligence.js";
+import { VehicleServiceCard as ee } from "../components/VehicleServiceCard.js";
 import { useEffect as H, useState as U } from "react";
-import { useLocation as W, useParams as ee } from "react-router";
-import { jsx as G, jsxs as K } from "react/jsx-runtime";
-import { useI18n as te } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as q, NextSteps as ne, PagePurpose as J } from "@burdenoff/fe-libs/ui";
+import { useLocation as te, useParams as ne } from "react-router";
+import { jsx as W, jsxs as G } from "react/jsx-runtime";
+import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as K, NextSteps as ie, PagePurpose as q } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehicleDetailsPage.tsx
-var Y = [
+var J = [
 	{
 		value: "TRUCK",
 		label: "Truck"
@@ -58,380 +58,540 @@ var Y = [
 		value: "DRONE",
 		label: "Drone"
 	}
+], Y = [
+	{
+		value: "available",
+		label: "Available"
+	},
+	{
+		value: "assigned",
+		label: "In Transit"
+	},
+	{
+		value: "maintenance",
+		label: "Maintenance"
+	},
+	{
+		value: "out_of_service",
+		label: "Out of Service"
+	}
+], X = [
+	{
+		value: "owned",
+		label: "Owned"
+	},
+	{
+		value: "leased",
+		label: "Leased"
+	},
+	{
+		value: "rented",
+		label: "Rented"
+	}
 ];
-function X({ editId: t }) {
-	let { basePath: n, navigate: r } = u(), { createVehicle: i, updateVehicle: o } = d(), { vehicle: c } = f(t), p = !!t, [m, h] = U({
+function Z({ editId: t }) {
+	let { basePath: n, navigate: r } = u(), { createVehicle: i, updateVehicle: o } = f(), { vehicle: c } = p(t), m = !!t, [h, g] = U({
 		vehicleNumber: "",
 		type: "VAN",
 		make: "",
 		model: "",
-		licensePlate: ""
-	}), [_, v] = U(!1), [y, b] = U(null);
+		licensePlate: "",
+		ownershipType: "",
+		year: "",
+		status: "available",
+		fuelType: "",
+		fuelEfficiencyLPer100Km: ""
+	}), [v, y] = U(!1), [b, x] = U(null);
 	H(() => {
-		t && c && h({
+		t && c && g({
 			vehicleNumber: c.vehicleNumber ?? "",
 			type: c.type ? c.type.toUpperCase() : "VAN",
 			make: c.make ?? "",
 			model: c.model ?? "",
-			licensePlate: c.licensePlate ?? ""
+			licensePlate: c.licensePlate ?? "",
+			ownershipType: c.ownershipType ?? "",
+			year: c.year ? String(c.year) : "",
+			status: c.status,
+			fuelType: c.fuelType ?? "",
+			fuelEfficiencyLPer100Km: c.fuelEfficiencyLPer100Km === void 0 ? "" : String(c.fuelEfficiencyLPer100Km)
 		});
 	}, [t, c]);
-	let C = () => r?.(l(n, "fleet/vehicles")), k = async (e) => {
-		if (e.preventDefault(), !m.vehicleNumber.trim()) {
-			b("Vehicle number is required.");
+	let w = () => r?.(l(n, "fleet/vehicles")), A = async (e) => {
+		if (e.preventDefault(), !h.vehicleNumber.trim()) {
+			x("Vehicle number is required.");
 			return;
 		}
-		v(!0), b(null);
+		y(!0), x(null);
 		try {
+			let e = {
+				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,
+				ownershipType: h.ownershipType || void 0,
+				year: h.year ? Number(h.year) : void 0,
+				status: d(h.status),
+				fuelType: h.fuelType || void 0,
+				fuelEfficiencyLPer100Km: h.fuelEfficiencyLPer100Km ? Number(h.fuelEfficiencyLPer100Km) : void 0
+			};
 			if (t) {
-				let e = await o(t, {
-					vehicleNumber: m.vehicleNumber.trim(),
-					type: m.type,
-					make: m.make.trim() || void 0,
-					model: m.model.trim() || void 0,
-					licensePlate: m.licensePlate.trim() || void 0
-				});
-				r?.(l(n, `fleet/vehicles/${e.id}`));
+				let i = await o(t, e);
+				r?.(l(n, `fleet/vehicles/${i.id}`));
 			} else {
-				let e = await i({
-					vehicleNumber: m.vehicleNumber.trim(),
-					type: m.type,
-					make: m.make.trim() || void 0,
-					model: m.model.trim() || void 0,
-					licensePlate: m.licensePlate.trim() || void 0
-				});
-				r?.(l(n, `fleet/vehicles/${e.id}`));
+				let t = await i(e);
+				r?.(l(n, `fleet/vehicles/${t.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create vehicle:", e), b(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), v(!1);
+			console.error("Failed to create vehicle:", e), x(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), y(!1);
 		}
 	};
-	return /* @__PURE__ */ K(j, {
-		title: p ? "Edit Vehicle" : "Add Vehicle",
+	return /* @__PURE__ */ G(M, {
+		title: m ? "Edit Vehicle" : "Add Vehicle",
 		subtitle: "Register a new vehicle in your fleet",
-		icon: /* @__PURE__ */ G(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ K("div", {
+		icon: /* @__PURE__ */ W(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ G("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ K(g, {
+			children: [/* @__PURE__ */ G(_, {
 				variant: "outline",
-				onClick: C,
-				disabled: _,
-				children: [/* @__PURE__ */ G(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ K(g, {
-				onClick: k,
-				disabled: _,
+				onClick: w,
+				disabled: v,
+				children: [/* @__PURE__ */ W(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ G(_, {
+				onClick: A,
+				disabled: v,
 				children: [
-					/* @__PURE__ */ G(a, { size: 16 }),
+					/* @__PURE__ */ W(a, { size: 16 }),
 					" ",
-					p ? _ ? "Saving..." : "Save Changes" : _ ? "Saving..." : "Add Vehicle"
+					m ? v ? "Saving..." : "Save Changes" : v ? "Saving..." : "Add Vehicle"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ G(J, {
-			icon: /* @__PURE__ */ G(s, { size: 18 }),
+		children: [/* @__PURE__ */ W(q, {
+			icon: /* @__PURE__ */ W(s, { 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__ */ K("form", {
-			onSubmit: k,
+		}), /* @__PURE__ */ G("form", {
+			onSubmit: A,
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ G(P, { message: y }), /* @__PURE__ */ K(q, { children: [/* @__PURE__ */ G("h2", {
+			children: [/* @__PURE__ */ W(F, { message: b }), /* @__PURE__ */ G(K, { children: [/* @__PURE__ */ W("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
 				children: "Vehicle Details"
-			}), /* @__PURE__ */ K("div", {
+			}), /* @__PURE__ */ G("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ K("div", {
-					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ K("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ K(S, {
-							htmlFor: "vehicleNumber",
-							children: ["Vehicle Number ", /* @__PURE__ */ G("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ G(x, {
-							id: "vehicleNumber",
-							value: m.vehicleNumber,
-							onChange: (e) => h((t) => ({
-								...t,
-								vehicleNumber: e.target.value
-							})),
-							placeholder: "MTW-001",
-							required: !0
-						})]
-					}), /* @__PURE__ */ K("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ K(S, {
-							htmlFor: "type",
-							children: ["Type ", /* @__PURE__ */ G("span", {
-								className: "text-status-error-text",
-								children: "*"
+				children: [
+					/* @__PURE__ */ G("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ G("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ G(C, {
+								htmlFor: "vehicleNumber",
+								children: ["Vehicle Number ", /* @__PURE__ */ W("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})]
+							}), /* @__PURE__ */ W(S, {
+								id: "vehicleNumber",
+								value: h.vehicleNumber,
+								onChange: (e) => g((t) => ({
+									...t,
+									vehicleNumber: e.target.value
+								})),
+								placeholder: "MTW-001",
+								required: !0
 							})]
-						}), /* @__PURE__ */ K(w, {
-							value: m.type,
-							onValueChange: (e) => h((t) => ({
-								...t,
-								type: e
-							})),
-							children: [/* @__PURE__ */ G(D, {
-								id: "type",
-								children: /* @__PURE__ */ G(O, {})
-							}), /* @__PURE__ */ G(T, { children: Y.map((e) => /* @__PURE__ */ G(E, {
-								value: e.value,
-								children: e.label
-							}, e.value)) })]
-						})]
-					})]
-				}), /* @__PURE__ */ K("div", {
-					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-					children: [
-						/* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ G(S, {
-								htmlFor: "make",
-								children: "Make"
-							}), /* @__PURE__ */ G(x, {
-								id: "make",
-								value: m.make,
-								onChange: (e) => h((t) => ({
+							children: [/* @__PURE__ */ G(C, {
+								htmlFor: "type",
+								children: ["Type ", /* @__PURE__ */ W("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})]
+							}), /* @__PURE__ */ G(T, {
+								value: h.type,
+								onValueChange: (e) => g((t) => ({
 									...t,
-									make: e.target.value
+									type: e
 								})),
-								placeholder: "Ford"
+								children: [/* @__PURE__ */ W(O, {
+									id: "type",
+									children: /* @__PURE__ */ W(k, {})
+								}), /* @__PURE__ */ W(E, { children: J.map((e) => /* @__PURE__ */ W(D, {
+									value: e.value,
+									children: e.label
+								}, e.value)) })]
 							})]
-						}),
-						/* @__PURE__ */ K("div", {
+						})]
+					}),
+					/* @__PURE__ */ G("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+						children: [
+							/* @__PURE__ */ G("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ W(C, {
+									htmlFor: "make",
+									children: "Make"
+								}), /* @__PURE__ */ W(S, {
+									id: "make",
+									value: h.make,
+									onChange: (e) => g((t) => ({
+										...t,
+										make: e.target.value
+									})),
+									placeholder: "Ford"
+								})]
+							}),
+							/* @__PURE__ */ G("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ W(C, {
+									htmlFor: "model",
+									children: "Model"
+								}), /* @__PURE__ */ W(S, {
+									id: "model",
+									value: h.model,
+									onChange: (e) => g((t) => ({
+										...t,
+										model: e.target.value
+									})),
+									placeholder: "Transit"
+								})]
+							}),
+							/* @__PURE__ */ G("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ W(C, {
+									htmlFor: "licensePlate",
+									children: "License Plate"
+								}), /* @__PURE__ */ W(S, {
+									id: "licensePlate",
+									value: h.licensePlate,
+									onChange: (e) => g((t) => ({
+										...t,
+										licensePlate: e.target.value
+									})),
+									placeholder: "ABC-1234"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ G("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+						children: [
+							/* @__PURE__ */ G("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ W(C, {
+									htmlFor: "ownershipType",
+									children: "Ownership"
+								}), /* @__PURE__ */ G(T, {
+									value: h.ownershipType || void 0,
+									onValueChange: (e) => g((t) => ({
+										...t,
+										ownershipType: e
+									})),
+									children: [/* @__PURE__ */ W(O, {
+										id: "ownershipType",
+										children: /* @__PURE__ */ W(k, { placeholder: "Select ownership" })
+									}), /* @__PURE__ */ W(E, { children: X.map((e) => /* @__PURE__ */ W(D, {
+										value: e.value,
+										children: e.label
+									}, e.value)) })]
+								})]
+							}),
+							/* @__PURE__ */ G("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ W(C, {
+									htmlFor: "year",
+									children: "Year"
+								}), /* @__PURE__ */ W(S, {
+									id: "year",
+									type: "number",
+									min: 1980,
+									max: (/* @__PURE__ */ new Date()).getFullYear() + 1,
+									value: h.year,
+									onChange: (e) => g((t) => ({
+										...t,
+										year: e.target.value
+									})),
+									placeholder: String((/* @__PURE__ */ new Date()).getFullYear())
+								})]
+							}),
+							/* @__PURE__ */ G("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ W(C, {
+									htmlFor: "vehicleStatus",
+									children: "Status"
+								}), /* @__PURE__ */ G(T, {
+									value: h.status,
+									onValueChange: (e) => g((t) => ({
+										...t,
+										status: e
+									})),
+									children: [/* @__PURE__ */ W(O, {
+										id: "vehicleStatus",
+										children: /* @__PURE__ */ W(k, {})
+									}), /* @__PURE__ */ W(E, { children: Y.map((e) => /* @__PURE__ */ W(D, {
+										value: e.value,
+										children: e.label
+									}, e.value)) })]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ G("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ G("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ G(S, {
-								htmlFor: "model",
-								children: "Model"
-							}), /* @__PURE__ */ G(x, {
-								id: "model",
-								value: m.model,
-								onChange: (e) => h((t) => ({
+							children: [/* @__PURE__ */ W(C, {
+								htmlFor: "fuelType",
+								children: "Fuel Type"
+							}), /* @__PURE__ */ W(S, {
+								id: "fuelType",
+								value: h.fuelType,
+								onChange: (e) => g((t) => ({
 									...t,
-									model: e.target.value
+									fuelType: e.target.value
 								})),
-								placeholder: "Transit"
+								placeholder: "Diesel"
 							})]
-						}),
-						/* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ G(S, {
-								htmlFor: "licensePlate",
-								children: "License Plate"
-							}), /* @__PURE__ */ G(x, {
-								id: "licensePlate",
-								value: m.licensePlate,
-								onChange: (e) => h((t) => ({
+							children: [/* @__PURE__ */ W(C, {
+								htmlFor: "fuelEfficiency",
+								children: "Fuel Efficiency (L/100km)"
+							}), /* @__PURE__ */ W(S, {
+								id: "fuelEfficiency",
+								type: "number",
+								min: 0,
+								step: .1,
+								value: h.fuelEfficiencyLPer100Km,
+								onChange: (e) => g((t) => ({
 									...t,
-									licensePlate: e.target.value
+									fuelEfficiencyLPer100Km: e.target.value
 								})),
-								placeholder: "ABC-1234"
+								placeholder: "12.5"
 							})]
-						})
-					]
-				})]
+						})]
+					})
+				]
 			})] })]
 		})]
 	});
 }
-function Z() {
-	let { vehicleId: a } = ee(), { basePath: d, navigate: x } = u(), { vehicle: S, isLoading: w, error: T, refetch: E } = f(a), D = B(), { message: O, notify: P } = I(), { t: H } = te(), U = (e, t) => {
-		let n = H(e);
+function Q() {
+	let { vehicleId: a } = ne(), { basePath: d, navigate: f } = u(), { vehicle: S, isLoading: C, error: T, refetch: E } = p(a), D = V(), { message: O, notify: k } = L(), { t: F } = re(), H = (e, t) => {
+		let n = F(e);
 		return n === e ? t : n;
-	}, Y = W().pathname.endsWith("/edit"), { drivers: Z, isLoading: re, error: Q } = p(Y ? void 0 : a), ie = () => x?.(l(d, "fleet/vehicles")), $ = (e) => x?.(l(d, e));
-	return a ? Y ? /* @__PURE__ */ G(X, { editId: a }) : w ? /* @__PURE__ */ G(A, { message: "Loading vehicle details..." }) : T || !S ? /* @__PURE__ */ G(k, {
+	}, U = te().pathname.endsWith("/edit"), { drivers: J, isLoading: Y, error: X } = m(U ? void 0 : a), Q = () => f?.(l(d, "fleet/vehicles")), $ = (e) => f?.(l(d, e));
+	return a ? U ? /* @__PURE__ */ W(Z, { editId: a }) : C ? /* @__PURE__ */ W(j, { message: "Loading vehicle details..." }) : T || !S ? /* @__PURE__ */ W(A, {
 		title: "Vehicle not found",
 		onRetry: E
-	}) : /* @__PURE__ */ K(j, {
+	}) : /* @__PURE__ */ G(M, {
 		title: S.vehicleNumber,
 		subtitle: `${S.make} ${S.model} (${S.year})`,
-		icon: /* @__PURE__ */ G(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ K("div", {
+		icon: /* @__PURE__ */ W(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ G("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ K(g, {
+			children: [/* @__PURE__ */ G(_, {
 				variant: "outline",
-				onClick: ie,
-				children: [/* @__PURE__ */ G(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ K(g, {
-				onClick: () => x?.(l(d, "fleet/vehicles/" + a + "/edit")),
-				children: [/* @__PURE__ */ G(o, { size: 16 }), " Edit"]
+				onClick: Q,
+				children: [/* @__PURE__ */ W(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ G(_, {
+				onClick: () => f?.(l(d, "fleet/vehicles/" + a + "/edit")),
+				children: [/* @__PURE__ */ W(o, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ K("div", {
+		headerContent: /* @__PURE__ */ G("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ G(M, {
+			children: [/* @__PURE__ */ W(N, {
 				status: S.status,
 				type: "vehicle"
-			}), /* @__PURE__ */ G(N, { type: S.type })]
+			}), /* @__PURE__ */ W(P, { type: S.type })]
 		}),
 		children: [
-			/* @__PURE__ */ G(J, {
-				icon: /* @__PURE__ */ G(s, { size: 18 }),
+			/* @__PURE__ */ W(q, {
+				icon: /* @__PURE__ */ W(s, { size: 18 }),
 				children: "The full record for this vehicle — specs, capacity, fuel and mileage, who is driving it and where it is right now. Use it to confirm a vehicle is fuelled, crewed and the right size before dispatching it on a delivery."
 			}),
-			/* @__PURE__ */ G(ne, {
+			/* @__PURE__ */ W(ie, {
 				storageKey: "movethewheels-vehicle-details",
 				steps: [{
 					id: "assign",
 					label: "Assign to a delivery",
 					description: "Put this vehicle on an order that fits its capacity.",
-					icon: /* @__PURE__ */ G(r, { size: 16 }),
+					icon: /* @__PURE__ */ W(r, { size: 16 }),
 					onClick: () => $("orders")
 				}, {
 					id: "driver",
-					label: Z.length > 0 ? "Review the assigned driver" : "Assign a driver",
+					label: J.length > 0 ? "Review the assigned driver" : "Assign a driver",
 					description: "A vehicle needs a driver before it can be dispatched.",
-					icon: /* @__PURE__ */ G(c, { size: 16 }),
-					done: Z.length > 0,
-					onClick: () => Z[0] ? $(`fleet/drivers/${Z[0].id}`) : $("fleet/drivers")
+					icon: /* @__PURE__ */ W(c, { size: 16 }),
+					done: J.length > 0,
+					onClick: () => J[0] ? $(`fleet/drivers/${J[0].id}`) : $("fleet/drivers")
 				}]
 			}),
-			O && /* @__PURE__ */ G("div", {
+			O && /* @__PURE__ */ W("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ G(F, { message: O })
+				children: /* @__PURE__ */ W(I, { message: O })
 			}),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ G("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ K(q, { children: [/* @__PURE__ */ G("h2", {
+						/* @__PURE__ */ G(K, { children: [/* @__PURE__ */ W("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Vehicle Information"
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "grid grid-cols-2 md:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Type"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ W("p", {
 									className: "font-medium capitalize",
 									children: S.type
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Make"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ W("p", {
 									className: "font-medium",
 									children: S.make || "—"
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Model"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ W("p", {
 									className: "font-medium",
 									children: S.model || "—"
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Year"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ W("p", {
 									className: "font-medium",
 									children: S.year
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "License Plate"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ W("p", {
 									className: "font-medium",
 									children: S.licensePlate || "—"
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Ownership"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ W("p", {
 									className: "font-medium capitalize",
 									children: S.ownershipType || "—"
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ G(b, { children: "Capacity" }) }), /* @__PURE__ */ G(v, { children: /* @__PURE__ */ K("div", {
+						/* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ W(x, { children: "Capacity" }) }), /* @__PURE__ */ W(y, { children: /* @__PURE__ */ G("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Weight"
-								}), /* @__PURE__ */ K("p", {
+								}), /* @__PURE__ */ G("p", {
 									className: "text-2xl font-bold",
-									children: [S.capacity.weight, /* @__PURE__ */ G("span", {
+									children: [S.capacity.weight, /* @__PURE__ */ W("span", {
 										className: "text-sm font-normal",
 										children: " kg"
 									})]
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Volume"
-								}), /* @__PURE__ */ K("p", {
+								}), /* @__PURE__ */ G("p", {
 									className: "text-2xl font-bold",
-									children: [S.capacity.volume, /* @__PURE__ */ G("span", {
+									children: [S.capacity.volume, /* @__PURE__ */ W("span", {
 										className: "text-sm font-normal",
 										children: " m³"
 									})]
 								})] }),
-								S.capacity.pallets && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								S.capacity.pallets && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "Pallets"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ W("p", {
 									className: "text-2xl font-bold",
 									children: S.capacity.pallets
 								})] })
 							]
 						}) })] }),
-						/* @__PURE__ */ G(z, {
+						/* @__PURE__ */ W(B, {
 							entityType: "vehicle",
 							entityId: S.id
 						})
 					]
-				}), /* @__PURE__ */ K("div", {
+				}), /* @__PURE__ */ G("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ K(b, {
+						/* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ G(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ G(t, { size: 18 }), " Fuel & Mileage"]
-						}) }), /* @__PURE__ */ K(v, {
+							children: [/* @__PURE__ */ W(t, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ G(y, {
 							className: "space-y-4",
-							children: [S.fuelLevel !== void 0 && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ K("div", {
-								className: "flex justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ G("span", { children: "Fuel Level" }), /* @__PURE__ */ K("span", { children: [S.fuelLevel, "%"] })]
-							}), /* @__PURE__ */ G(C, { value: S.fuelLevel })] }), S.mileage !== void 0 && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
-								className: "text-sm text-text-secondary",
-								children: "Total Mileage"
-							}), /* @__PURE__ */ K("p", {
-								className: "text-2xl font-bold",
-								children: [
-									S.mileage.toLocaleString(),
-									" ",
-									/* @__PURE__ */ G("span", {
-										className: "text-sm font-normal",
-										children: "miles"
-									})
-								]
-							})] })]
+							children: [
+								S.fuelLevel !== void 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ G("div", {
+									className: "flex justify-between text-sm mb-2",
+									children: [/* @__PURE__ */ W("span", { children: "Fuel Level" }), /* @__PURE__ */ G("span", { children: [S.fuelLevel, "%"] })]
+								}), /* @__PURE__ */ W(w, { value: S.fuelLevel })] }),
+								S.mileage !== void 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+									className: "text-sm text-text-secondary",
+									children: "Total Mileage"
+								}), /* @__PURE__ */ G("p", {
+									className: "text-2xl font-bold",
+									children: [
+										S.mileage.toLocaleString(),
+										" ",
+										/* @__PURE__ */ W("span", {
+											className: "text-sm font-normal",
+											children: "miles"
+										})
+									]
+								})] }),
+								(S.fuelType || S.fuelEfficiencyLPer100Km !== void 0) && /* @__PURE__ */ G("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [S.fuelType && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+										className: "text-sm text-text-secondary",
+										children: "Fuel Type"
+									}), /* @__PURE__ */ W("p", {
+										className: "font-medium",
+										children: S.fuelType
+									})] }), S.fuelEfficiencyLPer100Km !== void 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+										className: "text-sm text-text-secondary",
+										children: "Efficiency"
+									}), /* @__PURE__ */ G("p", {
+										className: "font-medium",
+										children: [S.fuelEfficiencyLPer100Km, " L/100km"]
+									})] })]
+								})
+							]
 						})] }),
-						/* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ K(b, {
+						/* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ G(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ G(c, { size: 18 }), " Assigned Driver"]
-						}) }), /* @__PURE__ */ G(v, {
+							children: [/* @__PURE__ */ W(c, { size: 18 }), " Assigned Driver"]
+						}) }), /* @__PURE__ */ W(y, {
 							className: "space-y-4",
-							children: re ? /* @__PURE__ */ G("p", {
+							children: Y ? /* @__PURE__ */ W("p", {
 								className: "text-sm text-text-secondary",
 								children: "Loading assignment…"
-							}) : Q ? /* @__PURE__ */ G("p", {
+							}) : X ? /* @__PURE__ */ W("p", {
 								className: "text-sm text-status-error-text",
-								children: Q.message
-							}) : Z.length === 0 ? /* @__PURE__ */ K("div", {
+								children: X.message
+							}) : J.length === 0 ? /* @__PURE__ */ G("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ G("p", {
+								children: [/* @__PURE__ */ W("p", {
 									className: "text-sm text-text-secondary",
 									children: "No driver is assigned to this vehicle yet."
-								}), /* @__PURE__ */ G(g, {
+								}), /* @__PURE__ */ W(_, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => $("fleet/drivers"),
 									children: "Assign from the roster"
 								})]
-							}) : Z.map((e) => /* @__PURE__ */ K("div", {
+							}) : J.map((e) => /* @__PURE__ */ G("div", {
 								role: "button",
 								tabIndex: 0,
 								className: "flex w-full items-start gap-3 rounded-lg p-2 text-left hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
@@ -439,34 +599,34 @@ function Z() {
 								onKeyDown: (t) => {
 									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), $(`fleet/drivers/${e.id}`));
 								},
-								children: [/* @__PURE__ */ G(m, { children: /* @__PURE__ */ G(h, { children: R(e.fullName) }) }), /* @__PURE__ */ K("div", {
+								children: [/* @__PURE__ */ W(h, { children: /* @__PURE__ */ W(g, { children: z(e.fullName) }) }), /* @__PURE__ */ G("div", {
 									className: "min-w-0 space-y-1",
 									children: [
-										/* @__PURE__ */ G("p", {
+										/* @__PURE__ */ W("p", {
 											className: "font-medium",
 											children: e.fullName
 										}),
-										/* @__PURE__ */ G("p", {
+										/* @__PURE__ */ W("p", {
 											className: "text-xs text-text-secondary",
 											children: e.employeeId
 										}),
-										/* @__PURE__ */ G(M, {
+										/* @__PURE__ */ W(N, {
 											status: e.status,
 											type: "driver",
 											size: "sm"
 										}),
-										e.email && /* @__PURE__ */ K("p", {
+										e.email && /* @__PURE__ */ G("p", {
 											className: "flex items-center gap-1.5 truncate text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ G(n, { size: 13 }),
+												/* @__PURE__ */ W(n, { size: 13 }),
 												" ",
 												e.email
 											]
 										}),
-										e.phone && /* @__PURE__ */ K("p", {
+										e.phone && /* @__PURE__ */ G("p", {
 											className: "flex items-center gap-1.5 text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ G(i, { size: 13 }),
+												/* @__PURE__ */ W(i, { size: 13 }),
 												" ",
 												e.phone
 											]
@@ -475,28 +635,28 @@ function Z() {
 								})]
 							}, e.id))
 						})] }),
-						/* @__PURE__ */ G(V, {
+						/* @__PURE__ */ W(ee, {
 							vehicle: S,
-							t: U,
+							t: H,
 							onRecord: async (e) => {
-								await D(S.id, e), P(U("movethewheels.vehicles.service.saved", "Service recorded.")), E();
+								await D(S.id, e), k(H("movethewheels.vehicles.service.saved", "Service recorded.")), E();
 							}
 						}),
-						S.currentLocation && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ K(b, {
+						S.currentLocation && /* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ G(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ G(r, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ K(v, { children: [/* @__PURE__ */ G("p", {
+							children: [/* @__PURE__ */ W(r, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ G(y, { children: [/* @__PURE__ */ W("p", {
 							className: "text-sm",
 							children: S.currentLocation.address || "Location updating..."
-						}), /* @__PURE__ */ K("p", {
+						}), /* @__PURE__ */ G("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: ["Updated ", L(S.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+							children: ["Updated ", R(S.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
 						})] })] })
 					]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ G(X, {});
+	}) : /* @__PURE__ */ W(Z, {});
 }
 //#endregion
-export { Z as default };
+export { Q as default };