@burdenoff/microfe-movethewheels 2026.925.1 → 2026.925.3

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 { 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 { 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 { 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 Y = [
+var se = [
 	{
 		value: "TRUCK",
 		label: "Truck"
@@ -58,380 +60,653 @@ var Y = [
 		value: "DRONE",
 		label: "Drone"
 	}
+], ce = Object.entries(P).map(([e, t]) => ({
+	value: e,
+	label: t
+})), le = [
+	{
+		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 ue({ 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: "",
 		model: "",
-		licensePlate: ""
-	}), [_, v] = U(!1), [y, b] = U(null);
-	H(() => {
-		t && c && h({
-			vehicleNumber: c.vehicleNumber ?? "",
-			type: c.type ? c.type.toUpperCase() : "VAN",
-			make: c.make ?? "",
-			model: c.model ?? "",
-			licensePlate: c.licensePlate ?? ""
+		licensePlate: "",
+		ownershipType: "",
+		year: "",
+		status: "available",
+		fuelType: "",
+		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 C = () => r?.(l(n, "fleet/vehicles")), k = async (e) => {
-		if (e.preventDefault(), !m.vehicleNumber.trim()) {
-			b("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;
 		}
-		v(!0), b(null);
+		M(!0), F(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
+				} : 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?.(u(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?.(u(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), F(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), M(!1);
 		}
 	};
-	return /* @__PURE__ */ K(j, {
-		title: p ? "Edit Vehicle" : "Add Vehicle",
+	return /* @__PURE__ */ J(N, {
+		title: g ? "Edit Vehicle" : "Add Vehicle",
 		subtitle: "Register a new vehicle in your fleet",
-		icon: /* @__PURE__ */ G(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ K("div", {
+		icon: /* @__PURE__ */ q(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ K(g, {
+			children: [/* @__PURE__ */ J(v, {
 				variant: "outline",
-				onClick: C,
-				disabled: _,
-				children: [/* @__PURE__ */ G(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ K(g, {
-				onClick: k,
-				disabled: _,
+				onClick: U,
+				disabled: j,
+				children: [/* @__PURE__ */ q(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ J(v, {
+				onClick: W,
+				disabled: j,
 				children: [
-					/* @__PURE__ */ G(a, { size: 16 }),
+					/* @__PURE__ */ q(a, { size: 16 }),
 					" ",
-					p ? _ ? "Saving..." : "Save Changes" : _ ? "Saving..." : "Add Vehicle"
+					g ? j ? "Saving..." : "Save Changes" : j ? "Saving..." : "Add Vehicle"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ G(J, {
-			icon: /* @__PURE__ */ G(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,
-			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ G(P, { message: y }), /* @__PURE__ */ K(q, { children: [/* @__PURE__ */ G("h2", {
-				className: "text-base font-semibold text-text-primary mb-4",
-				children: "Vehicle Details"
-			}), /* @__PURE__ */ K("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: "*"
-							})]
-						}), /* @__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", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ G(S, {
-								htmlFor: "make",
-								children: "Make"
-							}), /* @__PURE__ */ G(x, {
-								id: "make",
-								value: m.make,
-								onChange: (e) => h((t) => ({
-									...t,
-									make: e.target.value
-								})),
-								placeholder: "Ford"
-							})]
-						}),
-						/* @__PURE__ */ K("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) => ({
-									...t,
-									model: e.target.value
-								})),
-								placeholder: "Transit"
-							})]
-						}),
-						/* @__PURE__ */ K("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) => ({
-									...t,
-									licensePlate: e.target.value
-								})),
-								placeholder: "ABC-1234"
-							})]
-						})
-					]
-				})]
-			})] })]
-		})]
+		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__ */ 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__ */ 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__ */ 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__ */ 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: 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: "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__ */ 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__ */ q(C, {
+										id: "fuelType",
+										value: _.fuelType,
+										onChange: (e) => T((t) => ({
+											...t,
+											fuelType: e.target.value
+										})),
+										placeholder: "Diesel"
+									})]
+								}), /* @__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__ */ 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"
+										})]
+									})
+								]
+							})
+						]
+					})] }),
+					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 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 de() {
+	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;
-	}, 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, {
+	}, 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(ue, { editId: a }) : C ? /* @__PURE__ */ q(M, { message: "Loading vehicle details..." }) : w || !p ? /* @__PURE__ */ q(j, {
 		title: "Vehicle not found",
 		onRetry: E
-	}) : /* @__PURE__ */ K(j, {
-		title: S.vehicleNumber,
-		subtitle: `${S.make} ${S.model} (${S.year})`,
-		icon: /* @__PURE__ */ G(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ K("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__ */ K(g, {
+			children: [/* @__PURE__ */ J(v, {
 				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__ */ 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__ */ K("div", {
+		headerContent: /* @__PURE__ */ J("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ G(M, {
-				status: S.status,
+			children: [/* @__PURE__ */ q(F, {
+				status: p.status,
 				type: "vehicle"
-			}), /* @__PURE__ */ G(N, { type: S.type })]
+			}), /* @__PURE__ */ q(I, { type: p.type })]
 		}),
 		children: [
-			/* @__PURE__ */ G(J, {
-				icon: /* @__PURE__ */ G(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__ */ G(ne, {
+			/* @__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__ */ G(r, { size: 16 }),
+					icon: /* @__PURE__ */ q(r, { size: 16 }),
 					onClick: () => $("orders")
 				}, {
 					id: "driver",
-					label: Z.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__ */ G(c, { size: 16 }),
-					done: Z.length > 0,
-					onClick: () => Z[0] ? $(`fleet/drivers/${Z[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__ */ G("div", {
+			O && /* @__PURE__ */ q("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ G(F, { message: O })
+				children: /* @__PURE__ */ q(R, { message: O })
 			}),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ J("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ K(q, { children: [/* @__PURE__ */ G("h2", {
+						/* @__PURE__ */ J(Y, { children: [/* @__PURE__ */ q("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Vehicle Information"
-						}), /* @__PURE__ */ K("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "grid grid-cols-2 md:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Type"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium capitalize",
-									children: S.type
+									children: p.type
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Make"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.make || "—"
+									children: p.make || "—"
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Model"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.model || "—"
+									children: p.model || "—"
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Year"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.year
+									children: p.year ?? "—"
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "License Plate"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium",
-									children: S.licensePlate || "—"
+									children: p.licensePlate || "—"
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Ownership"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "font-medium capitalize",
-									children: S.ownershipType || "—"
+									children: p.ownershipType || "—"
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ G(b, { children: "Capacity" }) }), /* @__PURE__ */ G(v, { children: /* @__PURE__ */ K("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__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Weight"
-								}), /* @__PURE__ */ K("p", {
+								}), /* @__PURE__ */ J("p", {
 									className: "text-2xl font-bold",
-									children: [S.capacity.weight, /* @__PURE__ */ G("span", {
+									children: [p.capacity.weight, /* @__PURE__ */ q("span", {
 										className: "text-sm font-normal",
 										children: " kg"
 									})]
 								})] }),
-								/* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Volume"
-								}), /* @__PURE__ */ K("p", {
+								}), /* @__PURE__ */ J("p", {
 									className: "text-2xl font-bold",
-									children: [S.capacity.volume, /* @__PURE__ */ G("span", {
+									children: [p.capacity.volume, /* @__PURE__ */ q("span", {
 										className: "text-sm font-normal",
 										children: " m³"
 									})]
 								})] }),
-								S.capacity.pallets && /* @__PURE__ */ K("div", { children: [/* @__PURE__ */ G("p", {
+								p.capacity.pallets && /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "Pallets"
-								}), /* @__PURE__ */ G("p", {
+								}), /* @__PURE__ */ q("p", {
 									className: "text-2xl font-bold",
-									children: S.capacity.pallets
+									children: p.capacity.pallets
 								})] })
 							]
 						}) })] }),
-						/* @__PURE__ */ G(z, {
+						/* @__PURE__ */ q(H, {
 							entityType: "vehicle",
-							entityId: S.id
+							entityId: p.id
 						})
 					]
-				}), /* @__PURE__ */ K("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ K(b, {
+						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ G(t, { size: 18 }), " Fuel & Mileage"]
-						}) }), /* @__PURE__ */ K(v, {
+							children: [/* @__PURE__ */ q(t, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ J(b, {
 							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: [
+								p.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", {
+									className: "text-sm text-text-secondary",
+									children: "Total Mileage"
+								}), /* @__PURE__ */ J("p", {
+									className: "text-2xl font-bold",
+									children: [
+										p.mileage.toLocaleString(),
+										" ",
+										/* @__PURE__ */ q("span", {
+											className: "text-sm font-normal",
+											children: "miles"
+										})
+									]
+								})] }),
+								(p.fuelType || p.fuelEfficiencyLPer100Km !== void 0) && /* @__PURE__ */ J("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [p.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", {
+										className: "text-sm text-text-secondary",
+										children: "Efficiency"
+									}), /* @__PURE__ */ J("p", {
+										className: "font-medium",
+										children: [p.fuelEfficiencyLPer100Km, " L/100km"]
+									})] })]
+								})
+							]
 						})] }),
-						/* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ K(b, {
+						/* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ G(c, { size: 18 }), " Assigned Driver"]
-						}) }), /* @__PURE__ */ G(v, {
+							children: [/* @__PURE__ */ q(l, { size: 18 }), " Assigned Driver"]
+						}) }), /* @__PURE__ */ q(b, {
 							className: "space-y-4",
-							children: re ? /* @__PURE__ */ G("p", {
+							children: K ? /* @__PURE__ */ q("p", {
 								className: "text-sm text-text-secondary",
 								children: "Loading assignment…"
-							}) : Q ? /* @__PURE__ */ G("p", {
+							}) : Z ? /* @__PURE__ */ q("p", {
 								className: "text-sm text-status-error-text",
-								children: Q.message
-							}) : Z.length === 0 ? /* @__PURE__ */ K("div", {
+								children: Z.message
+							}) : G.length === 0 ? /* @__PURE__ */ J("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ G("p", {
+								children: [/* @__PURE__ */ q("p", {
 									className: "text-sm text-text-secondary",
 									children: "No driver is assigned to this vehicle yet."
-								}), /* @__PURE__ */ G(g, {
+								}), /* @__PURE__ */ q(v, {
 									variant: "outline",
 									size: "sm",
 									onClick: () => $("fleet/drivers"),
 									children: "Assign from the roster"
 								})]
-							}) : Z.map((e) => /* @__PURE__ */ K("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",
@@ -439,34 +714,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__ */ q(g, { children: /* @__PURE__ */ q(_, { children: V(e.fullName) }) }), /* @__PURE__ */ J("div", {
 									className: "min-w-0 space-y-1",
 									children: [
-										/* @__PURE__ */ G("p", {
+										/* @__PURE__ */ q("p", {
 											className: "font-medium",
 											children: e.fullName
 										}),
-										/* @__PURE__ */ G("p", {
+										/* @__PURE__ */ q("p", {
 											className: "text-xs text-text-secondary",
 											children: e.employeeId
 										}),
-										/* @__PURE__ */ G(M, {
+										/* @__PURE__ */ q(F, {
 											status: e.status,
 											type: "driver",
 											size: "sm"
 										}),
-										e.email && /* @__PURE__ */ K("p", {
+										e.email && /* @__PURE__ */ J("p", {
 											className: "flex items-center gap-1.5 truncate text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ G(n, { size: 13 }),
+												/* @__PURE__ */ q(n, { size: 13 }),
 												" ",
 												e.email
 											]
 										}),
-										e.phone && /* @__PURE__ */ K("p", {
+										e.phone && /* @__PURE__ */ J("p", {
 											className: "flex items-center gap-1.5 text-sm text-text-secondary",
 											children: [
-												/* @__PURE__ */ G(i, { size: 13 }),
+												/* @__PURE__ */ q(i, { size: 13 }),
 												" ",
 												e.phone
 											]
@@ -475,28 +750,28 @@ function Z() {
 								})]
 							}, e.id))
 						})] }),
-						/* @__PURE__ */ G(V, {
-							vehicle: S,
-							t: U,
+						/* @__PURE__ */ q(W, {
+							vehicle: p,
+							t: P,
 							onRecord: async (e) => {
-								await D(S.id, e), P(U("movethewheels.vehicles.service.saved", "Service recorded.")), E();
+								await D(p.id, e), k(P("movethewheels.vehicles.service.saved", "Service recorded.")), E();
 							}
 						}),
-						S.currentLocation && /* @__PURE__ */ K(_, { children: [/* @__PURE__ */ G(y, { children: /* @__PURE__ */ K(b, {
+						p.currentLocation && /* @__PURE__ */ J(y, { children: [/* @__PURE__ */ q(x, { children: /* @__PURE__ */ J(S, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ G(r, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ K(v, { children: [/* @__PURE__ */ G("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__ */ K("p", {
+							children: p.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ J("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: ["Updated ", L(S.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+							children: ["Updated ", B(p.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
 						})] })] })
 					]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ G(X, {});
+	}) : /* @__PURE__ */ q(ue, {});
 }
 //#endregion
-export { Z as default };
+export { de as default };