@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.5

package/dist/{AIAssistantPage-3YOnHO9Y.js → AIAssistantPage-D2gaEL1U.js}

@@ -1,12 +1,13 @@
-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-DVW4QgQb.js";
-import { t as p } from "./circle-alert-Bzh2DBSF.js";
-import { t as m } from "./trending-up-Dz6PqPRj.js";
+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, u as c, ut as l } from "./PageLayout-BniRJaQ6.js";
+import { n as u, t as d } from "./useAssistant-CnEwkTLm.js";
+import { t as f } from "./circle-alert-CNkuDNc6.js";
+import { t as p } from "./route-CWjPrtAN.js";
+import { t as m } from "./trending-up-CH4R4KOa.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 b = c("Lightbulb", [
+var b = l("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 +20,13 @@ var b = c("Lightbulb", [
 		d: "M10 22h4",
 		key: "ceow96"
 	}]
-]), x = c("Send", [["path", {
+]), x = l("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"
-}]]), S = c("Sparkles", [
+}]]), S = l("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"
@@ -50,12 +51,12 @@ var b = c("Lightbulb", [
 //#endregion
 //#region src/movethewheels/pages/AIAssistantPage.tsx
 function C() {
-	let { ask: c, isLoading: C } = f(), [w, T] = h(""), [E, D] = h([{
+	let { ask: l, isLoading: C } = d(), [w, T] = h(""), [E, D] = h([{
 		role: "assistant",
 		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: u,
+			icon: p,
 			text: "Optimize today's delivery routes",
 			category: "Route Planning"
 		},
@@ -65,7 +66,7 @@ function C() {
 			category: "Analytics"
 		},
 		{
-			icon: p,
+			icon: f,
 			text: "Identify potential delivery delays",
 			category: "Alerts"
 		},
@@ -88,7 +89,7 @@ function C() {
 				content: t
 			}]);
 			try {
-				let e = await c(t);
+				let e = await l(t);
 				D((t) => [...t, {
 					role: "assistant",
 					content: e.answer
@@ -107,9 +108,9 @@ function C() {
 	return /* @__PURE__ */ _(o, {
 		title: "AI Assistant",
 		subtitle: "Intelligent logistics support",
-		icon: /* @__PURE__ */ g(d, { size: 24 }),
+		icon: /* @__PURE__ */ g(u, { size: 24 }),
 		children: [/* @__PURE__ */ g(y, {
-			icon: /* @__PURE__ */ g(d, { size: 18 }),
+			icon: /* @__PURE__ */ g(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__ */ _("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
@@ -169,7 +170,7 @@ function C() {
 									placeholder: "Ask me anything about your logistics operations...",
 									disabled: C,
 									onKeyPress: (e) => e.key === "Enter" && j()
-								}), /* @__PURE__ */ g(l, {
+								}), /* @__PURE__ */ g(c, {
 									onClick: j,
 									disabled: C || !w.trim(),
 									children: /* @__PURE__ */ g(x, { size: 16 })
@@ -183,7 +184,7 @@ function C() {
 				children: [
 					/* @__PURE__ */ _(n, { children: [/* @__PURE__ */ g(a, { children: /* @__PURE__ */ g(i, { children: "Quick Actions" }) }), /* @__PURE__ */ g(r, {
 						className: "space-y-2",
-						children: O.map((e, t) => /* @__PURE__ */ _(l, {
+						children: O.map((e, t) => /* @__PURE__ */ _(c, {
 							variant: "outline",
 							className: "w-full justify-start text-left h-auto py-3",
 							disabled: C,

package/dist/AnalyticsPage-DZMlEoBi.js

@@ -0,0 +1,194 @@
+import { M as e, d as t, f as n, g as r, h as i, i as a, u as o } from "./PageLayout-BniRJaQ6.js";
+import { t as s } from "./chart-column-DQTTdUPk.js";
+import { t as c } from "./dollar-sign-B6RoYHHz.js";
+import { t as l } from "./package-DmRF7iQD.js";
+import { t as u } from "./star-CVZHFwDx.js";
+import { t as d } from "./trending-up-CH4R4KOa.js";
+import { t as f } from "./users-B8KhJBGg.js";
+import { l as p, n as m, o as h, r as g, t as _, u as v } from "./charts-Tj_PPTfA.js";
+import { n as y, r as b, t as x } from "./MetricCard-y3bWHKUQ.js";
+import { n as S } from "./formatters-FWJDwTFv.js";
+import { useMemo as C } from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/AnalyticsPage.tsx
+var O = (e) => e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+function k() {
+	let { analytics: k, isLoading: A, error: j, refetch: M } = h(), { orderData: N } = v(), { fleetData: P } = p(), F = C(() => k.trends.dailyOrders.map((e) => e.orders), [k.trends.dailyOrders]), I = C(() => k.trends.revenue.map((e) => ({
+		month: e.month,
+		revenue: e.revenue
+	})), [k.trends.revenue]), L = C(() => N.byStatus.filter((e) => e.count > 0).map((e) => ({
+		name: O(e.status),
+		value: e.count
+	})), [N.byStatus]), R = L.reduce((e, t) => e + t.value, 0);
+	return /* @__PURE__ */ T(a, {
+		title: "Analytics",
+		subtitle: "Business performance and insights",
+		icon: /* @__PURE__ */ w(s, { size: 24 }),
+		children: [
+			/* @__PURE__ */ w(D, {
+				icon: /* @__PURE__ */ w(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."
+			}),
+			j && !A ? /* @__PURE__ */ w(t, {
+				className: "border-status-error-border",
+				children: /* @__PURE__ */ T(n, {
+					className: "p-6 text-center space-y-3",
+					children: [
+						/* @__PURE__ */ w("p", {
+							className: "text-status-error-text font-medium",
+							children: "Couldn't load analytics"
+						}),
+						/* @__PURE__ */ w("p", {
+							className: "text-sm text-text-secondary",
+							children: j.message
+						}),
+						/* @__PURE__ */ w(o, {
+							variant: "outline",
+							onClick: M,
+							children: "Retry"
+						})
+					]
+				})
+			}) : A ? /* @__PURE__ */ w(b, {
+				columns: 4,
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ w(y, {}, t))
+			}) : /* @__PURE__ */ T(b, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ w(x, {
+						label: "Order Volume",
+						value: k.overview.totalOrders.toLocaleString(),
+						icon: /* @__PURE__ */ w(l, { size: 20 }),
+						accent: "brand",
+						sparklineData: F.length >= 2 ? F : void 0
+					}),
+					/* @__PURE__ */ w(x, {
+						treatment: "glass",
+						glow: !0,
+						label: "Revenue",
+						value: S(k.overview.totalRevenue),
+						icon: /* @__PURE__ */ w(c, { size: 20 }),
+						accent: "success"
+					}),
+					/* @__PURE__ */ w(x, {
+						label: "On-Time Delivery",
+						value: `${k.overview.onTimeDeliveryRate.toFixed(1)}%`,
+						icon: /* @__PURE__ */ w(d, { size: 20 }),
+						accent: "blue",
+						delta: k.overview.onTimeDeliveryRate >= 90 ? {
+							value: "On target",
+							direction: "up"
+						} : {
+							value: "Below 90%",
+							direction: "down"
+						}
+					}),
+					/* @__PURE__ */ w(x, {
+						label: "Customer Satisfaction",
+						value: k.overview.customerSatisfaction.toFixed(1),
+						icon: /* @__PURE__ */ w(u, { size: 20 }),
+						accent: "warning",
+						subtitle: "out of 5"
+					})
+				]
+			}),
+			/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Order & delivery trend" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ w(g, {
+				xKey: "date",
+				height: 300,
+				data: k.trends.dailyOrders,
+				series: [{
+					dataKey: "orders",
+					name: "Orders"
+				}, {
+					dataKey: "deliveries",
+					name: "Deliveries"
+				}],
+				emptyMessage: "No order trend recorded yet"
+			}) })] }),
+			/* @__PURE__ */ T("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Revenue by month" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ w(m, {
+					xKey: "month",
+					height: 280,
+					showLegend: !1,
+					data: I,
+					series: [{
+						dataKey: "revenue",
+						name: "Revenue"
+					}],
+					valueFormatter: (e) => S(Number(e)),
+					emptyMessage: "No revenue recorded yet"
+				}) })] }), /* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Orders by status" }) }), /* @__PURE__ */ w(n, { children: /* @__PURE__ */ w(_, {
+					data: L,
+					height: 240,
+					centerLabel: R.toLocaleString(),
+					centerSubLabel: "orders",
+					emptyMessage: "No orders to break down yet"
+				}) })] })]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ T(t, { children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(r, { children: "Fleet Performance" }) }), /* @__PURE__ */ T(n, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+						className: "flex justify-between text-sm mb-1",
+						children: [/* @__PURE__ */ w("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ T("span", { children: [P.vehicleUtilization.toFixed(0), "%"] })]
+					}), /* @__PURE__ */ w(e, { value: P.vehicleUtilization })] }), P.vehiclesByType.length > 0 && /* @__PURE__ */ T("div", {
+						className: "pt-2",
+						children: [/* @__PURE__ */ w("p", {
+							className: "text-sm text-text-secondary mb-2",
+							children: "Vehicles by Type"
+						}), P.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ T("div", {
+							className: "flex justify-between text-sm py-1",
+							children: [/* @__PURE__ */ w("span", {
+								className: "capitalize",
+								children: e
+							}), /* @__PURE__ */ w("span", {
+								className: "font-medium",
+								children: t
+							})]
+						}, e))]
+					})]
+				})] }), /* @__PURE__ */ T(E, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ w("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Performance Metrics"
+						}),
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+							className: "text-sm text-text-secondary",
+							children: "On-Time Delivery"
+						}), /* @__PURE__ */ T("p", {
+							className: "text-2xl font-bold",
+							children: [k.performance.onTimeDelivery.toFixed(1), "%"]
+						})] }),
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+							className: "text-sm text-text-secondary",
+							children: "Customer Satisfaction"
+						}), /* @__PURE__ */ T("p", {
+							className: "text-2xl font-bold",
+							children: [k.overview.customerSatisfaction.toFixed(1), "/5"]
+						})] }),
+						/* @__PURE__ */ T("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ w(f, {
+								size: 16,
+								className: "text-text-secondary"
+							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-text-secondary",
+								children: "Driver Ratings"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold",
+								children: [k.performance.driverRatings.toFixed(1), "/5"]
+							})] })]
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { k as default };

package/dist/{CreateOrderPage-DRAgGo9i.js → CreateOrderPage-CWHx8yys.js}

@@ -1,14 +1,14 @@
-import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, ct as s, d as c, f as l, g as u, h as d, i as f, j as p, ot as m, t as h, u as g, z as _ } from "./PageLayout-D4LDHJJq.js";
-import { t as v } from "./arrow-left-n48Y-Wis.js";
-import { t as y } from "./map-pin-Dznl5l40.js";
-import { t as b } from "./package-CcRttV2N.js";
-import { t as x } from "./plus-C_XZDwBz.js";
-import { t as S } from "./save-DJE8Fpdv.js";
-import { t as C } from "./trash-2-8vmv-XV_.js";
-import { t as w } from "./users-CCrq-w0C.js";
-import { r as T, t as ee } from "./useOrders-B465S2nt.js";
-import { r as te } from "./useCustomers-BPW4__PR.js";
-import { t as E } from "./FormError-cuLV2jVD.js";
+import { A as e, F as t, I as n, L as r, P as i, Q as a, R as o, d as s, f as c, g as l, h as u, i as d, j as f, lt as p, st as m, t as h, u as g, z as _ } from "./PageLayout-BniRJaQ6.js";
+import { t as v } from "./arrow-left-ClW4Isj7.js";
+import { t as y } from "./map-pin-CqN1bbT1.js";
+import { t as b } from "./package-DmRF7iQD.js";
+import { t as x } from "./plus-DlANgOFx.js";
+import { t as S } from "./save-UDlog7hg.js";
+import { t as C } from "./trash-2-B80G12d4.js";
+import { t as w } from "./users-B8KhJBGg.js";
+import { r as T, t as ee } from "./useOrders-BSiqo61w.js";
+import { r as te } from "./useCustomers-ChJao1ET.js";
+import { t as E } from "./FormError-BKcb_wT-.js";
 import { useState as D } from "react";
 import { useParams as O } from "react-router-dom";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
@@ -36,7 +36,7 @@ function P() {
 		items: L?.items || [],
 		specialInstructions: L?.specialInstructions || ""
 	}), [U, W] = D(!1), [G, K] = D(null), q = () => {
-		I && I(s(F, "orders"));
+		I && I(p(F, "orders"));
 	}, J = () => {
 		let e = z.find((e) => e.id === V.customerId);
 		return !V.customerId || !e ? "Select a customer for this order." : V.pickupAddress.street.trim() ? V.deliveryAddress.street.trim() ? V.items.length === 0 ? "Add at least one item to the order." : null : "Enter a delivery street address." : "Enter a pickup street address.";
@@ -120,7 +120,7 @@ function P() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ A(f, {
+	return /* @__PURE__ */ A(d, {
 		title: B ? "Edit Order" : "Create Order",
 		subtitle: B ? `Editing ${L?.orderNumber}` : "Create a new delivery order",
 		icon: /* @__PURE__ */ k(b, { size: 24 }),
@@ -185,7 +185,7 @@ function P() {
 							children: [
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, {
+									children: [/* @__PURE__ */ k(f, {
 										htmlFor: "customer",
 										children: "Customer"
 									}), /* @__PURE__ */ A(i, {
@@ -207,7 +207,7 @@ function P() {
 								}),
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, {
+									children: [/* @__PURE__ */ k(f, {
 										htmlFor: "orderType",
 										children: "Order Type"
 									}), /* @__PURE__ */ A(i, {
@@ -227,7 +227,7 @@ function P() {
 								}),
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, {
+									children: [/* @__PURE__ */ k(f, {
 										htmlFor: "priority",
 										children: "Priority"
 									}), /* @__PURE__ */ A(i, {
@@ -261,12 +261,12 @@ function P() {
 					})] }),
 					/* @__PURE__ */ A("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ k(u, { children: "Pickup Address" }) }), /* @__PURE__ */ A(l, {
+						children: [/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ k(l, { children: "Pickup Address" }) }), /* @__PURE__ */ A(c, {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, {
+									children: [/* @__PURE__ */ k(f, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
 									}), /* @__PURE__ */ k(e, {
@@ -277,10 +277,10 @@ function P() {
 									})]
 								}),
 								/* @__PURE__ */ A("div", {
-									className: "grid grid-cols-2 gap-4",
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "pickupCity",
 											children: "City"
 										}), /* @__PURE__ */ k(e, {
@@ -291,7 +291,7 @@ function P() {
 										})]
 									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "pickupState",
 											children: "State"
 										}), /* @__PURE__ */ k(e, {
@@ -303,10 +303,10 @@ function P() {
 									})]
 								}),
 								/* @__PURE__ */ A("div", {
-									className: "grid grid-cols-2 gap-4",
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
 										}), /* @__PURE__ */ k(e, {
@@ -317,7 +317,7 @@ function P() {
 										})]
 									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "pickupCountry",
 											children: "Country"
 										}), /* @__PURE__ */ k(e, {
@@ -329,12 +329,12 @@ function P() {
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ k(u, { children: "Delivery Address" }) }), /* @__PURE__ */ A(l, {
+						})] }), /* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ k(l, { children: "Delivery Address" }) }), /* @__PURE__ */ A(c, {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, {
+									children: [/* @__PURE__ */ k(f, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
 									}), /* @__PURE__ */ k(e, {
@@ -345,10 +345,10 @@ function P() {
 									})]
 								}),
 								/* @__PURE__ */ A("div", {
-									className: "grid grid-cols-2 gap-4",
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "deliveryCity",
 											children: "City"
 										}), /* @__PURE__ */ k(e, {
@@ -359,7 +359,7 @@ function P() {
 										})]
 									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "deliveryState",
 											children: "State"
 										}), /* @__PURE__ */ k(e, {
@@ -371,10 +371,10 @@ function P() {
 									})]
 								}),
 								/* @__PURE__ */ A("div", {
-									className: "grid grid-cols-2 gap-4",
+									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
 										}), /* @__PURE__ */ k(e, {
@@ -385,7 +385,7 @@ function P() {
 										})]
 									}), /* @__PURE__ */ A("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ k(p, {
+										children: [/* @__PURE__ */ k(f, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
 										}), /* @__PURE__ */ k(e, {
@@ -399,16 +399,16 @@ function P() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ A(d, {
+					/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ A(u, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ k(u, { children: "Order Items" }), /* @__PURE__ */ A(g, {
+						children: [/* @__PURE__ */ k(l, { children: "Order Items" }), /* @__PURE__ */ A(g, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
 							onClick: Q,
 							children: [/* @__PURE__ */ k(x, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ k(l, { children: V.items.length === 0 ? /* @__PURE__ */ k(h, {
+					}), /* @__PURE__ */ k(c, { children: V.items.length === 0 ? /* @__PURE__ */ k(h, {
 						illustration: "empty-files",
 						title: "No items added yet",
 						description: "Add the products this order will ship — each with a name, SKU, quantity and value.",
@@ -428,7 +428,7 @@ function P() {
 							children: [
 								/* @__PURE__ */ A("div", {
 									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ k(p, { children: "Item Name" }), /* @__PURE__ */ k(e, {
+									children: [/* @__PURE__ */ k(f, { children: "Item Name" }), /* @__PURE__ */ k(e, {
 										value: t.name,
 										onChange: (e) => $(n, "name", e.target.value),
 										placeholder: "Product name"
@@ -436,7 +436,7 @@ function P() {
 								}),
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, { children: "SKU" }), /* @__PURE__ */ k(e, {
+									children: [/* @__PURE__ */ k(f, { children: "SKU" }), /* @__PURE__ */ k(e, {
 										value: t.sku,
 										onChange: (e) => $(n, "sku", e.target.value),
 										placeholder: "SKU-001"
@@ -444,7 +444,7 @@ function P() {
 								}),
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, { children: "Quantity" }), /* @__PURE__ */ k(e, {
+									children: [/* @__PURE__ */ k(f, { children: "Quantity" }), /* @__PURE__ */ k(e, {
 										type: "number",
 										min: "1",
 										value: t.quantity,
@@ -453,7 +453,7 @@ function P() {
 								}),
 								/* @__PURE__ */ A("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ k(p, { children: "Value ($)" }), /* @__PURE__ */ k(e, {
+									children: [/* @__PURE__ */ k(f, { children: "Value ($)" }), /* @__PURE__ */ k(e, {
 										type: "number",
 										min: "0",
 										step: "0.01",
@@ -475,7 +475,7 @@ function P() {
 							]
 						})] }, t.id))
 					}) })] }),
-					/* @__PURE__ */ A(c, { children: [/* @__PURE__ */ k(d, { children: /* @__PURE__ */ k(u, { children: "Special Instructions" }) }), /* @__PURE__ */ k(l, { children: /* @__PURE__ */ k(a, {
+					/* @__PURE__ */ A(s, { children: [/* @__PURE__ */ k(u, { children: /* @__PURE__ */ k(l, { children: "Special Instructions" }) }), /* @__PURE__ */ k(c, { children: /* @__PURE__ */ k(a, {
 						value: V.specialInstructions,
 						onChange: (e) => X("specialInstructions", e.target.value),
 						placeholder: "Any special handling or delivery instructions...",