@burdenoff/microfe-movethewheels 2026.624.1 → 2026.626.1

package/dist/{TrackingPage-BldUm_g7.js → TrackingPage-CcRc_dva.js}

@@ -1,62 +1,67 @@
-import { A as e, d as t, f as n, g as r, h as i, i as a, t as o, u as s } from "./PageLayout-xDTiBTDS.js";
-import { t as c } from "./circle-alert-CEuV9Pij.js";
-import { t as l } from "./circle-check-big-Cx8aO6B-.js";
-import { t as u } from "./clock-Be95bq7_.js";
-import { t as d } from "./map-pin-96FeqL7H.js";
-import { t as f } from "./package-KhSi3xaT.js";
-import { t as p } from "./search-DVrUQbOg.js";
-import { t as m } from "./truck-DX3lNQkz.js";
+import { A as e, d as t, f as n, g as r, h as i, i as a, t as o, u as s } from "./PageLayout-D3N8MCTm.js";
+import { t as c } from "./circle-alert-DjmNo5_L.js";
+import { t as l } from "./circle-check-big-CjuPVo3_.js";
+import { t as u } from "./clock-BjkdnddD.js";
+import { t as d } from "./map-pin-BSaf5IDL.js";
+import { t as f } from "./package-BE7U0wQE.js";
+import { t as p } from "./search-OxoIiL_C.js";
+import { t as m } from "./truck-CtDjNFbi.js";
 import { r as h } from "./graphqlClient-CdJyR_ed.js";
 import { i as g } from "./useTracking-De2KIUNu.js";
-import { r as _ } from "./StatusBadge-C--7NhoW.js";
+import { r as _ } from "./StatusBadge-CijYQXtb.js";
 import { r as v, t as y } from "./formatters-_vJlC-47.js";
 import { t as b } from "./navigation-BgnOfsVd.js";
 import { useState as x } from "react";
 import { useSearchParams as S } from "react-router-dom";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/movethewheels/pages/TrackingPage.tsx
-function E() {
-	let { t: E } = T(), D = (e, t) => {
-		let n = E(e);
+function O() {
+	let { t: O } = D(), k = (e, t) => {
+		let n = O(e);
 		return n === e ? t : n;
-	}, { basePath: O, navigate: k } = h(), [A] = S(), j = A.get("order") || "", [M, N] = x(j), [P, F] = x(j), { tracking: I, order: L, isLoading: R, error: z } = g(P || void 0), B = (e) => {
-		e.preventDefault(), F(M);
-	}, V = (e) => {
-		k && k(b(O, e));
+	}, { basePath: A, navigate: j } = h(), [M] = S(), N = M.get("order") || "", [P, F] = x(N), [I, L] = x(N), { tracking: R, order: z, isLoading: B, error: V } = g(I || void 0), H = (e) => {
+		e.preventDefault(), L(P);
+	}, U = (e) => {
+		j && j(b(A, e));
 	};
 	return /* @__PURE__ */ w(a, {
-		title: D("movethewheels.tracking.title", "Track Shipment"),
-		subtitle: D("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
+		title: k("movethewheels.tracking.title", "Track Shipment"),
+		subtitle: k("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
 		icon: /* @__PURE__ */ C(d, { size: 24 }),
 		headerActions: /* @__PURE__ */ w(s, {
 			variant: "outline",
-			onClick: () => V("tracking/live"),
-			children: [/* @__PURE__ */ C(d, { size: 16 }), D("movethewheels.tracking.actions.liveMapView", "Live Map View")]
+			onClick: () => U("tracking/live"),
+			children: [/* @__PURE__ */ C(d, { size: 16 }), k("movethewheels.tracking.actions.liveMapView", "Live Map View")]
 		}),
 		children: [
+			/* @__PURE__ */ C(E, {
+				icon: /* @__PURE__ */ C(d, { size: 18 }),
+				children: k("movethewheels.tracking.purpose", "Look up any single shipment by its tracking number or order ID to see exactly where it is, its progress through pickup and delivery, the current location and any alerts — the same view you can share with a customer.")
+			}),
 			/* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(n, {
 				className: "p-6",
 				children: /* @__PURE__ */ w("form", {
-					onSubmit: B,
+					onSubmit: H,
 					className: "flex gap-4",
 					children: [/* @__PURE__ */ w("div", {
 						className: "flex-1 relative",
 						children: [/* @__PURE__ */ C(p, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ C(e, {
-							value: M,
-							onChange: (e) => N(e.target.value),
-							placeholder: D("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
+							value: P,
+							onChange: (e) => F(e.target.value),
+							placeholder: k("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
 							className: "pl-10 h-12 text-lg"
 						})]
 					}), /* @__PURE__ */ C(s, {
 						type: "submit",
 						size: "lg",
-						disabled: !M || R,
-						children: R ? D("movethewheels.tracking.search.searching", "Searching...") : D("movethewheels.tracking.search.track", "Track")
+						disabled: !P || B,
+						children: B ? k("movethewheels.tracking.search.searching", "Searching...") : k("movethewheels.tracking.search.track", "Track")
 					})]
 				})
 			}) }),
-			z && /* @__PURE__ */ C(t, {
+			V && /* @__PURE__ */ C(t, {
 				className: "border-status-error-border",
 				children: /* @__PURE__ */ C(n, {
 					className: "p-6",
@@ -64,78 +69,78 @@ function E() {
 						className: "flex items-center gap-4",
 						children: [/* @__PURE__ */ C(c, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 							className: "font-medium text-status-error-text",
-							children: D("movethewheels.tracking.error.title", "Unable to find shipment")
+							children: k("movethewheels.tracking.error.title", "Unable to find shipment")
 						}), /* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary",
-							children: D("movethewheels.tracking.error.description", "Please check the tracking number and try again")
+							children: k("movethewheels.tracking.error.description", "Please check the tracking number and try again")
 						})] })]
 					})
 				})
 			}),
-			!P && !z && /* @__PURE__ */ C(o, {
-				icon: /* @__PURE__ */ C(f, { size: 48 }),
-				title: D("movethewheels.tracking.empty.title", "Enter a tracking number"),
-				description: D("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
+			!I && !V && /* @__PURE__ */ C(o, {
+				illustration: "onboarding",
+				title: k("movethewheels.tracking.empty.title", "Enter a tracking number"),
+				description: k("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
 			}),
-			L && I && /* @__PURE__ */ w("div", {
+			z && R && /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [/* @__PURE__ */ w("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ w(r, {
-								className: "flex items-center gap-2",
+						/* @__PURE__ */ w(T, { children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center justify-between mb-4",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
 								children: [
 									/* @__PURE__ */ C(f, { size: 20 }),
-									D("movethewheels.tracking.orderLabel", "Order"),
+									k("movethewheels.tracking.orderLabel", "Order"),
 									" ",
-									L.orderNumber
+									z.orderNumber
 								]
 							}), /* @__PURE__ */ C(_, {
-								status: L.status,
+								status: z.status,
 								type: "order"
 							})]
-						}) }), /* @__PURE__ */ C(n, { children: /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 							children: [
 								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 									className: "text-sm text-text-secondary",
-									children: D("movethewheels.tracking.details.trackingNumber", "Tracking Number")
+									children: k("movethewheels.tracking.details.trackingNumber", "Tracking Number")
 								}), /* @__PURE__ */ C("p", {
 									className: "font-mono font-medium",
-									children: L.trackingNumber
+									children: z.trackingNumber
 								})] }),
 								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 									className: "text-sm text-text-secondary",
-									children: D("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
+									children: k("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
 								}), /* @__PURE__ */ C("p", {
 									className: "font-medium",
-									children: I.estimatedArrival ? v(I.estimatedArrival, "full") : L.scheduledDelivery ? v(L.scheduledDelivery, "full") : D("movethewheels.tracking.details.tbd", "TBD")
+									children: R.estimatedArrival ? v(R.estimatedArrival, "full") : z.scheduledDelivery ? v(z.scheduledDelivery, "full") : k("movethewheels.tracking.details.tbd", "TBD")
 								})] }),
 								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 									className: "text-sm text-text-secondary",
-									children: D("movethewheels.tracking.details.items", "Items")
+									children: k("movethewheels.tracking.details.items", "Items")
 								}), /* @__PURE__ */ w("p", {
 									className: "font-medium",
 									children: [
-										L.items.length,
+										z.items.length,
 										" ",
-										D("movethewheels.tracking.details.itemsSuffix", "items")
+										k("movethewheels.tracking.details.itemsSuffix", "items")
 									]
 								})] }),
 								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 									className: "text-sm text-text-secondary",
-									children: D("movethewheels.tracking.details.lastUpdated", "Last Updated")
+									children: k("movethewheels.tracking.details.lastUpdated", "Last Updated")
 								}), /* @__PURE__ */ C("p", {
 									className: "font-medium",
-									children: v(I.lastUpdated, "relative")
+									children: v(R.lastUpdated, "relative")
 								})] })
 							]
-						}) })] }),
+						})] }),
 						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C(u, { size: 18 }), D("movethewheels.tracking.progress.title", "Shipment Progress")]
+							children: [/* @__PURE__ */ C(u, { size: 18 }), k("movethewheels.tracking.progress.title", "Shipment Progress")]
 						}) }), /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C("div", {
 							className: "relative",
 							children: /* @__PURE__ */ C("div", {
@@ -143,22 +148,22 @@ function E() {
 								children: [
 									{
 										status: "confirmed",
-										label: D("movethewheels.tracking.progress.confirmed", "Confirmed"),
+										label: k("movethewheels.tracking.progress.confirmed", "Confirmed"),
 										icon: l
 									},
 									{
 										status: "picked_up",
-										label: D("movethewheels.tracking.progress.pickedUp", "Picked Up"),
+										label: k("movethewheels.tracking.progress.pickedUp", "Picked Up"),
 										icon: f
 									},
 									{
 										status: "in_transit",
-										label: D("movethewheels.tracking.progress.inTransit", "In Transit"),
+										label: k("movethewheels.tracking.progress.inTransit", "In Transit"),
 										icon: m
 									},
 									{
 										status: "delivered",
-										label: D("movethewheels.tracking.progress.delivered", "Delivered"),
+										label: k("movethewheels.tracking.progress.delivered", "Delivered"),
 										icon: d
 									}
 								].map((e, t) => {
@@ -170,7 +175,7 @@ function E() {
 										"in_transit",
 										"out_for_delivery",
 										"delivered"
-									], r = n.indexOf(L.status), i = n.indexOf(e.status) <= r, a = e.status === L.status || L.status === "out_for_delivery" && e.status === "in_transit";
+									], r = n.indexOf(z.status), i = n.indexOf(e.status) <= r, a = e.status === z.status || z.status === "out_for_delivery" && e.status === "in_transit";
 									return /* @__PURE__ */ w("div", {
 										className: "flex flex-col items-center flex-1",
 										children: [
@@ -195,11 +200,11 @@ function E() {
 							})
 						}), /* @__PURE__ */ C("div", {
 							className: "mt-8 space-y-4",
-							children: L.timeline.slice().reverse().map((e, t) => /* @__PURE__ */ w("div", {
+							children: z.timeline.slice().reverse().map((e, t) => /* @__PURE__ */ w("div", {
 								className: "flex gap-4",
 								children: [/* @__PURE__ */ w("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ C("div", { className: `w-3 h-3 rounded-full ${t === 0 ? "bg-action-primary-bg" : "bg-bg-sunken"}` }), t < L.timeline.length - 1 && /* @__PURE__ */ C("div", { className: "absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" })]
+									children: [/* @__PURE__ */ C("div", { className: `w-3 h-3 rounded-full ${t === 0 ? "bg-action-primary-bg" : "bg-bg-sunken"}` }), t < z.timeline.length - 1 && /* @__PURE__ */ C("div", { className: "absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" })]
 								}), /* @__PURE__ */ w("div", {
 									className: "flex-1 pb-4",
 									children: [
@@ -229,12 +234,12 @@ function E() {
 								})]
 							}, t))
 						})] })] }),
-						I.alerts && I.alerts.length > 0 && /* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
+						R.alerts && R.alerts.length > 0 && /* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C(c, { size: 18 }), D("movethewheels.tracking.alerts.title", "Alerts")]
+							children: [/* @__PURE__ */ C(c, { size: 18 }), k("movethewheels.tracking.alerts.title", "Alerts")]
 						}) }), /* @__PURE__ */ C(n, { children: /* @__PURE__ */ C("div", {
 							className: "space-y-3",
-							children: I.alerts.map((e) => /* @__PURE__ */ w("div", {
+							children: R.alerts.map((e) => /* @__PURE__ */ w("div", {
 								className: `flex items-start gap-3 p-3 rounded-lg ${e.severity === "critical" ? "bg-red-50 dark:bg-red-900/20" : e.severity === "high" ? "bg-orange-50 dark:bg-orange-900/20" : "bg-yellow-50 dark:bg-yellow-900/20"}`,
 								children: [/* @__PURE__ */ C(c, {
 									size: 16,
@@ -244,7 +249,7 @@ function E() {
 									children: e.message
 								}), /* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary",
-									children: [v(e.timestamp, "relative"), e.resolvedAt && ` - ${D("movethewheels.tracking.alerts.resolved", "Resolved")}`]
+									children: [v(e.timestamp, "relative"), e.resolvedAt && ` - ${k("movethewheels.tracking.alerts.resolved", "Resolved")}`]
 								})] })]
 							}, e.id))
 						}) })] })
@@ -254,7 +259,7 @@ function E() {
 					children: [
 						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C(d, { size: 18 }), D("movethewheels.tracking.location.title", "Current Location")]
+							children: [/* @__PURE__ */ C(d, { size: 18 }), k("movethewheels.tracking.location.title", "Current Location")]
 						}) }), /* @__PURE__ */ w(n, { children: [
 							/* @__PURE__ */ C("div", {
 								className: "aspect-video bg-bg-sunken rounded-lg flex items-center justify-center mb-4",
@@ -265,58 +270,58 @@ function E() {
 										className: "mx-auto mb-2"
 									}), /* @__PURE__ */ C("p", {
 										className: "text-sm",
-										children: D("movethewheels.tracking.location.mapView", "Map View")
+										children: k("movethewheels.tracking.location.mapView", "Map View")
 									})]
 								})
 							}),
 							/* @__PURE__ */ C("p", {
 								className: "text-sm",
-								children: I.currentLocation.address || D("movethewheels.tracking.location.updating", "Location updating...")
+								children: R.currentLocation.address || k("movethewheels.tracking.location.updating", "Location updating...")
 							}),
 							/* @__PURE__ */ w("p", {
 								className: "text-xs text-text-secondary mt-1",
 								children: [
-									D("movethewheels.tracking.location.updated", "Updated"),
+									k("movethewheels.tracking.location.updated", "Updated"),
 									" ",
-									v(I.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
+									v(R.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
 								]
 							})
 						] })] }),
-						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ C(r, { children: D("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C("p", {
+						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ C(r, { children: k("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C("p", {
 							className: "text-sm",
-							children: L.customerInfo.name
+							children: z.customerInfo.name
 						}), /* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary mt-2",
-							children: y(L.deliveryAddress)
+							children: y(z.deliveryAddress)
 						})] })] }),
 						/* @__PURE__ */ C(t, { children: /* @__PURE__ */ w(n, {
 							className: "p-4 space-y-2",
 							children: [/* @__PURE__ */ C(s, {
 								variant: "outline",
 								className: "w-full",
-								onClick: () => V(`orders/${L.id}`),
-								children: D("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
+								onClick: () => U(`orders/${z.id}`),
+								children: k("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
 							}), /* @__PURE__ */ C(s, {
 								variant: "outline",
 								className: "w-full",
-								children: D("movethewheels.tracking.actions.contactDriver", "Contact Driver")
+								children: k("movethewheels.tracking.actions.contactDriver", "Contact Driver")
 							})]
 						}) })
 					]
 				})]
 			}),
-			P && !L && !R && !z && /* @__PURE__ */ C(o, {
-				icon: /* @__PURE__ */ C(p, { size: 48 }),
-				title: D("movethewheels.tracking.notFound.title", "Shipment not found"),
-				description: `${D("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${P}"`,
+			I && !z && !B && !V && /* @__PURE__ */ C(o, {
+				illustration: "empty-search",
+				title: k("movethewheels.tracking.notFound.title", "Shipment not found"),
+				description: `${k("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${I}"`,
 				action: /* @__PURE__ */ C(s, {
 					variant: "outline",
-					onClick: () => N(""),
-					children: D("movethewheels.tracking.notFound.tryAnother", "Try another number")
+					onClick: () => F(""),
+					children: k("movethewheels.tracking.notFound.tryAnother", "Try another number")
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { E as default };
+export { O as default };

package/dist/VehicleDetailsPage-3YDMPsPs.js

@@ -0,0 +1,220 @@
+import { M as e, d as t, f as n, g as r, h as i, i as a, l as o, n as s, r as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./arrow-left-CBpZKkpq.js";
+import { t as d } from "./file-text-C8Uioy11.js";
+import { n as f, t as p } from "./wrench-CmxY1n4I.js";
+import { t as m } from "./map-pin-BSaf5IDL.js";
+import { t as h } from "./square-pen-hLIbFQFV.js";
+import { t as g } from "./truck-CtDjNFbi.js";
+import { r as _ } from "./graphqlClient-CdJyR_ed.js";
+import { a as v } from "./useFleet-BdETplNE.js";
+import { a as y, r as b } from "./StatusBadge-CijYQXtb.js";
+import { r as x } from "./formatters-_vJlC-47.js";
+import { t as S } from "./navigation-BgnOfsVd.js";
+import { useParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/VehicleDetailsPage.tsx
+function k() {
+	let { vehicleId: k } = C(), { basePath: A, navigate: j } = _(), { vehicle: M, isLoading: N, error: P, refetch: F } = v(k), I = () => j?.(S(A, "fleet/vehicles")), L = (e) => j?.(S(A, e));
+	return N ? /* @__PURE__ */ w(c, { message: "Loading vehicle details..." }) : P || !M ? /* @__PURE__ */ w(s, {
+		title: "Vehicle not found",
+		onRetry: F
+	}) : /* @__PURE__ */ T(a, {
+		title: M.vehicleNumber,
+		subtitle: `${M.make} ${M.model} (${M.year})`,
+		icon: /* @__PURE__ */ w(g, { size: 24 }),
+		headerActions: /* @__PURE__ */ T("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ T(l, {
+				variant: "outline",
+				onClick: I,
+				children: [/* @__PURE__ */ w(u, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(h, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ T("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ w(b, {
+				status: M.status,
+				type: "vehicle"
+			}), /* @__PURE__ */ w(y, { type: M.type })]
+		}),
+		children: [
+			/* @__PURE__ */ w(O, {
+				icon: /* @__PURE__ */ w(g, { size: 18 }),
+				children: "The full record for this vehicle — specs, capacity, fuel and mileage, maintenance schedule and current location. Use it to confirm a vehicle is fuelled, serviced and the right size before dispatching it on a delivery."
+			}),
+			/* @__PURE__ */ w(D, {
+				storageKey: "movethewheels-vehicle-details",
+				steps: [{
+					id: "assign",
+					label: "Assign to a delivery",
+					description: "Put this vehicle on an order that fits its capacity.",
+					icon: /* @__PURE__ */ w(m, { size: 16 }),
+					onClick: () => L("orders")
+				}, {
+					id: "maintenance",
+					label: "Schedule maintenance",
+					description: "Keep it road-ready and compliant.",
+					icon: /* @__PURE__ */ w(p, { size: 16 }),
+					onClick: () => {}
+				}]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ T("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ T(E, { children: [/* @__PURE__ */ w("h2", {
+							className: "text-base font-semibold text-text-primary mb-4",
+							children: "Vehicle Information"
+						}), /* @__PURE__ */ T("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-6",
+							children: [
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Type"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium capitalize",
+									children: M.type
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Make"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium",
+									children: M.make
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Model"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium",
+									children: M.model
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Year"
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium",
+									children: M.year
+								})] })
+							]
+						})] }),
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Capacity" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ T("div", {
+							className: "grid grid-cols-3 gap-6",
+							children: [
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Weight"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-2xl font-bold",
+									children: [M.capacity.weight, /* @__PURE__ */ w("span", {
+										className: "text-sm font-normal",
+										children: " kg"
+									})]
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Volume"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-2xl font-bold",
+									children: [M.capacity.volume, /* @__PURE__ */ w("span", {
+										className: "text-sm font-normal",
+										children: " m³"
+									})]
+								})] }),
+								M.capacity.pallets && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Pallets"
+								}), /* @__PURE__ */ w("p", {
+									className: "text-2xl font-bold",
+									children: M.capacity.pallets
+								})] })
+							]
+						}) })] }),
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(d, { size: 18 }), " Documents"]
+						}) }), /* @__PURE__ */ w(n, { children: M.documents.length > 0 ? /* @__PURE__ */ w("div", {
+							className: "space-y-3",
+							children: M.documents.map((e) => /* @__PURE__ */ T("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									className: "font-medium capitalize",
+									children: e.type.replace("_", " ")
+								}), /* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: ["Expires: ", x(e.expiryDate)]
+								})] }), /* @__PURE__ */ w(o, {
+									variant: e.verified ? "default" : "secondary",
+									children: e.verified ? "Verified" : "Pending"
+								})]
+							}, e.id))
+						}) : /* @__PURE__ */ w("p", {
+							className: "text-text-secondary text-center py-4",
+							children: "No documents uploaded"
+						}) })] })
+					]
+				}), /* @__PURE__ */ T("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(f, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ T(n, {
+							className: "space-y-4",
+							children: [M.fuelLevel !== void 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+								className: "flex justify-between text-sm mb-2",
+								children: [/* @__PURE__ */ w("span", { children: "Fuel Level" }), /* @__PURE__ */ T("span", { children: [M.fuelLevel, "%"] })]
+							}), /* @__PURE__ */ w(e, { value: M.fuelLevel })] }), M.mileage !== void 0 && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "Total Mileage"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold",
+								children: [
+									M.mileage.toLocaleString(),
+									" ",
+									/* @__PURE__ */ w("span", {
+										className: "text-sm font-normal",
+										children: "miles"
+									})
+								]
+							})] })]
+						})] }),
+						/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(p, { size: 18 }), " Maintenance"]
+						}) }), /* @__PURE__ */ T(n, {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "Last Maintenance"
+							}), /* @__PURE__ */ w("p", {
+								className: "font-medium",
+								children: M.lastMaintenance ? x(M.lastMaintenance) : "N/A"
+							})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "Next Scheduled"
+							}), /* @__PURE__ */ w("p", {
+								className: "font-medium",
+								children: M.nextMaintenance ? x(M.nextMaintenance) : "N/A"
+							})] })]
+						})] }),
+						M.currentLocation && /* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ T(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(m, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ T(n, { children: [/* @__PURE__ */ w("p", {
+							className: "text-sm",
+							children: M.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ T("p", {
+							className: "text-xs text-text-secondary mt-1",
+							children: ["Updated ", x(M.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+						})] })] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { k as default };