@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.1

package/dist/InventoryPage-Cxh1zYJd.js

@@ -0,0 +1,253 @@
+import { M as e, a as t, ct as n, d as r, f as i, i as a, l as o, ot as s, u as c } from "./PageLayout-D4LDHJJq.js";
+import { t as l } from "./chevron-right-EMIIyyJ1.js";
+import { t as u } from "./package-BChUzpJS.js";
+import { t as d } from "./plus-Z76q-FZm.js";
+import { t as f } from "./triangle-alert-BonHFFNz.js";
+import { t as p } from "./warehouse-C7MSr47B.js";
+import { n as m, t as h } from "./useInventory-DKoks37x.js";
+import { n as g, r as _, t as v } from "./MetricCard-7aYgzZHK.js";
+import { n as y } from "./formatters-DhKZ-eA1.js";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { CTAOverflowMenu as S, EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/movethewheels/pages/InventoryPage.tsx
+function E() {
+	let { t: E } = T(), D = (e, t) => {
+		let n = E(e);
+		return n === e ? t : n;
+	}, { basePath: O, navigate: k } = s(), { inventory: A, products: j, warehouses: M, isLoading: N, error: P, refetch: F } = h(), { stats: I } = m(), L = (e) => k?.(n(O, e)), R = (e, t) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
+	}, z = A.filter((e) => e.availableQuantity <= e.reorderLevel);
+	return /* @__PURE__ */ x(a, {
+		title: D("movethewheels.inventory.title", "Inventory"),
+		subtitle: D("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		icon: /* @__PURE__ */ b(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ b(S, {
+			primary: {
+				label: D("movethewheels.inventory.actions.addProduct", "Add Product"),
+				icon: /* @__PURE__ */ b(d, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: D("movethewheels.inventory.actions.products", "Products"),
+				onSelect: () => L("inventory/products")
+			}, {
+				label: D("movethewheels.inventory.actions.warehouses", "Warehouses"),
+				onSelect: () => L("inventory/warehouses")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ b(w, {
+				icon: /* @__PURE__ */ b(u, { size: 18 }),
+				children: D("movethewheels.inventory.purpose", "A real-time view of what you have and where. Track stock value and quantities across warehouses, catch low-stock items before they run out, and drill into products or warehouses to manage what you can promise on an order.")
+			}),
+			P && !N ? /* @__PURE__ */ b(r, {
+				className: "border-status-error-border",
+				children: /* @__PURE__ */ x(i, {
+					className: "p-6 text-center space-y-3",
+					children: [
+						/* @__PURE__ */ b("p", {
+							className: "text-status-error-text font-medium",
+							children: D("movethewheels.inventory.error.title", "Couldn't load inventory")
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: P.message
+						}),
+						/* @__PURE__ */ b(c, {
+							variant: "outline",
+							onClick: F,
+							children: D("movethewheels.inventory.error.retry", "Retry")
+						})
+					]
+				})
+			}) : N ? /* @__PURE__ */ b(_, {
+				columns: 4,
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ b(g, {}, t))
+			}) : /* @__PURE__ */ x(_, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ b(v, {
+						label: D("movethewheels.inventory.metrics.totalProducts", "Total Products"),
+						value: I.totalProducts,
+						icon: /* @__PURE__ */ b(u, { size: 20 }),
+						onClick: () => L("inventory/products")
+					}),
+					/* @__PURE__ */ b(v, {
+						label: D("movethewheels.inventory.metrics.totalItems", "Total Items"),
+						value: I.totalItems.toLocaleString(),
+						icon: /* @__PURE__ */ b(u, { size: 20 })
+					}),
+					/* @__PURE__ */ b(v, {
+						label: D("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
+						value: y(I.totalValue),
+						icon: /* @__PURE__ */ b(u, { size: 20 })
+					}),
+					/* @__PURE__ */ b(v, {
+						label: D("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: I.totalWarehouses,
+						icon: /* @__PURE__ */ b(p, { size: 20 }),
+						onClick: () => L("inventory/warehouses")
+					})
+				]
+			}),
+			z.length > 0 && /* @__PURE__ */ x(C, {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ x("h2", {
+					className: "flex items-center gap-2 text-base font-semibold text-status-warning-text",
+					children: [
+						/* @__PURE__ */ b(f, { size: 18 }),
+						D("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						" (",
+						z.length,
+						" ",
+						D("movethewheels.inventory.lowStock.items", "items"),
+						")"
+					]
+				}), /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b("div", {
+					className: "space-y-3",
+					children: z.slice(0, 5).map((e) => {
+						let t = j.find((t) => t.id === e.productId);
+						return /* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
+							children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "font-medium",
+								children: t?.name || D("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+							}), /* @__PURE__ */ x("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									D("movethewheels.inventory.lowStock.sku", "SKU:"),
+									" ",
+									t?.sku
+								]
+							})] }), /* @__PURE__ */ x("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ x("p", {
+									className: "font-medium text-status-warning-text",
+									children: [
+										e.availableQuantity,
+										" ",
+										D("movethewheels.inventory.lowStock.left", "left")
+									]
+								}), /* @__PURE__ */ x("p", {
+									className: "text-sm text-text-secondary",
+									children: [
+										D("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
+										" ",
+										e.reorderLevel
+									]
+								})]
+							})]
+						}, e.id);
+					})
+				}) })]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ b(t, {
+					title: D("movethewheels.inventory.warehouses.title", "Warehouses"),
+					actions: /* @__PURE__ */ x(c, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => L("inventory/warehouses"),
+						children: [
+							D("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ b(l, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ b(r, { children: /* @__PURE__ */ b(i, {
+						className: "p-0",
+						children: /* @__PURE__ */ b("div", {
+							className: "divide-y",
+							children: M.map((t) => /* @__PURE__ */ b("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `View warehouse ${t.name}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => L(`inventory/warehouses/${t.id}`),
+								onKeyDown: (e) => R(e, () => L(`inventory/warehouses/${t.id}`)),
+								children: /* @__PURE__ */ x("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "font-medium",
+										children: t.name
+									}), /* @__PURE__ */ x("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											t.address.city,
+											", ",
+											t.address.state
+										]
+									})] }), /* @__PURE__ */ x("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ b(o, {
+											variant: t.isActive ? "default" : "secondary",
+											children: t.isActive ? D("movethewheels.inventory.warehouses.active", "Active") : D("movethewheels.inventory.warehouses.inactive", "Inactive")
+										}), /* @__PURE__ */ x("div", {
+											className: "mt-2",
+											children: [/* @__PURE__ */ b("p", {
+												className: "text-xs text-text-secondary",
+												children: D("movethewheels.inventory.warehouses.utilization", "Utilization")
+											}), /* @__PURE__ */ b(e, {
+												value: t.capacity.usedSpace / t.capacity.totalSpace * 100,
+												className: "w-24 h-2"
+											})]
+										})]
+									})]
+								})
+							}, t.id))
+						})
+					}) })
+				}), /* @__PURE__ */ b(t, {
+					title: D("movethewheels.inventory.products.title", "Recent Products"),
+					actions: /* @__PURE__ */ x(c, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => L("inventory/products"),
+						children: [
+							D("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ b(l, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ b(r, { children: /* @__PURE__ */ b(i, {
+						className: "p-0",
+						children: /* @__PURE__ */ b("div", {
+							className: "divide-y",
+							children: j.slice(0, 5).map((e) => /* @__PURE__ */ b("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `View product ${e.name}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => L(`inventory/products/${e.id}`),
+								onKeyDown: (t) => R(t, () => L(`inventory/products/${e.id}`)),
+								children: /* @__PURE__ */ x("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: e.sku
+									})] }), /* @__PURE__ */ x("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ b("p", {
+											className: "font-medium",
+											children: y(e.value)
+										}), /* @__PURE__ */ b(o, {
+											variant: "outline",
+											children: e.category
+										})]
+									})]
+								})
+							}, e.id))
+						})
+					}) })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { E as default };

package/dist/{LiveTrackingPage-DQ1q4Id3.js → LiveTrackingPage-BY1yAkIt.js}

@@ -1,20 +1,18 @@
-import { J as e, N as t, X as n, Z as r, d as i, f as a, g as o, h as s, i as c, it as l, l as u, t as d, u as f } from "./PageLayout-D3N8MCTm.js";
-import { t as p } from "./map-pin-BSaf5IDL.js";
-import { t as m } from "./map-_Per4sT9.js";
-import { t as h } from "./package-BE7U0wQE.js";
-import { t as g } from "./refresh-cw-CWfERAit.js";
-import { t as _ } from "./truck-CtDjNFbi.js";
-import { r as v } from "./graphqlClient-CdJyR_ed.js";
-import { o as y, r as b } from "./useTracking-De2KIUNu.js";
-import { r as x, t as S } from "./MetricCard-B7yMyvMX.js";
-import { r as C } from "./StatusBadge-CijYQXtb.js";
-import { r as w } from "./formatters-_vJlC-47.js";
-import { t as T } from "./navigation-BgnOfsVd.js";
+import { J as e, N as t, X as n, Z as r, ct as i, d as a, f as o, g as s, h as c, i as l, l as u, lt as d, ot as f, t as p, u as m } from "./PageLayout-D4LDHJJq.js";
+import { t as h } from "./map-pin-BGiCvyCs.js";
+import { t as g } from "./map-CkJaULb2.js";
+import { t as _ } from "./package-BChUzpJS.js";
+import { t as v } from "./refresh-cw-DKt6f5T6.js";
+import { t as y } from "./truck-DrlfSpRC.js";
+import { o as b, r as x } from "./useTracking-GJify4HN.js";
+import { r as S, t as C } from "./MetricCard-7aYgzZHK.js";
+import { r as w } from "./StatusBadge-NpTeHVlw.js";
+import { r as T } from "./formatters-DhKZ-eA1.js";
 import { useState as E } from "react";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
 import { EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/list.js
-var M = l("List", [
+var M = d("List", [
 	["path", {
 		d: "M3 12h.01",
 		key: "nlz23k"
@@ -43,20 +41,20 @@ var M = l("List", [
 //#endregion
 //#region src/movethewheels/pages/LiveTrackingPage.tsx
 function N() {
-	let { basePath: l, navigate: N } = v(), { activeDeliveries: P, isLoading: F, refetch: I } = b(), { unacknowledgedAlerts: L } = y(), [R, z] = E("map"), [B, V] = E(null), H = (e) => {
-		N && N(T(l, e));
+	let { basePath: d, navigate: N } = f(), { activeDeliveries: P, isLoading: F, refetch: I } = x(), { unacknowledgedAlerts: L } = b(), [R, z] = E("map"), [B, V] = E(null), H = (e) => {
+		N && N(i(d, e));
 	}, U = B ? P.find((e) => e.order?.id === B) : null;
-	return /* @__PURE__ */ O(c, {
+	return /* @__PURE__ */ O(l, {
 		title: "Live Tracking",
 		subtitle: `${P.length} active deliveries`,
-		icon: /* @__PURE__ */ D(p, { size: 24 }),
+		icon: /* @__PURE__ */ D(h, { size: 24 }),
 		headerActions: /* @__PURE__ */ O("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ O(f, {
+			children: [/* @__PURE__ */ O(m, {
 				variant: "outline",
 				onClick: I,
 				disabled: F,
-				children: [/* @__PURE__ */ D(g, {
+				children: [/* @__PURE__ */ D(v, {
 					size: 16,
 					className: F ? "animate-spin" : ""
 				}), "Refresh"]
@@ -65,7 +63,7 @@ function N() {
 				onValueChange: (e) => z(e),
 				children: /* @__PURE__ */ O(n, { children: [/* @__PURE__ */ D(r, {
 					value: "map",
-					children: /* @__PURE__ */ D(m, { size: 16 })
+					children: /* @__PURE__ */ D(g, { size: 16 })
 				}), /* @__PURE__ */ D(r, {
 					value: "list",
 					children: /* @__PURE__ */ D(M, { size: 16 })
@@ -74,7 +72,7 @@ function N() {
 		}),
 		children: [
 			/* @__PURE__ */ D(j, {
-				icon: /* @__PURE__ */ D(p, { size: 18 }),
+				icon: /* @__PURE__ */ D(h, { size: 18 }),
 				children: "A real-time operations board for every delivery currently on the road. Watch where drivers are, which orders are out for delivery, and react to alerts — switch to the map for a bird's-eye view or the list to drill into a single shipment."
 			}),
 			/* @__PURE__ */ D(A, {
@@ -91,7 +89,7 @@ function N() {
 						id: "alerts",
 						label: "Clear outstanding alerts",
 						description: "Review delays and exceptions that need attention.",
-						icon: /* @__PURE__ */ D(_, { size: 16 }),
+						icon: /* @__PURE__ */ D(y, { size: 16 }),
 						done: L.length === 0,
 						onClick: () => z("list")
 					},
@@ -99,33 +97,33 @@ function N() {
 						id: "new-order",
 						label: "Create another order",
 						description: "Add a new delivery to the pipeline.",
-						icon: /* @__PURE__ */ D(h, { size: 16 }),
+						icon: /* @__PURE__ */ D(_, { size: 16 }),
 						onClick: () => H("orders/new")
 					}
 				]
 			}),
-			/* @__PURE__ */ O(x, {
+			/* @__PURE__ */ O(S, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ D(S, {
+					/* @__PURE__ */ D(C, {
 						size: "sm",
 						label: "Active Deliveries",
 						value: P.length,
-						icon: /* @__PURE__ */ D(_, { size: 18 })
+						icon: /* @__PURE__ */ D(y, { size: 18 })
 					}),
-					/* @__PURE__ */ D(S, {
+					/* @__PURE__ */ D(C, {
 						size: "sm",
 						label: "In Transit",
 						value: P.filter((e) => e.order?.status === "in_transit").length,
-						icon: /* @__PURE__ */ D(h, { size: 18 })
+						icon: /* @__PURE__ */ D(_, { size: 18 })
 					}),
-					/* @__PURE__ */ D(S, {
+					/* @__PURE__ */ D(C, {
 						size: "sm",
 						label: "Out for Delivery",
 						value: P.filter((e) => e.order?.status === "out_for_delivery").length,
-						icon: /* @__PURE__ */ D(p, { size: 18 })
+						icon: /* @__PURE__ */ D(h, { size: 18 })
 					}),
-					/* @__PURE__ */ D(S, {
+					/* @__PURE__ */ D(C, {
 						size: "sm",
 						label: "Alerts",
 						value: L.length,
@@ -137,16 +135,16 @@ function N() {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [/* @__PURE__ */ D("div", {
 					className: "lg:col-span-2",
-					children: R === "map" ? /* @__PURE__ */ D(i, {
+					children: R === "map" ? /* @__PURE__ */ D(a, {
 						className: "h-[600px]",
-						children: /* @__PURE__ */ D(a, {
+						children: /* @__PURE__ */ D(o, {
 							className: "p-0 h-full",
 							children: /* @__PURE__ */ D("div", {
 								className: "w-full h-full bg-bg-sunken rounded-lg flex items-center justify-center",
 								children: /* @__PURE__ */ O("div", {
 									className: "text-center text-text-secondary",
 									children: [
-										/* @__PURE__ */ D(p, {
+										/* @__PURE__ */ D(h, {
 											size: 64,
 											className: "mx-auto mb-4 opacity-50"
 										}),
@@ -170,15 +168,21 @@ function N() {
 								})
 							})
 						})
-					}) : /* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D(s, { children: /* @__PURE__ */ D(o, { children: "Active Deliveries" }) }), /* @__PURE__ */ D(a, {
+					}) : /* @__PURE__ */ O(a, { children: [/* @__PURE__ */ D(c, { children: /* @__PURE__ */ D(s, { children: "Active Deliveries" }) }), /* @__PURE__ */ D(o, {
 						className: "p-0",
 						children: /* @__PURE__ */ D(t, {
 							className: "h-[550px]",
 							children: /* @__PURE__ */ O("div", {
 								className: "divide-y",
 								children: [P.map((e) => e.order ? /* @__PURE__ */ D("div", {
-									className: `p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors ${B === e.order.id ? "bg-bg-sunken/50" : ""}`,
+									role: "button",
+									tabIndex: 0,
+									"aria-label": `Select delivery ${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 ${B === e.order.id ? "bg-bg-sunken/50" : ""}`,
 									onClick: () => V(e.order.id),
+									onKeyDown: (t) => {
+										(t.key === "Enter" || t.key === " ") && e.order && (t.preventDefault(), V(e.order.id));
+									},
 									children: /* @__PURE__ */ O("div", {
 										className: "flex items-start justify-between",
 										children: [/* @__PURE__ */ O("div", { children: [
@@ -187,7 +191,7 @@ function N() {
 												children: [/* @__PURE__ */ D("span", {
 													className: "font-medium",
 													children: e.order.orderNumber
-												}), /* @__PURE__ */ D(C, {
+												}), /* @__PURE__ */ D(w, {
 													status: e.order.status,
 													type: "order",
 													size: "sm"
@@ -208,7 +212,7 @@ function N() {
 												children: [
 													"ETA:",
 													" ",
-													e.estimatedArrival ? w(e.estimatedArrival, "time") : "N/A"
+													e.estimatedArrival ? T(e.estimatedArrival, "time") : "N/A"
 												]
 											}), /* @__PURE__ */ D("p", {
 												className: "text-xs text-text-secondary",
@@ -216,7 +220,7 @@ function N() {
 											})]
 										})]
 									})
-								}, e.order.id) : null), P.length === 0 && /* @__PURE__ */ D(d, {
+								}, e.order.id) : null), P.length === 0 && /* @__PURE__ */ D(p, {
 									illustration: "empty-sessions",
 									title: "No active deliveries",
 									description: "When orders are dispatched they'll appear here in real time."
@@ -234,7 +238,7 @@ function N() {
 								children: [/* @__PURE__ */ D("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Delivery Details"
-								}), /* @__PURE__ */ D(f, {
+								}), /* @__PURE__ */ D(m, {
 									variant: "ghost",
 									size: "sm",
 									onClick: () => V(null),
@@ -290,16 +294,16 @@ function N() {
 										children: "Estimated Arrival"
 									}), /* @__PURE__ */ D("p", {
 										className: "font-medium",
-										children: U.estimatedArrival ? w(U.estimatedArrival, "full") : "Calculating..."
+										children: U.estimatedArrival ? T(U.estimatedArrival, "full") : "Calculating..."
 									})] }),
 									/* @__PURE__ */ O("div", {
 										className: "pt-2 space-y-2",
-										children: [/* @__PURE__ */ D(f, {
+										children: [/* @__PURE__ */ D(m, {
 											className: "w-full",
 											onClick: () => U.order && H(`orders/${U.order.id}`),
 											disabled: !U.order,
 											children: "View Order"
-										}), /* @__PURE__ */ D(f, {
+										}), /* @__PURE__ */ D(m, {
 											variant: "outline",
 											className: "w-full",
 											onClick: () => U.order && H(`tracking?order=${U.order.id}`),
@@ -309,30 +313,30 @@ function N() {
 									})
 								]
 							})]
-						}) : /* @__PURE__ */ D(i, { children: /* @__PURE__ */ D(a, {
+						}) : /* @__PURE__ */ D(a, { children: /* @__PURE__ */ D(o, {
 							className: "p-6",
-							children: /* @__PURE__ */ D(d, {
+							children: /* @__PURE__ */ D(p, {
 								illustration: "empty-generic",
 								title: "No delivery selected",
 								description: "Pick a delivery from the list to see its driver, vehicle, ETA and live location."
 							})
 						}) }),
-						/* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D(s, { children: /* @__PURE__ */ O(o, {
+						/* @__PURE__ */ O(a, { children: [/* @__PURE__ */ D(c, { children: /* @__PURE__ */ O(s, {
 							className: "flex items-center gap-2",
 							children: ["Alerts", L.length > 0 && /* @__PURE__ */ D(u, {
 								variant: "destructive",
 								children: L.length
 							})]
-						}) }), /* @__PURE__ */ D(a, { children: L.length > 0 ? /* @__PURE__ */ D("div", {
+						}) }), /* @__PURE__ */ D(o, { children: L.length > 0 ? /* @__PURE__ */ D("div", {
 							className: "space-y-3",
 							children: L.slice(0, 5).map((e) => /* @__PURE__ */ O("div", {
-								className: `p-3 rounded-lg text-sm ${e.severity === "critical" || e.severity === "high" ? "bg-red-50 dark:bg-red-900/20" : "bg-yellow-50 dark:bg-yellow-900/20"}`,
+								className: `p-3 rounded-lg text-sm ${e.severity === "critical" || e.severity === "high" ? "bg-status-error-bg-subtle" : "bg-status-warning-bg-subtle"}`,
 								children: [/* @__PURE__ */ D("p", {
 									className: "font-medium",
 									children: e.message
 								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary mt-1",
-									children: w(e.timestamp, "relative")
+									children: T(e.timestamp, "relative")
 								})]
 							}, e.id))
 						}) : /* @__PURE__ */ D("div", {
@@ -342,26 +346,26 @@ function N() {
 								children: "No active alerts"
 							})
 						}) })] }),
-						/* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D(s, { children: /* @__PURE__ */ D(o, { children: "Quick Actions" }) }), /* @__PURE__ */ O(a, {
+						/* @__PURE__ */ O(a, { children: [/* @__PURE__ */ D(c, { children: /* @__PURE__ */ D(s, { children: "Quick Actions" }) }), /* @__PURE__ */ O(o, {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ O(f, {
+								/* @__PURE__ */ O(m, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => H("orders/new"),
-									children: [/* @__PURE__ */ D(h, { size: 16 }), "Create Order"]
+									children: [/* @__PURE__ */ D(_, { size: 16 }), "Create Order"]
 								}),
-								/* @__PURE__ */ O(f, {
+								/* @__PURE__ */ O(m, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => H("routes"),
-									children: [/* @__PURE__ */ D(p, { size: 16 }), "Manage Routes"]
+									children: [/* @__PURE__ */ D(h, { size: 16 }), "Manage Routes"]
 								}),
-								/* @__PURE__ */ O(f, {
+								/* @__PURE__ */ O(m, {
 									variant: "outline",
 									className: "w-full",
 									onClick: () => H("fleet"),
-									children: [/* @__PURE__ */ D(_, { size: 16 }), "Fleet Status"]
+									children: [/* @__PURE__ */ D(y, { size: 16 }), "Fleet Status"]
 								})
 							]
 						})] })