@burdenoff/microfe-movethewheels 2026.822.1 → 2026.827.1

package/dist/pages/VehicleDetailsPage.js

@@ -1,25 +1,27 @@
 import { ArrowLeft as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-left.js";
 import { Fuel as t } from "../node_modules/lucide-react/dist/esm/icons/fuel.js";
-import { MapPin as n } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
-import { Save as r } from "../node_modules/lucide-react/dist/esm/icons/save.js";
-import { SquarePen as i } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
-import { Truck as a } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { Wrench as o } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
-import { joinPath as s } from "../utils/navigation.js";
-import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { useFleet as l, useVehicle as u } from "../hooks/useFleet.js";
-import { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g, Label as _, Progress as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C } from "../components/ui.js";
-import { ErrorState as w, LoadingState as T, PageLayout as E } from "../components/PageLayout.js";
-import { StatusBadge as D, VehicleTypeBadge as O } from "../components/StatusBadge.js";
-import { FormError as k } from "../components/FormError.js";
-import { formatDate as A } from "../utils/formatters.js";
-import { DocumentsCard as j } from "../components/DocumentsCard.js";
-import { useEffect as M, useState as N } from "react";
-import { useLocation as P, useParams as F } from "react-router";
-import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { EmphasisPanel as R, NextSteps as z, PagePurpose as B } from "@burdenoff/fe-libs/ui";
+import { Mail as n } from "../node_modules/lucide-react/dist/esm/icons/mail.js";
+import { MapPin as r } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+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 { formatDate as F, getInitials as I } from "../utils/formatters.js";
+import { DocumentsCard as L } from "../components/DocumentsCard.js";
+import { useEffect as R, useState as z } from "react";
+import { useLocation as B, useParams as V } from "react-router";
+import { jsx as H, jsxs as U } from "react/jsx-runtime";
+import { EmphasisPanel as W, NextSteps as G, PagePurpose as K } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/VehicleDetailsPage.tsx
-var V = [
+var q = [
 	{
 		value: "TRUCK",
 		label: "Truck"
@@ -53,170 +55,170 @@ var V = [
 		label: "Drone"
 	}
 ];
-function H({ editId: t }) {
-	let { basePath: n, navigate: i } = c(), { createVehicle: o, updateVehicle: f } = l(), { vehicle: p } = u(t), m = !!t, [h, v] = N({
+function J({ editId: t }) {
+	let { basePath: n, navigate: r } = u(), { createVehicle: i, updateVehicle: o } = d(), { vehicle: c } = f(t), p = !!t, [m, h] = z({
 		vehicleNumber: "",
 		type: "VAN",
 		make: "",
 		model: "",
 		licensePlate: ""
-	}), [w, T] = N(!1), [D, O] = N(null);
-	M(() => {
-		t && p && v({
-			vehicleNumber: p.vehicleNumber ?? "",
-			type: p.type ? p.type.toUpperCase() : "VAN",
-			make: p.make ?? "",
-			model: p.model ?? "",
-			licensePlate: p.licensePlate ?? ""
+	}), [_, v] = z(!1), [y, b] = z(null);
+	R(() => {
+		t && c && h({
+			vehicleNumber: c.vehicleNumber ?? "",
+			type: c.type ? c.type.toUpperCase() : "VAN",
+			make: c.make ?? "",
+			model: c.model ?? "",
+			licensePlate: c.licensePlate ?? ""
 		});
-	}, [t, p]);
-	let A = () => i?.(s(n, "fleet/vehicles")), j = async (e) => {
-		if (e.preventDefault(), !h.vehicleNumber.trim()) {
-			O("Vehicle number is required.");
+	}, [t, c]);
+	let C = () => r?.(l(n, "fleet/vehicles")), k = async (e) => {
+		if (e.preventDefault(), !m.vehicleNumber.trim()) {
+			b("Vehicle number is required.");
 			return;
 		}
-		T(!0), O(null);
+		v(!0), b(null);
 		try {
 			if (t) {
-				let e = await f(t, {
-					vehicleNumber: h.vehicleNumber.trim(),
-					type: h.type,
-					make: h.make.trim() || void 0,
-					model: h.model.trim() || void 0,
-					licensePlate: h.licensePlate.trim() || void 0
+				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
 				});
-				i?.(s(n, `fleet/vehicles/${e.id}`));
+				r?.(l(n, `fleet/vehicles/${e.id}`));
 			} else {
-				let e = await o({
-					vehicleNumber: h.vehicleNumber.trim(),
-					type: h.type,
-					make: h.make.trim() || void 0,
-					model: h.model.trim() || void 0,
-					licensePlate: h.licensePlate.trim() || void 0
+				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
 				});
-				i?.(s(n, `fleet/vehicles/${e.id}`));
+				r?.(l(n, `fleet/vehicles/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to create vehicle:", e), O(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), T(!1);
+			console.error("Failed to create vehicle:", e), b(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), v(!1);
 		}
 	};
-	return /* @__PURE__ */ L(E, {
-		title: m ? "Edit Vehicle" : "Add Vehicle",
+	return /* @__PURE__ */ U(j, {
+		title: p ? "Edit Vehicle" : "Add Vehicle",
 		subtitle: "Register a new vehicle in your fleet",
-		icon: /* @__PURE__ */ I(a, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
+		icon: /* @__PURE__ */ H(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ U("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(d, {
+			children: [/* @__PURE__ */ U(g, {
 				variant: "outline",
-				onClick: A,
-				disabled: w,
-				children: [/* @__PURE__ */ I(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ L(d, {
-				onClick: j,
-				disabled: w,
+				onClick: C,
+				disabled: _,
+				children: [/* @__PURE__ */ H(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ U(g, {
+				onClick: k,
+				disabled: _,
 				children: [
-					/* @__PURE__ */ I(r, { size: 16 }),
+					/* @__PURE__ */ H(a, { size: 16 }),
 					" ",
-					m ? w ? "Saving..." : "Save Changes" : w ? "Saving..." : "Add Vehicle"
+					p ? _ ? "Saving..." : "Save Changes" : _ ? "Saving..." : "Add Vehicle"
 				]
 			})]
 		}),
-		children: [/* @__PURE__ */ I(B, {
-			icon: /* @__PURE__ */ I(a, { size: 18 }),
+		children: [/* @__PURE__ */ H(K, {
+			icon: /* @__PURE__ */ H(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__ */ L("form", {
-			onSubmit: j,
+		}), /* @__PURE__ */ U("form", {
+			onSubmit: k,
 			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ I(k, { message: D }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+			children: [/* @__PURE__ */ H(P, { message: y }), /* @__PURE__ */ U(W, { children: [/* @__PURE__ */ H("h2", {
 				className: "text-base font-semibold text-text-primary mb-4",
 				children: "Vehicle Details"
-			}), /* @__PURE__ */ L("div", {
+			}), /* @__PURE__ */ U("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ L("div", {
+					children: [/* @__PURE__ */ U("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ L(_, {
+						children: [/* @__PURE__ */ U(S, {
 							htmlFor: "vehicleNumber",
-							children: ["Vehicle Number ", /* @__PURE__ */ I("span", {
+							children: ["Vehicle Number ", /* @__PURE__ */ H("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ I(g, {
+						}), /* @__PURE__ */ H(x, {
 							id: "vehicleNumber",
-							value: h.vehicleNumber,
-							onChange: (e) => v((t) => ({
+							value: m.vehicleNumber,
+							onChange: (e) => h((t) => ({
 								...t,
 								vehicleNumber: e.target.value
 							})),
 							placeholder: "MTW-001",
 							required: !0
 						})]
-					}), /* @__PURE__ */ L("div", {
+					}), /* @__PURE__ */ U("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ L(_, {
+						children: [/* @__PURE__ */ U(S, {
 							htmlFor: "type",
-							children: ["Type ", /* @__PURE__ */ I("span", {
+							children: ["Type ", /* @__PURE__ */ H("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ L(y, {
-							value: h.type,
-							onValueChange: (e) => v((t) => ({
+						}), /* @__PURE__ */ U(w, {
+							value: m.type,
+							onValueChange: (e) => h((t) => ({
 								...t,
 								type: e
 							})),
-							children: [/* @__PURE__ */ I(S, {
+							children: [/* @__PURE__ */ H(D, {
 								id: "type",
-								children: /* @__PURE__ */ I(C, {})
-							}), /* @__PURE__ */ I(b, { children: V.map((e) => /* @__PURE__ */ I(x, {
+								children: /* @__PURE__ */ H(O, {})
+							}), /* @__PURE__ */ H(T, { children: q.map((e) => /* @__PURE__ */ H(E, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						})]
 					})]
-				}), /* @__PURE__ */ L("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 					children: [
-						/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ U("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(_, {
+							children: [/* @__PURE__ */ H(S, {
 								htmlFor: "make",
 								children: "Make"
-							}), /* @__PURE__ */ I(g, {
+							}), /* @__PURE__ */ H(x, {
 								id: "make",
-								value: h.make,
-								onChange: (e) => v((t) => ({
+								value: m.make,
+								onChange: (e) => h((t) => ({
 									...t,
 									make: e.target.value
 								})),
 								placeholder: "Ford"
 							})]
 						}),
-						/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ U("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(_, {
+							children: [/* @__PURE__ */ H(S, {
 								htmlFor: "model",
 								children: "Model"
-							}), /* @__PURE__ */ I(g, {
+							}), /* @__PURE__ */ H(x, {
 								id: "model",
-								value: h.model,
-								onChange: (e) => v((t) => ({
+								value: m.model,
+								onChange: (e) => h((t) => ({
 									...t,
 									model: e.target.value
 								})),
 								placeholder: "Transit"
 							})]
 						}),
-						/* @__PURE__ */ L("div", {
+						/* @__PURE__ */ U("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ I(_, {
+							children: [/* @__PURE__ */ H(S, {
 								htmlFor: "licensePlate",
 								children: "License Plate"
-							}), /* @__PURE__ */ I(g, {
+							}), /* @__PURE__ */ H(x, {
 								id: "licensePlate",
-								value: h.licensePlate,
-								onChange: (e) => v((t) => ({
+								value: m.licensePlate,
+								onChange: (e) => h((t) => ({
 									...t,
 									licensePlate: e.target.value
 								})),
@@ -229,192 +231,254 @@ function H({ editId: t }) {
 		})]
 	});
 }
-function U() {
-	let { vehicleId: r } = F(), { basePath: l, navigate: g } = c(), { vehicle: _, isLoading: y, error: b, refetch: x } = u(r), S = P().pathname.endsWith("/edit"), C = () => g?.(s(l, "fleet/vehicles")), k = (e) => g?.(s(l, e));
-	return r ? S ? /* @__PURE__ */ I(H, { editId: r }) : y ? /* @__PURE__ */ I(T, { message: "Loading vehicle details..." }) : b || !_ ? /* @__PURE__ */ I(w, {
+function Y() {
+	let { vehicleId: a } = V(), { basePath: d, navigate: x } = u(), { vehicle: S, isLoading: w, error: T, refetch: E } = f(a), D = B().pathname.endsWith("/edit"), { drivers: O, isLoading: P, error: R } = p(D ? void 0 : a), z = () => x?.(l(d, "fleet/vehicles")), q = (e) => x?.(l(d, e));
+	return a ? D ? /* @__PURE__ */ H(J, { editId: a }) : w ? /* @__PURE__ */ H(A, { message: "Loading vehicle details..." }) : T || !S ? /* @__PURE__ */ H(k, {
 		title: "Vehicle not found",
-		onRetry: x
-	}) : /* @__PURE__ */ L(E, {
-		title: _.vehicleNumber,
-		subtitle: `${_.make} ${_.model} (${_.year})`,
-		icon: /* @__PURE__ */ I(a, { size: 24 }),
-		headerActions: /* @__PURE__ */ L("div", {
+		onRetry: E
+	}) : /* @__PURE__ */ U(j, {
+		title: S.vehicleNumber,
+		subtitle: `${S.make} ${S.model} (${S.year})`,
+		icon: /* @__PURE__ */ H(s, { size: 24 }),
+		headerActions: /* @__PURE__ */ U("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ L(d, {
+			children: [/* @__PURE__ */ U(g, {
 				variant: "outline",
-				onClick: C,
-				children: [/* @__PURE__ */ I(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ L(d, {
-				onClick: () => g?.(s(l, "fleet/vehicles/" + r + "/edit")),
-				children: [/* @__PURE__ */ I(i, { size: 16 }), " Edit"]
+				onClick: z,
+				children: [/* @__PURE__ */ H(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ U(g, {
+				onClick: () => x?.(l(d, "fleet/vehicles/" + a + "/edit")),
+				children: [/* @__PURE__ */ H(o, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ L("div", {
+		headerContent: /* @__PURE__ */ U("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ I(D, {
-				status: _.status,
+			children: [/* @__PURE__ */ H(M, {
+				status: S.status,
 				type: "vehicle"
-			}), /* @__PURE__ */ I(O, { type: _.type })]
+			}), /* @__PURE__ */ H(N, { type: S.type })]
 		}),
 		children: [
-			/* @__PURE__ */ I(B, {
-				icon: /* @__PURE__ */ I(a, { size: 18 }),
-				children: "The full record for this vehicle — specs, capacity, fuel and mileage, maintenance schedule and current location. Use it to confirm a vehicle is fuelled, serviced and the right size before dispatching it on a delivery."
+			/* @__PURE__ */ H(K, {
+				icon: /* @__PURE__ */ H(s, { size: 18 }),
+				children: "The full record for this vehicle — specs, capacity, fuel and mileage, who is driving it and where it is right now. Use it to confirm a vehicle is fuelled, crewed and the right size before dispatching it on a delivery."
 			}),
-			/* @__PURE__ */ I(z, {
+			/* @__PURE__ */ H(G, {
 				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__ */ I(n, { size: 16 }),
-					onClick: () => k("orders")
+					icon: /* @__PURE__ */ H(r, { size: 16 }),
+					onClick: () => q("orders")
 				}, {
-					id: "maintenance",
-					label: "Schedule maintenance",
-					description: "Keep it road-ready and compliant.",
-					icon: /* @__PURE__ */ I(o, { size: 16 }),
-					onClick: () => {}
+					id: "driver",
+					label: O.length > 0 ? "Review the assigned driver" : "Assign a driver",
+					description: "A vehicle needs a driver before it can be dispatched.",
+					icon: /* @__PURE__ */ H(c, { size: 16 }),
+					done: O.length > 0,
+					onClick: () => O[0] ? q(`fleet/drivers/${O[0].id}`) : q("fleet/drivers")
 				}]
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ U("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+						/* @__PURE__ */ U(W, { children: [/* @__PURE__ */ H("h2", {
 							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Vehicle Information"
-						}), /* @__PURE__ */ L("div", {
-							className: "grid grid-cols-2 md:grid-cols-4 gap-6",
+						}), /* @__PURE__ */ U("div", {
+							className: "grid grid-cols-2 md:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Type"
-								}), /* @__PURE__ */ I("p", {
+								}), /* @__PURE__ */ H("p", {
 									className: "font-medium capitalize",
-									children: _.type
+									children: S.type
 								})] }),
-								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Make"
-								}), /* @__PURE__ */ I("p", {
+								}), /* @__PURE__ */ H("p", {
 									className: "font-medium",
-									children: _.make
+									children: S.make || "—"
 								})] }),
-								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Model"
-								}), /* @__PURE__ */ I("p", {
+								}), /* @__PURE__ */ H("p", {
 									className: "font-medium",
-									children: _.model
+									children: S.model || "—"
 								})] }),
-								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Year"
-								}), /* @__PURE__ */ I("p", {
+								}), /* @__PURE__ */ H("p", {
+									className: "font-medium",
+									children: S.year
+								})] }),
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
+									className: "text-sm text-text-secondary",
+									children: "License Plate"
+								}), /* @__PURE__ */ H("p", {
 									className: "font-medium",
-									children: _.year
+									children: S.licensePlate || "—"
+								})] }),
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
+									className: "text-sm text-text-secondary",
+									children: "Ownership"
+								}), /* @__PURE__ */ H("p", {
+									className: "font-medium capitalize",
+									children: S.ownershipType || "—"
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ I(h, { children: "Capacity" }) }), /* @__PURE__ */ I(p, { children: /* @__PURE__ */ L("div", {
+						/* @__PURE__ */ U(_, { children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ H(b, { children: "Capacity" }) }), /* @__PURE__ */ H(v, { children: /* @__PURE__ */ U("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-6",
 							children: [
-								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Weight"
-								}), /* @__PURE__ */ L("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-2xl font-bold",
-									children: [_.capacity.weight, /* @__PURE__ */ I("span", {
+									children: [S.capacity.weight, /* @__PURE__ */ H("span", {
 										className: "text-sm font-normal",
 										children: " kg"
 									})]
 								})] }),
-								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								/* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Volume"
-								}), /* @__PURE__ */ L("p", {
+								}), /* @__PURE__ */ U("p", {
 									className: "text-2xl font-bold",
-									children: [_.capacity.volume, /* @__PURE__ */ I("span", {
+									children: [S.capacity.volume, /* @__PURE__ */ H("span", {
 										className: "text-sm font-normal",
 										children: " m³"
 									})]
 								})] }),
-								_.capacity.pallets && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								S.capacity.pallets && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
 									children: "Pallets"
-								}), /* @__PURE__ */ I("p", {
+								}), /* @__PURE__ */ H("p", {
 									className: "text-2xl font-bold",
-									children: _.capacity.pallets
+									children: S.capacity.pallets
 								})] })
 							]
 						}) })] }),
-						/* @__PURE__ */ I(j, {
+						/* @__PURE__ */ H(L, {
 							entityType: "vehicle",
-							entityId: _.id
+							entityId: S.id
 						})
 					]
-				}), /* @__PURE__ */ L("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ L(h, {
+						/* @__PURE__ */ U(_, { children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ U(b, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(t, { size: 18 }), " Fuel & Mileage"]
-						}) }), /* @__PURE__ */ L(p, {
+							children: [/* @__PURE__ */ H(t, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ U(v, {
 							className: "space-y-4",
-							children: [_.fuelLevel !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("div", {
+							children: [S.fuelLevel !== void 0 && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ U("div", {
 								className: "flex justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ I("span", { children: "Fuel Level" }), /* @__PURE__ */ L("span", { children: [_.fuelLevel, "%"] })]
-							}), /* @__PURE__ */ I(v, { value: _.fuelLevel })] }), _.mileage !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								children: [/* @__PURE__ */ H("span", { children: "Fuel Level" }), /* @__PURE__ */ U("span", { children: [S.fuelLevel, "%"] })]
+							}), /* @__PURE__ */ H(C, { value: S.fuelLevel })] }), S.mileage !== void 0 && /* @__PURE__ */ U("div", { children: [/* @__PURE__ */ H("p", {
 								className: "text-sm text-text-secondary",
 								children: "Total Mileage"
-							}), /* @__PURE__ */ L("p", {
+							}), /* @__PURE__ */ U("p", {
 								className: "text-2xl font-bold",
 								children: [
-									_.mileage.toLocaleString(),
+									S.mileage.toLocaleString(),
 									" ",
-									/* @__PURE__ */ I("span", {
+									/* @__PURE__ */ H("span", {
 										className: "text-sm font-normal",
 										children: "miles"
 									})
 								]
 							})] })]
 						})] }),
-						/* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ L(h, {
+						/* @__PURE__ */ U(_, { children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ U(b, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(o, { size: 18 }), " Maintenance"]
-						}) }), /* @__PURE__ */ L(p, {
-							className: "space-y-3",
-							children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
-								className: "text-sm text-text-secondary",
-								children: "Last Maintenance"
-							}), /* @__PURE__ */ I("p", {
-								className: "font-medium",
-								children: _.lastMaintenance ? A(_.lastMaintenance) : "N/A"
-							})] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							children: [/* @__PURE__ */ H(c, { size: 18 }), " Assigned Driver"]
+						}) }), /* @__PURE__ */ H(v, {
+							className: "space-y-4",
+							children: P ? /* @__PURE__ */ H("p", {
 								className: "text-sm text-text-secondary",
-								children: "Next Scheduled"
-							}), /* @__PURE__ */ I("p", {
-								className: "font-medium",
-								children: _.nextMaintenance ? A(_.nextMaintenance) : "N/A"
-							})] })]
+								children: "Loading assignment…"
+							}) : R ? /* @__PURE__ */ H("p", {
+								className: "text-sm text-status-error-text",
+								children: R.message
+							}) : O.length === 0 ? /* @__PURE__ */ U("div", {
+								className: "space-y-3",
+								children: [/* @__PURE__ */ H("p", {
+									className: "text-sm text-text-secondary",
+									children: "No driver is assigned to this vehicle yet."
+								}), /* @__PURE__ */ H(g, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => q("fleet/drivers"),
+									children: "Assign from the roster"
+								})]
+							}) : O.map((e) => /* @__PURE__ */ U("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",
+								onClick: () => q(`fleet/drivers/${e.id}`),
+								onKeyDown: (t) => {
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), q(`fleet/drivers/${e.id}`));
+								},
+								children: [/* @__PURE__ */ H(m, { children: /* @__PURE__ */ H(h, { children: I(e.fullName) }) }), /* @__PURE__ */ U("div", {
+									className: "min-w-0 space-y-1",
+									children: [
+										/* @__PURE__ */ H("p", {
+											className: "font-medium",
+											children: e.fullName
+										}),
+										/* @__PURE__ */ H("p", {
+											className: "text-xs text-text-secondary",
+											children: e.employeeId
+										}),
+										/* @__PURE__ */ H(M, {
+											status: e.status,
+											type: "driver",
+											size: "sm"
+										}),
+										e.email && /* @__PURE__ */ U("p", {
+											className: "flex items-center gap-1.5 truncate text-sm text-text-secondary",
+											children: [
+												/* @__PURE__ */ H(n, { size: 13 }),
+												" ",
+												e.email
+											]
+										}),
+										e.phone && /* @__PURE__ */ U("p", {
+											className: "flex items-center gap-1.5 text-sm text-text-secondary",
+											children: [
+												/* @__PURE__ */ H(i, { size: 13 }),
+												" ",
+												e.phone
+											]
+										})
+									]
+								})]
+							}, e.id))
 						})] }),
-						_.currentLocation && /* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(m, { children: /* @__PURE__ */ L(h, {
+						S.currentLocation && /* @__PURE__ */ U(_, { children: [/* @__PURE__ */ H(y, { children: /* @__PURE__ */ U(b, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ I(n, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ L(p, { children: [/* @__PURE__ */ I("p", {
+							children: [/* @__PURE__ */ H(r, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ U(v, { children: [/* @__PURE__ */ H("p", {
 							className: "text-sm",
-							children: _.currentLocation.address || "Location updating..."
-						}), /* @__PURE__ */ L("p", {
+							children: S.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ U("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: ["Updated ", A(_.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+							children: ["Updated ", F(S.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
 						})] })] })
 					]
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ I(H, {});
+	}) : /* @__PURE__ */ H(J, {});
 }
 //#endregion
-export { U as default };
+export { Y as default };