@burdenoff/microfe-movethewheels 2026.510.105

package/README.md

@@ -0,0 +1,82 @@
+# @burdenoff/microfe-movethewheels
+
+MoveTheWheels Logistics Microfrontend - A comprehensive supply chain management platform.
+
+## Overview
+
+This microfrontend provides a complete logistics and supply chain management interface including:
+
+- **Dashboard** - Role-specific metrics and quick actions
+- **Orders** - Order management with tracking and status updates
+- **Tracking** - Real-time shipment tracking
+- **Fleet** - Vehicle and driver management
+- **Inventory** - Stock management and warehouse operations
+- **Customers** - B2B and B2C customer management
+- **Routes** - Route planning and optimization
+- **Analytics** - Business intelligence and reporting
+- **Marketplace** - Service provider integrations
+
+## Installation
+
+```bash
+bun install
+```
+
+## Development
+
+```bash
+# Start standalone dev server
+bun run dev
+
+# Type checking
+bun run type:check
+
+# Linting
+bun run lint
+
+# Formatting
+bun run format
+
+# Run all checks
+bun run sanity
+```
+
+## Usage
+
+```tsx
+import { MoveTheWheelsRoot } from '@burdenoff/microfe-movethewheels';
+
+function App() {
+  return (
+    <MoveTheWheelsRoot
+      basePath="/movethewheels"
+      navigate={(path) => router.push(path)}
+      currentUser={currentUser}
+      workspaceId="ws-123"
+      apiGatewayUrl="https://api.example.com"
+      authToken="token"
+    />
+  );
+}
+```
+
+## Exports
+
+- `MoveTheWheelsRoot` - Main root component
+- `MoveTheWheelsRootProps` - TypeScript props interface
+- `useMoveTheWheels` - Context hook
+- `useMoveTheWheelsStore` - Zustand store hook
+
+## Technology Stack
+
+- React 19
+- TypeScript 5.9
+- TailwindCSS v4
+- Zustand 5
+- React Router v7
+- Recharts
+- Lucide Icons
+
+## License
+
+Proprietary - Copyright Burdenoff Consultancy Services Pvt. Ltd.

package/dist/AIAssistantPage-hD0VYJdH.js

@@ -0,0 +1,210 @@
+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-B7b0vl0R.js";
+import { n as u, t as d } from "./route-Ce_poKFi.js";
+import { t as f } from "./circle-alert-D5f6RZxt.js";
+import { t as p } from "./trending-up-C1faflCI.js";
+import { useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/lightbulb.js
+var _ = 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"
+	}],
+	["path", {
+		d: "M9 18h6",
+		key: "x1upvd"
+	}],
+	["path", {
+		d: "M10 22h4",
+		key: "ceow96"
+	}]
+]), v = 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", [
+	["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"
+	}],
+	["path", {
+		d: "M20 3v4",
+		key: "1olli1"
+	}],
+	["path", {
+		d: "M22 5h-4",
+		key: "1gvqau"
+	}],
+	["path", {
+		d: "M4 17v2",
+		key: "vumght"
+	}],
+	["path", {
+		d: "M5 18H3",
+		key: "zchphs"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/AIAssistantPage.tsx
+function b() {
+	let [s, b] = m(""), [x, S] = 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 = [
+		{
+			icon: d,
+			text: "Optimize today's delivery routes",
+			category: "Route Planning"
+		},
+		{
+			icon: p,
+			text: "Show demand forecast for next week",
+			category: "Analytics"
+		},
+		{
+			icon: f,
+			text: "Identify potential delivery delays",
+			category: "Alerts"
+		},
+		{
+			icon: _,
+			text: "Suggest fleet efficiency improvements",
+			category: "Insights"
+		}
+	], w = [
+		"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,
+			{
+				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?`
+			}
+		]), b(""));
+	};
+	return /* @__PURE__ */ h(o, {
+		title: "AI Assistant",
+		subtitle: "Intelligent logistics support",
+		icon: /* @__PURE__ */ h(u, { size: 24 }),
+		children: /* @__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, {
+					className: "h-[600px] flex flex-col",
+					children: [
+						/* @__PURE__ */ h(a, {
+							className: "border-b",
+							children: /* @__PURE__ */ g(i, {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ h(y, {
+									size: 18,
+									className: "text-primary"
+								}), " Chat with AI"]
+							})
+						}),
+						/* @__PURE__ */ h(t, {
+							className: "flex-1 p-4",
+							children: /* @__PURE__ */ h("div", {
+								className: "space-y-4",
+								children: x.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-primary text-primary-foreground" : "bg-muted"}`,
+										children: /* @__PURE__ */ h("p", {
+											className: "whitespace-pre-line text-sm",
+											children: e.content
+										})
+									})
+								}, t))
+							})
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "p-4 border-t",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ h(e, {
+									value: s,
+									onChange: (e) => b(e.target.value),
+									placeholder: "Ask me anything about your logistics operations...",
+									onKeyPress: (e) => e.key === "Enter" && T()
+								}), /* @__PURE__ */ h(l, {
+									onClick: T,
+									children: /* @__PURE__ */ h(v, { size: 16 })
+								})]
+							})
+						})
+					]
+				})
+			}), /* @__PURE__ */ g("div", {
+				className: "space-y-6",
+				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, {
+							variant: "outline",
+							className: "w-full justify-start text-left h-auto py-3",
+							onClick: () => b(e.text),
+							children: [
+								/* @__PURE__ */ h(e.icon, {
+									size: 16,
+									className: "mr-2 flex-shrink-0"
+								}),
+								/* @__PURE__ */ h("span", {
+									className: "flex-1",
+									children: e.text
+								}),
+								/* @__PURE__ */ h(c, {
+									variant: "secondary",
+									className: "text-xs",
+									children: e.category
+								})
+							]
+						}, t))
+					})] }),
+					/* @__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", {
+							className: "flex items-start gap-2",
+							children: [/* @__PURE__ */ h(y, {
+								size: 14,
+								className: "text-primary mt-0.5 flex-shrink-0"
+							}), /* @__PURE__ */ h("span", { children: e })]
+						}, t))
+					}) })] }),
+					/* @__PURE__ */ h(n, {
+						className: "bg-primary/5 border-primary/20",
+						children: /* @__PURE__ */ h(r, {
+							className: "p-4",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ h(_, {
+									size: 20,
+									className: "text-primary flex-shrink-0"
+								}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+									className: "font-medium text-sm",
+									children: "Pro Tip"
+								}), /* @__PURE__ */ h("p", {
+									className: "text-xs text-muted-foreground",
+									children: "You can ask complex questions like \"What would happen if I added 2 more vehicles to my fleet?\" for scenario analysis."
+								})] })]
+							})
+						})
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { b as default };

package/dist/AnalyticsPage-DHTHCUtr.js

@@ -0,0 +1,201 @@
+import { M as e, d as t, f as n, g as r, h as i, i as a } from "./PageLayout-B7b0vl0R.js";
+import { t as o } from "./chart-column-DWwVEVQ-.js";
+import { t as s } from "./dollar-sign-CP9qeU5d.js";
+import { t as c } from "./package-DVZbDRcV.js";
+import { t as l } from "./trending-up-C1faflCI.js";
+import { t as u } from "./truck-BmDAzu05.js";
+import { t as d } from "./users-i-igmsP4.js";
+import { i as f, r as p, t as m } from "./useAnalytics-ph7eTIK6.js";
+import { r as h, t as g } from "./MetricCard-GTbxAk1a.js";
+import { n as _ } from "./formatters-_vJlC-47.js";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/movethewheels/pages/AnalyticsPage.tsx
+function b() {
+	let { analytics: b } = m(), { orderData: x } = f(), { fleetData: S } = p();
+	return /* @__PURE__ */ y(a, {
+		title: "Analytics",
+		subtitle: "Business performance and insights",
+		icon: /* @__PURE__ */ v(o, { size: 24 }),
+		children: [
+			/* @__PURE__ */ y(h, {
+				columns: 5,
+				children: [
+					/* @__PURE__ */ v(g, {
+						label: "Total Orders",
+						value: b.overview.totalOrders.toLocaleString(),
+						icon: /* @__PURE__ */ v(c, { size: 20 }),
+						change: "+8.2%",
+						changeType: "positive",
+						trend: "up"
+					}),
+					/* @__PURE__ */ v(g, {
+						label: "Revenue",
+						value: _(b.overview.totalRevenue),
+						icon: /* @__PURE__ */ v(s, { size: 20 }),
+						change: "+12.5%",
+						changeType: "positive",
+						trend: "up"
+					}),
+					/* @__PURE__ */ v(g, {
+						label: "Active Vehicles",
+						value: b.overview.activeVehicles,
+						icon: /* @__PURE__ */ v(u, { size: 20 })
+					}),
+					/* @__PURE__ */ v(g, {
+						label: "On-Time Rate",
+						value: `${b.overview.onTimeDeliveryRate}%`,
+						icon: /* @__PURE__ */ v(l, { size: 20 }),
+						changeType: b.overview.onTimeDeliveryRate >= 90 ? "positive" : "negative"
+					}),
+					/* @__PURE__ */ v(g, {
+						label: "Satisfaction",
+						value: b.overview.customerSatisfaction.toFixed(1),
+						icon: /* @__PURE__ */ v(d, { size: 20 }),
+						subtitle: "out of 5"
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Order Trends" }) }), /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v("div", {
+					className: "h-64 flex items-center justify-center bg-muted/50 rounded-lg",
+					children: /* @__PURE__ */ y("div", {
+						className: "text-center text-muted-foreground",
+						children: [
+							/* @__PURE__ */ v(o, {
+								size: 48,
+								className: "mx-auto mb-2 opacity-50"
+							}),
+							/* @__PURE__ */ v("p", { children: "Order trend chart" }),
+							/* @__PURE__ */ v("p", {
+								className: "text-xs",
+								children: "(Chart library integration needed)"
+							})
+						]
+					})
+				}), /* @__PURE__ */ v("div", {
+					className: "mt-4 grid grid-cols-4 gap-2",
+					children: x.trends.slice(-4).map((e) => /* @__PURE__ */ y("div", {
+						className: "text-center p-2 bg-muted/50 rounded",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.date.split("-").slice(1).join("/")
+						}), /* @__PURE__ */ v("p", {
+							className: "font-medium",
+							children: e.orders
+						})]
+					}, e.date))
+				})] })] }), /* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Revenue Trends" }) }), /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v("div", {
+					className: "h-64 flex items-center justify-center bg-muted/50 rounded-lg",
+					children: /* @__PURE__ */ y("div", {
+						className: "text-center text-muted-foreground",
+						children: [/* @__PURE__ */ v(l, {
+							size: 48,
+							className: "mx-auto mb-2 opacity-50"
+						}), /* @__PURE__ */ v("p", { children: "Revenue trend chart" })]
+					})
+				}), /* @__PURE__ */ v("div", {
+					className: "mt-4 grid grid-cols-5 gap-2",
+					children: b.trends.revenue.map((e) => /* @__PURE__ */ y("div", {
+						className: "text-center p-2 bg-muted/50 rounded",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.month
+						}), /* @__PURE__ */ y("p", {
+							className: "font-medium text-sm",
+							children: [_(e.revenue / 1e3), "k"]
+						})]
+					}, e.month))
+				})] })] })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				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", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ v("span", {
+								className: "text-sm capitalize",
+								children: t.replace("_", " ")
+							}), /* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ v(e, {
+									value: n / b.overview.totalOrders * 100,
+									className: "w-20 h-2"
+								}), /* @__PURE__ */ v("span", {
+									className: "font-medium w-8 text-right",
+									children: n
+								})]
+							})]
+						}, t))
+					})] }),
+					/* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Fleet Performance" }) }), /* @__PURE__ */ y(n, {
+						className: "space-y-4",
+						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 })] }),
+							/* @__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 })] }),
+							/* @__PURE__ */ y("div", {
+								className: "pt-2",
+								children: [/* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground mb-2",
+									children: "Vehicles by Type"
+								}), S.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ y("div", {
+									className: "flex justify-between text-sm py-1",
+									children: [/* @__PURE__ */ v("span", {
+										className: "capitalize",
+										children: e
+									}), /* @__PURE__ */ v("span", {
+										className: "font-medium",
+										children: t
+									})]
+								}, e))]
+							})
+						]
+					})] }),
+					/* @__PURE__ */ y(t, { children: [/* @__PURE__ */ v(i, { children: /* @__PURE__ */ v(r, { children: "Performance Metrics" }) }), /* @__PURE__ */ y(n, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground",
+								children: "On-Time Pickup"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-2xl font-bold",
+								children: [b.performance.onTimePickup, "%"]
+							})] }),
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground",
+								children: "On-Time Delivery"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-2xl font-bold",
+								children: [b.performance.onTimeDelivery, "%"]
+							})] }),
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Damaged Items"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-2xl font-bold text-green-600",
+								children: [b.performance.damagedItems, "%"]
+							})] }),
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Driver Ratings"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-2xl font-bold",
+								children: [b.performance.driverRatings, "/5"]
+							})] })
+						]
+					})] })
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { b as default };