@burdenoff/microfe-movethewheels 2026.925.2 → 2026.929.1

package/dist/pages/VehicleDetailsPage.js

@@ -5,27 +5,29 @@ import { MapPin as r } from "../node_modules/lucide-react/dist/esm/icons/map-pin
 import { Phone as i } from "../node_modules/lucide-react/dist/esm/icons/phone.js";
 import { Save as a } from "../node_modules/lucide-react/dist/esm/icons/save.js";
 import { SquarePen as o } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
-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 { 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 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";
+import { Trash2 as s } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+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 { useRecordVehicleService as U } from "../hooks/useFleetIntelligence.js";
+import { VehicleServiceCard as W } from "../components/VehicleServiceCard.js";
+import { useEffect as G, useState as K } from "react";
+import { useLocation as ee, useParams as te } from "react-router";
+import { jsx as q, jsxs as J } from "react/jsx-runtime";
+import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as Y, NextSteps as re, PagePurpose as X, ResponsiveDialog as Z, ResponsiveDialogContent as Q, ResponsiveDialogDescription as $, ResponsiveDialogFooter as ie, ResponsiveDialogHeader as ae, ResponsiveDialogTitle as oe } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehicleDetailsPage.tsx
-var J = [
+var se = [
 	{
 		value: "TRUCK",
 		label: "Truck"
@@ -58,24 +60,31 @@ var J = [
 		value: "DRONE",
 		label: "Drone"
 	}
-], Y = [
+], ce = Object.entries(P).map(([e, t]) => ({
+	value: e,
+	label: t
+})), le = [
 	{
-		value: "available",
-		label: "Available"
+		value: "DIESEL",
+		label: "Diesel"
 	},
 	{
-		value: "assigned",
-		label: "In Transit"
+		value: "PETROL",
+		label: "Petrol"
 	},
 	{
-		value: "maintenance",
-		label: "Maintenance"
+		value: "CNG",
+		label: "CNG"
 	},
 	{
-		value: "out_of_service",
-		label: "Out of Service"
+		value: "ELECTRIC",
+		label: "Electric"
+	},
+	{
+		value: "HYBRID",
+		label: "Hybrid"
 	}
-], X = [
+], ue = [
 	{
 		value: "owned",
 		label: "Owned"
@@ -89,8 +98,8 @@ var J = [
 		label: "Rented"
 	}
 ];
-function Z({ editId: t }) {
-	let { basePath: n, navigate: r } = u(), { createVehicle: i, updateVehicle: o } = f(), { vehicle: c } = p(t), m = !!t, [h, g] = U({
+function de({ editId: t }) {
+	let { basePath: n, navigate: r } = d(), { createVehicle: i, updateVehicle: o, deleteVehicle: l } = p(), { vehicle: h } = m(t), g = !!t, [_, T] = K({
 		vehicleNumber: "",
 		type: "VAN",
 		make: "",
@@ -100,498 +109,627 @@ function Z({ editId: t }) {
 		year: "",
 		status: "available",
 		fuelType: "",
-		fuelEfficiencyLPer100Km: ""
-	}), [v, y] = U(!1), [b, x] = U(null);
-	H(() => {
-		t && c && g({
-			vehicleNumber: c.vehicleNumber ?? "",
-			type: c.type ? c.type.toUpperCase() : "VAN",
-			make: c.make ?? "",
-			model: c.model ?? "",
-			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)
+		fuelEfficiencyLPer100Km: "",
+		capacityWeight: "",
+		capacityVolume: "",
+		capacityPallets: ""
+	}), [j, M] = K(!1), [P, F] = K(null), [I, R] = K(!1), [z, B] = 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, c]);
-	let w = () => r?.(l(n, "fleet/vehicles")), A = async (e) => {
-		if (e.preventDefault(), !h.vehicleNumber.trim()) {
-			x("Vehicle number is required.");
+	}, [t, h]);
+	let U = () => r?.(u(n, "fleet/vehicles")), W = async (e) => {
+		if (e.preventDefault(), !_.vehicleNumber.trim()) {
+			F("Vehicle number is required.");
 			return;
 		}
-		y(!0), x(null);
+		M(!0), F(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
+				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
+				} : void 0
 			};
 			if (t) {
 				let i = await o(t, e);
-				r?.(l(n, `fleet/vehicles/${i.id}`));
+				r?.(u(n, `fleet/vehicles/${i.id}`));
 			} else {
 				let t = await i(e);
-				r?.(l(n, `fleet/vehicles/${t.id}`));
+				r?.(u(n, `fleet/vehicles/${t.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create vehicle:", e), x(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), y(!1);
+			console.error("Failed to create vehicle:", e), F(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), M(!1);
 		}
 	};
-	return /* @__PURE__ */ G(M, {
-		title: m ? "Edit Vehicle" : "Add Vehicle",
+	return /* @__PURE__ */ J(N, {
+		title: g ? "Edit Vehicle" : "Add Vehicle",
 		subtitle: "Register a new vehicle in your fleet",
-		icon: /* @__PURE__ */ W(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ G("div", {
+		icon: /* @__PURE__ */ q(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ G(_, {
+			children: [/* @__PURE__ */ J(v, {
 				variant: "outline",
-				onClick: w,
-				disabled: v,
-				children: [/* @__PURE__ */ W(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ G(_, {
-				onClick: A,
-				disabled: v,
+				onClick: U,
+				disabled: j,
+				children: [/* @__PURE__ */ q(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ J(v, {
+				onClick: W,
+				disabled: j,
 				children: [
-					/* @__PURE__ */ W(a, { size: 16 }),
+					/* @__PURE__ */ q(a, { size: 16 }),
 					" ",
-					m ? v ? "Saving..." : "Save Changes" : v ? "Saving..." : "Add Vehicle"
+					g ? j ? "Saving..." : "Save Changes" : j ? "Saving..." : "Add Vehicle"
 				]
 			})]
 		}),
-		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__ */ G("form", {
-			onSubmit: A,
-			className: "max-w-2xl space-y-6",
-			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__ */ G("div", {
-				className: "space-y-4",
+		children: [
+			/* @__PURE__ */ q(X, {
+				icon: /* @__PURE__ */ q(c, { 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__ */ J("form", {
+				onSubmit: W,
+				className: "max-w-2xl space-y-6",
 				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__ */ G("div", {
-							className: "space-y-2",
-							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,
-									type: e
-								})),
-								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__ */ G("div", {
-						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					/* @__PURE__ */ q(L, { message: P }),
+					/* @__PURE__ */ J(Y, { children: [/* @__PURE__ */ q("h2", {
+						className: "text-base font-semibold text-text-primary mb-4",
+						children: "Vehicle Details"
+					}), /* @__PURE__ */ J("div", {
+						className: "space-y-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__ */ J("div", {
+								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ J("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ J(w, {
+										htmlFor: "vehicleNumber",
+										children: ["Vehicle Number ", /* @__PURE__ */ q("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ q(C, {
+										id: "vehicleNumber",
+										value: _.vehicleNumber,
+										onChange: (e) => T((t) => ({
+											...t,
+											vehicleNumber: e.target.value
+										})),
+										placeholder: "MTW-001",
+										required: !0
+									})]
+								}), /* @__PURE__ */ J("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ J(w, {
+										htmlFor: "type",
+										children: ["Type ", /* @__PURE__ */ q("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})]
+									}), /* @__PURE__ */ J(E, {
+										value: _.type,
+										onValueChange: (e) => T((t) => ({
+											...t,
+											type: e
+										})),
+										children: [/* @__PURE__ */ q(k, {
+											id: "type",
+											children: /* @__PURE__ */ q(A, {})
+										}), /* @__PURE__ */ q(D, { children: se.map((e) => /* @__PURE__ */ q(O, {
+											value: e.value,
+											children: e.label
+										}, e.value)) })]
+									})]
 								})]
 							}),
-							/* @__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__ */ J("div", {
+								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "make",
+											children: "Make"
+										}), /* @__PURE__ */ q(C, {
+											id: "make",
+											value: _.make,
+											onChange: (e) => T((t) => ({
+												...t,
+												make: e.target.value
+											})),
+											placeholder: "Ford"
+										})]
+									}),
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "model",
+											children: "Model"
+										}), /* @__PURE__ */ q(C, {
+											id: "model",
+											value: _.model,
+											onChange: (e) => T((t) => ({
+												...t,
+												model: e.target.value
+											})),
+											placeholder: "Transit"
+										})]
+									}),
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "licensePlate",
+											children: "License Plate"
+										}), /* @__PURE__ */ q(C, {
+											id: "licensePlate",
+											value: _.licensePlate,
+											onChange: (e) => T((t) => ({
+												...t,
+												licensePlate: e.target.value
+											})),
+											placeholder: "ABC-1234"
+										})]
+									})
+								]
 							}),
-							/* @__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__ */ J("div", {
+								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "ownershipType",
+											children: "Ownership"
+										}), /* @__PURE__ */ J(E, {
+											value: _.ownershipType || void 0,
+											onValueChange: (e) => T((t) => ({
+												...t,
+												ownershipType: e
+											})),
+											children: [/* @__PURE__ */ q(k, {
+												id: "ownershipType",
+												children: /* @__PURE__ */ q(A, { placeholder: "Select ownership" })
+											}), /* @__PURE__ */ q(D, { children: ue.map((e) => /* @__PURE__ */ q(O, {
+												value: e.value,
+												children: e.label
+											}, e.value)) })]
+										})]
+									}),
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "year",
+											children: "Year"
+										}), /* @__PURE__ */ q(C, {
+											id: "year",
+											type: "number",
+											min: 1980,
+											max: (/* @__PURE__ */ new Date()).getFullYear() + 1,
+											value: _.year,
+											onChange: (e) => T((t) => ({
+												...t,
+												year: e.target.value
+											})),
+											placeholder: String((/* @__PURE__ */ new Date()).getFullYear())
+										})]
+									}),
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "vehicleStatus",
+											children: "Status"
+										}), /* @__PURE__ */ J(E, {
+											value: _.status,
+											onValueChange: (e) => T((t) => ({
+												...t,
+												status: e
+											})),
+											children: [/* @__PURE__ */ q(k, {
+												id: "vehicleStatus",
+												children: /* @__PURE__ */ q(A, {})
+											}), /* @__PURE__ */ q(D, { children: ce.map((e) => /* @__PURE__ */ q(O, {
+												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__ */ J("div", {
+								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ J("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ q(w, {
+										htmlFor: "fuelType",
+										children: "Fuel Type"
+									}), /* @__PURE__ */ J(E, {
+										value: _.fuelType || void 0,
+										onValueChange: (e) => {
+											let t = le.find((t) => t.value === e)?.value;
+											T((e) => ({
+												...e,
+												fuelType: t ?? ""
+											}));
+										},
+										children: [/* @__PURE__ */ q(k, {
+											id: "fuelType",
+											children: /* @__PURE__ */ q(A, { placeholder: "Select fuel type" })
+										}), /* @__PURE__ */ q(D, { children: le.map((e) => /* @__PURE__ */ q(O, {
+											value: e.value,
+											children: e.label
+										}, e.value)) })]
+									})]
+								}), /* @__PURE__ */ J("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ q(w, {
+										htmlFor: "fuelEfficiency",
+										children: "Fuel Efficiency (L/100km)"
+									}), /* @__PURE__ */ q(C, {
+										id: "fuelEfficiency",
+										type: "number",
+										min: 0,
+										step: .1,
+										value: _.fuelEfficiencyLPer100Km,
+										onChange: (e) => T((t) => ({
+											...t,
+											fuelEfficiencyLPer100Km: e.target.value
+										})),
+										placeholder: "12.5"
+									})]
 								})]
 							}),
-							/* @__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__ */ J("div", {
+								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "capacityWeight",
+											children: "Capacity — Weight (kg)"
+										}), /* @__PURE__ */ q(C, {
+											id: "capacityWeight",
+											type: "number",
+											min: 0,
+											value: _.capacityWeight,
+											onChange: (e) => T((t) => ({
+												...t,
+												capacityWeight: e.target.value
+											})),
+											placeholder: "5000"
+										})]
+									}),
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "capacityVolume",
+											children: "Capacity — Volume (m³)"
+										}), /* @__PURE__ */ q(C, {
+											id: "capacityVolume",
+											type: "number",
+											min: 0,
+											step: .1,
+											value: _.capacityVolume,
+											onChange: (e) => T((t) => ({
+												...t,
+												capacityVolume: e.target.value
+											})),
+											placeholder: "18"
+										})]
+									}),
+									/* @__PURE__ */ J("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ q(w, {
+											htmlFor: "capacityPallets",
+											children: "Capacity — Pallets"
+										}), /* @__PURE__ */ q(C, {
+											id: "capacityPallets",
+											type: "number",
+											min: 0,
+											value: _.capacityPallets,
+											onChange: (e) => T((t) => ({
+												...t,
+												capacityPallets: e.target.value
+											})),
+											placeholder: "12"
+										})]
+									})
+								]
 							})
 						]
-					}),
-					/* @__PURE__ */ G("div", {
-						className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ G("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ W(C, {
-								htmlFor: "fuelType",
-								children: "Fuel Type"
-							}), /* @__PURE__ */ W(S, {
-								id: "fuelType",
-								value: h.fuelType,
-								onChange: (e) => g((t) => ({
-									...t,
-									fuelType: e.target.value
-								})),
-								placeholder: "Diesel"
-							})]
-						}), /* @__PURE__ */ G("div", {
-							className: "space-y-2",
-							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,
-									fuelEfficiencyLPer100Km: e.target.value
-								})),
-								placeholder: "12.5"
-							})]
-						})]
+					})] }),
+					g && /* @__PURE__ */ J(y, {
+						className: "border-status-error-border",
+						children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
+							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", {
+							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, {
+							type: "button",
+							variant: "outline",
+							className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
+							onClick: () => R(!0),
+							children: [/* @__PURE__ */ q(s, { size: 16 }), " Delete this vehicle"]
+						})] })]
 					})
 				]
-			})] })]
-		})]
+			}),
+			/* @__PURE__ */ q(Z, {
+				open: I,
+				onOpenChange: R,
+				children: /* @__PURE__ */ J(Q, { children: [
+					/* @__PURE__ */ J(ae, { children: [/* @__PURE__ */ q(oe, { children: "Delete this vehicle?" }), /* @__PURE__ */ J($, { children: [
+						"This removes ",
+						_.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 })
+					}),
+					/* @__PURE__ */ J(ie, { children: [/* @__PURE__ */ q(v, {
+						variant: "outline",
+						onClick: () => R(!1),
+						disabled: z,
+						children: "Cancel"
+					}), /* @__PURE__ */ q(v, {
+						className: "bg-status-error-text text-text-inverse hover:opacity-90",
+						onClick: async () => {
+							if (t) {
+								B(!0), H(null);
+								try {
+									await l(t), R(!1), r?.(u(n, "fleet/vehicles"));
+								} catch (e) {
+									H(e instanceof Error ? e.message : "Failed to delete vehicle.");
+								} finally {
+									B(!1);
+								}
+							}
+						},
+						disabled: z,
+						children: z ? "Deleting..." : "Delete vehicle"
+					})] })
+				] })
+			})
+		]
 	});
 }
-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);
+function fe() {
+	let { vehicleId: a } = te(), { basePath: s, navigate: f } = d(), { vehicle: p, isLoading: C, error: w, refetch: E } = m(a), D = U(), { message: O, notify: k } = z(), { t: A } = ne(), P = (e, t) => {
+		let n = A(e);
 		return n === e ? t : n;
-	}, 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, {
+	}, L = ee().pathname.endsWith("/edit"), { 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(de, { editId: a }) : C ? /* @__PURE__ */ q(M, { message: "Loading vehicle details..." }) : w || !p ? /* @__PURE__ */ q(j, {
 		title: "Vehicle not found",
 		onRetry: E
-	}) : /* @__PURE__ */ G(M, {
-		title: S.vehicleNumber,
-		subtitle: `${S.make} ${S.model} (${S.year})`,
-		icon: /* @__PURE__ */ W(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ J(N, {
+		title: p.vehicleNumber,
+		subtitle: `${p.make} ${p.model}${p.year ? ` (${p.year})` : ""}`,
+		icon: /* @__PURE__ */ q(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ G(_, {
+			children: [/* @__PURE__ */ J(v, {
 				variant: "outline",
 				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"]
+				children: [/* @__PURE__ */ q(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ J(v, {
+				onClick: () => f?.(u(s, "fleet/vehicles/" + a + "/edit")),
+				children: [/* @__PURE__ */ q(o, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ G("div", {
+		headerContent: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ W(N, {
-				status: S.status,
+			children: [/* @__PURE__ */ q(F, {
+				status: p.status,
 				type: "vehicle"
-			}), /* @__PURE__ */ W(P, { type: S.type })]
+			}), /* @__PURE__ */ q(I, { type: p.type })]
 		}),
 		children: [
-			/* @__PURE__ */ W(q, {
-				icon: /* @__PURE__ */ W(s, { size: 18 }),
+			/* @__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__ */ W(ie, {
+			/* @__PURE__ */ q(re, {
 				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__ */ W(r, { size: 16 }),
+					icon: /* @__PURE__ */ q(r, { size: 16 }),
 					onClick: () => $("orders")
 				}, {
 					id: "driver",
-					label: J.length > 0 ? "Review the assigned driver" : "Assign a driver",
+					label: G.length > 0 ? "Review the assigned driver" : "Assign a driver",
 					description: "A vehicle needs a driver before it can be dispatched.",
-					icon: /* @__PURE__ */ W(c, { size: 16 }),
-					done: J.length > 0,
-					onClick: () => J[0] ? $(`fleet/drivers/${J[0].id}`) : $("fleet/drivers")
+					icon: /* @__PURE__ */ q(l, { size: 16 }),
+					done: G.length > 0,
+					onClick: () => G[0] ? $(`fleet/drivers/${G[0].id}`) : $("fleet/drivers")
 				}]
 			}),
-			O && /* @__PURE__ */ W("div", {
+			O && /* @__PURE__ */ q("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ W(I, { message: O })
+				children: /* @__PURE__ */ q(R, { message: O })
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ J("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ G(K, { children: [/* @__PURE__ */ W("h2", {
+						/* @__PURE__ */ J(Y, { children: [/* @__PURE__ */ q("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Vehicle Information"
-						}), /* @__PURE__ */ G("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "grid grid-cols-2 md:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Type"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium capitalize",
-									children: S.type
+									children: p.type
 								})] }),
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Make"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.make || "—"
+									children: p.make || "—"
 								})] }),
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Model"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.model || "—"
+									children: p.model || "—"
 								})] }),
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Year"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.year
+									children: p.year ?? "—"
 								})] }),
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "License Plate"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.licensePlate || "—"
+									children: p.licensePlate || "—"
 								})] }),
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Ownership"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium capitalize",
-									children: S.ownershipType || "—"
+									children: p.ownershipType || "—"
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ W(x, { children: "Capacity" }) }), /* @__PURE__ */ W(y, { children: /* @__PURE__ */ G("div", {
+						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ q(S, { children: "Capacity" }) }), /* @__PURE__ */ q(b, { children: /* @__PURE__ */ J("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Weight"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "text-2xl font-bold",
-									children: [S.capacity.weight, /* @__PURE__ */ W("span", {
-										className: "text-sm font-normal",
-										children: " kg"
-									})]
+									children: p.capacity.weight === void 0 ? "—" : `${p.capacity.weight} kg`
 								})] }),
-								/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Volume"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "text-2xl font-bold",
-									children: [S.capacity.volume, /* @__PURE__ */ W("span", {
-										className: "text-sm font-normal",
-										children: " m³"
-									})]
+									children: p.capacity.volume === void 0 ? "—" : `${p.capacity.volume} m³`
 								})] }),
-								S.capacity.pallets && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+								p.capacity.pallets && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Pallets"
-								}), /* @__PURE__ */ W("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "text-2xl font-bold",
-									children: S.capacity.pallets
+									children: p.capacity.pallets
 								})] })
 							]
 						}) })] }),
-						/* @__PURE__ */ W(B, {
+						/* @__PURE__ */ q(H, {
 							entityType: "vehicle",
-							entityId: S.id
+							entityId: p.id
 						})
 					]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ G(x, {
+						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ W(t, { size: 18 }), " Fuel & Mileage"]
-						}) }), /* @__PURE__ */ G(y, {
+							children: [/* @__PURE__ */ q(t, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ J(b, {
 							className: "space-y-4",
 							children: [
-								S.fuelLevel !== void 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ G("div", {
+								p.fuelLevel !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ J("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", {
+									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", {
 									className: "text-sm text-text-secondary",
 									children: "Total Mileage"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ J("p", {
 									className: "text-2xl font-bold",
 									children: [
-										S.mileage.toLocaleString(),
+										p.mileage.toLocaleString(),
 										" ",
-										/* @__PURE__ */ W("span", {
+										/* @__PURE__ */ q("span", {
 											className: "text-sm font-normal",
 											children: "miles"
 										})
 									]
 								})] }),
-								(S.fuelType || S.fuelEfficiencyLPer100Km !== void 0) && /* @__PURE__ */ G("div", {
+								(p.fuelType || p.fuelEfficiencyLPer100Km !== void 0) && /* @__PURE__ */ J("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [S.fuelType && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+									children: [p.fuelType && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 										className: "text-sm text-text-secondary",
 										children: "Fuel Type"
-									}), /* @__PURE__ */ W("p", {
+									}), /* @__PURE__ */ q("p", {
 										className: "font-medium",
-										children: S.fuelType
-									})] }), S.fuelEfficiencyLPer100Km !== void 0 && /* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("p", {
+										children: p.fuelType
+									})] }), p.fuelEfficiencyLPer100Km !== void 0 && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 										className: "text-sm text-text-secondary",
 										children: "Efficiency"
-									}), /* @__PURE__ */ G("p", {
+									}), /* @__PURE__ */ J("p", {
 										className: "font-medium",
-										children: [S.fuelEfficiencyLPer100Km, " L/100km"]
+										children: [p.fuelEfficiencyLPer100Km, " L/100km"]
 									})] })]
 								})
 							]
 						})] }),
-						/* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ G(x, {
+						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ W(c, { size: 18 }), " Assigned Driver"]
-						}) }), /* @__PURE__ */ W(y, {
+							children: [/* @__PURE__ */ q(l, { size: 18 }), " Assigned Driver"]
+						}) }), /* @__PURE__ */ q(b, {
 							className: "space-y-4",
-							children: Y ? /* @__PURE__ */ W("p", {
+							children: K ? /* @__PURE__ */ q("p", {
 								className: "text-sm text-text-secondary",
 								children: "Loading assignment…"
-							}) : X ? /* @__PURE__ */ W("p", {
+							}) : Z ? /* @__PURE__ */ q("p", {
 								className: "text-sm text-status-error-text",
-								children: X.message
-							}) : J.length === 0 ? /* @__PURE__ */ G("div", {
+								children: Z.message
+							}) : G.length === 0 ? /* @__PURE__ */ J("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ W("p", {
+								children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "No driver is assigned to this vehicle yet."
-								}), /* @__PURE__ */ W(_, {
+								}), /* @__PURE__ */ q(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => $("fleet/drivers"),
 									children: "Assign from the roster"
 								})]
-							}) : J.map((e) => /* @__PURE__ */ G("div", {
+							}) : G.map((e) => /* @__PURE__ */ J("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",
@@ -599,34 +737,34 @@ function Q() {
 								onKeyDown: (t) => {
 									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), $(`fleet/drivers/${e.id}`));
 								},
-								children: [/* @__PURE__ */ W(h, { children: /* @__PURE__ */ W(g, { children: z(e.fullName) }) }), /* @__PURE__ */ G("div", {
+								children: [/* @__PURE__ */ q(g, { children: /* @__PURE__ */ q(_, { children: V(e.fullName) }) }), /* @__PURE__ */ J("div", {
 									className: "min-w-0 space-y-1",
 									children: [
-										/* @__PURE__ */ W("p", {
+										/* @__PURE__ */ q("p", {
 											className: "font-medium",
 											children: e.fullName
 										}),
-										/* @__PURE__ */ W("p", {
+										/* @__PURE__ */ q("p", {
 											className: "text-xs text-text-secondary",
 											children: e.employeeId
 										}),
-										/* @__PURE__ */ W(N, {
+										/* @__PURE__ */ q(F, {
 											status: e.status,
 											type: "driver",
 											size: "sm"
 										}),
-										e.email && /* @__PURE__ */ G("p", {
+										e.email && /* @__PURE__ */ J("p", {
 											className: "flex items-center gap-1.5 truncate text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ W(n, { size: 13 }),
+												/* @__PURE__ */ q(n, { size: 13 }),
 												" ",
 												e.email
 											]
 										}),
-										e.phone && /* @__PURE__ */ G("p", {
+										e.phone && /* @__PURE__ */ J("p", {
 											className: "flex items-center gap-1.5 text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ W(i, { size: 13 }),
+												/* @__PURE__ */ q(i, { size: 13 }),
 												" ",
 												e.phone
 											]
@@ -635,28 +773,28 @@ function Q() {
 								})]
 							}, e.id))
 						})] }),
-						/* @__PURE__ */ W(ee, {
-							vehicle: S,
-							t: H,
+						/* @__PURE__ */ q(W, {
+							vehicle: p,
+							t: P,
 							onRecord: async (e) => {
-								await D(S.id, e), k(H("movethewheels.vehicles.service.saved", "Service recorded.")), E();
+								await D(p.id, e), k(P("movethewheels.vehicles.service.saved", "Service recorded.")), E();
 							}
 						}),
-						S.currentLocation && /* @__PURE__ */ G(v, { children: [/* @__PURE__ */ W(b, { children: /* @__PURE__ */ G(x, {
+						p.currentLocation && /* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ W(r, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ G(y, { children: [/* @__PURE__ */ W("p", {
+							children: [/* @__PURE__ */ q(r, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ J(b, { children: [/* @__PURE__ */ q("p", {
 							className: "text-sm",
-							children: S.currentLocation.address || "Location updating..."
-						}), /* @__PURE__ */ G("p", {
+							children: p.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ q("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: ["Updated ", R(S.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+							children: p.currentLocation.timestamp ? `Updated ${B(p.currentLocation.timestamp, "relative")}` : "Update time not recorded"
 						})] })] })
 					]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ W(Z, {});
+	}) : /* @__PURE__ */ q(de, {});
 }
 //#endregion
-export { Q as default };
+export { fe as default };