@burdenoff/microfe-movethewheels 2026.1016.2 → 2026.1016.4

package/dist/pages/DriverDetailsPage.js

@@ -8,14 +8,14 @@ import { SquarePen as o } from "../node_modules/lucide-react/dist/esm/icons/squa
 import { Star as s } from "../node_modules/lucide-react/dist/esm/icons/star.js";
 import { StickyNote as ee } from "../node_modules/lucide-react/dist/esm/icons/sticky-note.js";
 import { Trash2 as c } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import { Truck as l } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserX as u } from "../node_modules/lucide-react/dist/esm/icons/user-x.js";
-import { Users as d } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { joinPath as f } from "../utils/navigation.js";
-import { useMoveTheWheels as te } from "../providers/MoveTheWheelsProvider.js";
-import { toApiDriverStatus as p, useDriver as ne, useFleet as m, useVehicle as re, useVehicles as ie } from "../hooks/useFleet.js";
-import { Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, Input as b, Label as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, Textarea as D } from "../components/ui.js";
-import { ErrorState as ae, LoadingState as O, PageLayout as oe } from "../components/PageLayout.js";
+import { Truck as te } 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 ne } from "../providers/MoveTheWheelsProvider.js";
+import { toApiDriverStatus as f, useDriver as p, useFleet as m, useVehicle as re, useVehicles as ie } from "../hooks/useFleet.js";
+import { Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, Input as b, Label as x, Select as S, SelectContent as ae, SelectItem as C, SelectTrigger as w, SelectValue as T, Textarea as E } from "../components/ui.js";
+import { ErrorState as oe, LoadingState as D, PageLayout as O } from "../components/PageLayout.js";
 import { DRIVER_STATUS_LABELS as k } from "../constants/index.js";
 import { StatusBadge as A } from "../components/StatusBadge.js";
 import { FormError as j } from "../components/FormError.js";
@@ -24,15 +24,16 @@ import { DocumentsCard as P } from "../components/DocumentsCard.js";
 import { useDebouncedValue as se } from "../hooks/useDebouncedValue.js";
 import { EntityCombobox as ce } from "../components/EntityCombobox.js";
 import { useRefetchOnLeaveEdit as F } from "../hooks/useRefetchOnLeaveEdit.js";
-import { useEffect as le, useState as I } from "react";
-import { useLocation as L, useParams as R } from "react-router";
-import { Fragment as ue, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { EmphasisPanel as de, NextSteps as V, PagePurpose as H, ResponsiveDialog as U, ResponsiveDialogContent as fe, ResponsiveDialogDescription as pe, ResponsiveDialogFooter as me, ResponsiveDialogHeader as he, ResponsiveDialogTitle as ge } from "@burdenoff/fe-libs/ui";
+import { driverLicenseExpiryInput as le, driverLicenseExpiryUpdate as ue, parseDriverLicenseExpiry as de } from "../utils/driverLicenseExpiry.js";
+import { useEffect as fe, useState as I } from "react";
+import { useLocation as L, useParams as pe } from "react-router";
+import { Fragment as me, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { EmphasisPanel as he, NextSteps as B, PagePurpose as V, ResponsiveDialog as H, ResponsiveDialogContent as U, ResponsiveDialogDescription as W, ResponsiveDialogFooter as G, ResponsiveDialogHeader as ge, ResponsiveDialogTitle as _e } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DriverDetailsPage.tsx
-var _e = Object.entries(k).map(([e, t]) => ({
+var ve = Object.entries(k).map(([e, t]) => ({
 	value: e,
 	label: t
-})), W = (e) => e ? e.toISOString().slice(0, 10) : "", G = (e) => e ? `${e}T12:00:00.000Z` : void 0, ve = {
+})), ye = (e) => e ? e.toISOString().slice(0, 10) : "", be = (e) => e ? `${e}T12:00:00.000Z` : void 0, xe = {
 	employeeId: "",
 	firstName: "",
 	lastName: "",
@@ -53,173 +54,173 @@ var _e = Object.entries(k).map(([e, t]) => ({
 	onLeaveUntil: ""
 };
 function K({ editId: t }) {
-	let { basePath: r, navigate: i } = te(), { createDriver: o, updateDriver: s, deleteDriver: ae } = m(), { driver: O, refetch: k } = ne(t), A = !!t, [M, P] = I(ve), [F, L] = I(!1), [R, V] = I(null), [K, q] = I(!1), [J, ye] = I(""), [Y, be] = I(!1), [xe, X] = I(null), [Se, Z] = I(!1), [Q, Ce] = I(!1), [we, Te] = I(null), [Ee, De] = I(""), { vehicles: Oe, isLoading: ke, isLoadingMore: Ae, hasMore: je, totalVehicles: Me, loadMore: Ne } = ie({
+	let { basePath: r, navigate: i } = ne(), { createDriver: o, updateDriver: s, deleteDriver: oe } = m(), { driver: D, refetch: k } = p(t), A = !!t, [M, P] = I(xe), [F, L] = I(!1), [pe, B] = I(null), [K, q] = I(!1), [J, Se] = I(""), [Y, Ce] = I(!1), [we, X] = I(null), [Te, Z] = I(!1), [Q, Ee] = I(!1), [De, Oe] = I(null), [ke, Ae] = I(""), { vehicles: je, isLoading: Me, isLoadingMore: Ne, hasMore: Pe, totalVehicles: Fe, loadMore: Ie } = ie({
 		limit: 20,
-		search: se(Ee) || void 0
-	}), { vehicle: Pe, isLoading: Fe } = re(M.vehicleId || void 0);
-	le(() => {
-		if (!t || !O) return;
-		let [e, ...n] = O.fullName.trim().split(/\s+/);
+		search: se(ke) || void 0
+	}), { vehicle: Le, isLoading: Re } = re(M.vehicleId || void 0);
+	fe(() => {
+		if (!t || !D) return;
+		let [e, ...n] = D.fullName.trim().split(/\s+/);
 		P({
-			employeeId: O.employeeId || "",
+			employeeId: D.employeeId || "",
 			firstName: e || "",
 			lastName: n.join(" "),
-			email: O.email || "",
-			phone: O.phone || "",
-			licenseNumber: O.licenseNumber || "",
-			licenseClass: O.licenseType || "",
-			licenseExpiry: W(O.licenseExpiry),
-			status: O.status,
-			vehicleId: O.assignedVehicle || "",
-			vehicleIds: O.vehicleIds,
-			rating: O.rating ? String(O.rating) : "",
-			notes: O.notes || "",
-			hireDate: W(O.hireDate),
-			baseSalary: O.baseSalary === void 0 ? "" : String(O.baseSalary),
-			bonusYtd: O.bonusYtd === void 0 ? "" : String(O.bonusYtd),
-			payCurrency: O.payCurrency || "",
-			onLeaveUntil: W(O.onLeaveUntil)
+			email: D.email || "",
+			phone: D.phone || "",
+			licenseNumber: D.licenseNumber || "",
+			licenseClass: D.licenseType || "",
+			licenseExpiry: le(D.licenseExpiry),
+			status: D.status,
+			vehicleId: D.assignedVehicle || "",
+			vehicleIds: D.vehicleIds,
+			rating: D.rating ? String(D.rating) : "",
+			notes: D.notes || "",
+			hireDate: ye(D.hireDate),
+			baseSalary: D.baseSalary === void 0 ? "" : String(D.baseSalary),
+			bonusYtd: D.bonusYtd === void 0 ? "" : String(D.bonusYtd),
+			payCurrency: D.payCurrency || "",
+			onLeaveUntil: ye(D.onLeaveUntil)
 		});
-	}, [t, O]);
-	let Ie = () => i?.(f(r, "fleet/drivers")), $ = (e = !0) => ({
+	}, [t, D]);
+	let ze = () => i?.(d(r, "fleet/drivers")), $ = (e = !0) => ({
 		firstName: M.firstName.trim(),
 		lastName: M.lastName.trim(),
 		email: M.email.trim() || void 0,
 		phone: M.phone.trim() || void 0,
 		licenseNumber: M.licenseNumber.trim() || void 0,
 		licenseClass: M.licenseClass.trim() || void 0,
-		licenseExpiry: G(M.licenseExpiry),
-		status: p(M.status),
+		licenseExpiry: A ? ue(M.licenseExpiry, D?.licenseExpiry) : de(M.licenseExpiry),
+		status: f(M.status),
 		vehicleId: M.vehicleId || null,
 		vehicleIds: M.vehicleIds,
 		rating: M.rating.trim() ? Number(M.rating) : void 0,
 		notes: M.notes.trim() || void 0,
-		hireDate: G(M.hireDate),
+		hireDate: be(M.hireDate),
 		baseSalary: M.baseSalary.trim() ? Number(M.baseSalary) : void 0,
 		bonusYtd: M.bonusYtd.trim() ? Number(M.bonusYtd) : void 0,
 		payCurrency: M.payCurrency.trim() || void 0,
-		...e ? { onLeaveUntil: G(M.onLeaveUntil) ?? null } : {}
-	}), Le = () => ({
+		...e ? { onLeaveUntil: be(M.onLeaveUntil) ?? null } : {}
+	}), Be = () => ({
 		employeeId: M.employeeId.trim(),
 		...$(!1)
-	}), Re = async (e) => {
+	}), Ve = async (e) => {
 		if (e.preventDefault(), !M.employeeId.trim() || !M.firstName.trim() || !M.lastName.trim()) {
-			V("Employee ID, first name and last name are required.");
+			B("Employee ID, first name and last name are required.");
 			return;
 		}
 		if (!M.phone.trim()) {
-			V("Phone is required so this driver can be reached.");
+			B("Phone is required so this driver can be reached.");
 			return;
 		}
-		L(!0), V(null);
+		L(!0), B(null);
 		try {
 			if (t) {
 				let e = await s(t, $());
-				i?.(f(r, `fleet/drivers/${e.id}`));
+				i?.(d(r, `fleet/drivers/${e.id}`));
 			} else {
-				let e = await o(Le());
-				i?.(f(r, `fleet/drivers/${e.id}`));
+				let e = await o(Be());
+				i?.(d(r, `fleet/drivers/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to save driver:", e), V(e instanceof Error ? e.message : "Failed to save driver. Please try again."), L(!1);
+			console.error("Failed to save driver:", e), B(e instanceof Error ? e.message : "Failed to save driver. Please try again."), L(!1);
 		}
-	}, ze = async () => {
+	}, He = async () => {
 		if (!t || !J.trim()) {
 			X("A reason is required to dismiss a driver.");
 			return;
 		}
-		be(!0), X(null);
+		Ce(!0), X(null);
 		try {
 			await s(t, {
 				...$(),
 				terminatedAt: (/* @__PURE__ */ new Date()).toISOString(),
 				terminationReason: J.trim()
-			}), q(!1), await k(), i?.(f(r, `fleet/drivers/${t}`));
+			}), q(!1), await k(), i?.(d(r, `fleet/drivers/${t}`));
 		} catch (e) {
 			X(e instanceof Error ? e.message : "Failed to dismiss driver.");
 		} finally {
-			be(!1);
+			Ce(!1);
 		}
-	}, Be = async () => {
+	}, Ue = async () => {
 		if (t) {
-			Ce(!0), Te(null);
+			Ee(!0), Oe(null);
 			try {
-				await ae(t), Z(!1), i?.(f(r, "fleet/drivers"));
+				await oe(t), Z(!1), i?.(d(r, "fleet/drivers"));
 			} catch (e) {
-				Te(e instanceof Error ? e.message : "Failed to delete driver.");
+				Oe(e instanceof Error ? e.message : "Failed to delete driver.");
 			} finally {
-				Ce(!1);
+				Ee(!1);
 			}
 		}
-	}, Ve = A && !!O?.terminatedAt;
-	return /* @__PURE__ */ B(oe, {
+	}, We = A && !!D?.terminatedAt;
+	return /* @__PURE__ */ z(O, {
 		title: A ? "Edit Driver" : "Add Driver",
 		subtitle: "Add a driver to your workforce",
-		icon: /* @__PURE__ */ z(d, { size: 24 }),
-		headerActions: /* @__PURE__ */ B("div", {
+		icon: /* @__PURE__ */ R(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ z("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ B(h, {
+			children: [/* @__PURE__ */ z(h, {
 				variant: "outline",
-				onClick: Ie,
+				onClick: ze,
 				disabled: F,
-				children: [/* @__PURE__ */ z(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ B(h, {
-				onClick: Re,
+				children: [/* @__PURE__ */ R(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ z(h, {
+				onClick: Ve,
 				disabled: F,
 				children: [
-					/* @__PURE__ */ z(a, { size: 16 }),
+					/* @__PURE__ */ R(a, { size: 16 }),
 					" ",
 					A ? F ? "Saving..." : "Save Changes" : F ? "Saving..." : "Add Driver"
 				]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ z(H, {
-				icon: /* @__PURE__ */ z(d, { size: 18 }),
+			/* @__PURE__ */ R(V, {
+				icon: /* @__PURE__ */ R(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."
 			}),
-			Ve && O?.terminatedAt && /* @__PURE__ */ B("div", {
+			We && D?.terminatedAt && /* @__PURE__ */ z("div", {
 				className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: [/* @__PURE__ */ B("p", {
+				children: [/* @__PURE__ */ z("p", {
 					className: "font-medium",
 					children: [
 						"This driver was dismissed on ",
-						N(O.terminatedAt, "full"),
+						N(D.terminatedAt, "full"),
 						"."
 					]
-				}), O.terminationReason && /* @__PURE__ */ B("p", {
+				}), D.terminationReason && /* @__PURE__ */ z("p", {
 					className: "mt-1",
-					children: ["Reason: ", O.terminationReason]
+					children: ["Reason: ", D.terminationReason]
 				})]
 			}),
-			/* @__PURE__ */ B("form", {
-				onSubmit: Re,
+			/* @__PURE__ */ z("form", {
+				onSubmit: Ve,
 				className: "max-w-3xl space-y-6",
 				children: [
-					/* @__PURE__ */ z(j, { message: R }),
-					/* @__PURE__ */ B(de, { children: [/* @__PURE__ */ z("h2", {
+					/* @__PURE__ */ R(j, { message: pe }),
+					/* @__PURE__ */ z(he, { children: [/* @__PURE__ */ R("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Driver Details"
-					}), /* @__PURE__ */ B("div", {
+					}), /* @__PURE__ */ z("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ B(x, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "employeeId",
 											children: [
 												"Employee ID ",
 												A ? "(immutable)" : "",
 												" ",
-												/* @__PURE__ */ z("span", {
+												/* @__PURE__ */ R("span", {
 													className: "text-status-error-text",
 													children: !A && "*"
 												})
 											]
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "employeeId",
 											value: M.employeeId,
 											onChange: (e) => P((t) => ({
@@ -231,15 +232,15 @@ function K({ editId: t }) {
 											disabled: A
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ B(x, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "firstName",
-											children: ["First Name ", /* @__PURE__ */ z("span", {
+											children: ["First Name ", /* @__PURE__ */ R("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "firstName",
 											value: M.firstName,
 											onChange: (e) => P((t) => ({
@@ -250,15 +251,15 @@ function K({ editId: t }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ B(x, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "lastName",
-											children: ["Last Name ", /* @__PURE__ */ z("span", {
+											children: ["Last Name ", /* @__PURE__ */ R("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "lastName",
 											value: M.lastName,
 											onChange: (e) => P((t) => ({
@@ -271,15 +272,15 @@ function K({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ z(x, {
+										children: [/* @__PURE__ */ R(x, {
 											htmlFor: "email",
 											children: "Email"
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "email",
 											type: "email",
 											value: M.email,
@@ -290,15 +291,15 @@ function K({ editId: t }) {
 											placeholder: "jane.doe@example.com"
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ B(x, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "phone",
-											children: ["Phone ", /* @__PURE__ */ z("span", {
+											children: ["Phone ", /* @__PURE__ */ R("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "phone",
 											value: M.phone,
 											onChange: (e) => P((t) => ({
@@ -309,21 +310,21 @@ function K({ editId: t }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ z(x, {
+										children: [/* @__PURE__ */ R(x, {
 											htmlFor: "status",
 											children: "Status"
-										}), /* @__PURE__ */ B(S, {
+										}), /* @__PURE__ */ z(S, {
 											value: M.status,
 											onValueChange: (e) => P((t) => ({
 												...t,
 												status: e
 											})),
-											children: [/* @__PURE__ */ z(T, {
+											children: [/* @__PURE__ */ R(w, {
 												id: "status",
-												children: /* @__PURE__ */ z(E, {})
-											}), /* @__PURE__ */ z(C, { children: _e.map((e) => /* @__PURE__ */ z(w, {
+												children: /* @__PURE__ */ R(T, {})
+											}), /* @__PURE__ */ R(ae, { children: ve.map((e) => /* @__PURE__ */ R(C, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
@@ -331,15 +332,15 @@ function K({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ z(x, {
+										children: [/* @__PURE__ */ R(x, {
 											htmlFor: "licenseNumber",
 											children: "License Number"
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "licenseNumber",
 											value: M.licenseNumber,
 											onChange: (e) => P((t) => ({
@@ -349,12 +350,12 @@ function K({ editId: t }) {
 											placeholder: "D1234567"
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ z(x, {
+										children: [/* @__PURE__ */ R(x, {
 											htmlFor: "licenseClass",
 											children: "License Class"
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "licenseClass",
 											value: M.licenseClass,
 											onChange: (e) => P((t) => ({
@@ -364,42 +365,65 @@ function K({ editId: t }) {
 											placeholder: "Class A"
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ z(x, {
-											htmlFor: "licenseExpiry",
-											children: "License Expiry"
-										}), /* @__PURE__ */ z(b, {
-											id: "licenseExpiry",
-											type: "date",
-											value: M.licenseExpiry,
-											onChange: (e) => P((t) => ({
-												...t,
-												licenseExpiry: e.target.value
-											}))
-										})]
+									/* @__PURE__ */ z("div", {
+										className: "space-y-2 md:col-span-3",
+										children: [
+											/* @__PURE__ */ z("div", {
+												className: "flex items-center justify-between gap-2",
+												children: [/* @__PURE__ */ R(x, {
+													htmlFor: "licenseExpiry",
+													children: "Licence expiry (UTC)"
+												}), M.licenseExpiry && /* @__PURE__ */ R(h, {
+													type: "button",
+													variant: "ghost",
+													size: "sm",
+													"aria-label": "Clear recorded licence expiry",
+													onClick: () => P((e) => ({
+														...e,
+														licenseExpiry: ""
+													})),
+													children: "Clear"
+												})]
+											}),
+											/* @__PURE__ */ R(b, {
+												id: "licenseExpiry",
+												type: "datetime-local",
+												step: "0.001",
+												"aria-describedby": "licenseExpiryHelp",
+												value: M.licenseExpiry,
+												onChange: (e) => P((t) => ({
+													...t,
+													licenseExpiry: e.target.value
+												}))
+											}),
+											/* @__PURE__ */ R("p", {
+												id: "licenseExpiryHelp",
+												className: "text-xs text-text-secondary",
+												children: "Enter the recorded UTC time. Blank means expiry not recorded; clearing removes it. A recorded expiry does not certify legal driving eligibility."
+											})
+										]
 									})
 								]
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ B("div", {
+								children: [/* @__PURE__ */ z("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ z(x, {
+									children: [/* @__PURE__ */ R(x, {
 										htmlFor: "vehicleSearch",
 										children: "Search vehicles"
-									}), /* @__PURE__ */ z(b, {
+									}), /* @__PURE__ */ R(b, {
 										id: "vehicleSearch",
-										value: Ee,
-										onChange: (e) => De(e.target.value),
+										value: ke,
+										onChange: (e) => Ae(e.target.value),
 										placeholder: "Vehicle number or type"
 									})]
-								}), /* @__PURE__ */ B("div", {
+								}), /* @__PURE__ */ z("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ z(x, {
+									children: [/* @__PURE__ */ R(x, {
 										htmlFor: "vehicle",
 										children: "Assigned Vehicle"
-									}), /* @__PURE__ */ z(ce, {
+									}), /* @__PURE__ */ R(ce, {
 										id: "vehicle",
 										value: M.vehicleId,
 										onChange: (e) => P((t) => ({
@@ -407,12 +431,12 @@ function K({ editId: t }) {
 											vehicleId: e,
 											vehicleIds: e ? [e] : []
 										})),
-										options: Oe,
-										loading: ke,
+										options: je,
+										loading: Me,
 										getId: (e) => e.id,
 										getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
-										renderOption: (e) => /* @__PURE__ */ B(ue, { children: [
-											/* @__PURE__ */ z(l, {
+										renderOption: (e) => /* @__PURE__ */ z(me, { children: [
+											/* @__PURE__ */ R(te, {
 												size: 14,
 												className: "mr-2 inline text-text-secondary"
 											}),
@@ -421,26 +445,26 @@ function K({ editId: t }) {
 											e.type,
 											")"
 										] }),
-										selectedOption: Pe,
-										selectedLoading: Fe,
-										hasMore: je,
-										totalCount: Me,
-										onLoadMore: Ne,
-										loadingMore: Ae,
+										selectedOption: Le,
+										selectedLoading: Re,
+										hasMore: Pe,
+										totalCount: Fe,
+										onLoadMore: Ie,
+										loadingMore: Ne,
 										placeholder: "Unassigned",
 										emptyText: "No vehicles match that search."
 									})]
 								})]
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ z(x, {
+										children: [/* @__PURE__ */ R(x, {
 											htmlFor: "rating",
 											children: "Rating (0–5)"
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "rating",
 											type: "number",
 											min: 0,
@@ -454,12 +478,12 @@ function K({ editId: t }) {
 											placeholder: "4.8"
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ z(x, {
+										children: [/* @__PURE__ */ R(x, {
 											htmlFor: "hireDate",
 											children: "Hire Date"
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "hireDate",
 											type: "date",
 											value: M.hireDate,
@@ -469,14 +493,14 @@ function K({ editId: t }) {
 											}))
 										})]
 									}),
-									/* @__PURE__ */ B("div", {
+									/* @__PURE__ */ z("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ B("div", {
+										children: [/* @__PURE__ */ z("div", {
 											className: "flex items-center justify-between gap-2",
-											children: [/* @__PURE__ */ z(x, {
+											children: [/* @__PURE__ */ R(x, {
 												htmlFor: "onLeaveUntil",
 												children: "On Leave Until"
-											}), M.onLeaveUntil && /* @__PURE__ */ z(h, {
+											}), M.onLeaveUntil && /* @__PURE__ */ R(h, {
 												type: "button",
 												variant: "ghost",
 												size: "sm",
@@ -486,7 +510,7 @@ function K({ editId: t }) {
 												})),
 												children: "Clear"
 											})]
-										}), /* @__PURE__ */ z(b, {
+										}), /* @__PURE__ */ R(b, {
 											id: "onLeaveUntil",
 											type: "date",
 											value: M.onLeaveUntil,
@@ -500,18 +524,18 @@ function K({ editId: t }) {
 							})
 						]
 					})] }),
-					/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+					/* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ z(n, { size: 18 }), " Compensation"]
-					}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ B("div", {
+						children: [/* @__PURE__ */ R(n, { size: 18 }), " Compensation"]
+					}) }), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ z("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 						children: [
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ z(x, {
+								children: [/* @__PURE__ */ R(x, {
 									htmlFor: "baseSalary",
 									children: "Base Salary (annual)"
-								}), /* @__PURE__ */ z(b, {
+								}), /* @__PURE__ */ R(b, {
 									id: "baseSalary",
 									type: "number",
 									min: 0,
@@ -524,12 +548,12 @@ function K({ editId: t }) {
 									placeholder: "55000"
 								})]
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ z(x, {
+								children: [/* @__PURE__ */ R(x, {
 									htmlFor: "bonusYtd",
 									children: "Bonus (YTD)"
-								}), /* @__PURE__ */ z(b, {
+								}), /* @__PURE__ */ R(b, {
 									id: "bonusYtd",
 									type: "number",
 									min: 0,
@@ -542,12 +566,12 @@ function K({ editId: t }) {
 									placeholder: "1200"
 								})]
 							}),
-							/* @__PURE__ */ B("div", {
+							/* @__PURE__ */ z("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ z(x, {
+								children: [/* @__PURE__ */ R(x, {
 									htmlFor: "payCurrency",
 									children: "Currency"
-								}), /* @__PURE__ */ z(b, {
+								}), /* @__PURE__ */ R(b, {
 									id: "payCurrency",
 									value: M.payCurrency,
 									onChange: (e) => P((t) => ({
@@ -560,10 +584,10 @@ function K({ editId: t }) {
 							})
 						]
 					}) })] }),
-					/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+					/* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ z(ee, { size: 18 }), " HR Notes"]
-					}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(D, {
+						children: [/* @__PURE__ */ R(ee, { size: 18 }), " HR Notes"]
+					}) }), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R(E, {
 						value: M.notes,
 						onChange: (e) => P((t) => ({
 							...t,
@@ -572,99 +596,99 @@ function K({ editId: t }) {
 						placeholder: "Performance notes, disciplinary history, anything worth tracking for this driver...",
 						rows: 4
 					}) })] }),
-					A && !Ve && /* @__PURE__ */ B(g, {
+					A && !We && /* @__PURE__ */ z(g, {
 						className: "border-status-error-border",
-						children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+						children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 							className: "flex items-center gap-2 text-status-error-text",
-							children: [/* @__PURE__ */ z(u, { size: 18 }), " Dismiss Driver"]
-						}) }), /* @__PURE__ */ B(_, { children: [/* @__PURE__ */ z("p", {
+							children: [/* @__PURE__ */ R(l, { size: 18 }), " Dismiss Driver"]
+						}) }), /* @__PURE__ */ z(_, { children: [/* @__PURE__ */ R("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__ */ B(h, {
+						}), /* @__PURE__ */ z(h, {
 							type: "button",
 							variant: "outline",
 							className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
 							onClick: () => q(!0),
-							children: [/* @__PURE__ */ z(u, { size: 16 }), " Dismiss this driver"]
+							children: [/* @__PURE__ */ R(l, { size: 16 }), " Dismiss this driver"]
 						})] })]
 					}),
-					A && /* @__PURE__ */ B(g, {
+					A && /* @__PURE__ */ z(g, {
 						className: "border-status-error-border",
-						children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+						children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 							className: "flex items-center gap-2 text-status-error-text",
-							children: [/* @__PURE__ */ z(c, { size: 18 }), " Delete Driver"]
-						}) }), /* @__PURE__ */ B(_, { children: [/* @__PURE__ */ z("p", {
+							children: [/* @__PURE__ */ R(c, { size: 18 }), " Delete Driver"]
+						}) }), /* @__PURE__ */ z(_, { children: [/* @__PURE__ */ R("p", {
 							className: "mb-3 text-sm text-text-secondary",
 							children: "Removes this driver record, for example one entered by mistake, and unlinks them from any vehicle. To keep delivery history for someone who has left, dismiss them instead. This cannot be undone from here."
-						}), /* @__PURE__ */ B(h, {
+						}), /* @__PURE__ */ z(h, {
 							type: "button",
 							variant: "outline",
 							className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
 							onClick: () => Z(!0),
-							children: [/* @__PURE__ */ z(c, { size: 16 }), " Delete this driver"]
+							children: [/* @__PURE__ */ R(c, { size: 16 }), " Delete this driver"]
 						})] })]
 					})
 				]
 			}),
-			/* @__PURE__ */ z(U, {
-				open: Se,
+			/* @__PURE__ */ R(H, {
+				open: Te,
 				onOpenChange: Z,
-				children: /* @__PURE__ */ B(fe, { children: [
-					/* @__PURE__ */ B(he, { children: [/* @__PURE__ */ z(ge, { children: "Delete this driver?" }), /* @__PURE__ */ B(pe, { children: [
+				children: /* @__PURE__ */ z(U, { children: [
+					/* @__PURE__ */ z(ge, { children: [/* @__PURE__ */ R(_e, { children: "Delete this driver?" }), /* @__PURE__ */ z(W, { children: [
 						"This removes ",
 						`${M.firstName} ${M.lastName}`.trim() || "this driver",
 						" and unlinks them from any vehicle. It cannot be undone from here."
 					] })] }),
-					/* @__PURE__ */ z("div", {
+					/* @__PURE__ */ R("div", {
 						className: "px-1",
-						children: /* @__PURE__ */ z(j, { message: we })
+						children: /* @__PURE__ */ R(j, { message: De })
 					}),
-					/* @__PURE__ */ B(me, { children: [/* @__PURE__ */ z(h, {
+					/* @__PURE__ */ z(G, { children: [/* @__PURE__ */ R(h, {
 						variant: "outline",
 						onClick: () => Z(!1),
 						disabled: Q,
 						children: "Cancel"
-					}), /* @__PURE__ */ z(h, {
+					}), /* @__PURE__ */ R(h, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
-						onClick: Be,
+						onClick: Ue,
 						disabled: Q,
 						children: Q ? "Deleting..." : "Delete driver"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ z(U, {
+			/* @__PURE__ */ R(H, {
 				open: K,
 				onOpenChange: q,
-				children: /* @__PURE__ */ B(fe, { children: [
-					/* @__PURE__ */ B(he, { children: [/* @__PURE__ */ z(ge, { children: "Dismiss this driver?" }), /* @__PURE__ */ z(pe, { children: "This records the driver as dismissed and requires a reason. It cannot be undone from here." })] }),
-					/* @__PURE__ */ B("div", {
+				children: /* @__PURE__ */ z(U, { children: [
+					/* @__PURE__ */ z(ge, { children: [/* @__PURE__ */ R(_e, { children: "Dismiss this driver?" }), /* @__PURE__ */ R(W, { children: "This records the driver as dismissed and requires a reason. It cannot be undone from here." })] }),
+					/* @__PURE__ */ z("div", {
 						className: "space-y-2 px-1",
 						children: [
-							/* @__PURE__ */ B(x, {
+							/* @__PURE__ */ z(x, {
 								htmlFor: "dismissReason",
-								children: ["Reason ", /* @__PURE__ */ z("span", {
+								children: ["Reason ", /* @__PURE__ */ R("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})]
 							}),
-							/* @__PURE__ */ z(D, {
+							/* @__PURE__ */ R(E, {
 								id: "dismissReason",
 								value: J,
-								onChange: (e) => ye(e.target.value),
+								onChange: (e) => Se(e.target.value),
 								placeholder: "e.g. Repeated policy violations, voluntary resignation, performance...",
 								rows: 3
 							}),
-							/* @__PURE__ */ z(j, { message: xe })
+							/* @__PURE__ */ R(j, { message: we })
 						]
 					}),
-					/* @__PURE__ */ B(me, { children: [/* @__PURE__ */ z(h, {
+					/* @__PURE__ */ z(G, { children: [/* @__PURE__ */ R(h, {
 						variant: "outline",
 						onClick: () => q(!1),
 						disabled: Y,
 						children: "Cancel"
-					}), /* @__PURE__ */ z(h, {
+					}), /* @__PURE__ */ R(h, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
-						onClick: ze,
+						onClick: He,
 						disabled: Y,
 						children: Y ? "Dismissing..." : "Confirm dismissal"
 					})] })
@@ -674,40 +698,40 @@ function K({ editId: t }) {
 	});
 }
 function q() {
-	let { driverId: a } = R(), c = L().pathname.endsWith("/edit"), { basePath: u, navigate: p } = te(), { driver: m, isLoading: ie, error: b, refetch: x } = ne(a);
+	let { driverId: a } = pe(), c = L().pathname.endsWith("/edit"), { basePath: l, navigate: f } = ne(), { driver: m, isLoading: ie, error: b, refetch: x } = p(a);
 	F(c, x);
-	let { vehicle: S } = re(m?.assignedVehicle), C = () => p?.(f(u, "fleet/drivers")), w = (e) => p?.(f(u, e));
-	if (!a) return /* @__PURE__ */ z(K, {});
-	if (c) return /* @__PURE__ */ z(K, { editId: a });
-	if (ie) return /* @__PURE__ */ z(O, { message: "Loading driver details..." });
-	if (b || !m) return /* @__PURE__ */ z(ae, {
+	let { vehicle: S } = re(m?.assignedVehicle), ae = () => f?.(d(l, "fleet/drivers")), C = (e) => f?.(d(l, e));
+	if (!a) return /* @__PURE__ */ R(K, {});
+	if (c) return /* @__PURE__ */ R(K, { editId: a });
+	if (ie) return /* @__PURE__ */ R(D, { message: "Loading driver details..." });
+	if (b || !m) return /* @__PURE__ */ R(oe, {
 		title: "Driver not found",
 		onRetry: x
 	});
-	let T = !!m.terminatedAt, E = m.onLeaveUntil && m.onLeaveUntil.getTime() > (/* @__PURE__ */ new Date()).getTime() ? m.onLeaveUntil : void 0, D = m.baseSalary !== void 0 || m.bonusYtd !== void 0;
-	return /* @__PURE__ */ B(oe, {
+	let w = !!m.terminatedAt, T = m.onLeaveUntil && m.onLeaveUntil.getTime() > (/* @__PURE__ */ new Date()).getTime() ? m.onLeaveUntil : void 0, E = m.baseSalary !== void 0 || m.bonusYtd !== void 0;
+	return /* @__PURE__ */ z(O, {
 		title: m.fullName,
 		subtitle: `Employee ID: ${m.employeeId}`,
-		icon: /* @__PURE__ */ z(d, { size: 24 }),
-		headerActions: /* @__PURE__ */ B("div", {
+		icon: /* @__PURE__ */ R(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ z("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ B(h, {
+			children: [/* @__PURE__ */ z(h, {
 				variant: "outline",
-				onClick: C,
-				children: [/* @__PURE__ */ z(e, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ B(h, {
-				onClick: () => p?.(f(u, "fleet/drivers/" + a + "/edit")),
-				children: [/* @__PURE__ */ z(o, { size: 16 }), " Edit"]
+				onClick: ae,
+				children: [/* @__PURE__ */ R(e, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ z(h, {
+				onClick: () => f?.(d(l, "fleet/drivers/" + a + "/edit")),
+				children: [/* @__PURE__ */ R(o, { size: 16 }), " Edit"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ B("div", {
+		headerContent: /* @__PURE__ */ z("div", {
 			className: "flex flex-wrap items-center gap-4",
 			children: [
-				/* @__PURE__ */ z(A, {
+				/* @__PURE__ */ R(A, {
 					status: m.status,
 					type: "driver"
 				}),
-				T && /* @__PURE__ */ z(A, {
+				w && /* @__PURE__ */ R(A, {
 					status: "dismissed",
 					label: "Dismissed",
 					customColors: {
@@ -715,20 +739,20 @@ function q() {
 						text: "text-status-error-text"
 					}
 				}),
-				E && !T && /* @__PURE__ */ z(A, {
+				T && !w && /* @__PURE__ */ R(A, {
 					status: "on_leave",
-					label: `On leave until ${N(E, "short")}`,
+					label: `On leave until ${N(T, "short")}`,
 					customColors: {
 						bg: "bg-status-warning-bg-subtle",
 						text: "text-status-warning-text"
 					}
 				}),
-				m.rating !== void 0 && /* @__PURE__ */ B("div", {
+				m.rating !== void 0 && /* @__PURE__ */ z("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ z(s, {
+					children: [/* @__PURE__ */ R(s, {
 						size: 16,
 						className: "text-status-warning-text fill-current"
-					}), /* @__PURE__ */ z("span", {
+					}), /* @__PURE__ */ R("span", {
 						className: "font-medium",
 						children: m.rating.toFixed(1)
 					})]
@@ -736,145 +760,145 @@ function q() {
 			]
 		}),
 		children: [
-			/* @__PURE__ */ z(H, {
-				icon: /* @__PURE__ */ z(d, { 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__ */ R(V, {
+				icon: /* @__PURE__ */ R(u, { size: 18 }),
+				children: "Review the recorded licensing, assigned vehicle, documents and HR facts before assignment. These records do not certify legal driving eligibility or duty-hours availability."
 			}),
-			/* @__PURE__ */ z(V, {
+			/* @__PURE__ */ R(B, {
 				storageKey: "movethewheels-driver-details",
 				steps: [
 					{
 						id: "assign",
 						label: "Assign to an order",
 						description: "Hand a pending delivery to this driver.",
-						icon: /* @__PURE__ */ z(i, { size: 16 }),
-						onClick: () => w("orders")
+						icon: /* @__PURE__ */ R(i, { size: 16 }),
+						onClick: () => C("orders")
 					},
 					{
 						id: "routes",
 						label: "Plan their route",
 						description: "Batch nearby drop-offs into an optimized itinerary.",
-						icon: /* @__PURE__ */ z(t, { size: 16 }),
-						onClick: () => w("routes")
+						icon: /* @__PURE__ */ R(t, { size: 16 }),
+						onClick: () => C("routes")
 					},
 					{
 						id: "edit",
 						label: "Update driver record",
 						description: "Refresh documents, license or HR details.",
-						icon: /* @__PURE__ */ z(o, { size: 16 }),
+						icon: /* @__PURE__ */ R(o, { size: 16 }),
 						onClick: () => {}
 					}
 				]
 			}),
-			T && /* @__PURE__ */ B("div", {
+			w && /* @__PURE__ */ z("div", {
 				className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: [/* @__PURE__ */ B("p", {
+				children: [/* @__PURE__ */ z("p", {
 					className: "font-medium",
 					children: ["Dismissed ", m.terminatedAt && N(m.terminatedAt, "full")]
-				}), m.terminationReason && /* @__PURE__ */ B("p", {
+				}), m.terminationReason && /* @__PURE__ */ z("p", {
 					className: "mt-1",
 					children: ["Reason: ", m.terminationReason]
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ B("div", {
+				children: [/* @__PURE__ */ z("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+						/* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ z(r, { size: 18 }), " License"]
-						}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z("div", {
+							children: [/* @__PURE__ */ R(r, { size: 18 }), " License"]
+						}) }), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R("div", {
 							className: "flex items-center justify-between p-3 border rounded-lg",
-							children: /* @__PURE__ */ B("div", { children: [
-								/* @__PURE__ */ z("p", {
+							children: /* @__PURE__ */ z("div", { children: [
+								/* @__PURE__ */ R("p", {
 									className: "font-medium",
 									children: "Driver's License"
 								}),
-								/* @__PURE__ */ B("p", {
+								/* @__PURE__ */ z("p", {
 									className: "text-sm text-text-secondary",
 									children: [m.licenseNumber || "—", m.licenseType ? ` - ${m.licenseType}` : ""]
 								}),
-								/* @__PURE__ */ z("p", {
-									className: "text-sm text-text-secondary",
-									children: m.licenseExpiry ? `Expires: ${N(m.licenseExpiry)}` : "Expiry not recorded"
+								/* @__PURE__ */ R("p", {
+									className: "text-sm text-text-secondary break-all",
+									children: m.licenseExpiry ? `Recorded expiry (UTC): ${m.licenseExpiry.toISOString()}` : "Expiry not recorded"
 								})
 							] })
 						}) })] }),
-						m.notes && /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+						m.notes && /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ z(ee, { size: 18 }), " HR Notes"]
-						}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z("p", {
+							children: [/* @__PURE__ */ R(ee, { size: 18 }), " HR Notes"]
+						}) }), /* @__PURE__ */ R(_, { children: /* @__PURE__ */ R("p", {
 							className: "text-sm whitespace-pre-wrap",
 							children: m.notes
 						}) })] }),
-						/* @__PURE__ */ z(P, {
+						/* @__PURE__ */ R(P, {
 							entityType: "driver",
 							entityId: m.id
 						})
 					]
-				}), /* @__PURE__ */ B("div", {
+				}), /* @__PURE__ */ z("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+						/* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ z(l, { size: 18 }), " Assigned Vehicle"]
-						}) }), /* @__PURE__ */ z(_, { children: m.assignedVehicle ? S ? /* @__PURE__ */ B("button", {
+							children: [/* @__PURE__ */ R(te, { size: 18 }), " Assigned Vehicle"]
+						}) }), /* @__PURE__ */ R(_, { children: m.assignedVehicle ? S ? /* @__PURE__ */ z("button", {
 							type: "button",
 							className: "text-sm font-medium text-primary hover:underline",
-							onClick: () => w(`fleet/vehicles/${S.id}`),
+							onClick: () => C(`fleet/vehicles/${S.id}`),
 							children: [
 								S.vehicleNumber,
 								" (",
 								S.type,
 								")"
 							]
-						}) : /* @__PURE__ */ z("p", {
+						}) : /* @__PURE__ */ R("p", {
 							className: "text-sm text-text-secondary",
 							children: "Loading…"
-						}) : /* @__PURE__ */ z("p", {
+						}) : /* @__PURE__ */ R("p", {
 							className: "text-sm text-text-secondary",
 							children: "No vehicle assigned"
 						}) })] }),
-						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ z(y, { children: "Record" }) }), /* @__PURE__ */ z(_, {
+						/* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ R(y, { children: "Record" }) }), /* @__PURE__ */ R(_, {
 							className: "space-y-4",
-							children: /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", {
+							children: /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("p", {
 								className: "text-sm text-text-secondary",
 								children: "Hire Date"
-							}), /* @__PURE__ */ z("p", {
+							}), /* @__PURE__ */ R("p", {
 								className: "font-medium",
 								children: m.hireDate ? N(m.hireDate) : "Not recorded"
 							})] })
 						})] }),
-						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+						/* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ z(n, { size: 18 }), " Compensation"]
-						}) }), /* @__PURE__ */ z(_, {
+							children: [/* @__PURE__ */ R(n, { size: 18 }), " Compensation"]
+						}) }), /* @__PURE__ */ R(_, {
 							className: "space-y-3",
-							children: D ? /* @__PURE__ */ B(ue, { children: [m.baseSalary !== void 0 && /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", {
+							children: E ? /* @__PURE__ */ z(me, { children: [m.baseSalary !== void 0 && /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("p", {
 								className: "text-sm text-text-secondary",
 								children: "Base Salary"
-							}), /* @__PURE__ */ B("p", {
+							}), /* @__PURE__ */ z("p", {
 								className: "font-medium",
 								children: [M(m.baseSalary, m.payCurrency || void 0), "/year"]
-							})] }), m.bonusYtd !== void 0 && /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", {
+							})] }), m.bonusYtd !== void 0 && /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("p", {
 								className: "text-sm text-text-secondary",
 								children: "Bonus (YTD)"
-							}), /* @__PURE__ */ z("p", {
+							}), /* @__PURE__ */ R("p", {
 								className: "font-medium",
 								children: M(m.bonusYtd, m.payCurrency || void 0)
-							})] })] }) : /* @__PURE__ */ z("p", {
+							})] })] }) : /* @__PURE__ */ R("p", {
 								className: "text-sm text-text-secondary",
 								children: "Not recorded"
 							})
 						})] }),
-						m.currentLocation && /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
+						m.currentLocation && /* @__PURE__ */ z(g, { children: [/* @__PURE__ */ R(v, { children: /* @__PURE__ */ z(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ z(i, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ B(_, { children: [/* @__PURE__ */ z("p", {
+							children: [/* @__PURE__ */ R(i, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ z(_, { children: [/* @__PURE__ */ R("p", {
 							className: "text-sm",
 							children: m.currentLocation.address || "Location updating..."
-						}), /* @__PURE__ */ z("p", {
+						}), /* @__PURE__ */ R("p", {
 							className: "text-xs text-text-secondary mt-1",
 							children: m.currentLocation.timestamp ? `Updated ${N(m.currentLocation.timestamp, "relative")}` : "Update time not recorded"
 						})] })] })