@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.6

package/dist/DashboardPage-Q5-5EKAU.js

@@ -0,0 +1,542 @@
+import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, lt as c, st as l, u, ut as d } from "./PageLayout-DX1Ou6V6.js";
+import { t as f } from "./chevron-right-Cud2NDvm.js";
+import { t as p } from "./clock-B2_YxJgB.js";
+import { t as ee } from "./dollar-sign-CQmAICv4.js";
+import { t as m } from "./map-pin-czpLv9uy.js";
+import { t as h } from "./package-B0sdi6lU.js";
+import { t as g } from "./trending-up-DBd3XNdb.js";
+import { t as _ } from "./triangle-alert-Bxk3Kgs6.js";
+import { t as v } from "./truck-Clrn0oHp.js";
+import { t as y } from "./users-Cvwko-Dx.js";
+import { n as b, r as te } from "./useOrders-BuQU1OHX.js";
+import { i as ne } from "./useFleet-CapnWBcA.js";
+import { n as re, o as ie, s as ae } from "./charts-CfCwQg6o.js";
+import { o as oe, r as se } from "./useTracking-C40jmZ6W.js";
+import { r as x, t as S } from "./MetricCard-DQlDNqmK.js";
+import { r as C } from "./maps-D9m7PKrs.js";
+import { r as w } from "./StatusBadge-oZjownr1.js";
+import { n as T, r as E } from "./formatters-FWJDwTFv.js";
+import { n as D, t as O } from "./mapMarkers-NCV9MRKR.js";
+import { useMemo as k } from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+import { CTAOverflowMenu as M, EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
+import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region node_modules/lucide-react/dist/esm/icons/activity.js
+var I = d("Activity", [["path", {
+	d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+	key: "169zse"
+}]]);
+//#endregion
+//#region src/movethewheels/pages/DashboardPage.tsx
+function L(e, t = !1) {
+	if (e.length < 2) return;
+	let n = e.find((e) => e > 0), r = e[e.length - 1];
+	if (n == null || n === 0) return;
+	let i = (r - n) / Math.abs(n) * 100, a = i > .5 ? "up" : i < -.5 ? "down" : "flat";
+	return {
+		value: `${i >= 0 ? "+" : ""}${i.toFixed(1)}%`,
+		direction: a,
+		invert: t
+	};
+}
+function R() {
+	let { t: d } = F(), R = (e, t) => {
+		let n = d(e);
+		return n === e ? t : n;
+	}, { basePath: z, navigate: B } = l(), { metrics: V } = ae(), { analytics: H } = ie(), { orders: U } = te({ limit: 5 }), { stats: W } = b(), { stats: G } = ne(), { activeDeliveries: K } = se(), { unacknowledgedAlerts: q } = oe(), J = k(() => H.trends.dailyOrders.map((e) => e.orders), [H.trends.dailyOrders]), Y = k(() => H.trends.dailyOrders.map((e) => e.deliveries), [H.trends.dailyOrders]), X = k(() => H.trends.revenue.map((e) => e.revenue), [H.trends.revenue]), ce = k(() => H.trends.dailyOrders.slice(-7), [H.trends.dailyOrders]), le = k(() => K.flatMap((e) => {
+		if (!e.order) return [];
+		let t = D(e.vehicle?.currentLocation, e.driver?.currentLocation, e.tracking?.currentLocation);
+		return t ? [{
+			id: e.order.id,
+			lat: t.lat,
+			lng: t.lng,
+			label: e.order.orderNumber,
+			status: O(e.order.status),
+			sublabel: e.driver?.fullName || e.vehicle?.vehicleNumber || void 0
+		}] : [];
+	}), [K]), Z = k(() => [...U].sort((e, t) => new Date(t.updatedAt ?? t.createdAt).getTime() - new Date(e.updatedAt ?? e.createdAt).getTime()).slice(0, 5), [U]), Q = (e) => {
+		B && B(c(z, e));
+	}, $ = (e, t) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
+	};
+	return /* @__PURE__ */ j(o, {
+		hero: !0,
+		titleAccent: R("movethewheels.dashboard.title", "Dashboard"),
+		title: R("movethewheels.dashboard.title", "Dashboard"),
+		subtitle: R("movethewheels.dashboard.subtitle", "Overview of your logistics operations"),
+		icon: /* @__PURE__ */ A(g, { size: 24 }),
+		headerActions: /* @__PURE__ */ A(M, {
+			primary: {
+				label: R("movethewheels.dashboard.actions.newOrder", "New Order"),
+				icon: /* @__PURE__ */ A(h, { size: 16 }),
+				onSelect: () => Q("orders/new")
+			},
+			actions: [{
+				label: R("movethewheels.dashboard.actions.liveMap", "Live Map"),
+				icon: /* @__PURE__ */ A(m, { size: 16 }),
+				onSelect: () => Q("tracking/live")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ A(P, {
+				icon: /* @__PURE__ */ A(g, { size: 18 }),
+				children: R("movethewheels.dashboard.purpose", "Your logistics command center — a live snapshot of orders, active deliveries, fleet health and revenue. Start here each day to spot what needs attention, then jump straight into an order, the live map or fleet status.")
+			}),
+			/* @__PURE__ */ j(x, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ A(S, {
+						label: R("movethewheels.dashboard.metrics.totalOrders", "Total Orders"),
+						value: V.orders.total,
+						icon: /* @__PURE__ */ A(h, { size: 20 }),
+						accent: "brand",
+						sparklineData: J.length >= 2 ? J : void 0,
+						delta: L(J),
+						onClick: () => Q("orders")
+					}),
+					/* @__PURE__ */ A(S, {
+						label: R("movethewheels.dashboard.metrics.activeDeliveries", "Active Deliveries"),
+						value: V.orders.inTransit,
+						icon: /* @__PURE__ */ A(v, { size: 20 }),
+						accent: "blue",
+						subtitle: `${V.orders.pending} ${R("movethewheels.dashboard.metrics.pending", "pending")}`,
+						sparklineData: Y.length >= 2 ? Y : void 0,
+						delta: L(Y),
+						onClick: () => Q("tracking")
+					}),
+					/* @__PURE__ */ A(S, {
+						label: R("movethewheels.dashboard.metrics.onTimeDelivery", "On-Time Delivery"),
+						value: `${V.performance.onTimeDeliveryRate.toFixed(1)}%`,
+						icon: /* @__PURE__ */ A(g, { size: 20 }),
+						accent: "success",
+						delta: V.performance.onTimeDeliveryRate >= 90 ? {
+							value: "On target",
+							direction: "up"
+						} : {
+							value: "Below 90%",
+							direction: "down"
+						},
+						onClick: () => Q("analytics")
+					}),
+					/* @__PURE__ */ A(S, {
+						treatment: "glass",
+						glow: !0,
+						label: R("movethewheels.dashboard.metrics.revenue", "Revenue"),
+						value: T(V.revenue.total),
+						icon: /* @__PURE__ */ A(ee, { size: 20 }),
+						accent: "success",
+						sparklineData: X.length >= 2 ? X : void 0,
+						delta: L(X),
+						onClick: () => Q("analytics")
+					})
+				]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ j(n, {
+					className: "overflow-hidden lg:col-span-2",
+					children: [/* @__PURE__ */ j(a, {
+						className: "flex flex-row items-center justify-between",
+						children: [/* @__PURE__ */ j(i, {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ A(m, { size: 18 }),
+								" ",
+								R("movethewheels.dashboard.liveMap.title", "Live Map")
+							]
+						}), /* @__PURE__ */ j(u, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => Q("tracking/live"),
+							children: [R("movethewheels.dashboard.liveMap.open", "Open live tracking"), /* @__PURE__ */ A(f, { size: 16 })]
+						})]
+					}), /* @__PURE__ */ A(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ A(C, {
+							markers: le,
+							height: 460,
+							emptyMessage: K.length === 0 ? R("movethewheels.dashboard.liveMap.noActive", "No active deliveries right now") : R("movethewheels.dashboard.liveMap.awaitingGps", "Awaiting live GPS positions for active deliveries")
+						})
+					})]
+				}), /* @__PURE__ */ j("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ j(i, {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ A(_, {
+								size: 18,
+								className: "text-status-warning-text"
+							}),
+							R("movethewheels.dashboard.exceptions.title", "Exception Alerts"),
+							q.length > 0 && /* @__PURE__ */ A(s, {
+								variant: "destructive",
+								className: "ml-auto",
+								children: q.length
+							})
+						]
+					}) }), /* @__PURE__ */ A(r, { children: q.length > 0 ? /* @__PURE__ */ A("div", {
+						className: "space-y-3",
+						children: q.slice(0, 4).map((e) => /* @__PURE__ */ j("div", {
+							className: `rounded-lg p-3 text-sm ${e.severity === "critical" || e.severity === "high" ? "bg-status-error-bg-subtle" : "bg-status-warning-bg-subtle"}`,
+							children: [/* @__PURE__ */ A("p", {
+								className: "font-medium",
+								children: e.message
+							}), /* @__PURE__ */ A("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: E(e.timestamp, "relative")
+							})]
+						}, e.id))
+					}) : /* @__PURE__ */ A("p", {
+						className: "py-4 text-center text-sm text-text-secondary",
+						children: R("movethewheels.dashboard.exceptions.none", "No exceptions — all deliveries on track")
+					}) })] }), /* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ j(i, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ A(I, { size: 18 }), R("movethewheels.dashboard.activity.title", "Recent Activity")]
+					}) }), /* @__PURE__ */ A(r, { children: Z.length > 0 ? /* @__PURE__ */ A("ul", {
+						className: "space-y-3",
+						children: Z.map((e) => /* @__PURE__ */ j("li", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ A("span", {
+								"aria-hidden": !0,
+								className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-action-primary-bg"
+							}), /* @__PURE__ */ j("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ j("p", {
+									className: "truncate text-sm",
+									children: [
+										/* @__PURE__ */ A("span", {
+											className: "font-medium",
+											children: e.orderNumber
+										}),
+										" ",
+										/* @__PURE__ */ A("span", {
+											className: "text-text-secondary capitalize",
+											children: e.status.replace(/_/g, " ")
+										})
+									]
+								}), /* @__PURE__ */ A("p", {
+									className: "text-xs text-text-secondary",
+									children: E(e.updatedAt ?? e.createdAt, "relative")
+								})]
+							})]
+						}, e.id))
+					}) : /* @__PURE__ */ A("p", {
+						className: "py-4 text-center text-sm text-text-secondary",
+						children: R("movethewheels.dashboard.activity.none", "No recent activity yet")
+					}) })] })]
+				})]
+			}),
+			/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(i, { children: R("movethewheels.dashboard.weeklyVolume.title", "Weekly order volume") }) }), /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(re, {
+				xKey: "date",
+				height: 240,
+				data: ce,
+				series: [{
+					dataKey: "orders",
+					name: "Orders"
+				}, {
+					dataKey: "deliveries",
+					name: "Deliveries"
+				}],
+				emptyMessage: R("movethewheels.dashboard.weeklyVolume.empty", "No order volume recorded yet")
+			}) })] }),
+			/* @__PURE__ */ j(x, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ A(S, {
+						size: "sm",
+						label: R("movethewheels.dashboard.metrics.fleetUtilization", "Fleet Utilization"),
+						value: `${V.fleet.activeVehicles}/${V.fleet.totalVehicles}`,
+						subtitle: `${V.fleet.availableDrivers} ${R("movethewheels.dashboard.metrics.driversAvailable", "drivers available")}`
+					}),
+					/* @__PURE__ */ A(S, {
+						size: "sm",
+						label: R("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
+						value: T(V.revenue.avgOrderValue)
+					}),
+					/* @__PURE__ */ A(S, {
+						size: "sm",
+						label: R("movethewheels.dashboard.stats.driverRating", "Driver Rating"),
+						value: V.performance.avgDriverRating.toFixed(1),
+						subtitle: R("movethewheels.dashboard.stats.outOfFive", "out of 5")
+					}),
+					/* @__PURE__ */ A(S, {
+						size: "sm",
+						label: R("movethewheels.dashboard.stats.deliveredToday", "Delivered Today"),
+						value: V.orders.delivered
+					})
+				]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ A(t, {
+					title: R("movethewheels.dashboard.recentOrders.title", "Recent Orders"),
+					actions: /* @__PURE__ */ j(u, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => Q("orders"),
+						children: [
+							R("movethewheels.dashboard.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ A(f, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ A(n, { children: /* @__PURE__ */ A(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ j("div", {
+							className: "divide-y",
+							children: [U.slice(0, 5).map((e) => /* @__PURE__ */ A("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `View order ${e.orderNumber}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => Q(`orders/${e.id}`),
+								onKeyDown: (t) => $(t, () => Q(`orders/${e.id}`)),
+								children: /* @__PURE__ */ j("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+										className: "font-medium",
+										children: e.orderNumber
+									}), /* @__PURE__ */ A("p", {
+										className: "text-sm text-text-secondary",
+										children: e.customerInfo.name
+									})] }), /* @__PURE__ */ j("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ A(w, {
+											status: e.status,
+											type: "order",
+											size: "sm"
+										}), /* @__PURE__ */ A("p", {
+											className: "text-sm text-text-secondary mt-1",
+											children: T(e.pricing.total)
+										})]
+									})]
+								})
+							}, e.id)), U.length === 0 && /* @__PURE__ */ A("div", {
+								className: "p-8 text-center text-text-secondary",
+								children: R("movethewheels.dashboard.recentOrders.empty", "No recent orders")
+							})]
+						})
+					}) })
+				}), /* @__PURE__ */ A(t, {
+					title: R("movethewheels.dashboard.activeDeliveries.title", "Active Deliveries"),
+					actions: /* @__PURE__ */ j(u, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => Q("tracking/live"),
+						children: [
+							R("movethewheels.dashboard.activeDeliveries.liveTracking", "Live tracking"),
+							" ",
+							/* @__PURE__ */ A(f, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ A(n, { children: /* @__PURE__ */ A(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ j("div", {
+							className: "divide-y",
+							children: [K.slice(0, 5).map((e) => e.order ? /* @__PURE__ */ A("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `Track order ${e.order.orderNumber}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => Q(`tracking?order=${e.order.id}`),
+								onKeyDown: (t) => e.order && $(t, () => Q(`tracking?order=${e.order.id}`)),
+								children: /* @__PURE__ */ j("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+										className: "font-medium",
+										children: e.order.orderNumber
+									}), /* @__PURE__ */ A("p", {
+										className: "text-sm text-text-secondary",
+										children: e.driver?.fullName || R("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
+									})] }), /* @__PURE__ */ j("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ A(w, {
+											status: e.order.status,
+											type: "order",
+											size: "sm"
+										}), /* @__PURE__ */ j("p", {
+											className: "text-sm text-text-secondary mt-1",
+											children: [
+												R("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
+												" ",
+												e.estimatedArrival ? E(e.estimatedArrival, "time") : R("movethewheels.dashboard.activeDeliveries.na", "N/A")
+											]
+										})]
+									})]
+								})
+							}, e.order.id) : null), K.length === 0 && /* @__PURE__ */ A("div", {
+								className: "p-8 text-center text-text-secondary",
+								children: R("movethewheels.dashboard.activeDeliveries.empty", "No active deliveries")
+							})]
+						})
+					}) })
+				})]
+			}),
+			/* @__PURE__ */ j("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [
+					/* @__PURE__ */ j(N, {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ A("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: R("movethewheels.dashboard.orderStatus.title", "Order Status")
+						}), /* @__PURE__ */ A("div", {
+							className: "space-y-3",
+							children: [
+								{
+									status: "pending",
+									count: W.byStatus.pending,
+									color: "bg-status-warning-text"
+								},
+								{
+									status: "in_transit",
+									count: W.byStatus.in_transit,
+									color: "bg-status-info-text"
+								},
+								{
+									status: "delivered",
+									count: W.byStatus.delivered,
+									color: "bg-status-success-text"
+								},
+								{
+									status: "cancelled",
+									count: W.byStatus.cancelled,
+									color: "bg-status-error-text"
+								}
+							].map(({ status: e, count: t, color: n }) => /* @__PURE__ */ j("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ j("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ A("div", { className: `w-2 h-2 rounded-full ${n}` }), /* @__PURE__ */ A("span", {
+										className: "text-sm capitalize",
+										children: R(`movethewheels.dashboard.orderStatus.status.${e}`, e.replace("_", " "))
+									})]
+								}), /* @__PURE__ */ A(s, {
+									variant: "secondary",
+									className: "tabular-nums",
+									children: t
+								})]
+							}, e))
+						})]
+					}),
+					/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ A(i, {
+						className: "text-base",
+						children: R("movethewheels.dashboard.fleetStatus.title", "Fleet Status")
+					}) }), /* @__PURE__ */ j(r, {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ j("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ j("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ A("span", { children: R("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [G.utilization.toFixed(0), "%"] })]
+							}), /* @__PURE__ */ A(e, { value: G.utilization })]
+						}), /* @__PURE__ */ j("div", {
+							className: "grid grid-cols-2 gap-4 text-sm",
+							children: [
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "text-text-secondary",
+									children: R("movethewheels.dashboard.fleetStatus.available", "Available")
+								}), /* @__PURE__ */ A("p", {
+									className: "text-lg font-semibold text-status-success-text",
+									children: G.vehiclesByStatus.available
+								})] }),
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "text-text-secondary",
+									children: R("movethewheels.dashboard.fleetStatus.inUse", "In Use")
+								}), /* @__PURE__ */ A("p", {
+									className: "text-lg font-semibold text-status-info-text",
+									children: G.vehiclesByStatus.assigned
+								})] }),
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "text-text-secondary",
+									children: R("movethewheels.dashboard.fleetStatus.maintenance", "Maintenance")
+								}), /* @__PURE__ */ A("p", {
+									className: "text-lg font-semibold text-status-warning-text",
+									children: G.vehiclesByStatus.maintenance
+								})] }),
+								/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "text-text-secondary",
+									children: R("movethewheels.dashboard.fleetStatus.avgFuel", "Avg Fuel")
+								}), /* @__PURE__ */ j("p", {
+									className: "text-lg font-semibold",
+									children: [G.avgFuelLevel.toFixed(0), "%"]
+								})] })
+							]
+						})]
+					})] }),
+					/* @__PURE__ */ j(n, { children: [/* @__PURE__ */ A(a, { children: /* @__PURE__ */ j(i, {
+						className: "text-base flex items-center gap-2",
+						children: [/* @__PURE__ */ A(_, {
+							size: 16,
+							className: "text-status-warning-text"
+						}), R("movethewheels.dashboard.alerts.title", "Alerts")]
+					}) }), /* @__PURE__ */ A(r, { children: /* @__PURE__ */ j("div", {
+						className: "space-y-3",
+						children: [
+							W.byStatus.pending > 5 && /* @__PURE__ */ j("div", {
+								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
+								children: [/* @__PURE__ */ A(p, {
+									size: 16,
+									className: "text-status-warning-text mt-0.5"
+								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "text-sm font-medium",
+									children: R("movethewheels.dashboard.alerts.pendingOrders.title", "Pending Orders")
+								}), /* @__PURE__ */ j("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										W.byStatus.pending,
+										" ",
+										R("movethewheels.dashboard.alerts.pendingOrders.description", "orders awaiting confirmation")
+									]
+								})] })]
+							}),
+							G.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ j("div", {
+								className: "flex items-start gap-3 p-2 rounded bg-status-warning-bg-subtle",
+								children: [/* @__PURE__ */ A(v, {
+									size: 16,
+									className: "text-status-warning-text mt-0.5"
+								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "text-sm font-medium",
+									children: R("movethewheels.dashboard.alerts.maintenanceVehicles.title", "Vehicles in Maintenance")
+								}), /* @__PURE__ */ j("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										G.vehiclesByStatus.maintenance,
+										" ",
+										R("movethewheels.dashboard.alerts.maintenanceVehicles.description", "vehicles unavailable")
+									]
+								})] })]
+							}),
+							G.driversByStatus.offline > 0 && /* @__PURE__ */ j("div", {
+								className: "flex items-start gap-3 p-2 rounded bg-bg-sunken",
+								children: [/* @__PURE__ */ A(y, {
+									size: 16,
+									className: "text-text-secondary mt-0.5"
+								}), /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("p", {
+									className: "text-sm font-medium",
+									children: R("movethewheels.dashboard.alerts.offlineDrivers.title", "Offline Drivers")
+								}), /* @__PURE__ */ j("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										G.driversByStatus.offline,
+										" ",
+										R("movethewheels.dashboard.alerts.offlineDrivers.description", "drivers currently offline")
+									]
+								})] })]
+							}),
+							W.byStatus.pending <= 5 && G.vehiclesByStatus.maintenance === 0 && G.driversByStatus.offline === 0 && /* @__PURE__ */ A("div", {
+								className: "text-center py-4 text-text-secondary",
+								children: /* @__PURE__ */ A("p", {
+									className: "text-sm",
+									children: R("movethewheels.dashboard.alerts.allOperational", "All systems operational")
+								})
+							})
+						]
+					}) })] })
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { R as default };