@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.1

package/dist/{AIAssistantPage-CNyoKtID.js → AIAssistantPage-AvsMbunM.js}

@@ -4,8 +4,9 @@ import { t as f } from "./circle-alert-DjmNo5_L.js";
 import { t as p } from "./trending-up-C-85AwGT.js";
 import { useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { GlassCard as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/lightbulb.js
-var _ = s("Lightbulb", [
+var y = s("Lightbulb", [
 	["path", {
 		d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
 		key: "1gvzjb"
@@ -18,13 +19,13 @@ var _ = s("Lightbulb", [
 		d: "M10 22h4",
 		key: "ceow96"
 	}]
-]), v = s("Send", [["path", {
+]), b = s("Send", [["path", {
 	d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
 	key: "1ffxy3"
 }], ["path", {
 	d: "m21.854 2.147-10.94 10.939",
 	key: "12cjpa"
-}]]), y = s("Sparkles", [
+}]]), x = s("Sparkles", [
 	["path", {
 		d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",
 		key: "4pj2yx"
@@ -48,11 +49,11 @@ var _ = s("Lightbulb", [
 ]);
 //#endregion
 //#region src/movethewheels/pages/AIAssistantPage.tsx
-function b() {
-	let [s, b] = m(""), [x, S] = m([{
+function S() {
+	let [s, S] = m(""), [C, w] = m([{
 		role: "assistant",
 		content: "Hello! I'm your logistics AI assistant. I can help you with route optimization, demand forecasting, fleet management insights, and more. How can I help you today?"
-	}]), C = [
+	}]), T = [
 		{
 			icon: d,
 			text: "Optimize today's delivery routes",
@@ -69,19 +70,19 @@ function b() {
 			category: "Alerts"
 		},
 		{
-			icon: _,
+			icon: y,
 			text: "Suggest fleet efficiency improvements",
 			category: "Insights"
 		}
-	], w = [
+	], E = [
 		"Route Optimization - Find the most efficient delivery routes",
 		"Demand Forecasting - Predict order volumes and trends",
 		"Fleet Analysis - Insights on vehicle and driver performance",
 		"Cost Optimization - Identify ways to reduce operational costs",
 		"Natural Language Queries - Ask questions in plain English"
-	], T = () => {
-		s.trim() && (S([
-			...x,
+	], D = () => {
+		s.trim() && (w([
+			...C,
 			{
 				role: "user",
 				content: s
@@ -90,24 +91,29 @@ function b() {
 				role: "assistant",
 				content: `I understand you're asking about "${s}". Let me analyze that for you...\n\nBased on your current data, here are my findings:\n\n1. Your fleet utilization is currently at 78%, which is within the optimal range.\n2. There are 5 pending orders that could benefit from route consolidation.\n3. Estimated fuel savings from optimization: $120/day.\n\nWould you like me to generate a detailed report or take any action?`
 			}
-		]), b(""));
+		]), S(""));
 	};
-	return /* @__PURE__ */ h(o, {
+	return /* @__PURE__ */ g(o, {
 		title: "AI Assistant",
 		subtitle: "Intelligent logistics support",
 		icon: /* @__PURE__ */ h(u, { size: 24 }),
-		children: /* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ h(v, {
+			icon: /* @__PURE__ */ h(u, { size: 18 }),
+			children: "Ask plain-English questions about your operation and get answers backed by your own data. Use it to optimize routes, forecast demand, spot likely delays, and run what-if scenarios (e.g. “what if I add two vehicles?”) — like having a logistics analyst on call."
+		}), /* @__PURE__ */ g("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 			children: [/* @__PURE__ */ h("div", {
 				className: "lg:col-span-2 space-y-4",
-				children: /* @__PURE__ */ g(n, {
+				children: /* @__PURE__ */ g(_, {
+					treatment: "glass",
+					glow: !0,
 					className: "h-[600px] flex flex-col",
 					children: [
 						/* @__PURE__ */ h(a, {
-							className: "border-b",
+							className: "border-b border-border-seam",
 							children: /* @__PURE__ */ g(i, {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ h(y, {
+								children: [/* @__PURE__ */ h(x, {
 									size: 18,
 									className: "text-primary"
 								}), " Chat with AI"]
@@ -117,7 +123,7 @@ function b() {
 							className: "flex-1 p-4",
 							children: /* @__PURE__ */ h("div", {
 								className: "space-y-4",
-								children: x.map((e, t) => /* @__PURE__ */ h("div", {
+								children: C.map((e, t) => /* @__PURE__ */ h("div", {
 									className: `flex ${e.role === "user" ? "justify-end" : "justify-start"}`,
 									children: /* @__PURE__ */ h("div", {
 										className: `max-w-[80%] p-3 rounded-lg ${e.role === "user" ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken"}`,
@@ -135,12 +141,12 @@ function b() {
 								className: "flex gap-2",
 								children: [/* @__PURE__ */ h(e, {
 									value: s,
-									onChange: (e) => b(e.target.value),
+									onChange: (e) => S(e.target.value),
 									placeholder: "Ask me anything about your logistics operations...",
-									onKeyPress: (e) => e.key === "Enter" && T()
+									onKeyPress: (e) => e.key === "Enter" && D()
 								}), /* @__PURE__ */ h(l, {
-									onClick: T,
-									children: /* @__PURE__ */ h(v, { size: 16 })
+									onClick: D,
+									children: /* @__PURE__ */ h(b, { size: 16 })
 								})]
 							})
 						})
@@ -151,10 +157,10 @@ function b() {
 				children: [
 					/* @__PURE__ */ g(n, { children: [/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h(i, { children: "Quick Actions" }) }), /* @__PURE__ */ h(r, {
 						className: "space-y-2",
-						children: C.map((e, t) => /* @__PURE__ */ g(l, {
+						children: T.map((e, t) => /* @__PURE__ */ g(l, {
 							variant: "outline",
 							className: "w-full justify-start text-left h-auto py-3",
-							onClick: () => b(e.text),
+							onClick: () => S(e.text),
 							children: [
 								/* @__PURE__ */ h(e.icon, {
 									size: 16,
@@ -174,9 +180,9 @@ function b() {
 					})] }),
 					/* @__PURE__ */ g(n, { children: [/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h(i, { children: "Capabilities" }) }), /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h("ul", {
 						className: "space-y-2 text-sm",
-						children: w.map((e, t) => /* @__PURE__ */ g("li", {
+						children: E.map((e, t) => /* @__PURE__ */ g("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ h(y, {
+							children: [/* @__PURE__ */ h(x, {
 								size: 14,
 								className: "text-primary mt-0.5 flex-shrink-0"
 							}), /* @__PURE__ */ h("span", { children: e })]
@@ -188,7 +194,7 @@ function b() {
 							className: "p-4",
 							children: /* @__PURE__ */ g("div", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ h(_, {
+								children: [/* @__PURE__ */ h(y, {
 									size: 20,
 									className: "text-primary flex-shrink-0"
 								}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
@@ -203,8 +209,8 @@ function b() {
 					})
 				]
 			})]
-		})
+		})]
 	});
 }
 //#endregion
-export { b as default };
+export { S as default };

package/dist/{AnalyticsPage-Ck615ox7.js → AnalyticsPage-CCLfHgQZ.js}

@@ -9,28 +9,35 @@ import { i as f, r as p, t as m } from "./useAnalytics-ph7eTIK6.js";
 import { r as h, t as g } from "./MetricCard-B7yMyvMX.js";
 import { n as _ } from "./formatters-_vJlC-47.js";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/AnalyticsPage.tsx
-function b() {
-	let { analytics: b } = m(), { orderData: x } = f(), { fleetData: S } = p();
+function S() {
+	let { analytics: S } = m(), { orderData: C } = f(), { fleetData: w } = p();
 	return /* @__PURE__ */ y(a, {
 		title: "Analytics",
 		subtitle: "Business performance and insights",
 		icon: /* @__PURE__ */ v(o, { size: 24 }),
 		children: [
+			/* @__PURE__ */ v(x, {
+				icon: /* @__PURE__ */ v(o, { size: 18 }),
+				children: "See how the operation is really performing. Track order volume, revenue, on-time rate and customer satisfaction over time so you can spot trends, find bottlenecks, and decide where to invest — whether that's more vehicles, better routes, or new customers."
+			}),
 			/* @__PURE__ */ y(h, {
 				columns: 5,
 				children: [
 					/* @__PURE__ */ v(g, {
 						label: "Total Orders",
-						value: b.overview.totalOrders.toLocaleString(),
+						value: S.overview.totalOrders.toLocaleString(),
 						icon: /* @__PURE__ */ v(c, { size: 20 }),
 						change: "+8.2%",
 						changeType: "positive",
 						trend: "up"
 					}),
 					/* @__PURE__ */ v(g, {
+						treatment: "glass",
+						glow: !0,
 						label: "Revenue",
-						value: _(b.overview.totalRevenue),
+						value: _(S.overview.totalRevenue),
 						icon: /* @__PURE__ */ v(s, { size: 20 }),
 						change: "+12.5%",
 						changeType: "positive",
@@ -38,18 +45,18 @@ function b() {
 					}),
 					/* @__PURE__ */ v(g, {
 						label: "Active Vehicles",
-						value: b.overview.activeVehicles,
+						value: S.overview.activeVehicles,
 						icon: /* @__PURE__ */ v(u, { size: 20 })
 					}),
 					/* @__PURE__ */ v(g, {
 						label: "On-Time Rate",
-						value: `${b.overview.onTimeDeliveryRate}%`,
+						value: `${S.overview.onTimeDeliveryRate}%`,
 						icon: /* @__PURE__ */ v(l, { size: 20 }),
-						changeType: b.overview.onTimeDeliveryRate >= 90 ? "positive" : "negative"
+						changeType: S.overview.onTimeDeliveryRate >= 90 ? "positive" : "negative"
 					}),
 					/* @__PURE__ */ v(g, {
 						label: "Satisfaction",
-						value: b.overview.customerSatisfaction.toFixed(1),
+						value: S.overview.customerSatisfaction.toFixed(1),
 						icon: /* @__PURE__ */ v(d, { size: 20 }),
 						subtitle: "out of 5"
 					})
@@ -75,7 +82,7 @@ function b() {
 					})
 				}), /* @__PURE__ */ v("div", {
 					className: "mt-4 grid grid-cols-4 gap-2",
-					children: x.trends.slice(-4).map((e) => /* @__PURE__ */ y("div", {
+					children: C.trends.slice(-4).map((e) => /* @__PURE__ */ y("div", {
 						className: "text-center p-2 bg-bg-sunken/50 rounded",
 						children: [/* @__PURE__ */ v("p", {
 							className: "text-xs text-text-secondary",
@@ -96,7 +103,7 @@ function b() {
 					})
 				}), /* @__PURE__ */ v("div", {
 					className: "mt-4 grid grid-cols-5 gap-2",
-					children: b.trends.revenue.map((e) => /* @__PURE__ */ y("div", {
+					children: S.trends.revenue.map((e) => /* @__PURE__ */ y("div", {
 						className: "text-center p-2 bg-bg-sunken/50 rounded",
 						children: [/* @__PURE__ */ v("p", {
 							className: "text-xs text-text-secondary",
@@ -113,7 +120,7 @@ function b() {
 				children: [
 					/* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Orders by Status" }) }), /* @__PURE__ */ v(n, {
 						className: "space-y-3",
-						children: x.byStatus.filter((e) => e.count > 0).map(({ status: t, count: n }) => /* @__PURE__ */ y("div", {
+						children: C.byStatus.filter((e) => e.count > 0).map(({ status: t, count: n }) => /* @__PURE__ */ y("div", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ v("span", {
 								className: "text-sm capitalize",
@@ -121,7 +128,7 @@ function b() {
 							}), /* @__PURE__ */ y("div", {
 								className: "flex items-center gap-2",
 								children: [/* @__PURE__ */ v(e, {
-									value: n / b.overview.totalOrders * 100,
+									value: n / S.overview.totalOrders * 100,
 									className: "w-20 h-2"
 								}), /* @__PURE__ */ v("span", {
 									className: "font-medium w-8 text-right",
@@ -135,18 +142,18 @@ function b() {
 						children: [
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
 								className: "flex justify-between text-sm mb-1",
-								children: [/* @__PURE__ */ v("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ y("span", { children: [S.vehicleUtilization.toFixed(0), "%"] })]
-							}), /* @__PURE__ */ v(e, { value: S.vehicleUtilization })] }),
+								children: [/* @__PURE__ */ v("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ y("span", { children: [w.vehicleUtilization.toFixed(0), "%"] })]
+							}), /* @__PURE__ */ v(e, { value: w.vehicleUtilization })] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
 								className: "flex justify-between text-sm mb-1",
-								children: [/* @__PURE__ */ v("span", { children: "Avg Fuel Level" }), /* @__PURE__ */ y("span", { children: [S.avgFuelLevel.toFixed(0), "%"] })]
-							}), /* @__PURE__ */ v(e, { value: S.avgFuelLevel })] }),
+								children: [/* @__PURE__ */ v("span", { children: "Avg Fuel Level" }), /* @__PURE__ */ y("span", { children: [w.avgFuelLevel.toFixed(0), "%"] })]
+							}), /* @__PURE__ */ v(e, { value: w.avgFuelLevel })] }),
 							/* @__PURE__ */ y("div", {
 								className: "pt-2",
 								children: [/* @__PURE__ */ v("p", {
 									className: "text-sm text-text-secondary mb-2",
 									children: "Vehicles by Type"
-								}), S.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ y("div", {
+								}), w.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ y("div", {
 									className: "flex justify-between text-sm py-1",
 									children: [/* @__PURE__ */ v("span", {
 										className: "capitalize",
@@ -159,43 +166,47 @@ function b() {
 							})
 						]
 					})] }),
-					/* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Performance Metrics" }) }), /* @__PURE__ */ y(n, {
+					/* @__PURE__ */ y(b, {
 						className: "space-y-4",
 						children: [
+							/* @__PURE__ */ v("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Performance Metrics"
+							}),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: "On-Time Pickup"
 							}), /* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold",
-								children: [b.performance.onTimePickup, "%"]
+								children: [S.performance.onTimePickup, "%"]
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: "On-Time Delivery"
 							}), /* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold",
-								children: [b.performance.onTimeDelivery, "%"]
+								children: [S.performance.onTimeDelivery, "%"]
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: "Damaged Items"
 							}), /* @__PURE__ */ y("p", {
-								className: "text-2xl font-bold text-green-600",
-								children: [b.performance.damagedItems, "%"]
+								className: "text-2xl font-bold text-status-success-text",
+								children: [S.performance.damagedItems, "%"]
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: "Driver Ratings"
 							}), /* @__PURE__ */ y("p", {
 								className: "text-2xl font-bold",
-								children: [b.performance.driverRatings, "/5"]
+								children: [S.performance.driverRatings, "/5"]
 							})] })
 						]
-					})] })
+					})
 				]
 			})
 		]
 	});
 }
 //#endregion
-export { b as default };
+export { S as default };