@burdenoff/microfe-movethewheels 2026.929.3 → 2026.930.1

package/dist/pages/DriverDetailsPage.js

@@ -11,26 +11,26 @@ import { Truck as c } from "../node_modules/lucide-react/dist/esm/icons/truck.js
 import { UserX as l } from "../node_modules/lucide-react/dist/esm/icons/user-x.js";
 import { Users as u } from "../node_modules/lucide-react/dist/esm/icons/users.js";
 import { joinPath as d } from "../utils/navigation.js";
-import { useMoveTheWheels as f } from "../providers/MoveTheWheelsProvider.js";
-import { toApiDriverStatus as p, useDriver as m, useFleet as h, useVehicle as g, useVehicles as _ } from "../hooks/useFleet.js";
-import { Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Input as C, Label as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Textarea as A } from "../components/ui.js";
-import { ErrorState as j, LoadingState as te, PageLayout as M } from "../components/PageLayout.js";
-import { DRIVER_STATUS_LABELS as N } from "../constants/index.js";
-import { StatusBadge as P } from "../components/StatusBadge.js";
-import { FormError as F } from "../components/FormError.js";
-import { formatCurrency as I, formatDate as L } from "../utils/formatters.js";
-import { DocumentsCard as R } from "../components/DocumentsCard.js";
-import { useDebouncedValue as ne } from "../hooks/useDebouncedValue.js";
-import { EntityCombobox as re } from "../components/EntityCombobox.js";
-import { useEffect as ie, useState as z } from "react";
-import { useLocation as B, useParams as V } from "react-router";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { EmphasisPanel as ae, NextSteps as G, PagePurpose as oe, ResponsiveDialog as se, ResponsiveDialogContent as ce, ResponsiveDialogDescription as le, ResponsiveDialogFooter as ue, ResponsiveDialogHeader as de, ResponsiveDialogTitle as fe } from "@burdenoff/fe-libs/ui";
+import { useMoveTheWheels as te } from "../providers/MoveTheWheelsProvider.js";
+import { toApiDriverStatus as f, useDriver as p, useFleet as m, useVehicle as h, useVehicles as g } from "../hooks/useFleet.js";
+import { Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S, Label as C, Select as ne, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as O } from "../components/ui.js";
+import { ErrorState as k, LoadingState as A, PageLayout as j } from "../components/PageLayout.js";
+import { DRIVER_STATUS_LABELS as M } from "../constants/index.js";
+import { StatusBadge as N } from "../components/StatusBadge.js";
+import { FormError as P } from "../components/FormError.js";
+import { formatCurrency as F, formatDate as I } from "../utils/formatters.js";
+import { DocumentsCard as L } from "../components/DocumentsCard.js";
+import { useDebouncedValue as re } from "../hooks/useDebouncedValue.js";
+import { EntityCombobox as ie } from "../components/EntityCombobox.js";
+import { useEffect as ae, useState as R } from "react";
+import { useLocation as z, useParams as B } from "react-router";
+import { Fragment as oe, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { EmphasisPanel as se, NextSteps as U, PagePurpose as W, ResponsiveDialog as ce, ResponsiveDialogContent as le, ResponsiveDialogDescription as ue, ResponsiveDialogFooter as de, ResponsiveDialogHeader as fe, ResponsiveDialogTitle as pe } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DriverDetailsPage.tsx
-var pe = Object.entries(N).map(([e, t]) => ({
+var me = Object.entries(M).map(([e, t]) => ({
 	value: e,
 	label: t
-})), K = (e) => e ? e.toISOString().slice(0, 10) : "", q = (e) => e ? `${e}T12:00:00.000Z` : void 0, me = {
+})), G = (e) => e ? e.toISOString().slice(0, 10) : "", K = (e) => e ? `${e}T12:00:00.000Z` : void 0, he = {
 	employeeId: "",
 	firstName: "",
 	lastName: "",
@@ -41,6 +41,7 @@ var pe = Object.entries(N).map(([e, t]) => ({
 	licenseExpiry: "",
 	status: "available",
 	vehicleId: "",
+	vehicleIds: [],
 	rating: "",
 	notes: "",
 	hireDate: "",
@@ -49,184 +50,186 @@ var pe = Object.entries(N).map(([e, t]) => ({
 	payCurrency: "",
 	onLeaveUntil: ""
 };
-function J({ editId: t }) {
-	let { basePath: r, navigate: i } = f(), { createDriver: o, updateDriver: s } = h(), { driver: j, refetch: te } = m(t), N = !!t, [P, I] = z(me), [R, B] = z(!1), [V, G] = z(null), [J, Y] = z(!1), [X, he] = z(""), [Z, ge] = z(!1), [_e, Q] = z(null), [ve, ye] = z(""), { vehicles: be, isLoading: xe } = _({
+function q({ editId: t }) {
+	let { basePath: r, navigate: i } = te(), { createDriver: o, updateDriver: s } = m(), { driver: k, refetch: A } = p(t), M = !!t, [N, F] = R(he), [L, z] = R(!1), [B, U] = R(null), [q, J] = R(!1), [Y, ge] = R(""), [X, _e] = R(!1), [ve, Z] = R(null), [Q, ye] = R(""), { vehicles: be, isLoading: xe, isLoadingMore: Se, hasMore: Ce, totalVehicles: we, loadMore: Te } = g({
 		limit: 20,
-		search: ne(ve) || void 0
-	}), { vehicle: Se, isLoading: Ce } = g(P.vehicleId || void 0);
-	ie(() => {
-		if (!t || !j) return;
-		let [e, ...n] = j.fullName.trim().split(/\s+/);
-		I({
-			employeeId: j.employeeId || "",
+		search: re(Q) || void 0
+	}), { vehicle: Ee, isLoading: De } = h(N.vehicleId || void 0);
+	ae(() => {
+		if (!t || !k) return;
+		let [e, ...n] = k.fullName.trim().split(/\s+/);
+		F({
+			employeeId: k.employeeId || "",
 			firstName: e || "",
 			lastName: n.join(" "),
-			email: j.email || "",
-			phone: j.phone || "",
-			licenseNumber: j.licenseNumber || "",
-			licenseClass: j.licenseType || "",
-			licenseExpiry: K(j.licenseExpiry),
-			status: j.status,
-			vehicleId: j.assignedVehicle || "",
-			rating: j.rating ? String(j.rating) : "",
-			notes: j.notes || "",
-			hireDate: K(j.hireDate),
-			baseSalary: j.baseSalary === void 0 ? "" : String(j.baseSalary),
-			bonusYtd: j.bonusYtd === void 0 ? "" : String(j.bonusYtd),
-			payCurrency: j.payCurrency || "",
-			onLeaveUntil: K(j.onLeaveUntil)
+			email: k.email || "",
+			phone: k.phone || "",
+			licenseNumber: k.licenseNumber || "",
+			licenseClass: k.licenseType || "",
+			licenseExpiry: G(k.licenseExpiry),
+			status: k.status,
+			vehicleId: k.assignedVehicle || "",
+			vehicleIds: k.vehicleIds,
+			rating: k.rating ? String(k.rating) : "",
+			notes: k.notes || "",
+			hireDate: G(k.hireDate),
+			baseSalary: k.baseSalary === void 0 ? "" : String(k.baseSalary),
+			bonusYtd: k.bonusYtd === void 0 ? "" : String(k.bonusYtd),
+			payCurrency: k.payCurrency || "",
+			onLeaveUntil: G(k.onLeaveUntil)
 		});
-	}, [t, j]);
-	let we = () => i?.(d(r, "fleet/drivers")), $ = (e = !0) => ({
-		firstName: P.firstName.trim(),
-		lastName: P.lastName.trim(),
-		email: P.email.trim() || void 0,
-		phone: P.phone.trim() || void 0,
-		licenseNumber: P.licenseNumber.trim() || void 0,
-		licenseClass: P.licenseClass.trim() || void 0,
-		licenseExpiry: q(P.licenseExpiry),
-		status: p(P.status),
-		vehicleId: P.vehicleId || void 0,
-		rating: P.rating.trim() ? Number(P.rating) : void 0,
-		notes: P.notes.trim() || void 0,
-		hireDate: q(P.hireDate),
-		baseSalary: P.baseSalary.trim() ? Number(P.baseSalary) : void 0,
-		bonusYtd: P.bonusYtd.trim() ? Number(P.bonusYtd) : void 0,
-		payCurrency: P.payCurrency.trim() || void 0,
-		...e ? { onLeaveUntil: q(P.onLeaveUntil) ?? null } : {}
-	}), Te = () => ({
-		employeeId: P.employeeId.trim(),
+	}, [t, k]);
+	let Oe = () => i?.(d(r, "fleet/drivers")), $ = (e = !0) => ({
+		firstName: N.firstName.trim(),
+		lastName: N.lastName.trim(),
+		email: N.email.trim() || void 0,
+		phone: N.phone.trim() || void 0,
+		licenseNumber: N.licenseNumber.trim() || void 0,
+		licenseClass: N.licenseClass.trim() || void 0,
+		licenseExpiry: K(N.licenseExpiry),
+		status: f(N.status),
+		vehicleId: N.vehicleId || null,
+		vehicleIds: N.vehicleIds,
+		rating: N.rating.trim() ? Number(N.rating) : void 0,
+		notes: N.notes.trim() || void 0,
+		hireDate: K(N.hireDate),
+		baseSalary: N.baseSalary.trim() ? Number(N.baseSalary) : void 0,
+		bonusYtd: N.bonusYtd.trim() ? Number(N.bonusYtd) : void 0,
+		payCurrency: N.payCurrency.trim() || void 0,
+		...e ? { onLeaveUntil: K(N.onLeaveUntil) ?? null } : {}
+	}), ke = () => ({
+		employeeId: N.employeeId.trim(),
 		...$(!1)
-	}), Ee = async (e) => {
-		if (e.preventDefault(), !P.employeeId.trim() || !P.firstName.trim() || !P.lastName.trim()) {
-			G("Employee ID, first name and last name are required.");
+	}), Ae = async (e) => {
+		if (e.preventDefault(), !N.employeeId.trim() || !N.firstName.trim() || !N.lastName.trim()) {
+			U("Employee ID, first name and last name are required.");
 			return;
 		}
-		if (!P.phone.trim()) {
-			G("Phone is required so this driver can be reached.");
+		if (!N.phone.trim()) {
+			U("Phone is required so this driver can be reached.");
 			return;
 		}
-		B(!0), G(null);
+		z(!0), U(null);
 		try {
 			if (t) {
 				let e = await s(t, $());
 				i?.(d(r, `fleet/drivers/${e.id}`));
 			} else {
-				let e = await o(Te());
+				let e = await o(ke());
 				i?.(d(r, `fleet/drivers/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to save driver:", e), G(e instanceof Error ? e.message : "Failed to save driver. Please try again."), B(!1);
+			console.error("Failed to save driver:", e), U(e instanceof Error ? e.message : "Failed to save driver. Please try again."), z(!1);
 		}
-	}, De = async () => {
-		if (!t || !X.trim()) {
-			Q("A reason is required to dismiss a driver.");
+	}, je = async () => {
+		if (!t || !Y.trim()) {
+			Z("A reason is required to dismiss a driver.");
 			return;
 		}
-		ge(!0), Q(null);
+		_e(!0), Z(null);
 		try {
 			await s(t, {
 				...$(),
 				terminatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-				terminationReason: X.trim()
-			}), Y(!1), await te(), i?.(d(r, `fleet/drivers/${t}`));
+				terminationReason: Y.trim()
+			}), J(!1), await A(), i?.(d(r, `fleet/drivers/${t}`));
 		} catch (e) {
-			Q(e instanceof Error ? e.message : "Failed to dismiss driver.");
+			Z(e instanceof Error ? e.message : "Failed to dismiss driver.");
 		} finally {
-			ge(!1);
+			_e(!1);
 		}
-	}, Oe = N && !!j?.terminatedAt;
-	return /* @__PURE__ */ W(M, {
-		title: N ? "Edit Driver" : "Add Driver",
+	}, Me = M && !!k?.terminatedAt;
+	return /* @__PURE__ */ H(j, {
+		title: M ? "Edit Driver" : "Add Driver",
 		subtitle: "Add a driver to your workforce",
-		icon: /* @__PURE__ */ U(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ W("div", {
+		icon: /* @__PURE__ */ V(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ H("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ W(v, {
+			children: [/* @__PURE__ */ H(_, {
 				variant: "outline",
-				onClick: we,
-				disabled: R,
-				children: [/* @__PURE__ */ U(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ W(v, {
-				onClick: Ee,
-				disabled: R,
+				onClick: Oe,
+				disabled: L,
+				children: [/* @__PURE__ */ V(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ H(_, {
+				onClick: Ae,
+				disabled: L,
 				children: [
-					/* @__PURE__ */ U(a, { size: 16 }),
+					/* @__PURE__ */ V(a, { size: 16 }),
 					" ",
-					N ? R ? "Saving..." : "Save Changes" : R ? "Saving..." : "Add Driver"
+					M ? L ? "Saving..." : "Save Changes" : L ? "Saving..." : "Add Driver"
 				]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ U(oe, {
-				icon: /* @__PURE__ */ U(u, { size: 18 }),
+			/* @__PURE__ */ V(W, {
+				icon: /* @__PURE__ */ V(u, { size: 18 }),
 				children: "Add a driver so they can be assigned to orders and routes. An employee ID, name and phone get them on the roster — add licensing, a vehicle and HR details to keep the record complete."
 			}),
-			Oe && j?.terminatedAt && /* @__PURE__ */ W("div", {
+			Me && k?.terminatedAt && /* @__PURE__ */ H("div", {
 				className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: [/* @__PURE__ */ W("p", {
+				children: [/* @__PURE__ */ H("p", {
 					className: "font-medium",
 					children: [
 						"This driver was dismissed on ",
-						L(j.terminatedAt, "full"),
+						I(k.terminatedAt, "full"),
 						"."
 					]
-				}), j.terminationReason && /* @__PURE__ */ W("p", {
+				}), k.terminationReason && /* @__PURE__ */ H("p", {
 					className: "mt-1",
-					children: ["Reason: ", j.terminationReason]
+					children: ["Reason: ", k.terminationReason]
 				})]
 			}),
-			/* @__PURE__ */ W("form", {
-				onSubmit: Ee,
+			/* @__PURE__ */ H("form", {
+				onSubmit: Ae,
 				className: "max-w-3xl space-y-6",
 				children: [
-					/* @__PURE__ */ U(F, { message: V }),
-					/* @__PURE__ */ W(ae, { children: [/* @__PURE__ */ U("h2", {
+					/* @__PURE__ */ V(P, { message: B }),
+					/* @__PURE__ */ H(se, { children: [/* @__PURE__ */ V("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Driver Details"
-					}), /* @__PURE__ */ W("div", {
+					}), /* @__PURE__ */ H("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ W(w, {
+										children: [/* @__PURE__ */ H(C, {
 											htmlFor: "employeeId",
 											children: [
 												"Employee ID ",
-												N ? "(immutable)" : "",
+												M ? "(immutable)" : "",
 												" ",
-												/* @__PURE__ */ U("span", {
+												/* @__PURE__ */ V("span", {
 													className: "text-status-error-text",
-													children: !N && "*"
+													children: !M && "*"
 												})
 											]
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "employeeId",
-											value: P.employeeId,
-											onChange: (e) => I((t) => ({
+											value: N.employeeId,
+											onChange: (e) => F((t) => ({
 												...t,
 												employeeId: e.target.value
 											})),
 											placeholder: "EMP-001",
 											required: !0,
-											disabled: N
+											disabled: M
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ W(w, {
+										children: [/* @__PURE__ */ H(C, {
 											htmlFor: "firstName",
-											children: ["First Name ", /* @__PURE__ */ U("span", {
+											children: ["First Name ", /* @__PURE__ */ V("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "firstName",
-											value: P.firstName,
-											onChange: (e) => I((t) => ({
+											value: N.firstName,
+											onChange: (e) => F((t) => ({
 												...t,
 												firstName: e.target.value
 											})),
@@ -234,18 +237,18 @@ function J({ editId: t }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ W(w, {
+										children: [/* @__PURE__ */ H(C, {
 											htmlFor: "lastName",
-											children: ["Last Name ", /* @__PURE__ */ U("span", {
+											children: ["Last Name ", /* @__PURE__ */ V("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "lastName",
-											value: P.lastName,
-											onChange: (e) => I((t) => ({
+											value: N.lastName,
+											onChange: (e) => F((t) => ({
 												...t,
 												lastName: e.target.value
 											})),
@@ -255,37 +258,37 @@ function J({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ U(w, {
+										children: [/* @__PURE__ */ V(C, {
 											htmlFor: "email",
 											children: "Email"
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "email",
 											type: "email",
-											value: P.email,
-											onChange: (e) => I((t) => ({
+											value: N.email,
+											onChange: (e) => F((t) => ({
 												...t,
 												email: e.target.value
 											})),
 											placeholder: "jane.doe@example.com"
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ W(w, {
+										children: [/* @__PURE__ */ H(C, {
 											htmlFor: "phone",
-											children: ["Phone ", /* @__PURE__ */ U("span", {
+											children: ["Phone ", /* @__PURE__ */ V("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "phone",
-											value: P.phone,
-											onChange: (e) => I((t) => ({
+											value: N.phone,
+											onChange: (e) => F((t) => ({
 												...t,
 												phone: e.target.value
 											})),
@@ -293,21 +296,21 @@ function J({ editId: t }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ U(w, {
+										children: [/* @__PURE__ */ V(C, {
 											htmlFor: "status",
 											children: "Status"
-										}), /* @__PURE__ */ W(T, {
-											value: P.status,
-											onValueChange: (e) => I((t) => ({
+										}), /* @__PURE__ */ H(ne, {
+											value: N.status,
+											onValueChange: (e) => F((t) => ({
 												...t,
 												status: e
 											})),
-											children: [/* @__PURE__ */ U(O, {
+											children: [/* @__PURE__ */ V(E, {
 												id: "status",
-												children: /* @__PURE__ */ U(k, {})
-											}), /* @__PURE__ */ U(E, { children: pe.map((e) => /* @__PURE__ */ U(D, {
+												children: /* @__PURE__ */ V(D, {})
+											}), /* @__PURE__ */ V(w, { children: me.map((e) => /* @__PURE__ */ V(T, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
@@ -315,49 +318,49 @@ function J({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ U(w, {
+										children: [/* @__PURE__ */ V(C, {
 											htmlFor: "licenseNumber",
 											children: "License Number"
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "licenseNumber",
-											value: P.licenseNumber,
-											onChange: (e) => I((t) => ({
+											value: N.licenseNumber,
+											onChange: (e) => F((t) => ({
 												...t,
 												licenseNumber: e.target.value
 											})),
 											placeholder: "D1234567"
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ U(w, {
+										children: [/* @__PURE__ */ V(C, {
 											htmlFor: "licenseClass",
 											children: "License Class"
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "licenseClass",
-											value: P.licenseClass,
-											onChange: (e) => I((t) => ({
+											value: N.licenseClass,
+											onChange: (e) => F((t) => ({
 												...t,
 												licenseClass: e.target.value
 											})),
 											placeholder: "Class A"
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ U(w, {
+										children: [/* @__PURE__ */ V(C, {
 											htmlFor: "licenseExpiry",
 											children: "License Expiry"
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "licenseExpiry",
 											type: "date",
-											value: P.licenseExpiry,
-											onChange: (e) => I((t) => ({
+											value: N.licenseExpiry,
+											onChange: (e) => F((t) => ({
 												...t,
 												licenseExpiry: e.target.value
 											}))
@@ -365,37 +368,38 @@ function J({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ W("div", {
+								children: [/* @__PURE__ */ H("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ U(w, {
+									children: [/* @__PURE__ */ V(C, {
 										htmlFor: "vehicleSearch",
 										children: "Search vehicles"
-									}), /* @__PURE__ */ U(C, {
+									}), /* @__PURE__ */ V(S, {
 										id: "vehicleSearch",
-										value: ve,
+										value: Q,
 										onChange: (e) => ye(e.target.value),
 										placeholder: "Vehicle number or type"
 									})]
-								}), /* @__PURE__ */ W("div", {
+								}), /* @__PURE__ */ H("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ U(w, {
+									children: [/* @__PURE__ */ V(C, {
 										htmlFor: "vehicle",
 										children: "Assigned Vehicle"
-									}), /* @__PURE__ */ U(re, {
+									}), /* @__PURE__ */ V(ie, {
 										id: "vehicle",
-										value: P.vehicleId,
-										onChange: (e) => I((t) => ({
+										value: N.vehicleId,
+										onChange: (e) => F((t) => ({
 											...t,
-											vehicleId: e
+											vehicleId: e,
+											vehicleIds: e ? [e] : []
 										})),
 										options: be,
 										loading: xe,
 										getId: (e) => e.id,
 										getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
-										renderOption: (e) => /* @__PURE__ */ W(H, { children: [
-											/* @__PURE__ */ U(c, {
+										renderOption: (e) => /* @__PURE__ */ H(oe, { children: [
+											/* @__PURE__ */ V(c, {
 												size: 14,
 												className: "mr-2 inline text-text-secondary"
 											}),
@@ -404,72 +408,76 @@ function J({ editId: t }) {
 											e.type,
 											")"
 										] }),
-										selectedOption: Se,
-										selectedLoading: Ce,
+										selectedOption: Ee,
+										selectedLoading: De,
+										hasMore: Ce,
+										totalCount: we,
+										onLoadMore: Te,
+										loadingMore: Se,
 										placeholder: "Unassigned",
 										emptyText: "No vehicles match that search."
 									})]
 								})]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ U(w, {
+										children: [/* @__PURE__ */ V(C, {
 											htmlFor: "rating",
 											children: "Rating (0–5)"
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "rating",
 											type: "number",
 											min: 0,
 											max: 5,
 											step: .1,
-											value: P.rating,
-											onChange: (e) => I((t) => ({
+											value: N.rating,
+											onChange: (e) => F((t) => ({
 												...t,
 												rating: e.target.value
 											})),
 											placeholder: "4.8"
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ U(w, {
+										children: [/* @__PURE__ */ V(C, {
 											htmlFor: "hireDate",
 											children: "Hire Date"
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "hireDate",
 											type: "date",
-											value: P.hireDate,
-											onChange: (e) => I((t) => ({
+											value: N.hireDate,
+											onChange: (e) => F((t) => ({
 												...t,
 												hireDate: e.target.value
 											}))
 										})]
 									}),
-									/* @__PURE__ */ W("div", {
+									/* @__PURE__ */ H("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ W("div", {
+										children: [/* @__PURE__ */ H("div", {
 											className: "flex items-center justify-between gap-2",
-											children: [/* @__PURE__ */ U(w, {
+											children: [/* @__PURE__ */ V(C, {
 												htmlFor: "onLeaveUntil",
 												children: "On Leave Until"
-											}), P.onLeaveUntil && /* @__PURE__ */ U(v, {
+											}), N.onLeaveUntil && /* @__PURE__ */ V(_, {
 												type: "button",
 												variant: "ghost",
 												size: "sm",
-												onClick: () => I((e) => ({
+												onClick: () => F((e) => ({
 													...e,
 													onLeaveUntil: ""
 												})),
 												children: "Clear"
 											})]
-										}), /* @__PURE__ */ U(C, {
+										}), /* @__PURE__ */ V(S, {
 											id: "onLeaveUntil",
 											type: "date",
-											value: P.onLeaveUntil,
-											onChange: (e) => I((t) => ({
+											value: N.onLeaveUntil,
+											onChange: (e) => F((t) => ({
 												...t,
 												onLeaveUntil: e.target.value
 											}))
@@ -479,57 +487,57 @@ function J({ editId: t }) {
 							})
 						]
 					})] }),
-					/* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+					/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ U(n, { size: 18 }), " Compensation"]
-					}) }), /* @__PURE__ */ U(b, { children: /* @__PURE__ */ W("div", {
+						children: [/* @__PURE__ */ V(n, { size: 18 }), " Compensation"]
+					}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ H("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 						children: [
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ U(w, {
+								children: [/* @__PURE__ */ V(C, {
 									htmlFor: "baseSalary",
 									children: "Base Salary (annual)"
-								}), /* @__PURE__ */ U(C, {
+								}), /* @__PURE__ */ V(S, {
 									id: "baseSalary",
 									type: "number",
 									min: 0,
 									step: .01,
-									value: P.baseSalary,
-									onChange: (e) => I((t) => ({
+									value: N.baseSalary,
+									onChange: (e) => F((t) => ({
 										...t,
 										baseSalary: e.target.value
 									})),
 									placeholder: "55000"
 								})]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ U(w, {
+								children: [/* @__PURE__ */ V(C, {
 									htmlFor: "bonusYtd",
 									children: "Bonus (YTD)"
-								}), /* @__PURE__ */ U(C, {
+								}), /* @__PURE__ */ V(S, {
 									id: "bonusYtd",
 									type: "number",
 									min: 0,
 									step: .01,
-									value: P.bonusYtd,
-									onChange: (e) => I((t) => ({
+									value: N.bonusYtd,
+									onChange: (e) => F((t) => ({
 										...t,
 										bonusYtd: e.target.value
 									})),
 									placeholder: "1200"
 								})]
 							}),
-							/* @__PURE__ */ W("div", {
+							/* @__PURE__ */ H("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ U(w, {
+								children: [/* @__PURE__ */ V(C, {
 									htmlFor: "payCurrency",
 									children: "Currency"
-								}), /* @__PURE__ */ U(C, {
+								}), /* @__PURE__ */ V(S, {
 									id: "payCurrency",
-									value: P.payCurrency,
-									onChange: (e) => I((t) => ({
+									value: N.payCurrency,
+									onChange: (e) => F((t) => ({
 										...t,
 										payCurrency: e.target.value
 									})),
@@ -539,110 +547,110 @@ function J({ editId: t }) {
 							})
 						]
 					}) })] }),
-					/* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+					/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ U(ee, { size: 18 }), " HR Notes"]
-					}) }), /* @__PURE__ */ U(b, { children: /* @__PURE__ */ U(A, {
-						value: P.notes,
-						onChange: (e) => I((t) => ({
+						children: [/* @__PURE__ */ V(ee, { size: 18 }), " HR Notes"]
+					}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ V(O, {
+						value: N.notes,
+						onChange: (e) => F((t) => ({
 							...t,
 							notes: e.target.value
 						})),
 						placeholder: "Performance notes, disciplinary history, anything worth tracking for this driver...",
 						rows: 4
 					}) })] }),
-					N && !Oe && /* @__PURE__ */ W(y, {
+					M && !Me && /* @__PURE__ */ H(v, {
 						className: "border-status-error-border",
-						children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+						children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 							className: "flex items-center gap-2 text-status-error-text",
-							children: [/* @__PURE__ */ U(l, { size: 18 }), " Dismiss Driver"]
-						}) }), /* @__PURE__ */ W(b, { children: [/* @__PURE__ */ U("p", {
+							children: [/* @__PURE__ */ V(l, { size: 18 }), " Dismiss Driver"]
+						}) }), /* @__PURE__ */ H(y, { children: [/* @__PURE__ */ V("p", {
 							className: "mb-3 text-sm text-text-secondary",
 							children: "Dismissing a driver marks them as no longer employed. Their delivery and route history stays visible; they can no longer be assigned new work. This cannot be undone from here."
-						}), /* @__PURE__ */ W(v, {
+						}), /* @__PURE__ */ H(_, {
 							type: "button",
 							variant: "outline",
 							className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
-							onClick: () => Y(!0),
-							children: [/* @__PURE__ */ U(l, { size: 16 }), " Dismiss this driver"]
+							onClick: () => J(!0),
+							children: [/* @__PURE__ */ V(l, { size: 16 }), " Dismiss this driver"]
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ U(se, {
-				open: J,
-				onOpenChange: Y,
-				children: /* @__PURE__ */ W(ce, { children: [
-					/* @__PURE__ */ W(de, { children: [/* @__PURE__ */ U(fe, { children: "Dismiss this driver?" }), /* @__PURE__ */ U(le, { children: "This records the driver as dismissed and requires a reason. It cannot be undone from here." })] }),
-					/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ V(ce, {
+				open: q,
+				onOpenChange: J,
+				children: /* @__PURE__ */ H(le, { children: [
+					/* @__PURE__ */ H(fe, { children: [/* @__PURE__ */ V(pe, { children: "Dismiss this driver?" }), /* @__PURE__ */ V(ue, { children: "This records the driver as dismissed and requires a reason. It cannot be undone from here." })] }),
+					/* @__PURE__ */ H("div", {
 						className: "space-y-2 px-1",
 						children: [
-							/* @__PURE__ */ W(w, {
+							/* @__PURE__ */ H(C, {
 								htmlFor: "dismissReason",
-								children: ["Reason ", /* @__PURE__ */ U("span", {
+								children: ["Reason ", /* @__PURE__ */ V("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})]
 							}),
-							/* @__PURE__ */ U(A, {
+							/* @__PURE__ */ V(O, {
 								id: "dismissReason",
-								value: X,
-								onChange: (e) => he(e.target.value),
+								value: Y,
+								onChange: (e) => ge(e.target.value),
 								placeholder: "e.g. Repeated policy violations, voluntary resignation, performance...",
 								rows: 3
 							}),
-							/* @__PURE__ */ U(F, { message: _e })
+							/* @__PURE__ */ V(P, { message: ve })
 						]
 					}),
-					/* @__PURE__ */ W(ue, { children: [/* @__PURE__ */ U(v, {
+					/* @__PURE__ */ H(de, { children: [/* @__PURE__ */ V(_, {
 						variant: "outline",
-						onClick: () => Y(!1),
-						disabled: Z,
+						onClick: () => J(!1),
+						disabled: X,
 						children: "Cancel"
-					}), /* @__PURE__ */ U(v, {
+					}), /* @__PURE__ */ V(_, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
-						onClick: De,
-						disabled: Z,
-						children: Z ? "Dismissing..." : "Confirm dismissal"
+						onClick: je,
+						disabled: X,
+						children: X ? "Dismissing..." : "Confirm dismissal"
 					})] })
 				] })
 			})
 		]
 	});
 }
-function Y() {
-	let { driverId: a } = V(), l = B().pathname.endsWith("/edit"), { basePath: p, navigate: h } = f(), { driver: _, isLoading: C, error: w, refetch: T } = m(a), { vehicle: E } = g(_?.assignedVehicle), D = () => h?.(d(p, "fleet/drivers")), O = (e) => h?.(d(p, e));
-	if (!a) return /* @__PURE__ */ U(J, {});
-	if (l) return /* @__PURE__ */ U(J, { editId: a });
-	if (C) return /* @__PURE__ */ U(te, { message: "Loading driver details..." });
-	if (w || !_) return /* @__PURE__ */ U(j, {
+function J() {
+	let { driverId: a } = B(), l = z().pathname.endsWith("/edit"), { basePath: f, navigate: m } = te(), { driver: g, isLoading: S, error: C, refetch: ne } = p(a), { vehicle: w } = h(g?.assignedVehicle), T = () => m?.(d(f, "fleet/drivers")), E = (e) => m?.(d(f, e));
+	if (!a) return /* @__PURE__ */ V(q, {});
+	if (l) return /* @__PURE__ */ V(q, { editId: a });
+	if (S) return /* @__PURE__ */ V(A, { message: "Loading driver details..." });
+	if (C || !g) return /* @__PURE__ */ V(k, {
 		title: "Driver not found",
-		onRetry: T
+		onRetry: ne
 	});
-	let k = !!_.terminatedAt, A = _.onLeaveUntil && _.onLeaveUntil.getTime() > (/* @__PURE__ */ new Date()).getTime() ? _.onLeaveUntil : void 0, N = _.baseSalary !== void 0 || _.bonusYtd !== void 0;
-	return /* @__PURE__ */ W(M, {
-		title: _.fullName,
-		subtitle: `Employee ID: ${_.employeeId}`,
-		icon: /* @__PURE__ */ U(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ W("div", {
+	let D = !!g.terminatedAt, O = g.onLeaveUntil && g.onLeaveUntil.getTime() > (/* @__PURE__ */ new Date()).getTime() ? g.onLeaveUntil : void 0, M = g.baseSalary !== void 0 || g.bonusYtd !== void 0;
+	return /* @__PURE__ */ H(j, {
+		title: g.fullName,
+		subtitle: `Employee ID: ${g.employeeId}`,
+		icon: /* @__PURE__ */ V(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ H("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ W(v, {
+			children: [/* @__PURE__ */ H(_, {
 				variant: "outline",
-				onClick: D,
-				children: [/* @__PURE__ */ U(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ W(v, {
-				onClick: () => h?.(d(p, "fleet/drivers/" + a + "/edit")),
-				children: [/* @__PURE__ */ U(o, { size: 16 }), " Edit"]
+				onClick: T,
+				children: [/* @__PURE__ */ V(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ H(_, {
+				onClick: () => m?.(d(f, "fleet/drivers/" + a + "/edit")),
+				children: [/* @__PURE__ */ V(o, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ W("div", {
+		headerContent: /* @__PURE__ */ H("div", {
 			className: "flex flex-wrap items-center gap-4",
 			children: [
-				/* @__PURE__ */ U(P, {
-					status: _.status,
+				/* @__PURE__ */ V(N, {
+					status: g.status,
 					type: "driver"
 				}),
-				k && /* @__PURE__ */ U(P, {
+				D && /* @__PURE__ */ V(N, {
 					status: "dismissed",
 					label: "Dismissed",
 					customColors: {
@@ -650,168 +658,168 @@ function Y() {
 						text: "text-status-error-text"
 					}
 				}),
-				A && !k && /* @__PURE__ */ U(P, {
+				O && !D && /* @__PURE__ */ V(N, {
 					status: "on_leave",
-					label: `On leave until ${L(A, "short")}`,
+					label: `On leave until ${I(O, "short")}`,
 					customColors: {
 						bg: "bg-status-warning-bg-subtle",
 						text: "text-status-warning-text"
 					}
 				}),
-				_.rating > 0 && /* @__PURE__ */ W("div", {
+				g.rating !== void 0 && /* @__PURE__ */ H("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ U(s, {
+					children: [/* @__PURE__ */ V(s, {
 						size: 16,
 						className: "text-status-warning-text fill-current"
-					}), /* @__PURE__ */ U("span", {
+					}), /* @__PURE__ */ V("span", {
 						className: "font-medium",
-						children: _.rating.toFixed(1)
+						children: g.rating.toFixed(1)
 					})]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ U(oe, {
-				icon: /* @__PURE__ */ U(u, { size: 18 }),
+			/* @__PURE__ */ V(W, {
+				icon: /* @__PURE__ */ V(u, { size: 18 }),
 				children: "A driver's full profile — licensing, assigned vehicle, documents and HR record. Use it to confirm someone is road-ready and compliant before assigning them an order or route."
 			}),
-			/* @__PURE__ */ U(G, {
+			/* @__PURE__ */ V(U, {
 				storageKey: "movethewheels-driver-details",
 				steps: [
 					{
 						id: "assign",
 						label: "Assign to an order",
 						description: "Hand a pending delivery to this driver.",
-						icon: /* @__PURE__ */ U(i, { size: 16 }),
-						onClick: () => O("orders")
+						icon: /* @__PURE__ */ V(i, { size: 16 }),
+						onClick: () => E("orders")
 					},
 					{
 						id: "routes",
 						label: "Plan their route",
 						description: "Batch nearby drop-offs into an optimized itinerary.",
-						icon: /* @__PURE__ */ U(t, { size: 16 }),
-						onClick: () => O("routes")
+						icon: /* @__PURE__ */ V(t, { size: 16 }),
+						onClick: () => E("routes")
 					},
 					{
 						id: "edit",
 						label: "Update driver record",
 						description: "Refresh documents, license or HR details.",
-						icon: /* @__PURE__ */ U(o, { size: 16 }),
+						icon: /* @__PURE__ */ V(o, { size: 16 }),
 						onClick: () => {}
 					}
 				]
 			}),
-			k && /* @__PURE__ */ W("div", {
+			D && /* @__PURE__ */ H("div", {
 				className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: [/* @__PURE__ */ W("p", {
+				children: [/* @__PURE__ */ H("p", {
 					className: "font-medium",
-					children: ["Dismissed ", _.terminatedAt && L(_.terminatedAt, "full")]
-				}), _.terminationReason && /* @__PURE__ */ W("p", {
+					children: ["Dismissed ", g.terminatedAt && I(g.terminatedAt, "full")]
+				}), g.terminationReason && /* @__PURE__ */ H("p", {
 					className: "mt-1",
-					children: ["Reason: ", _.terminationReason]
+					children: ["Reason: ", g.terminationReason]
 				})]
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ H("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ U(r, { size: 18 }), " License"]
-						}) }), /* @__PURE__ */ U(b, { children: /* @__PURE__ */ U("div", {
+							children: [/* @__PURE__ */ V(r, { size: 18 }), " License"]
+						}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ V("div", {
 							className: "flex items-center justify-between p-3 border rounded-lg",
-							children: /* @__PURE__ */ W("div", { children: [
-								/* @__PURE__ */ U("p", {
+							children: /* @__PURE__ */ H("div", { children: [
+								/* @__PURE__ */ V("p", {
 									className: "font-medium",
 									children: "Driver's License"
 								}),
-								/* @__PURE__ */ W("p", {
+								/* @__PURE__ */ H("p", {
 									className: "text-sm text-text-secondary",
-									children: [_.licenseNumber || "—", _.licenseType ? ` - ${_.licenseType}` : ""]
+									children: [g.licenseNumber || "—", g.licenseType ? ` - ${g.licenseType}` : ""]
 								}),
-								/* @__PURE__ */ U("p", {
+								/* @__PURE__ */ V("p", {
 									className: "text-sm text-text-secondary",
-									children: _.licenseExpiry ? `Expires: ${L(_.licenseExpiry)}` : "Expiry not recorded"
+									children: g.licenseExpiry ? `Expires: ${I(g.licenseExpiry)}` : "Expiry not recorded"
 								})
 							] })
 						}) })] }),
-						_.notes && /* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+						g.notes && /* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ U(ee, { size: 18 }), " HR Notes"]
-						}) }), /* @__PURE__ */ U(b, { children: /* @__PURE__ */ U("p", {
+							children: [/* @__PURE__ */ V(ee, { size: 18 }), " HR Notes"]
+						}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ V("p", {
 							className: "text-sm whitespace-pre-wrap",
-							children: _.notes
+							children: g.notes
 						}) })] }),
-						/* @__PURE__ */ U(R, {
+						/* @__PURE__ */ V(L, {
 							entityType: "driver",
-							entityId: _.id
+							entityId: g.id
 						})
 					]
-				}), /* @__PURE__ */ W("div", {
+				}), /* @__PURE__ */ H("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ U(c, { size: 18 }), " Assigned Vehicle"]
-						}) }), /* @__PURE__ */ U(b, { children: _.assignedVehicle ? E ? /* @__PURE__ */ W("button", {
+							children: [/* @__PURE__ */ V(c, { size: 18 }), " Assigned Vehicle"]
+						}) }), /* @__PURE__ */ V(y, { children: g.assignedVehicle ? w ? /* @__PURE__ */ H("button", {
 							type: "button",
 							className: "text-sm font-medium text-primary hover:underline",
-							onClick: () => O(`fleet/vehicles/${E.id}`),
+							onClick: () => E(`fleet/vehicles/${w.id}`),
 							children: [
-								E.vehicleNumber,
+								w.vehicleNumber,
 								" (",
-								E.type,
+								w.type,
 								")"
 							]
-						}) : /* @__PURE__ */ U("p", {
+						}) : /* @__PURE__ */ V("p", {
 							className: "text-sm text-text-secondary",
 							children: "Loading…"
-						}) : /* @__PURE__ */ U("p", {
+						}) : /* @__PURE__ */ V("p", {
 							className: "text-sm text-text-secondary",
 							children: "No vehicle assigned"
 						}) })] }),
-						/* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ U(S, { children: "Record" }) }), /* @__PURE__ */ U(b, {
+						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ V(x, { children: "Record" }) }), /* @__PURE__ */ V(y, {
 							className: "space-y-4",
-							children: /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+							children: /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("p", {
 								className: "text-sm text-text-secondary",
 								children: "Hire Date"
-							}), /* @__PURE__ */ U("p", {
+							}), /* @__PURE__ */ V("p", {
 								className: "font-medium",
-								children: _.hireDate ? L(_.hireDate) : "Not recorded"
+								children: g.hireDate ? I(g.hireDate) : "Not recorded"
 							})] })
 						})] }),
-						/* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ U(n, { size: 18 }), " Compensation"]
-						}) }), /* @__PURE__ */ U(b, {
+							children: [/* @__PURE__ */ V(n, { size: 18 }), " Compensation"]
+						}) }), /* @__PURE__ */ V(y, {
 							className: "space-y-3",
-							children: N ? /* @__PURE__ */ W(H, { children: [_.baseSalary !== void 0 && /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+							children: M ? /* @__PURE__ */ H(oe, { children: [g.baseSalary !== void 0 && /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("p", {
 								className: "text-sm text-text-secondary",
 								children: "Base Salary"
-							}), /* @__PURE__ */ W("p", {
+							}), /* @__PURE__ */ H("p", {
 								className: "font-medium",
-								children: [I(_.baseSalary, _.payCurrency || void 0), "/year"]
-							})] }), _.bonusYtd !== void 0 && /* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("p", {
+								children: [F(g.baseSalary, g.payCurrency || void 0), "/year"]
+							})] }), g.bonusYtd !== void 0 && /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("p", {
 								className: "text-sm text-text-secondary",
 								children: "Bonus (YTD)"
-							}), /* @__PURE__ */ U("p", {
+							}), /* @__PURE__ */ V("p", {
 								className: "font-medium",
-								children: I(_.bonusYtd, _.payCurrency || void 0)
-							})] })] }) : /* @__PURE__ */ U("p", {
+								children: F(g.bonusYtd, g.payCurrency || void 0)
+							})] })] }) : /* @__PURE__ */ V("p", {
 								className: "text-sm text-text-secondary",
 								children: "Not recorded"
 							})
 						})] }),
-						_.currentLocation && /* @__PURE__ */ W(y, { children: [/* @__PURE__ */ U(x, { children: /* @__PURE__ */ W(S, {
+						g.currentLocation && /* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ U(i, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ W(b, { children: [/* @__PURE__ */ U("p", {
+							children: [/* @__PURE__ */ V(i, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ H(y, { children: [/* @__PURE__ */ V("p", {
 							className: "text-sm",
-							children: _.currentLocation.address || "Location updating..."
-						}), /* @__PURE__ */ U("p", {
+							children: g.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ V("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: _.currentLocation.timestamp ? `Updated ${L(_.currentLocation.timestamp, "relative")}` : "Update time not recorded"
+							children: g.currentLocation.timestamp ? `Updated ${I(g.currentLocation.timestamp, "relative")}` : "Update time not recorded"
 						})] })] })
 					]
 				})]
@@ -820,4 +828,4 @@ function Y() {
 	});
 }
 //#endregion
-export { Y as default };
+export { J as default };