@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.2

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

@@ -1,12 +1,12 @@
-import { A as e, N as t, d as n, f as r, g as i, h as a, i as o, it as s, l as c, u as l } from "./PageLayout-D3N8MCTm.js";
-import { n as u, t as d } from "./route-Dp9JiN_E.js";
-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";
+import { A as e, N as t, d as n, f as r, g as i, h as a, i as o, l as s, lt as c, u as l } from "./PageLayout-D4LDHJJq.js";
+import { n as u, r as d, t as f } from "./useAssistant-D4v3oxD3.js";
+import { t as p } from "./circle-alert-iY24lSlp.js";
+import { t as m } from "./trending-up-Dohgd4t_.js";
+import { useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { GlassCard as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/lightbulb.js
-var y = s("Lightbulb", [
+var b = c("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"
@@ -19,13 +19,13 @@ var y = s("Lightbulb", [
 		d: "M10 22h4",
 		key: "ceow96"
 	}]
-]), b = s("Send", [["path", {
+]), x = c("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"
-}]]), x = s("Sparkles", [
+}]]), S = c("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"
@@ -49,128 +49,155 @@ var y = s("Lightbulb", [
 ]);
 //#endregion
 //#region src/movethewheels/pages/AIAssistantPage.tsx
-function S() {
-	let [s, S] = m(""), [C, w] = m([{
+function C() {
+	let { ask: c, isLoading: C } = f(), [w, T] = h(""), [E, D] = h([{
 		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?"
-	}]), T = [
+		content: "Hello! I'm your logistics assistant. Ask me about your orders, deliveries, fleet or inventory and I'll answer from your live operational data."
+	}]), O = [
 		{
-			icon: d,
+			icon: u,
 			text: "Optimize today's delivery routes",
 			category: "Route Planning"
 		},
 		{
-			icon: p,
+			icon: m,
 			text: "Show demand forecast for next week",
 			category: "Analytics"
 		},
 		{
-			icon: f,
+			icon: p,
 			text: "Identify potential delivery delays",
 			category: "Alerts"
 		},
 		{
-			icon: y,
+			icon: b,
 			text: "Suggest fleet efficiency improvements",
 			category: "Insights"
 		}
-	], E = [
+	], k = [
 		"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"
-	], D = () => {
-		s.trim() && (w([
-			...C,
-			{
+	], A = async (e) => {
+		let t = e.trim();
+		if (!(!t || C)) {
+			T(""), D((e) => [...e, {
 				role: "user",
-				content: s
-			},
-			{
-				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?`
+				content: t
+			}]);
+			try {
+				let e = await c(t);
+				D((t) => [...t, {
+					role: "assistant",
+					content: e.answer
+				}]);
+			} catch (e) {
+				D((t) => [...t, {
+					role: "assistant",
+					content: e instanceof Error ? `Sorry, I couldn't answer that: ${e.message}` : "Sorry, I couldn't reach the assistant. Please try again.",
+					isError: !0
+				}]);
 			}
-		]), S(""));
+		}
+	}, j = () => {
+		A(w);
 	};
-	return /* @__PURE__ */ g(o, {
+	return /* @__PURE__ */ _(o, {
 		title: "AI Assistant",
 		subtitle: "Intelligent logistics support",
-		icon: /* @__PURE__ */ h(u, { size: 24 }),
-		children: [/* @__PURE__ */ h(v, {
-			icon: /* @__PURE__ */ h(u, { size: 18 }),
+		icon: /* @__PURE__ */ g(d, { size: 24 }),
+		children: [/* @__PURE__ */ g(y, {
+			icon: /* @__PURE__ */ g(d, { 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", {
+		}), /* @__PURE__ */ _("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "lg:col-span-2 space-y-4",
-				children: /* @__PURE__ */ g(_, {
+				children: /* @__PURE__ */ _(v, {
 					treatment: "glass",
 					glow: !0,
 					className: "h-[600px] flex flex-col",
 					children: [
-						/* @__PURE__ */ h(a, {
+						/* @__PURE__ */ g(a, {
 							className: "border-b border-border-seam",
-							children: /* @__PURE__ */ g(i, {
+							children: /* @__PURE__ */ _(i, {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ h(x, {
+								children: [/* @__PURE__ */ g(S, {
 									size: 18,
 									className: "text-primary"
 								}), " Chat with AI"]
 							})
 						}),
-						/* @__PURE__ */ h(t, {
+						/* @__PURE__ */ g(t, {
 							className: "flex-1 p-4",
-							children: /* @__PURE__ */ h("div", {
+							children: /* @__PURE__ */ _("div", {
 								className: "space-y-4",
-								children: C.map((e, t) => /* @__PURE__ */ h("div", {
+								children: [E.map((e, t) => /* @__PURE__ */ g("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"}`,
-										children: /* @__PURE__ */ h("p", {
+									children: /* @__PURE__ */ g("div", {
+										className: `max-w-[80%] p-3 rounded-lg ${e.role === "user" ? "bg-action-primary-bg text-action-primary-text" : e.isError ? "bg-status-error-bg-subtle text-status-error-text" : "bg-bg-sunken"}`,
+										children: /* @__PURE__ */ g("p", {
 											className: "whitespace-pre-line text-sm",
 											children: e.content
 										})
 									})
-								}, t))
+								}, t)), C && /* @__PURE__ */ g("div", {
+									className: "flex justify-start",
+									"aria-live": "polite",
+									children: /* @__PURE__ */ _("div", {
+										className: "max-w-[80%] p-3 rounded-lg bg-bg-sunken flex items-center gap-2",
+										children: [/* @__PURE__ */ g(S, {
+											size: 14,
+											className: "text-primary motion-safe:animate-pulse"
+										}), /* @__PURE__ */ g("span", {
+											className: "text-sm text-text-secondary",
+											children: "Analyzing your data…"
+										})]
+									})
+								})]
 							})
 						}),
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ g("div", {
 							className: "p-4 border-t",
-							children: /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _("div", {
 								className: "flex gap-2",
-								children: [/* @__PURE__ */ h(e, {
-									value: s,
-									onChange: (e) => S(e.target.value),
+								children: [/* @__PURE__ */ g(e, {
+									value: w,
+									onChange: (e) => T(e.target.value),
 									placeholder: "Ask me anything about your logistics operations...",
-									onKeyPress: (e) => e.key === "Enter" && D()
-								}), /* @__PURE__ */ h(l, {
-									onClick: D,
-									children: /* @__PURE__ */ h(b, { size: 16 })
+									disabled: C,
+									onKeyPress: (e) => e.key === "Enter" && j()
+								}), /* @__PURE__ */ g(l, {
+									onClick: j,
+									disabled: C || !w.trim(),
+									children: /* @__PURE__ */ g(x, { size: 16 })
 								})]
 							})
 						})
 					]
 				})
-			}), /* @__PURE__ */ g("div", {
+			}), /* @__PURE__ */ _("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ g(n, { children: [/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h(i, { children: "Quick Actions" }) }), /* @__PURE__ */ h(r, {
+					/* @__PURE__ */ _(n, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(i, { children: "Quick Actions" }) }), /* @__PURE__ */ g(r, {
 						className: "space-y-2",
-						children: T.map((e, t) => /* @__PURE__ */ g(l, {
+						children: O.map((e, t) => /* @__PURE__ */ _(l, {
 							variant: "outline",
 							className: "w-full justify-start text-left h-auto py-3",
-							onClick: () => S(e.text),
+							disabled: C,
+							onClick: () => void A(e.text),
 							children: [
-								/* @__PURE__ */ h(e.icon, {
+								/* @__PURE__ */ g(e.icon, {
 									size: 16,
 									className: "mr-2 flex-shrink-0"
 								}),
-								/* @__PURE__ */ h("span", {
+								/* @__PURE__ */ g("span", {
 									className: "flex-1",
 									children: e.text
 								}),
-								/* @__PURE__ */ h(c, {
+								/* @__PURE__ */ g(s, {
 									variant: "secondary",
 									className: "text-xs",
 									children: e.category
@@ -178,29 +205,29 @@ function S() {
 							]
 						}, t))
 					})] }),
-					/* @__PURE__ */ g(n, { children: [/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h(i, { children: "Capabilities" }) }), /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h("ul", {
+					/* @__PURE__ */ _(n, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(i, { children: "Capabilities" }) }), /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g("ul", {
 						className: "space-y-2 text-sm",
-						children: E.map((e, t) => /* @__PURE__ */ g("li", {
+						children: k.map((e, t) => /* @__PURE__ */ _("li", {
 							className: "flex items-start gap-2",
-							children: [/* @__PURE__ */ h(x, {
+							children: [/* @__PURE__ */ g(S, {
 								size: 14,
 								className: "text-primary mt-0.5 flex-shrink-0"
-							}), /* @__PURE__ */ h("span", { children: e })]
+							}), /* @__PURE__ */ g("span", { children: e })]
 						}, t))
 					}) })] }),
-					/* @__PURE__ */ h(n, {
+					/* @__PURE__ */ g(n, {
 						className: "bg-action-primary-bg/5 border-primary/20",
-						children: /* @__PURE__ */ h(r, {
+						children: /* @__PURE__ */ g(r, {
 							className: "p-4",
-							children: /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _("div", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ h(y, {
+								children: [/* @__PURE__ */ g(b, {
 									size: 20,
 									className: "text-primary flex-shrink-0"
-								}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 									className: "font-medium text-sm",
 									children: "Pro Tip"
-								}), /* @__PURE__ */ h("p", {
+								}), /* @__PURE__ */ g("p", {
 									className: "text-xs text-text-secondary",
 									children: "You can ask complex questions like \"What would happen if I added 2 more vehicles to my fleet?\" for scenario analysis."
 								})] })]
@@ -213,4 +240,4 @@ function S() {
 	});
 }
 //#endregion
-export { S as default };
+export { C as default };

package/dist/AnalyticsPage-Dz6g2MvK.js

@@ -0,0 +1,215 @@
+import { M as e, d as t, f as n, g as r, h as i, i as a, u as o } from "./PageLayout-D4LDHJJq.js";
+import { t as s } from "./chart-column-BFIJysDR.js";
+import { t as c } from "./dollar-sign-CgKQRz_e.js";
+import { t as l } from "./package-BChUzpJS.js";
+import { t as u } from "./trending-up-Dohgd4t_.js";
+import { t as d } from "./truck-C0v_hbLR.js";
+import { t as f } from "./users-DZ-ilS6B.js";
+import { i as p, r as m, t as h } from "./useAnalytics-DS8n0xgg.js";
+import { n as g, r as _, t as v } from "./MetricCard-BY0QrMD4.js";
+import { n as y } from "./formatters-CF2S2l1m.js";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/AnalyticsPage.tsx
+function w() {
+	let { analytics: w, isLoading: T, error: E, refetch: D } = h(), { orderData: O } = p(), { fleetData: k } = m();
+	return /* @__PURE__ */ x(a, {
+		title: "Analytics",
+		subtitle: "Business performance and insights",
+		icon: /* @__PURE__ */ b(s, { size: 24 }),
+		children: [
+			/* @__PURE__ */ b(C, {
+				icon: /* @__PURE__ */ b(s, { 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."
+			}),
+			E && !T ? /* @__PURE__ */ b(t, {
+				className: "border-status-error-border",
+				children: /* @__PURE__ */ x(n, {
+					className: "p-6 text-center space-y-3",
+					children: [
+						/* @__PURE__ */ b("p", {
+							className: "text-status-error-text font-medium",
+							children: "Couldn't load analytics"
+						}),
+						/* @__PURE__ */ b("p", {
+							className: "text-sm text-text-secondary",
+							children: E.message
+						}),
+						/* @__PURE__ */ b(o, {
+							variant: "outline",
+							onClick: D,
+							children: "Retry"
+						})
+					]
+				})
+			}) : T ? /* @__PURE__ */ b(_, {
+				columns: 5,
+				children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ b(g, {}, t))
+			}) : /* @__PURE__ */ x(_, {
+				columns: 5,
+				children: [
+					/* @__PURE__ */ b(v, {
+						label: "Total Orders",
+						value: w.overview.totalOrders.toLocaleString(),
+						icon: /* @__PURE__ */ b(l, { size: 20 })
+					}),
+					/* @__PURE__ */ b(v, {
+						treatment: "glass",
+						glow: !0,
+						label: "Revenue",
+						value: y(w.overview.totalRevenue),
+						icon: /* @__PURE__ */ b(c, { size: 20 })
+					}),
+					/* @__PURE__ */ b(v, {
+						label: "Active Vehicles",
+						value: w.overview.activeVehicles,
+						icon: /* @__PURE__ */ b(d, { size: 20 })
+					}),
+					/* @__PURE__ */ b(v, {
+						label: "On-Time Rate",
+						value: `${w.overview.onTimeDeliveryRate.toFixed(1)}%`,
+						icon: /* @__PURE__ */ b(u, { size: 20 }),
+						changeType: w.overview.onTimeDeliveryRate >= 90 ? "positive" : "neutral"
+					}),
+					/* @__PURE__ */ b(v, {
+						label: "Satisfaction",
+						value: w.overview.customerSatisfaction.toFixed(1),
+						icon: /* @__PURE__ */ b(f, { size: 20 }),
+						subtitle: "out of 5"
+					})
+				]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Order Trends" }) }), /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b("div", {
+					className: "h-64 flex items-center justify-center bg-bg-sunken/50 rounded-lg",
+					children: /* @__PURE__ */ x("div", {
+						className: "text-center text-text-secondary",
+						children: [
+							/* @__PURE__ */ b(s, {
+								size: 48,
+								className: "mx-auto mb-2 opacity-50"
+							}),
+							/* @__PURE__ */ b("p", { children: "Order trend chart" }),
+							/* @__PURE__ */ b("p", {
+								className: "text-xs",
+								children: "(Chart library integration needed)"
+							})
+						]
+					})
+				}), /* @__PURE__ */ b("div", {
+					className: "mt-4 grid grid-cols-4 gap-2",
+					children: O.trends.slice(-4).map((e) => /* @__PURE__ */ x("div", {
+						className: "text-center p-2 bg-bg-sunken/50 rounded",
+						children: [/* @__PURE__ */ b("p", {
+							className: "text-xs text-text-secondary",
+							children: e.date.split("-").slice(1).join("/")
+						}), /* @__PURE__ */ b("p", {
+							className: "font-medium",
+							children: e.orders
+						})]
+					}, e.date))
+				})] })] }), /* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Revenue Trends" }) }), /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b("div", {
+					className: "h-64 flex items-center justify-center bg-bg-sunken/50 rounded-lg",
+					children: /* @__PURE__ */ x("div", {
+						className: "text-center text-text-secondary",
+						children: [/* @__PURE__ */ b(u, {
+							size: 48,
+							className: "mx-auto mb-2 opacity-50"
+						}), /* @__PURE__ */ b("p", { children: "Revenue trend chart" })]
+					})
+				}), /* @__PURE__ */ b("div", {
+					className: "mt-4 grid grid-cols-5 gap-2",
+					children: w.trends.revenue.map((e) => /* @__PURE__ */ x("div", {
+						className: "text-center p-2 bg-bg-sunken/50 rounded",
+						children: [/* @__PURE__ */ b("p", {
+							className: "text-xs text-text-secondary",
+							children: e.month
+						}), /* @__PURE__ */ x("p", {
+							className: "font-medium text-sm",
+							children: [y(e.revenue / 1e3), "k"]
+						})]
+					}, e.month))
+				})] })] })]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [
+					/* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Orders by Status" }) }), /* @__PURE__ */ b(n, {
+						className: "space-y-3",
+						children: O.byStatus.filter((e) => e.count > 0).map(({ status: t, count: n }) => /* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ b("span", {
+								className: "text-sm capitalize",
+								children: t.replace("_", " ")
+							}), /* @__PURE__ */ x("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ b(e, {
+									value: n / w.overview.totalOrders * 100,
+									className: "w-20 h-2"
+								}), /* @__PURE__ */ b("span", {
+									className: "font-medium w-8 text-right",
+									children: n
+								})]
+							})]
+						}, t))
+					})] }),
+					/* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(r, { children: "Fleet Performance" }) }), /* @__PURE__ */ x(n, {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+							className: "flex justify-between text-sm mb-1",
+							children: [/* @__PURE__ */ b("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ x("span", { children: [k.vehicleUtilization.toFixed(0), "%"] })]
+						}), /* @__PURE__ */ b(e, { value: k.vehicleUtilization })] }), k.vehiclesByType.length > 0 && /* @__PURE__ */ x("div", {
+							className: "pt-2",
+							children: [/* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary mb-2",
+								children: "Vehicles by Type"
+							}), k.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ x("div", {
+								className: "flex justify-between text-sm py-1",
+								children: [/* @__PURE__ */ b("span", {
+									className: "capitalize",
+									children: e
+								}), /* @__PURE__ */ b("span", {
+									className: "font-medium",
+									children: t
+								})]
+							}, e))]
+						})]
+					})] }),
+					/* @__PURE__ */ x(S, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ b("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Performance Metrics"
+							}),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary",
+								children: "On-Time Delivery"
+							}), /* @__PURE__ */ x("p", {
+								className: "text-2xl font-bold",
+								children: [w.performance.onTimeDelivery.toFixed(1), "%"]
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary",
+								children: "Customer Satisfaction"
+							}), /* @__PURE__ */ x("p", {
+								className: "text-2xl font-bold",
+								children: [w.overview.customerSatisfaction.toFixed(1), "/5"]
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary",
+								children: "Driver Ratings"
+							}), /* @__PURE__ */ x("p", {
+								className: "text-2xl font-bold",
+								children: [w.performance.driverRatings.toFixed(1), "/5"]
+							})] })
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { w as default };