@burdenoff/microfe-movethewheels 2026.930.1 → 2026.930.3

package/dist/pages/DriverDetailsPage.js

@@ -7,30 +7,32 @@ import { Save as a } from "../node_modules/lucide-react/dist/esm/icons/save.js";
 import { SquarePen as o } from "../node_modules/lucide-react/dist/esm/icons/square-pen.js";
 import { 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 { 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 { 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 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";
+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 { 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";
+import { formatCurrency as M, formatDate as N } from "../utils/formatters.js";
+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";
 //#region src/movethewheels/pages/DriverDetailsPage.tsx
-var me = Object.entries(M).map(([e, t]) => ({
+var _e = Object.entries(k).map(([e, t]) => ({
 	value: e,
 	label: t
-})), G = (e) => e ? e.toISOString().slice(0, 10) : "", K = (e) => e ? `${e}T12:00:00.000Z` : void 0, he = {
+})), W = (e) => e ? e.toISOString().slice(0, 10) : "", G = (e) => e ? `${e}T12:00:00.000Z` : void 0, ve = {
 	employeeId: "",
 	firstName: "",
 	lastName: "",
@@ -50,186 +52,197 @@ var me = Object.entries(M).map(([e, t]) => ({
 	payCurrency: "",
 	onLeaveUntil: ""
 };
-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({
+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({
 		limit: 20,
-		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 || "",
+		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+/);
+		P({
+			employeeId: O.employeeId || "",
 			firstName: e || "",
 			lastName: n.join(" "),
-			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)
+			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)
 		});
-	}, [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(),
+	}, [t, O]);
+	let Ie = () => i?.(f(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),
+		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),
+		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 = () => ({
+		employeeId: M.employeeId.trim(),
 		...$(!1)
-	}), 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.");
+	}), Re = async (e) => {
+		if (e.preventDefault(), !M.employeeId.trim() || !M.firstName.trim() || !M.lastName.trim()) {
+			V("Employee ID, first name and last name are required.");
 			return;
 		}
-		if (!N.phone.trim()) {
-			U("Phone is required so this driver can be reached.");
+		if (!M.phone.trim()) {
+			V("Phone is required so this driver can be reached.");
 			return;
 		}
-		z(!0), U(null);
+		L(!0), V(null);
 		try {
 			if (t) {
 				let e = await s(t, $());
-				i?.(d(r, `fleet/drivers/${e.id}`));
+				i?.(f(r, `fleet/drivers/${e.id}`));
 			} else {
-				let e = await o(ke());
-				i?.(d(r, `fleet/drivers/${e.id}`));
+				let e = await o(Le());
+				i?.(f(r, `fleet/drivers/${e.id}`));
 			}
 		} catch (e) {
-			console.error("Failed to save driver:", e), U(e instanceof Error ? e.message : "Failed to save driver. Please try again."), z(!1);
+			console.error("Failed to save driver:", e), V(e instanceof Error ? e.message : "Failed to save driver. Please try again."), L(!1);
 		}
-	}, je = async () => {
-		if (!t || !Y.trim()) {
-			Z("A reason is required to dismiss a driver.");
+	}, ze = async () => {
+		if (!t || !J.trim()) {
+			X("A reason is required to dismiss a driver.");
 			return;
 		}
-		_e(!0), Z(null);
+		be(!0), X(null);
 		try {
 			await s(t, {
 				...$(),
 				terminatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-				terminationReason: Y.trim()
-			}), J(!1), await A(), i?.(d(r, `fleet/drivers/${t}`));
+				terminationReason: J.trim()
+			}), q(!1), await k(), i?.(f(r, `fleet/drivers/${t}`));
 		} catch (e) {
-			Z(e instanceof Error ? e.message : "Failed to dismiss driver.");
+			X(e instanceof Error ? e.message : "Failed to dismiss driver.");
 		} finally {
-			_e(!1);
+			be(!1);
 		}
-	}, Me = M && !!k?.terminatedAt;
-	return /* @__PURE__ */ H(j, {
-		title: M ? "Edit Driver" : "Add Driver",
+	}, Be = async () => {
+		if (t) {
+			Ce(!0), Te(null);
+			try {
+				await ae(t), Z(!1), i?.(f(r, "fleet/drivers"));
+			} catch (e) {
+				Te(e instanceof Error ? e.message : "Failed to delete driver.");
+			} finally {
+				Ce(!1);
+			}
+		}
+	}, Ve = A && !!O?.terminatedAt;
+	return /* @__PURE__ */ B(oe, {
+		title: A ? "Edit Driver" : "Add Driver",
 		subtitle: "Add a driver to your workforce",
-		icon: /* @__PURE__ */ V(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ H("div", {
+		icon: /* @__PURE__ */ z(d, { size: 24 }),
+		headerActions: /* @__PURE__ */ B("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ H(_, {
+			children: [/* @__PURE__ */ B(h, {
 				variant: "outline",
-				onClick: Oe,
-				disabled: L,
-				children: [/* @__PURE__ */ V(e, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ H(_, {
-				onClick: Ae,
-				disabled: L,
+				onClick: Ie,
+				disabled: F,
+				children: [/* @__PURE__ */ z(e, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ B(h, {
+				onClick: Re,
+				disabled: F,
 				children: [
-					/* @__PURE__ */ V(a, { size: 16 }),
+					/* @__PURE__ */ z(a, { size: 16 }),
 					" ",
-					M ? L ? "Saving..." : "Save Changes" : L ? "Saving..." : "Add Driver"
+					A ? F ? "Saving..." : "Save Changes" : F ? "Saving..." : "Add Driver"
 				]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ V(W, {
-				icon: /* @__PURE__ */ V(u, { size: 18 }),
+			/* @__PURE__ */ z(H, {
+				icon: /* @__PURE__ */ z(d, { 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."
 			}),
-			Me && k?.terminatedAt && /* @__PURE__ */ H("div", {
+			Ve && O?.terminatedAt && /* @__PURE__ */ B("div", {
 				className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: [/* @__PURE__ */ H("p", {
+				children: [/* @__PURE__ */ B("p", {
 					className: "font-medium",
 					children: [
 						"This driver was dismissed on ",
-						I(k.terminatedAt, "full"),
+						N(O.terminatedAt, "full"),
 						"."
 					]
-				}), k.terminationReason && /* @__PURE__ */ H("p", {
+				}), O.terminationReason && /* @__PURE__ */ B("p", {
 					className: "mt-1",
-					children: ["Reason: ", k.terminationReason]
+					children: ["Reason: ", O.terminationReason]
 				})]
 			}),
-			/* @__PURE__ */ H("form", {
-				onSubmit: Ae,
+			/* @__PURE__ */ B("form", {
+				onSubmit: Re,
 				className: "max-w-3xl space-y-6",
 				children: [
-					/* @__PURE__ */ V(P, { message: B }),
-					/* @__PURE__ */ H(se, { children: [/* @__PURE__ */ V("h2", {
+					/* @__PURE__ */ z(j, { message: R }),
+					/* @__PURE__ */ B(de, { children: [/* @__PURE__ */ z("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Driver Details"
-					}), /* @__PURE__ */ H("div", {
+					}), /* @__PURE__ */ B("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ H(C, {
+										children: [/* @__PURE__ */ B(x, {
 											htmlFor: "employeeId",
 											children: [
 												"Employee ID ",
-												M ? "(immutable)" : "",
+												A ? "(immutable)" : "",
 												" ",
-												/* @__PURE__ */ V("span", {
+												/* @__PURE__ */ z("span", {
 													className: "text-status-error-text",
-													children: !M && "*"
+													children: !A && "*"
 												})
 											]
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "employeeId",
-											value: N.employeeId,
-											onChange: (e) => F((t) => ({
+											value: M.employeeId,
+											onChange: (e) => P((t) => ({
 												...t,
 												employeeId: e.target.value
 											})),
 											placeholder: "EMP-001",
 											required: !0,
-											disabled: M
+											disabled: A
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ H(C, {
+										children: [/* @__PURE__ */ B(x, {
 											htmlFor: "firstName",
-											children: ["First Name ", /* @__PURE__ */ V("span", {
+											children: ["First Name ", /* @__PURE__ */ z("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "firstName",
-											value: N.firstName,
-											onChange: (e) => F((t) => ({
+											value: M.firstName,
+											onChange: (e) => P((t) => ({
 												...t,
 												firstName: e.target.value
 											})),
@@ -237,18 +250,18 @@ function q({ editId: t }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ H(C, {
+										children: [/* @__PURE__ */ B(x, {
 											htmlFor: "lastName",
-											children: ["Last Name ", /* @__PURE__ */ V("span", {
+											children: ["Last Name ", /* @__PURE__ */ z("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "lastName",
-											value: N.lastName,
-											onChange: (e) => F((t) => ({
+											value: M.lastName,
+											onChange: (e) => P((t) => ({
 												...t,
 												lastName: e.target.value
 											})),
@@ -258,37 +271,37 @@ function q({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ V(C, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "email",
 											children: "Email"
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "email",
 											type: "email",
-											value: N.email,
-											onChange: (e) => F((t) => ({
+											value: M.email,
+											onChange: (e) => P((t) => ({
 												...t,
 												email: e.target.value
 											})),
 											placeholder: "jane.doe@example.com"
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ H(C, {
+										children: [/* @__PURE__ */ B(x, {
 											htmlFor: "phone",
-											children: ["Phone ", /* @__PURE__ */ V("span", {
+											children: ["Phone ", /* @__PURE__ */ z("span", {
 												className: "text-status-error-text",
 												children: "*"
 											})]
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "phone",
-											value: N.phone,
-											onChange: (e) => F((t) => ({
+											value: M.phone,
+											onChange: (e) => P((t) => ({
 												...t,
 												phone: e.target.value
 											})),
@@ -296,21 +309,21 @@ function q({ editId: t }) {
 											required: !0
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ V(C, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "status",
 											children: "Status"
-										}), /* @__PURE__ */ H(ne, {
-											value: N.status,
-											onValueChange: (e) => F((t) => ({
+										}), /* @__PURE__ */ B(S, {
+											value: M.status,
+											onValueChange: (e) => P((t) => ({
 												...t,
 												status: e
 											})),
-											children: [/* @__PURE__ */ V(E, {
+											children: [/* @__PURE__ */ z(T, {
 												id: "status",
-												children: /* @__PURE__ */ V(D, {})
-											}), /* @__PURE__ */ V(w, { children: me.map((e) => /* @__PURE__ */ V(T, {
+												children: /* @__PURE__ */ z(E, {})
+											}), /* @__PURE__ */ z(C, { children: _e.map((e) => /* @__PURE__ */ z(w, {
 												value: e.value,
 												children: e.label
 											}, e.value)) })]
@@ -318,49 +331,49 @@ function q({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ V(C, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "licenseNumber",
 											children: "License Number"
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "licenseNumber",
-											value: N.licenseNumber,
-											onChange: (e) => F((t) => ({
+											value: M.licenseNumber,
+											onChange: (e) => P((t) => ({
 												...t,
 												licenseNumber: e.target.value
 											})),
 											placeholder: "D1234567"
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ V(C, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "licenseClass",
 											children: "License Class"
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "licenseClass",
-											value: N.licenseClass,
-											onChange: (e) => F((t) => ({
+											value: M.licenseClass,
+											onChange: (e) => P((t) => ({
 												...t,
 												licenseClass: e.target.value
 											})),
 											placeholder: "Class A"
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ V(C, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "licenseExpiry",
 											children: "License Expiry"
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "licenseExpiry",
 											type: "date",
-											value: N.licenseExpiry,
-											onChange: (e) => F((t) => ({
+											value: M.licenseExpiry,
+											onChange: (e) => P((t) => ({
 												...t,
 												licenseExpiry: e.target.value
 											}))
@@ -368,38 +381,38 @@ function q({ editId: t }) {
 									})
 								]
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ H("div", {
+								children: [/* @__PURE__ */ B("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ V(C, {
+									children: [/* @__PURE__ */ z(x, {
 										htmlFor: "vehicleSearch",
 										children: "Search vehicles"
-									}), /* @__PURE__ */ V(S, {
+									}), /* @__PURE__ */ z(b, {
 										id: "vehicleSearch",
-										value: Q,
-										onChange: (e) => ye(e.target.value),
+										value: Ee,
+										onChange: (e) => De(e.target.value),
 										placeholder: "Vehicle number or type"
 									})]
-								}), /* @__PURE__ */ H("div", {
+								}), /* @__PURE__ */ B("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ V(C, {
+									children: [/* @__PURE__ */ z(x, {
 										htmlFor: "vehicle",
 										children: "Assigned Vehicle"
-									}), /* @__PURE__ */ V(ie, {
+									}), /* @__PURE__ */ z(ce, {
 										id: "vehicle",
-										value: N.vehicleId,
-										onChange: (e) => F((t) => ({
+										value: M.vehicleId,
+										onChange: (e) => P((t) => ({
 											...t,
 											vehicleId: e,
 											vehicleIds: e ? [e] : []
 										})),
-										options: be,
-										loading: xe,
+										options: Oe,
+										loading: ke,
 										getId: (e) => e.id,
 										getLabel: (e) => `${e.vehicleNumber} (${e.type})`,
-										renderOption: (e) => /* @__PURE__ */ H(oe, { children: [
-											/* @__PURE__ */ V(c, {
+										renderOption: (e) => /* @__PURE__ */ B(ue, { children: [
+											/* @__PURE__ */ z(l, {
 												size: 14,
 												className: "mr-2 inline text-text-secondary"
 											}),
@@ -408,76 +421,76 @@ function q({ editId: t }) {
 											e.type,
 											")"
 										] }),
-										selectedOption: Ee,
-										selectedLoading: De,
-										hasMore: Ce,
-										totalCount: we,
-										onLoadMore: Te,
-										loadingMore: Se,
+										selectedOption: Pe,
+										selectedLoading: Fe,
+										hasMore: je,
+										totalCount: Me,
+										onLoadMore: Ne,
+										loadingMore: Ae,
 										placeholder: "Unassigned",
 										emptyText: "No vehicles match that search."
 									})]
 								})]
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ V(C, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "rating",
 											children: "Rating (0–5)"
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "rating",
 											type: "number",
 											min: 0,
 											max: 5,
 											step: .1,
-											value: N.rating,
-											onChange: (e) => F((t) => ({
+											value: M.rating,
+											onChange: (e) => P((t) => ({
 												...t,
 												rating: e.target.value
 											})),
 											placeholder: "4.8"
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ V(C, {
+										children: [/* @__PURE__ */ z(x, {
 											htmlFor: "hireDate",
 											children: "Hire Date"
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "hireDate",
 											type: "date",
-											value: N.hireDate,
-											onChange: (e) => F((t) => ({
+											value: M.hireDate,
+											onChange: (e) => P((t) => ({
 												...t,
 												hireDate: e.target.value
 											}))
 										})]
 									}),
-									/* @__PURE__ */ H("div", {
+									/* @__PURE__ */ B("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ H("div", {
+										children: [/* @__PURE__ */ B("div", {
 											className: "flex items-center justify-between gap-2",
-											children: [/* @__PURE__ */ V(C, {
+											children: [/* @__PURE__ */ z(x, {
 												htmlFor: "onLeaveUntil",
 												children: "On Leave Until"
-											}), N.onLeaveUntil && /* @__PURE__ */ V(_, {
+											}), M.onLeaveUntil && /* @__PURE__ */ z(h, {
 												type: "button",
 												variant: "ghost",
 												size: "sm",
-												onClick: () => F((e) => ({
+												onClick: () => P((e) => ({
 													...e,
 													onLeaveUntil: ""
 												})),
 												children: "Clear"
 											})]
-										}), /* @__PURE__ */ V(S, {
+										}), /* @__PURE__ */ z(b, {
 											id: "onLeaveUntil",
 											type: "date",
-											value: N.onLeaveUntil,
-											onChange: (e) => F((t) => ({
+											value: M.onLeaveUntil,
+											onChange: (e) => P((t) => ({
 												...t,
 												onLeaveUntil: e.target.value
 											}))
@@ -487,57 +500,57 @@ function q({ editId: t }) {
 							})
 						]
 					})] }),
-					/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+					/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ V(n, { size: 18 }), " Compensation"]
-					}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ H("div", {
+						children: [/* @__PURE__ */ z(n, { size: 18 }), " Compensation"]
+					}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ B("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 						children: [
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ V(C, {
+								children: [/* @__PURE__ */ z(x, {
 									htmlFor: "baseSalary",
 									children: "Base Salary (annual)"
-								}), /* @__PURE__ */ V(S, {
+								}), /* @__PURE__ */ z(b, {
 									id: "baseSalary",
 									type: "number",
 									min: 0,
 									step: .01,
-									value: N.baseSalary,
-									onChange: (e) => F((t) => ({
+									value: M.baseSalary,
+									onChange: (e) => P((t) => ({
 										...t,
 										baseSalary: e.target.value
 									})),
 									placeholder: "55000"
 								})]
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ V(C, {
+								children: [/* @__PURE__ */ z(x, {
 									htmlFor: "bonusYtd",
 									children: "Bonus (YTD)"
-								}), /* @__PURE__ */ V(S, {
+								}), /* @__PURE__ */ z(b, {
 									id: "bonusYtd",
 									type: "number",
 									min: 0,
 									step: .01,
-									value: N.bonusYtd,
-									onChange: (e) => F((t) => ({
+									value: M.bonusYtd,
+									onChange: (e) => P((t) => ({
 										...t,
 										bonusYtd: e.target.value
 									})),
 									placeholder: "1200"
 								})]
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ B("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ V(C, {
+								children: [/* @__PURE__ */ z(x, {
 									htmlFor: "payCurrency",
 									children: "Currency"
-								}), /* @__PURE__ */ V(S, {
+								}), /* @__PURE__ */ z(b, {
 									id: "payCurrency",
-									value: N.payCurrency,
-									onChange: (e) => F((t) => ({
+									value: M.payCurrency,
+									onChange: (e) => P((t) => ({
 										...t,
 										payCurrency: e.target.value
 									})),
@@ -547,110 +560,154 @@ function q({ editId: t }) {
 							})
 						]
 					}) })] }),
-					/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+					/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ V(ee, { size: 18 }), " HR Notes"]
-					}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ V(O, {
-						value: N.notes,
-						onChange: (e) => F((t) => ({
+						children: [/* @__PURE__ */ z(ee, { size: 18 }), " HR Notes"]
+					}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z(D, {
+						value: M.notes,
+						onChange: (e) => P((t) => ({
 							...t,
 							notes: e.target.value
 						})),
 						placeholder: "Performance notes, disciplinary history, anything worth tracking for this driver...",
 						rows: 4
 					}) })] }),
-					M && !Me && /* @__PURE__ */ H(v, {
+					A && !Ve && /* @__PURE__ */ B(g, {
 						className: "border-status-error-border",
-						children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+						children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 							className: "flex items-center gap-2 text-status-error-text",
-							children: [/* @__PURE__ */ V(l, { size: 18 }), " Dismiss Driver"]
-						}) }), /* @__PURE__ */ H(y, { children: [/* @__PURE__ */ V("p", {
+							children: [/* @__PURE__ */ z(u, { size: 18 }), " Dismiss Driver"]
+						}) }), /* @__PURE__ */ B(_, { children: [/* @__PURE__ */ z("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__ */ H(_, {
+						}), /* @__PURE__ */ B(h, {
 							type: "button",
 							variant: "outline",
 							className: "border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle",
-							onClick: () => J(!0),
-							children: [/* @__PURE__ */ V(l, { size: 16 }), " Dismiss this driver"]
+							onClick: () => q(!0),
+							children: [/* @__PURE__ */ z(u, { size: 16 }), " Dismiss this driver"]
+						})] })]
+					}),
+					A && /* @__PURE__ */ B(g, {
+						className: "border-status-error-border",
+						children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(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", {
+							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, {
+							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"]
 						})] })]
 					})
 				]
 			}),
-			/* @__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", {
+			/* @__PURE__ */ z(U, {
+				open: Se,
+				onOpenChange: Z,
+				children: /* @__PURE__ */ B(fe, { children: [
+					/* @__PURE__ */ B(he, { children: [/* @__PURE__ */ z(ge, { children: "Delete this driver?" }), /* @__PURE__ */ B(pe, { 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", {
+						className: "px-1",
+						children: /* @__PURE__ */ z(j, { message: we })
+					}),
+					/* @__PURE__ */ B(me, { children: [/* @__PURE__ */ z(h, {
+						variant: "outline",
+						onClick: () => Z(!1),
+						disabled: Q,
+						children: "Cancel"
+					}), /* @__PURE__ */ z(h, {
+						className: "bg-status-error-text text-text-inverse hover:opacity-90",
+						onClick: Be,
+						disabled: Q,
+						children: Q ? "Deleting..." : "Delete driver"
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ z(U, {
+				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", {
 						className: "space-y-2 px-1",
 						children: [
-							/* @__PURE__ */ H(C, {
+							/* @__PURE__ */ B(x, {
 								htmlFor: "dismissReason",
-								children: ["Reason ", /* @__PURE__ */ V("span", {
+								children: ["Reason ", /* @__PURE__ */ z("span", {
 									className: "text-status-error-text",
 									children: "*"
 								})]
 							}),
-							/* @__PURE__ */ V(O, {
+							/* @__PURE__ */ z(D, {
 								id: "dismissReason",
-								value: Y,
-								onChange: (e) => ge(e.target.value),
+								value: J,
+								onChange: (e) => ye(e.target.value),
 								placeholder: "e.g. Repeated policy violations, voluntary resignation, performance...",
 								rows: 3
 							}),
-							/* @__PURE__ */ V(P, { message: ve })
+							/* @__PURE__ */ z(j, { message: xe })
 						]
 					}),
-					/* @__PURE__ */ H(de, { children: [/* @__PURE__ */ V(_, {
+					/* @__PURE__ */ B(me, { children: [/* @__PURE__ */ z(h, {
 						variant: "outline",
-						onClick: () => J(!1),
-						disabled: X,
+						onClick: () => q(!1),
+						disabled: Y,
 						children: "Cancel"
-					}), /* @__PURE__ */ V(_, {
+					}), /* @__PURE__ */ z(h, {
 						className: "bg-status-error-text text-text-inverse hover:opacity-90",
-						onClick: je,
-						disabled: X,
-						children: X ? "Dismissing..." : "Confirm dismissal"
+						onClick: ze,
+						disabled: Y,
+						children: Y ? "Dismissing..." : "Confirm dismissal"
 					})] })
 				] })
 			})
 		]
 	});
 }
-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, {
+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);
+	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, {
 		title: "Driver not found",
-		onRetry: ne
+		onRetry: x
 	});
-	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", {
+	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, {
+		title: m.fullName,
+		subtitle: `Employee ID: ${m.employeeId}`,
+		icon: /* @__PURE__ */ z(d, { size: 24 }),
+		headerActions: /* @__PURE__ */ B("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ H(_, {
+			children: [/* @__PURE__ */ B(h, {
 				variant: "outline",
-				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"]
+				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"]
 			})]
 		}),
-		headerContent: /* @__PURE__ */ H("div", {
+		headerContent: /* @__PURE__ */ B("div", {
 			className: "flex flex-wrap items-center gap-4",
 			children: [
-				/* @__PURE__ */ V(N, {
-					status: g.status,
+				/* @__PURE__ */ z(A, {
+					status: m.status,
 					type: "driver"
 				}),
-				D && /* @__PURE__ */ V(N, {
+				T && /* @__PURE__ */ z(A, {
 					status: "dismissed",
 					label: "Dismissed",
 					customColors: {
@@ -658,168 +715,168 @@ function J() {
 						text: "text-status-error-text"
 					}
 				}),
-				O && !D && /* @__PURE__ */ V(N, {
+				E && !T && /* @__PURE__ */ z(A, {
 					status: "on_leave",
-					label: `On leave until ${I(O, "short")}`,
+					label: `On leave until ${N(E, "short")}`,
 					customColors: {
 						bg: "bg-status-warning-bg-subtle",
 						text: "text-status-warning-text"
 					}
 				}),
-				g.rating !== void 0 && /* @__PURE__ */ H("div", {
+				m.rating !== void 0 && /* @__PURE__ */ B("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ V(s, {
+					children: [/* @__PURE__ */ z(s, {
 						size: 16,
 						className: "text-status-warning-text fill-current"
-					}), /* @__PURE__ */ V("span", {
+					}), /* @__PURE__ */ z("span", {
 						className: "font-medium",
-						children: g.rating.toFixed(1)
+						children: m.rating.toFixed(1)
 					})]
 				})
 			]
 		}),
 		children: [
-			/* @__PURE__ */ V(W, {
-				icon: /* @__PURE__ */ V(u, { size: 18 }),
+			/* @__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__ */ V(U, {
+			/* @__PURE__ */ z(V, {
 				storageKey: "movethewheels-driver-details",
 				steps: [
 					{
 						id: "assign",
 						label: "Assign to an order",
 						description: "Hand a pending delivery to this driver.",
-						icon: /* @__PURE__ */ V(i, { size: 16 }),
-						onClick: () => E("orders")
+						icon: /* @__PURE__ */ z(i, { size: 16 }),
+						onClick: () => w("orders")
 					},
 					{
 						id: "routes",
 						label: "Plan their route",
 						description: "Batch nearby drop-offs into an optimized itinerary.",
-						icon: /* @__PURE__ */ V(t, { size: 16 }),
-						onClick: () => E("routes")
+						icon: /* @__PURE__ */ z(t, { size: 16 }),
+						onClick: () => w("routes")
 					},
 					{
 						id: "edit",
 						label: "Update driver record",
 						description: "Refresh documents, license or HR details.",
-						icon: /* @__PURE__ */ V(o, { size: 16 }),
+						icon: /* @__PURE__ */ z(o, { size: 16 }),
 						onClick: () => {}
 					}
 				]
 			}),
-			D && /* @__PURE__ */ H("div", {
+			T && /* @__PURE__ */ B("div", {
 				className: "rounded-card border border-status-error-border bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
-				children: [/* @__PURE__ */ H("p", {
+				children: [/* @__PURE__ */ B("p", {
 					className: "font-medium",
-					children: ["Dismissed ", g.terminatedAt && I(g.terminatedAt, "full")]
-				}), g.terminationReason && /* @__PURE__ */ H("p", {
+					children: ["Dismissed ", m.terminatedAt && N(m.terminatedAt, "full")]
+				}), m.terminationReason && /* @__PURE__ */ B("p", {
 					className: "mt-1",
-					children: ["Reason: ", g.terminationReason]
+					children: ["Reason: ", m.terminationReason]
 				})]
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ B("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ B("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ V(r, { size: 18 }), " License"]
-						}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ V("div", {
+							children: [/* @__PURE__ */ z(r, { size: 18 }), " License"]
+						}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z("div", {
 							className: "flex items-center justify-between p-3 border rounded-lg",
-							children: /* @__PURE__ */ H("div", { children: [
-								/* @__PURE__ */ V("p", {
+							children: /* @__PURE__ */ B("div", { children: [
+								/* @__PURE__ */ z("p", {
 									className: "font-medium",
 									children: "Driver's License"
 								}),
-								/* @__PURE__ */ H("p", {
+								/* @__PURE__ */ B("p", {
 									className: "text-sm text-text-secondary",
-									children: [g.licenseNumber || "—", g.licenseType ? ` - ${g.licenseType}` : ""]
+									children: [m.licenseNumber || "—", m.licenseType ? ` - ${m.licenseType}` : ""]
 								}),
-								/* @__PURE__ */ V("p", {
+								/* @__PURE__ */ z("p", {
 									className: "text-sm text-text-secondary",
-									children: g.licenseExpiry ? `Expires: ${I(g.licenseExpiry)}` : "Expiry not recorded"
+									children: m.licenseExpiry ? `Expires: ${N(m.licenseExpiry)}` : "Expiry not recorded"
 								})
 							] })
 						}) })] }),
-						g.notes && /* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+						m.notes && /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ V(ee, { size: 18 }), " HR Notes"]
-						}) }), /* @__PURE__ */ V(y, { children: /* @__PURE__ */ V("p", {
+							children: [/* @__PURE__ */ z(ee, { size: 18 }), " HR Notes"]
+						}) }), /* @__PURE__ */ z(_, { children: /* @__PURE__ */ z("p", {
 							className: "text-sm whitespace-pre-wrap",
-							children: g.notes
+							children: m.notes
 						}) })] }),
-						/* @__PURE__ */ V(L, {
+						/* @__PURE__ */ z(P, {
 							entityType: "driver",
-							entityId: g.id
+							entityId: m.id
 						})
 					]
-				}), /* @__PURE__ */ H("div", {
+				}), /* @__PURE__ */ B("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ V(c, { size: 18 }), " Assigned Vehicle"]
-						}) }), /* @__PURE__ */ V(y, { children: g.assignedVehicle ? w ? /* @__PURE__ */ H("button", {
+							children: [/* @__PURE__ */ z(l, { size: 18 }), " Assigned Vehicle"]
+						}) }), /* @__PURE__ */ z(_, { children: m.assignedVehicle ? S ? /* @__PURE__ */ B("button", {
 							type: "button",
 							className: "text-sm font-medium text-primary hover:underline",
-							onClick: () => E(`fleet/vehicles/${w.id}`),
+							onClick: () => w(`fleet/vehicles/${S.id}`),
 							children: [
-								w.vehicleNumber,
+								S.vehicleNumber,
 								" (",
-								w.type,
+								S.type,
 								")"
 							]
-						}) : /* @__PURE__ */ V("p", {
+						}) : /* @__PURE__ */ z("p", {
 							className: "text-sm text-text-secondary",
 							children: "Loading…"
-						}) : /* @__PURE__ */ V("p", {
+						}) : /* @__PURE__ */ z("p", {
 							className: "text-sm text-text-secondary",
 							children: "No vehicle assigned"
 						}) })] }),
-						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ V(x, { children: "Record" }) }), /* @__PURE__ */ V(y, {
+						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ z(y, { children: "Record" }) }), /* @__PURE__ */ z(_, {
 							className: "space-y-4",
-							children: /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("p", {
+							children: /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", {
 								className: "text-sm text-text-secondary",
 								children: "Hire Date"
-							}), /* @__PURE__ */ V("p", {
+							}), /* @__PURE__ */ z("p", {
 								className: "font-medium",
-								children: g.hireDate ? I(g.hireDate) : "Not recorded"
+								children: m.hireDate ? N(m.hireDate) : "Not recorded"
 							})] })
 						})] }),
-						/* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+						/* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ V(n, { size: 18 }), " Compensation"]
-						}) }), /* @__PURE__ */ V(y, {
+							children: [/* @__PURE__ */ z(n, { size: 18 }), " Compensation"]
+						}) }), /* @__PURE__ */ z(_, {
 							className: "space-y-3",
-							children: M ? /* @__PURE__ */ H(oe, { children: [g.baseSalary !== void 0 && /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("p", {
+							children: D ? /* @__PURE__ */ B(ue, { children: [m.baseSalary !== void 0 && /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", {
 								className: "text-sm text-text-secondary",
 								children: "Base Salary"
-							}), /* @__PURE__ */ H("p", {
+							}), /* @__PURE__ */ B("p", {
 								className: "font-medium",
-								children: [F(g.baseSalary, g.payCurrency || void 0), "/year"]
-							})] }), g.bonusYtd !== void 0 && /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("p", {
+								children: [M(m.baseSalary, m.payCurrency || void 0), "/year"]
+							})] }), m.bonusYtd !== void 0 && /* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("p", {
 								className: "text-sm text-text-secondary",
 								children: "Bonus (YTD)"
-							}), /* @__PURE__ */ V("p", {
+							}), /* @__PURE__ */ z("p", {
 								className: "font-medium",
-								children: F(g.bonusYtd, g.payCurrency || void 0)
-							})] })] }) : /* @__PURE__ */ V("p", {
+								children: M(m.bonusYtd, m.payCurrency || void 0)
+							})] })] }) : /* @__PURE__ */ z("p", {
 								className: "text-sm text-text-secondary",
 								children: "Not recorded"
 							})
 						})] }),
-						g.currentLocation && /* @__PURE__ */ H(v, { children: [/* @__PURE__ */ V(b, { children: /* @__PURE__ */ H(x, {
+						m.currentLocation && /* @__PURE__ */ B(g, { children: [/* @__PURE__ */ z(v, { children: /* @__PURE__ */ B(y, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ V(i, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ H(y, { children: [/* @__PURE__ */ V("p", {
+							children: [/* @__PURE__ */ z(i, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ B(_, { children: [/* @__PURE__ */ z("p", {
 							className: "text-sm",
-							children: g.currentLocation.address || "Location updating..."
-						}), /* @__PURE__ */ V("p", {
+							children: m.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ z("p", {
 							className: "text-xs text-text-secondary mt-1",
-							children: g.currentLocation.timestamp ? `Updated ${I(g.currentLocation.timestamp, "relative")}` : "Update time not recorded"
+							children: m.currentLocation.timestamp ? `Updated ${N(m.currentLocation.timestamp, "relative")}` : "Update time not recorded"
 						})] })] })
 					]
 				})]
@@ -828,4 +885,4 @@ function J() {
 	});
 }
 //#endregion
-export { J as default };
+export { q as default };