@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.4

package/dist/pages/VehicleDetailsPage.js

@@ -10,25 +10,25 @@ import { Truck as c } from "../node_modules/lucide-react/dist/esm/icons/truck.js
 import { UserRound as l } from "../node_modules/lucide-react/dist/esm/icons/user-round.js";
 import { joinPath as u } from "../utils/navigation.js";
 import { useMoveTheWheels as d } from "../providers/MoveTheWheelsProvider.js";
-import { toApiVehicleStatus as f, useFleet as p, useVehicle as m, useVehicleDrivers as h } from "../hooks/useFleet.js";
-import { Avatar as g, AvatarFallback as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C, Label as w, Progress as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A } from "../components/ui.js";
-import { ErrorState as j, LoadingState as M, PageLayout as N } from "../components/PageLayout.js";
-import { VEHICLE_STATUS_LABELS as P } from "../constants/index.js";
-import { StatusBadge as F, VehicleTypeBadge as I } from "../components/StatusBadge.js";
-import { FormError as L } from "../components/FormError.js";
-import { Notice as R, useNotice as z } from "../components/Notice.js";
-import { formatDate as B, getInitials as V } from "../utils/formatters.js";
-import { DocumentsCard as H } from "../components/DocumentsCard.js";
-import { useRefetchOnLeaveEdit as U } from "../hooks/useRefetchOnLeaveEdit.js";
-import { useRecordVehicleService as W } from "../hooks/useFleetIntelligence.js";
-import { VehicleServiceCard as ee } from "../components/VehicleServiceCard.js";
+import { formatDate as f, formatWeight as p, getInitials as m } from "../utils/formatters.js";
+import { toApiVehicleStatus as h, useFleet as g, useVehicle as _, useVehicleDrivers as v } from "../hooks/useFleet.js";
+import { Avatar as y, AvatarFallback as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, Input as E, Label as D, Progress as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as M, SelectValue as N } from "../components/ui.js";
+import { ErrorState as P, LoadingState as F, PageLayout as I } from "../components/PageLayout.js";
+import { VEHICLE_STATUS_LABELS as L } from "../constants/index.js";
+import { StatusBadge as R, VehicleTypeBadge as z } from "../components/StatusBadge.js";
+import { FormError as B } from "../components/FormError.js";
+import { Notice as V, useNotice as H } from "../components/Notice.js";
+import { DocumentsCard as U } from "../components/DocumentsCard.js";
+import { useRefetchOnLeaveEdit as W } from "../hooks/useRefetchOnLeaveEdit.js";
+import { useRecordVehicleService as ee } from "../hooks/useFleetIntelligence.js";
+import { VehicleServiceCard as te } from "../components/VehicleServiceCard.js";
 import { useEffect as G, useState as K } from "react";
-import { useLocation as te, useParams as ne } from "react-router";
+import { useLocation as ne, useParams as re } from "react-router";
 import { jsx as q, jsxs as J } from "react/jsx-runtime";
-import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as Y, NextSteps as ie, PagePurpose as X, ResponsiveDialog as Z, ResponsiveDialogContent as Q, ResponsiveDialogDescription as $, ResponsiveDialogFooter as ae, ResponsiveDialogHeader as oe, ResponsiveDialogTitle as se } from "@burdenoff/fe-libs/ui";
+import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as Y, NextSteps as ae, PagePurpose as X, ResponsiveDialog as Z, ResponsiveDialogContent as Q, ResponsiveDialogDescription as $, ResponsiveDialogFooter as oe, ResponsiveDialogHeader as se, ResponsiveDialogTitle as ce } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehicleDetailsPage.tsx
-var ce = [
+var le = [
 	{
 		value: "TRUCK",
 		label: "Truck"
@@ -61,10 +61,10 @@ var ce = [
 		value: "DRONE",
 		label: "Drone"
 	}
-], le = Object.entries(P).map(([e, t]) => ({
+], ue = Object.entries(L).map(([e, t]) => ({
 	value: e,
 	label: t
-})), ue = [
+})), de = [
 	{
 		value: "DIESEL",
 		label: "Diesel"
@@ -85,7 +85,7 @@ var ce = [
 		value: "HYBRID",
 		label: "Hybrid"
 	}
-], de = [
+], fe = [
 	{
 		value: "owned",
 		label: "Owned"
@@ -99,8 +99,8 @@ var ce = [
 		label: "Rented"
 	}
 ];
-function fe({ editId: t }) {
-	let { basePath: n, navigate: r } = d(), { createVehicle: i, updateVehicle: o, deleteVehicle: l } = p(), { vehicle: h } = m(t), g = !!t, [_, T] = K({
+function pe({ editId: t }) {
+	let { basePath: n, navigate: r } = d(), { createVehicle: i, updateVehicle: o, deleteVehicle: l } = g(), { vehicle: f } = _(t), p = !!t, [m, v] = K({
 		vehicleNumber: "",
 		type: "VAN",
 		make: "",
@@ -114,46 +114,46 @@ function fe({ editId: t }) {
 		capacityWeight: "",
 		capacityVolume: "",
 		capacityPallets: ""
-	}), [j, M] = K(!1), [P, F] = K(null), [I, R] = K(!1), [z, B] = K(!1), [V, H] = K(null);
+	}), [y, b] = K(!1), [O, P] = K(null), [F, L] = K(!1), [R, z] = K(!1), [V, H] = K(null);
 	G(() => {
-		t && h && T({
-			vehicleNumber: h.vehicleNumber ?? "",
-			type: h.type ? h.type.toUpperCase() : "VAN",
-			make: h.make ?? "",
-			model: h.model ?? "",
-			licensePlate: h.licensePlate ?? "",
-			ownershipType: h.ownershipType ?? "",
-			year: h.year ? String(h.year) : "",
-			status: h.status,
-			fuelType: h.fuelType ?? "",
-			fuelEfficiencyLPer100Km: h.fuelEfficiencyLPer100Km === void 0 ? "" : String(h.fuelEfficiencyLPer100Km),
-			capacityWeight: h.capacity.weight ? String(h.capacity.weight) : "",
-			capacityVolume: h.capacity.volume ? String(h.capacity.volume) : "",
-			capacityPallets: h.capacity.pallets ? String(h.capacity.pallets) : ""
+		t && f && v({
+			vehicleNumber: f.vehicleNumber ?? "",
+			type: f.type ? f.type.toUpperCase() : "VAN",
+			make: f.make ?? "",
+			model: f.model ?? "",
+			licensePlate: f.licensePlate ?? "",
+			ownershipType: f.ownershipType ?? "",
+			year: f.year ? String(f.year) : "",
+			status: f.status,
+			fuelType: f.fuelType ?? "",
+			fuelEfficiencyLPer100Km: f.fuelEfficiencyLPer100Km === void 0 ? "" : String(f.fuelEfficiencyLPer100Km),
+			capacityWeight: f.capacity.weight ? String(f.capacity.weight) : "",
+			capacityVolume: f.capacity.volume ? String(f.capacity.volume) : "",
+			capacityPallets: f.capacity.pallets ? String(f.capacity.pallets) : ""
 		});
-	}, [t, h]);
+	}, [t, f]);
 	let U = () => r?.(u(n, "fleet/vehicles")), W = async (e) => {
-		if (e.preventDefault(), !_.vehicleNumber.trim()) {
-			F("Vehicle number is required.");
+		if (e.preventDefault(), !m.vehicleNumber.trim()) {
+			P("Vehicle number is required.");
 			return;
 		}
-		M(!0), F(null);
+		b(!0), P(null);
 		try {
 			let e = {
-				vehicleNumber: _.vehicleNumber.trim(),
-				type: _.type,
-				make: _.make.trim() || void 0,
-				model: _.model.trim() || void 0,
-				licensePlate: _.licensePlate.trim() || void 0,
-				ownershipType: _.ownershipType || void 0,
-				year: _.year ? Number(_.year) : void 0,
-				status: f(_.status),
-				fuelType: _.fuelType || void 0,
-				fuelEfficiencyLPer100Km: _.fuelEfficiencyLPer100Km ? Number(_.fuelEfficiencyLPer100Km) : void 0,
-				capacity: _.capacityWeight || _.capacityVolume || _.capacityPallets ? {
-					weight: _.capacityWeight ? Number(_.capacityWeight) : void 0,
-					volume: _.capacityVolume ? Number(_.capacityVolume) : void 0,
-					pallets: _.capacityPallets ? Number(_.capacityPallets) : void 0
+				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,
+				ownershipType: m.ownershipType || void 0,
+				year: m.year ? Number(m.year) : void 0,
+				status: h(m.status),
+				fuelType: m.fuelType || void 0,
+				fuelEfficiencyLPer100Km: m.fuelEfficiencyLPer100Km ? Number(m.fuelEfficiencyLPer100Km) : void 0,
+				capacity: m.capacityWeight || m.capacityVolume || m.capacityPallets ? {
+					weight: m.capacityWeight ? Number(m.capacityWeight) : void 0,
+					volume: m.capacityVolume ? Number(m.capacityVolume) : void 0,
+					pallets: m.capacityPallets ? Number(m.capacityPallets) : void 0
 				} : void 0
 			};
 			if (t) {
@@ -164,27 +164,27 @@ function fe({ editId: t }) {
 				r?.(u(n, `fleet/vehicles/${t.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create vehicle:", e), F(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), M(!1);
+			console.error("Failed to create vehicle:", e), P(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), b(!1);
 		}
 	};
-	return /* @__PURE__ */ J(N, {
-		title: g ? "Edit Vehicle" : "Add Vehicle",
+	return /* @__PURE__ */ J(I, {
+		title: p ? "Edit Vehicle" : "Add Vehicle",
 		subtitle: "Register a new vehicle in your fleet",
 		icon: /* @__PURE__ */ q(c, { size: 24 }),
 		headerActions: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ J(v, {
+			children: [/* @__PURE__ */ J(x, {
 				variant: "outline",
 				onClick: U,
-				disabled: j,
+				disabled: y,
 				children: [/* @__PURE__ */ q(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ J(v, {
+			}), /* @__PURE__ */ J(x, {
 				onClick: W,
-				disabled: j,
+				disabled: y,
 				children: [
 					/* @__PURE__ */ q(a, { size: 16 }),
 					" ",
-					g ? j ? "Saving..." : "Save Changes" : j ? "Saving..." : "Add Vehicle"
+					p ? y ? "Saving..." : "Save Changes" : y ? "Saving..." : "Add Vehicle"
 				]
 			})]
 		}),
@@ -197,7 +197,7 @@ function fe({ editId: t }) {
 				onSubmit: W,
 				className: "max-w-2xl space-y-6",
 				children: [
-					/* @__PURE__ */ q(L, { message: P }),
+					/* @__PURE__ */ q(B, { message: O }),
 					/* @__PURE__ */ J(Y, { children: [/* @__PURE__ */ q("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Vehicle Details"
@@ -208,16 +208,16 @@ function fe({ editId: t }) {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 								children: [/* @__PURE__ */ J("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ J(w, {
+									children: [/* @__PURE__ */ J(D, {
 										htmlFor: "vehicleNumber",
 										children: ["Vehicle Number ", /* @__PURE__ */ q("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ q(C, {
+									}), /* @__PURE__ */ q(E, {
 										id: "vehicleNumber",
-										value: _.vehicleNumber,
-										onChange: (e) => T((t) => ({
+										value: m.vehicleNumber,
+										onChange: (e) => v((t) => ({
 											...t,
 											vehicleNumber: e.target.value
 										})),
@@ -226,22 +226,22 @@ function fe({ editId: t }) {
 									})]
 								}), /* @__PURE__ */ J("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ J(w, {
+									children: [/* @__PURE__ */ J(D, {
 										htmlFor: "type",
 										children: ["Type ", /* @__PURE__ */ q("span", {
 											className: "text-status-error-text",
 											children: "*"
 										})]
-									}), /* @__PURE__ */ J(E, {
-										value: _.type,
-										onValueChange: (e) => T((t) => ({
+									}), /* @__PURE__ */ J(k, {
+										value: m.type,
+										onValueChange: (e) => v((t) => ({
 											...t,
 											type: e
 										})),
-										children: [/* @__PURE__ */ q(k, {
+										children: [/* @__PURE__ */ q(M, {
 											id: "type",
-											children: /* @__PURE__ */ q(A, {})
-										}), /* @__PURE__ */ q(D, { children: ce.map((e) => /* @__PURE__ */ q(O, {
+											children: /* @__PURE__ */ q(N, {})
+										}), /* @__PURE__ */ q(A, { children: le.map((e) => /* @__PURE__ */ q(j, {
 											value: e.value,
 											children: e.label
 										}, e.value)) })]
@@ -253,13 +253,13 @@ function fe({ editId: t }) {
 								children: [
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "make",
 											children: "Make"
-										}), /* @__PURE__ */ q(C, {
+										}), /* @__PURE__ */ q(E, {
 											id: "make",
-											value: _.make,
-											onChange: (e) => T((t) => ({
+											value: m.make,
+											onChange: (e) => v((t) => ({
 												...t,
 												make: e.target.value
 											})),
@@ -268,13 +268,13 @@ function fe({ editId: t }) {
 									}),
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "model",
 											children: "Model"
-										}), /* @__PURE__ */ q(C, {
+										}), /* @__PURE__ */ q(E, {
 											id: "model",
-											value: _.model,
-											onChange: (e) => T((t) => ({
+											value: m.model,
+											onChange: (e) => v((t) => ({
 												...t,
 												model: e.target.value
 											})),
@@ -283,13 +283,13 @@ function fe({ editId: t }) {
 									}),
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "licensePlate",
 											children: "License Plate"
-										}), /* @__PURE__ */ q(C, {
+										}), /* @__PURE__ */ q(E, {
 											id: "licensePlate",
-											value: _.licensePlate,
-											onChange: (e) => T((t) => ({
+											value: m.licensePlate,
+											onChange: (e) => v((t) => ({
 												...t,
 												licensePlate: e.target.value
 											})),
@@ -303,19 +303,19 @@ function fe({ editId: t }) {
 								children: [
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "ownershipType",
 											children: "Ownership"
-										}), /* @__PURE__ */ J(E, {
-											value: _.ownershipType || void 0,
-											onValueChange: (e) => T((t) => ({
+										}), /* @__PURE__ */ J(k, {
+											value: m.ownershipType || void 0,
+											onValueChange: (e) => v((t) => ({
 												...t,
 												ownershipType: e
 											})),
-											children: [/* @__PURE__ */ q(k, {
+											children: [/* @__PURE__ */ q(M, {
 												id: "ownershipType",
-												children: /* @__PURE__ */ q(A, { placeholder: "Select ownership" })
-											}), /* @__PURE__ */ q(D, { children: de.map((e) => /* @__PURE__ */ q(O, {
+												children: /* @__PURE__ */ q(N, { placeholder: "Select ownership" })
+											}), /* @__PURE__ */ q(A, { children: fe.map((e) => /* @__PURE__ */ q(j, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
@@ -323,16 +323,16 @@ function fe({ editId: t }) {
 									}),
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "year",
 											children: "Year"
-										}), /* @__PURE__ */ q(C, {
+										}), /* @__PURE__ */ q(E, {
 											id: "year",
 											type: "number",
 											min: 1980,
 											max: (/* @__PURE__ */ new Date()).getFullYear() + 1,
-											value: _.year,
-											onChange: (e) => T((t) => ({
+											value: m.year,
+											onChange: (e) => v((t) => ({
 												...t,
 												year: e.target.value
 											})),
@@ -341,19 +341,19 @@ function fe({ editId: t }) {
 									}),
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "vehicleStatus",
 											children: "Status"
-										}), /* @__PURE__ */ J(E, {
-											value: _.status,
-											onValueChange: (e) => T((t) => ({
+										}), /* @__PURE__ */ J(k, {
+											value: m.status,
+											onValueChange: (e) => v((t) => ({
 												...t,
 												status: e
 											})),
-											children: [/* @__PURE__ */ q(k, {
+											children: [/* @__PURE__ */ q(M, {
 												id: "vehicleStatus",
-												children: /* @__PURE__ */ q(A, {})
-											}), /* @__PURE__ */ q(D, { children: le.map((e) => /* @__PURE__ */ q(O, {
+												children: /* @__PURE__ */ q(N, {})
+											}), /* @__PURE__ */ q(A, { children: ue.map((e) => /* @__PURE__ */ q(j, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
@@ -365,38 +365,38 @@ function fe({ editId: t }) {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 								children: [/* @__PURE__ */ J("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ q(w, {
+									children: [/* @__PURE__ */ q(D, {
 										htmlFor: "fuelType",
 										children: "Fuel Type"
-									}), /* @__PURE__ */ J(E, {
-										value: _.fuelType || void 0,
+									}), /* @__PURE__ */ J(k, {
+										value: m.fuelType || void 0,
 										onValueChange: (e) => {
-											let t = ue.find((t) => t.value === e)?.value;
-											T((e) => ({
+											let t = de.find((t) => t.value === e)?.value;
+											v((e) => ({
 												...e,
 												fuelType: t ?? ""
 											}));
 										},
-										children: [/* @__PURE__ */ q(k, {
+										children: [/* @__PURE__ */ q(M, {
 											id: "fuelType",
-											children: /* @__PURE__ */ q(A, { placeholder: "Select fuel type" })
-										}), /* @__PURE__ */ q(D, { children: ue.map((e) => /* @__PURE__ */ q(O, {
+											children: /* @__PURE__ */ q(N, { placeholder: "Select fuel type" })
+										}), /* @__PURE__ */ q(A, { children: de.map((e) => /* @__PURE__ */ q(j, {
 											value: e.value,
 											children: e.label
 										}, e.value)) })]
 									})]
 								}), /* @__PURE__ */ J("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ q(w, {
+									children: [/* @__PURE__ */ q(D, {
 										htmlFor: "fuelEfficiency",
 										children: "Fuel Efficiency (L/100km)"
-									}), /* @__PURE__ */ q(C, {
+									}), /* @__PURE__ */ q(E, {
 										id: "fuelEfficiency",
 										type: "number",
 										min: 0,
 										step: .1,
-										value: _.fuelEfficiencyLPer100Km,
-										onChange: (e) => T((t) => ({
+										value: m.fuelEfficiencyLPer100Km,
+										onChange: (e) => v((t) => ({
 											...t,
 											fuelEfficiencyLPer100Km: e.target.value
 										})),
@@ -409,15 +409,15 @@ function fe({ editId: t }) {
 								children: [
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "capacityWeight",
 											children: "Capacity — Weight (kg)"
-										}), /* @__PURE__ */ q(C, {
+										}), /* @__PURE__ */ q(E, {
 											id: "capacityWeight",
 											type: "number",
 											min: 0,
-											value: _.capacityWeight,
-											onChange: (e) => T((t) => ({
+											value: m.capacityWeight,
+											onChange: (e) => v((t) => ({
 												...t,
 												capacityWeight: e.target.value
 											})),
@@ -426,16 +426,16 @@ function fe({ editId: t }) {
 									}),
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "capacityVolume",
 											children: "Capacity — Volume (m³)"
-										}), /* @__PURE__ */ q(C, {
+										}), /* @__PURE__ */ q(E, {
 											id: "capacityVolume",
 											type: "number",
 											min: 0,
 											step: .1,
-											value: _.capacityVolume,
-											onChange: (e) => T((t) => ({
+											value: m.capacityVolume,
+											onChange: (e) => v((t) => ({
 												...t,
 												capacityVolume: e.target.value
 											})),
@@ -444,15 +444,15 @@ function fe({ editId: t }) {
 									}),
 									/* @__PURE__ */ J("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ q(w, {
+										children: [/* @__PURE__ */ q(D, {
 											htmlFor: "capacityPallets",
 											children: "Capacity — Pallets"
-										}), /* @__PURE__ */ q(C, {
+										}), /* @__PURE__ */ q(E, {
 											id: "capacityPallets",
 											type: "number",
 											min: 0,
-											value: _.capacityPallets,
-											onChange: (e) => T((t) => ({
+											value: m.capacityPallets,
+											onChange: (e) => v((t) => ({
 												...t,
 												capacityPallets: e.target.value
 											})),
@@ -463,102 +463,102 @@ function fe({ editId: t }) {
 							})
 						]
 					})] }),
-					g && /* @__PURE__ */ J(y, {
+					p && /* @__PURE__ */ J(S, {
 						className: "border-status-error-border",
-						children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
+						children: [/* @__PURE__ */ q(w, { children: /* @__PURE__ */ J(T, {
 							className: "flex items-center gap-2 text-status-error-text",
 							children: [/* @__PURE__ */ q(s, { size: 18 }), " Delete Vehicle"]
-						}) }), /* @__PURE__ */ J(b, { children: [/* @__PURE__ */ q("p", {
+						}) }), /* @__PURE__ */ J(C, { children: [/* @__PURE__ */ q("p", {
 							className: "mb-3 text-sm text-text-secondary",
 							children: "Removes this vehicle from the active fleet. It can no longer be assigned to drivers, orders, or routes. This cannot be undone from here."
-						}), /* @__PURE__ */ J(v, {
+						}), /* @__PURE__ */ J(x, {
 							type: "button",
 							variant: "outline",
 							className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
-							onClick: () => R(!0),
+							onClick: () => L(!0),
 							children: [/* @__PURE__ */ q(s, { size: 16 }), " Delete this vehicle"]
 						})] })]
 					})
 				]
 			}),
 			/* @__PURE__ */ q(Z, {
-				open: I,
-				onOpenChange: R,
+				open: F,
+				onOpenChange: L,
 				children: /* @__PURE__ */ J(Q, { children: [
-					/* @__PURE__ */ J(oe, { children: [/* @__PURE__ */ q(se, { children: "Delete this vehicle?" }), /* @__PURE__ */ J($, { children: [
+					/* @__PURE__ */ J(se, { children: [/* @__PURE__ */ q(ce, { children: "Delete this vehicle?" }), /* @__PURE__ */ J($, { children: [
 						"This removes ",
-						_.vehicleNumber || "this vehicle",
+						m.vehicleNumber || "this vehicle",
 						" from the active fleet. It cannot be undone from here."
 					] })] }),
 					/* @__PURE__ */ q("div", {
 						className: "px-1",
-						children: /* @__PURE__ */ q(L, { message: V })
+						children: /* @__PURE__ */ q(B, { message: V })
 					}),
-					/* @__PURE__ */ J(ae, { children: [/* @__PURE__ */ q(v, {
+					/* @__PURE__ */ J(oe, { children: [/* @__PURE__ */ q(x, {
 						variant: "outline",
-						onClick: () => R(!1),
-						disabled: z,
+						onClick: () => L(!1),
+						disabled: R,
 						children: "Cancel"
-					}), /* @__PURE__ */ q(v, {
+					}), /* @__PURE__ */ q(x, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
 						onClick: async () => {
 							if (t) {
-								B(!0), H(null);
+								z(!0), H(null);
 								try {
-									await l(t), R(!1), r?.(u(n, "fleet/vehicles"));
+									await l(t), L(!1), r?.(u(n, "fleet/vehicles"));
 								} catch (e) {
 									H(e instanceof Error ? e.message : "Failed to delete vehicle.");
 								} finally {
-									B(!1);
+									z(!1);
 								}
 							}
 						},
-						disabled: z,
-						children: z ? "Deleting..." : "Delete vehicle"
+						disabled: R,
+						children: R ? "Deleting..." : "Delete vehicle"
 					})] })
 				] })
 			})
 		]
 	});
 }
-function pe() {
-	let { vehicleId: a } = ne(), { basePath: s, navigate: f } = d(), { vehicle: p, isLoading: C, error: w, refetch: E } = m(a), D = W(), { message: O, notify: k } = z(), { t: A } = re(), P = (e, t) => {
-		let n = A(e);
+function me() {
+	let { vehicleId: a } = re(), { basePath: s, navigate: h } = d(), { vehicle: g, isLoading: E, error: D, refetch: k } = _(a), A = ee(), { message: j, notify: M } = H(), { t: N } = ie(), L = (e, t) => {
+		let n = N(e);
 		return n === e ? t : n;
-	}, L = te().pathname.endsWith("/edit");
-	U(L, E);
-	let { drivers: G, isLoading: K, error: Z } = h(L ? void 0 : a), Q = () => f?.(u(s, "fleet/vehicles")), $ = (e) => f?.(u(s, e));
-	return a ? L ? /* @__PURE__ */ q(fe, { editId: a }) : C ? /* @__PURE__ */ q(M, { message: "Loading vehicle details..." }) : w || !p ? /* @__PURE__ */ q(j, {
+	}, B = ne().pathname.endsWith("/edit");
+	W(B, k);
+	let { drivers: G, isLoading: K, error: Z } = v(B ? void 0 : a), Q = () => h?.(u(s, "fleet/vehicles")), $ = (e) => h?.(u(s, e));
+	return a ? B ? /* @__PURE__ */ q(pe, { editId: a }) : E ? /* @__PURE__ */ q(F, { message: "Loading vehicle details..." }) : D || !g ? /* @__PURE__ */ q(P, {
 		title: "Vehicle not found",
-		onRetry: E
-	}) : /* @__PURE__ */ J(N, {
-		title: p.vehicleNumber,
-		subtitle: `${p.make} ${p.model}${p.year ? ` (${p.year})` : ""}`,
+		onRetry: k
+	}) : /* @__PURE__ */ J(I, {
+		title: g.vehicleNumber,
+		subtitle: `${g.make} ${g.model}${g.year ? ` (${g.year})` : ""}`,
 		icon: /* @__PURE__ */ q(c, { size: 24 }),
 		headerActions: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ J(v, {
+			children: [/* @__PURE__ */ J(x, {
 				variant: "outline",
 				onClick: Q,
 				children: [/* @__PURE__ */ q(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ J(v, {
-				onClick: () => f?.(u(s, "fleet/vehicles/" + a + "/edit")),
+			}), /* @__PURE__ */ J(x, {
+				onClick: () => h?.(u(s, "fleet/vehicles/" + a + "/edit")),
 				children: [/* @__PURE__ */ q(o, { size: 16 }), " Edit"]
 			})]
 		}),
 		headerContent: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ q(F, {
-				status: p.status,
+			children: [/* @__PURE__ */ q(R, {
+				status: g.status,
 				type: "vehicle"
-			}), /* @__PURE__ */ q(I, { type: p.type })]
+			}), /* @__PURE__ */ q(z, { type: g.type })]
 		}),
 		children: [
 			/* @__PURE__ */ q(X, {
 				icon: /* @__PURE__ */ q(c, { 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__ */ q(ie, {
+			/* @__PURE__ */ q(ae, {
 				storageKey: "movethewheels-vehicle-details",
 				steps: [{
 					id: "assign",
@@ -575,9 +575,9 @@ function pe() {
 					onClick: () => G[0] ? $(`fleet/drivers/${G[0].id}`) : $("fleet/drivers")
 				}]
 			}),
-			O && /* @__PURE__ */ q("div", {
+			j && /* @__PURE__ */ q("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ q(R, { message: O })
+				children: /* @__PURE__ */ q(V, { message: j })
 			}),
 			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
@@ -595,46 +595,46 @@ function pe() {
 									children: "Type"
 								}), /* @__PURE__ */ q("p", {
 									className: "font-medium capitalize",
-									children: p.type
+									children: g.type
 								})] }),
 								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Make"
 								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: p.make || "—"
+									children: g.make || "—"
 								})] }),
 								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Model"
 								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: p.model || "—"
+									children: g.model || "—"
 								})] }),
 								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Year"
 								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: p.year ?? "—"
+									children: g.year ?? "—"
 								})] }),
 								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "License Plate"
 								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: p.licensePlate || "—"
+									children: g.licensePlate || "—"
 								})] }),
 								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Ownership"
 								}), /* @__PURE__ */ q("p", {
 									className: "font-medium capitalize",
-									children: p.ownershipType || "—"
+									children: g.ownershipType || "—"
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ q(S, { children: "Capacity" }) }), /* @__PURE__ */ q(b, { children: /* @__PURE__ */ J("div", {
+						/* @__PURE__ */ J(S, { children: [/* @__PURE__ */ q(w, { children: /* @__PURE__ */ q(T, { children: "Capacity" }) }), /* @__PURE__ */ q(C, { children: /* @__PURE__ */ J("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-6",
 							children: [
 								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
@@ -642,49 +642,49 @@ function pe() {
 									children: "Weight"
 								}), /* @__PURE__ */ q("p", {
 									className: "text-2xl font-bold",
-									children: p.capacity.weight === void 0 ? "—" : `${p.capacity.weight} kg`
+									children: g.capacity.weight === void 0 ? "—" : p(g.capacity.weight)
 								})] }),
 								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Volume"
 								}), /* @__PURE__ */ q("p", {
 									className: "text-2xl font-bold",
-									children: p.capacity.volume === void 0 ? "—" : `${p.capacity.volume} m³`
+									children: g.capacity.volume === void 0 ? "—" : `${g.capacity.volume} m³`
 								})] }),
-								p.capacity.pallets && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+								g.capacity.pallets && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Pallets"
 								}), /* @__PURE__ */ q("p", {
 									className: "text-2xl font-bold",
-									children: p.capacity.pallets
+									children: g.capacity.pallets
 								})] })
 							]
 						}) })] }),
-						/* @__PURE__ */ q(H, {
+						/* @__PURE__ */ q(U, {
 							entityType: "vehicle",
-							entityId: p.id
+							entityId: g.id
 						})
 					]
 				}), /* @__PURE__ */ J("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
+						/* @__PURE__ */ J(S, { children: [/* @__PURE__ */ q(w, { children: /* @__PURE__ */ J(T, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ q(t, { size: 18 }), " Fuel & Mileage"]
-						}) }), /* @__PURE__ */ J(b, {
+						}) }), /* @__PURE__ */ J(C, {
 							className: "space-y-4",
 							children: [
-								p.fuelLevel !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("div", {
+								g.fuelLevel !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("div", {
 									className: "flex justify-between text-sm mb-2",
-									children: [/* @__PURE__ */ q("span", { children: "Fuel Level" }), /* @__PURE__ */ J("span", { children: [p.fuelLevel, "%"] })]
-								}), /* @__PURE__ */ q(T, { value: p.fuelLevel })] }),
-								p.mileage !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+									children: [/* @__PURE__ */ q("span", { children: "Fuel Level" }), /* @__PURE__ */ J("span", { children: [g.fuelLevel, "%"] })]
+								}), /* @__PURE__ */ q(O, { value: g.fuelLevel })] }),
+								g.mileage !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Total Mileage"
 								}), /* @__PURE__ */ J("p", {
 									className: "text-2xl font-bold",
 									children: [
-										p.mileage.toLocaleString(),
+										g.mileage.toLocaleString(),
 										" ",
 										/* @__PURE__ */ q("span", {
 											className: "text-sm font-normal",
@@ -692,28 +692,28 @@ function pe() {
 										})
 									]
 								})] }),
-								(p.fuelType || p.fuelEfficiencyLPer100Km !== void 0) && /* @__PURE__ */ J("div", {
+								(g.fuelType || g.fuelEfficiencyLPer100Km !== void 0) && /* @__PURE__ */ J("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [p.fuelType && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+									children: [g.fuelType && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 										className: "text-sm text-text-secondary",
 										children: "Fuel Type"
 									}), /* @__PURE__ */ q("p", {
 										className: "font-medium",
-										children: p.fuelType
-									})] }), p.fuelEfficiencyLPer100Km !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
+										children: g.fuelType
+									})] }), g.fuelEfficiencyLPer100Km !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 										className: "text-sm text-text-secondary",
 										children: "Efficiency"
 									}), /* @__PURE__ */ J("p", {
 										className: "font-medium",
-										children: [p.fuelEfficiencyLPer100Km, " L/100km"]
+										children: [g.fuelEfficiencyLPer100Km, " L/100km"]
 									})] })]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
+						/* @__PURE__ */ J(S, { children: [/* @__PURE__ */ q(w, { children: /* @__PURE__ */ J(T, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ q(l, { size: 18 }), " Assigned Driver"]
-						}) }), /* @__PURE__ */ q(b, {
+						}) }), /* @__PURE__ */ q(C, {
 							className: "space-y-4",
 							children: K ? /* @__PURE__ */ q("p", {
 								className: "text-sm text-text-secondary",
@@ -726,7 +726,7 @@ function pe() {
 								children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "No driver is assigned to this vehicle yet."
-								}), /* @__PURE__ */ q(v, {
+								}), /* @__PURE__ */ q(x, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => $("fleet/drivers"),
@@ -740,7 +740,7 @@ function pe() {
 								onKeyDown: (t) => {
 									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), $(`fleet/drivers/${e.id}`));
 								},
-								children: [/* @__PURE__ */ q(g, { children: /* @__PURE__ */ q(_, { children: V(e.fullName) }) }), /* @__PURE__ */ J("div", {
+								children: [/* @__PURE__ */ q(y, { children: /* @__PURE__ */ q(b, { children: m(e.fullName) }) }), /* @__PURE__ */ J("div", {
 									className: "min-w-0 space-y-1",
 									children: [
 										/* @__PURE__ */ q("p", {
@@ -751,7 +751,7 @@ function pe() {
 											className: "text-xs text-text-secondary",
 											children: e.employeeId
 										}),
-										/* @__PURE__ */ q(F, {
+										/* @__PURE__ */ q(R, {
 											status: e.status,
 											type: "driver",
 											size: "sm"
@@ -776,28 +776,28 @@ function pe() {
 								})]
 							}, e.id))
 						})] }),
-						/* @__PURE__ */ q(ee, {
-							vehicle: p,
-							t: P,
+						/* @__PURE__ */ q(te, {
+							vehicle: g,
+							t: L,
 							onRecord: async (e) => {
-								await D(p.id, e), k(P("movethewheels.vehicles.service.saved", "Service recorded.")), E();
+								await A(g.id, e), M(L("movethewheels.vehicles.service.saved", "Service recorded.")), k();
 							}
 						}),
-						p.currentLocation && /* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
+						g.currentLocation && /* @__PURE__ */ J(S, { children: [/* @__PURE__ */ q(w, { children: /* @__PURE__ */ J(T, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ q(r, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ J(b, { children: [/* @__PURE__ */ q("p", {
+						}) }), /* @__PURE__ */ J(C, { children: [/* @__PURE__ */ q("p", {
 							className: "text-sm",
-							children: p.currentLocation.address || "Location updating..."
+							children: g.currentLocation.address || "Location updating..."
 						}), /* @__PURE__ */ q("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: p.currentLocation.timestamp ? `Updated ${B(p.currentLocation.timestamp, "relative")}` : "Update time not recorded"
+							children: g.currentLocation.timestamp ? `Updated ${f(g.currentLocation.timestamp, "relative")}` : "Update time not recorded"
 						})] })] })
 					]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ q(fe, {});
+	}) : /* @__PURE__ */ q(pe, {});
 }
 //#endregion
-export { pe as default };
+export { me as default };