@burdenoff/microfe-movethewheels 2026.923.1 → 2026.924.2

package/dist/pages/CreateOrderPage.js

@@ -5,149 +5,154 @@ import { Package as r } from "../node_modules/lucide-react/dist/esm/icons/packag
 import { Plus as i } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { Route as a } from "../node_modules/lucide-react/dist/esm/icons/route.js";
 import { Save as ee } from "../node_modules/lucide-react/dist/esm/icons/save.js";
-import { Trash2 as te } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
-import { Users as ne } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { buildCustomerCreatePath as re, joinPath as o } from "../utils/navigation.js";
-import { useMoveTheWheels as ie } from "../providers/MoveTheWheelsProvider.js";
-import { useRoutes as ae } from "../hooks/useRoutes.js";
-import { useOrder as oe, useOrders as se } from "../hooks/useOrders.js";
-import { useCustomer as ce, useCustomers as le } from "../hooks/useCustomers.js";
-import { Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, Input as f, Label as p, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v, Separator as ue, Textarea as de } from "../components/ui.js";
-import { EmptyState as fe, PageLayout as y } from "../components/PageLayout.js";
-import { FormError as pe } from "../components/FormError.js";
-import { useDebouncedValue as me } from "../hooks/useDebouncedValue.js";
-import { CustomerPicker as he } from "../components/CustomerPicker.js";
-import { useEffect as b, useState as x } from "react";
-import { useParams as ge, useSearchParams as S } from "react-router";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { EmphasisPanel as _e, NextSteps as ve, PagePurpose as ye } from "@burdenoff/fe-libs/ui";
+import { Users as te } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { buildCustomerCreatePath as ne, joinPath as o } from "../utils/navigation.js";
+import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
+import { useRoute as c, useRoutes as l } from "../hooks/useRoutes.js";
+import { useOrder as re, useOrders as ie } from "../hooks/useOrders.js";
+import { useProducts as ae } from "../hooks/useInventory.js";
+import { useCustomer as oe, useCustomers as se } from "../hooks/useCustomers.js";
+import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h, Label as g, Select as ce, SelectContent as le, SelectItem as _, SelectTrigger as v, SelectValue as ue, Textarea as de } from "../components/ui.js";
+import { EmptyState as fe, PageLayout as pe } from "../components/PageLayout.js";
+import { FormError as me } from "../components/FormError.js";
+import { EntityCombobox as he } from "../components/EntityCombobox.js";
+import { CustomerPicker as ge } from "../components/CustomerPicker.js";
+import { OrderItemRow as _e } from "../components/OrderItemRow.js";
+import { useEffect as y, useState as b } from "react";
+import { useParams as ve, useSearchParams as ye } from "react-router";
+import { Fragment as be, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as xe, NextSteps as Se, PagePurpose as Ce } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CreateOrderPage.tsx
-function T(e) {
+function C(e) {
 	if (!e || Number.isNaN(e.getTime())) return "";
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}T${t(e.getHours())}:${t(e.getMinutes())}`;
 }
-function E() {
-	let { orderId: E } = ge(), [be] = S(), D = be.get("customerId")?.trim() || void 0, { basePath: O, navigate: k } = ie(), { order: A } = oe(E), { createOrder: j, updateOrder: M } = se(), [N, xe] = x(""), { customers: P, createCustomer: Se, isLoading: F, error: I, refetch: Ce } = le({
+function w() {
+	let { orderId: w } = ve(), [T] = ye(), E = T.get("customerId")?.trim() || void 0, { basePath: D, navigate: O } = s(), { order: k } = re(w), { createOrder: A, updateOrder: we } = ie(), [Te, Ee] = b(""), { customers: j, createCustomer: M, isLoading: N, error: P, refetch: De } = se({
 		limit: 20,
-		filters: { search: me(N) || void 0 }
-	}), { customer: L } = ce(D ?? A?.customerId), { routes: R, isLoading: we, error: Te } = ae({
+		filters: { search: Te || void 0 }
+	}), { customer: F } = oe(E ?? k?.customerId), [Oe, ke] = b(""), { routes: I, isLoading: L, error: R, hasMore: Ae, totalRoutes: je } = l({
 		status: "planned",
+		search: Oe || void 0,
 		limit: 20
-	}), z = !!E && !!A, [B, V] = x(null), [H, U] = x({
-		customerId: D || A?.customerId || "",
-		priority: A?.priority || "normal",
-		routeId: A?.routeId || "",
+	}), [z, Me] = b(""), { products: Ne, isLoading: Pe } = ae({
+		search: z || void 0,
+		limit: 20
+	}), B = !!w && !!k, [V, H] = b(null), [U, W] = b({
+		customerId: E || k?.customerId || "",
+		priority: k?.priority || "normal",
+		routeId: k?.routeId || "",
 		pickupAddress: {
-			street: A?.pickupAddress.street || "",
-			city: A?.pickupAddress.city || "",
-			state: A?.pickupAddress.state || "",
-			postalCode: A?.pickupAddress.postalCode || "",
-			country: A?.pickupAddress.country || "USA"
+			street: k?.pickupAddress.street || "",
+			city: k?.pickupAddress.city || "",
+			state: k?.pickupAddress.state || "",
+			postalCode: k?.pickupAddress.postalCode || "",
+			country: k?.pickupAddress.country || "USA"
 		},
 		deliveryAddress: {
-			street: A?.deliveryAddress.street || "",
-			city: A?.deliveryAddress.city || "",
-			state: A?.deliveryAddress.state || "",
-			postalCode: A?.deliveryAddress.postalCode || "",
-			country: A?.deliveryAddress.country || "USA"
+			street: k?.deliveryAddress.street || "",
+			city: k?.deliveryAddress.city || "",
+			state: k?.deliveryAddress.state || "",
+			postalCode: k?.deliveryAddress.postalCode || "",
+			country: k?.deliveryAddress.country || "USA"
 		},
-		items: A?.items || [],
-		scheduledDelivery: T(A?.scheduledDelivery),
-		specialInstructions: A?.specialInstructions || ""
-	}), [W, G] = x(!1), [Ee, K] = x(null);
-	b(() => {
-		L && (V((e) => e?.id === L.id ? e : L), U((e) => e.customerId ? e : {
+		items: k?.items || [],
+		scheduledDelivery: C(k?.scheduledDelivery),
+		specialInstructions: k?.specialInstructions || ""
+	}), { route: Fe, isLoading: Ie } = c(U.routeId || void 0), [G, K] = b(!1), [Le, q] = b(null);
+	y(() => {
+		F && (H((e) => e?.id === F.id ? e : F), W((e) => e.customerId ? e : {
 			...e,
-			customerId: L.id
+			customerId: F.id
 		}));
-	}, [L]), b(() => {
-		A && U({
-			customerId: A.customerId || "",
-			priority: A.priority || "normal",
-			routeId: A.routeId || "",
+	}, [F]), y(() => {
+		k && W({
+			customerId: k.customerId || "",
+			priority: k.priority || "normal",
+			routeId: k.routeId || "",
 			pickupAddress: {
-				street: A.pickupAddress.street || "",
-				city: A.pickupAddress.city || "",
-				state: A.pickupAddress.state || "",
-				postalCode: A.pickupAddress.postalCode || "",
-				country: A.pickupAddress.country || "USA"
+				street: k.pickupAddress.street || "",
+				city: k.pickupAddress.city || "",
+				state: k.pickupAddress.state || "",
+				postalCode: k.pickupAddress.postalCode || "",
+				country: k.pickupAddress.country || "USA"
 			},
 			deliveryAddress: {
-				street: A.deliveryAddress.street || "",
-				city: A.deliveryAddress.city || "",
-				state: A.deliveryAddress.state || "",
-				postalCode: A.deliveryAddress.postalCode || "",
-				country: A.deliveryAddress.country || "USA"
+				street: k.deliveryAddress.street || "",
+				city: k.deliveryAddress.city || "",
+				state: k.deliveryAddress.state || "",
+				postalCode: k.deliveryAddress.postalCode || "",
+				country: k.deliveryAddress.country || "USA"
 			},
-			items: A.items || [],
-			scheduledDelivery: T(A.scheduledDelivery),
-			specialInstructions: A.specialInstructions || ""
+			items: k.items || [],
+			scheduledDelivery: C(k.scheduledDelivery),
+			specialInstructions: k.specialInstructions || ""
 		});
-	}, [A]);
-	let q = () => {
-		if (k) {
-			if (!z && D) {
-				k(o(O, `customers/${D}`));
+	}, [k]);
+	let J = () => {
+		if (O) {
+			if (!B && E) {
+				O(o(D, `customers/${E}`));
 				return;
 			}
-			k(o(O, "orders"));
+			O(o(D, "orders"));
 		}
-	}, J = () => B ?? P.find((e) => e.id === H.customerId), De = () => !H.customerId || !J() ? I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order." : H.pickupAddress.street.trim() ? H.deliveryAddress.street.trim() ? H.items.length === 0 ? "Add at least one item to the order." : H.scheduledDelivery && Number.isNaN(Date.parse(H.scheduledDelivery)) ? "Enter a valid scheduled delivery date and time." : null : "Enter a delivery street address." : "Enter a pickup street address.", Y = async (e) => {
-		e.preventDefault(), K(null);
-		let t = De();
+	}, Y = () => V ?? j.find((e) => e.id === U.customerId), Re = () => !U.customerId || !Y() ? P ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order." : U.pickupAddress.street.trim() ? U.deliveryAddress.street.trim() ? U.items.length === 0 ? "Add at least one item to the order." : U.scheduledDelivery && Number.isNaN(Date.parse(U.scheduledDelivery)) ? "Enter a valid scheduled delivery date and time." : null : "Enter a delivery street address." : "Enter a pickup street address.", X = async (e) => {
+		e.preventDefault(), q(null);
+		let t = Re();
 		if (t) {
-			K(t);
+			q(t);
 			return;
 		}
-		let n = J();
+		let n = Y();
 		if (!n) {
-			K(I ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
+			q(P ? "Customers could not be loaded. Retry or create a customer before continuing." : "Select a customer for this order.");
 			return;
 		}
-		G(!0);
+		K(!0);
 		try {
 			let e = {
-				customerId: H.customerId,
+				customerId: U.customerId,
 				customerInfo: {
 					name: n.name,
 					email: n.email,
 					phone: n.phone,
 					company: n.company
 				},
-				priority: H.priority,
-				pickupAddress: H.pickupAddress,
-				deliveryAddress: H.deliveryAddress,
-				items: H.items,
-				scheduledDelivery: H.scheduledDelivery ? new Date(H.scheduledDelivery) : null,
-				routeId: H.routeId || void 0,
-				specialInstructions: H.specialInstructions
+				priority: U.priority,
+				pickupAddress: U.pickupAddress,
+				deliveryAddress: U.deliveryAddress,
+				items: U.items,
+				scheduledDelivery: U.scheduledDelivery ? new Date(U.scheduledDelivery) : null,
+				routeId: U.routeId || void 0,
+				specialInstructions: U.specialInstructions
 			};
-			z && E ? (await M(E, e), k && k(o(O, `orders/${E}`))) : (await j(e), q());
+			B && w ? (await we(w, e), O && O(o(D, `orders/${w}`))) : (await A(e), J());
 		} catch (e) {
-			K(e instanceof Error ? e.message : z ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
+			q(e instanceof Error ? e.message : B ? "Could not update the order. Please try again." : "Could not create the order. Please try again.");
 		} finally {
-			G(!1);
+			K(!1);
 		}
-	}, X = (e, t) => {
-		U((n) => ({
+	}, Z = (e, t) => {
+		W((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, Z = (e, t, n) => {
-		U((r) => ({
+	}, Q = (e, t, n) => {
+		W((r) => ({
 			...r,
 			[e]: {
 				...r[e],
 				[t]: n
 			}
 		}));
-	}, Oe = (e) => {
-		if (e === "none") {
-			X("routeId", "");
+	}, ze = (e) => {
+		if (!e) {
+			Z("routeId", "");
 			return;
 		}
-		let t = R.find((t) => t.id === e);
+		let t = I.find((t) => t.id === e);
 		if (!t) return;
 		let n = t.stops.find((e) => e.type === "pickup")?.address, r = [...t.stops].reverse().find((e) => e.type === "delivery")?.address, i = (e, t) => t ? {
 			street: e.street.trim() ? e.street : t.street,
@@ -156,14 +161,14 @@ function E() {
 			postalCode: e.postalCode.trim() ? e.postalCode : t.postalCode,
 			country: e.country.trim() ? e.country : t.country
 		} : e;
-		U((e) => ({
+		W((e) => ({
 			...e,
 			routeId: t.id,
 			pickupAddress: i(e.pickupAddress, n),
 			deliveryAddress: i(e.deliveryAddress, r)
 		}));
-	}, Q = () => {
-		U((e) => ({
+	}, $ = () => {
+		W((e) => ({
 			...e,
 			items: [...e.items, {
 				id: `item-${Date.now()}`,
@@ -181,13 +186,13 @@ function E() {
 				sku: ""
 			}]
 		}));
-	}, ke = (e) => {
-		U((t) => ({
+	}, Be = (e) => {
+		W((t) => ({
 			...t,
 			items: t.items.filter((t, n) => n !== e)
 		}));
-	}, $ = (e, t, n) => {
-		U((r) => ({
+	}, Ve = (e, t, n) => {
+		W((r) => ({
 			...r,
 			items: r.items.map((r, i) => i === e ? {
 				...r,
@@ -195,112 +200,111 @@ function E() {
 			} : r)
 		}));
 	};
-	return /* @__PURE__ */ w(y, {
-		title: z ? "Edit Order" : "Create Order",
-		subtitle: z ? `Editing ${A?.orderNumber}` : "Create a new delivery order",
-		icon: /* @__PURE__ */ C(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ S(pe, {
+		title: B ? "Edit Order" : "Create Order",
+		subtitle: B ? `Editing ${k?.orderNumber}` : "Create a new delivery order",
+		icon: /* @__PURE__ */ x(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ S("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ w(s, {
+			children: [/* @__PURE__ */ S(u, {
 				variant: "outline",
-				onClick: q,
-				children: [/* @__PURE__ */ C(e, { size: 16 }), "Cancel"]
-			}), /* @__PURE__ */ w(s, {
-				onClick: Y,
-				disabled: W || F,
-				children: [/* @__PURE__ */ C(ee, { size: 16 }), W ? "Saving..." : z ? "Save Changes" : "Create Order"]
+				onClick: J,
+				children: [/* @__PURE__ */ x(e, { size: 16 }), "Cancel"]
+			}), /* @__PURE__ */ S(u, {
+				onClick: X,
+				disabled: G || N,
+				children: [/* @__PURE__ */ x(ee, { size: 16 }), G ? "Saving..." : B ? "Save Changes" : "Create Order"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ C(ye, {
-				icon: /* @__PURE__ */ C(r, { size: 18 }),
-				children: z ? "Update this delivery before it goes out — change the customer, addresses, items or handling notes, then save." : "Book a new delivery in a few steps: choose who it’s for, set pickup and drop-off addresses, list what’s being shipped, and add any handling notes. Once created it joins the orders pipeline ready to assign and track."
+			/* @__PURE__ */ x(Ce, {
+				icon: /* @__PURE__ */ x(r, { size: 18 }),
+				children: B ? "Update this delivery before it goes out — change the customer, addresses, items or handling notes, then save." : "Book a new delivery in a few steps: choose who it’s for, set pickup and drop-off addresses, list what’s being shipped, and add any handling notes. Once created it joins the orders pipeline ready to assign and track."
 			}),
-			/* @__PURE__ */ C(ve, {
+			/* @__PURE__ */ x(Se, {
 				storageKey: "movethewheels-create-order",
 				steps: [
 					{
 						id: "customer",
 						label: "Pick the customer first",
 						description: "Their saved contact details auto-fill the order.",
-						icon: /* @__PURE__ */ C(ne, { size: 16 }),
-						done: !!H.customerId,
+						icon: /* @__PURE__ */ x(te, { size: 16 }),
+						done: !!U.customerId,
 						onClick: () => document.getElementById("customer")?.focus()
 					},
 					{
 						id: "addresses",
 						label: "Set pickup & delivery addresses",
 						description: "Where the shipment is collected and dropped off.",
-						icon: /* @__PURE__ */ C(n, { size: 16 }),
-						done: !!H.pickupAddress.street && !!H.deliveryAddress.street,
+						icon: /* @__PURE__ */ x(n, { size: 16 }),
+						done: !!U.pickupAddress.street && !!U.deliveryAddress.street,
 						onClick: () => document.getElementById("pickupStreet")?.focus()
 					},
 					{
 						id: "items",
 						label: "Add the items to ship",
 						description: "List each product with its quantity and value.",
-						icon: /* @__PURE__ */ C(r, { size: 16 }),
-						done: H.items.length > 0,
-						onClick: Q
+						icon: /* @__PURE__ */ x(r, { size: 16 }),
+						done: U.items.length > 0,
+						onClick: $
 					}
 				]
 			}),
-			/* @__PURE__ */ w("form", {
-				onSubmit: Y,
+			/* @__PURE__ */ S("form", {
+				onSubmit: X,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ C(pe, { message: Ee }),
-					/* @__PURE__ */ w(_e, { children: [/* @__PURE__ */ C("h2", {
+					/* @__PURE__ */ x(me, { message: Le }),
+					/* @__PURE__ */ S(xe, { children: [/* @__PURE__ */ x("h2", {
 						className: "text-base font-semibold text-text-primary mb-4",
 						children: "Order Details"
-					}), /* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "space-y-4",
-						children: /* @__PURE__ */ w("div", {
+						children: /* @__PURE__ */ S("div", {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-							children: [/* @__PURE__ */ C(he, {
-								customers: P,
-								value: H.customerId,
+							children: [/* @__PURE__ */ x(ge, {
+								customers: j,
+								value: U.customerId,
 								onValueChange: (e) => {
-									e && (X("customerId", e), V(P.find((t) => t.id === e) ?? (B?.id === e ? B : null)), K(null));
+									e && (Z("customerId", e), H(j.find((t) => t.id === e) ?? (V?.id === e ? V : null)), q(null));
 								},
 								onCreated: (e) => {
-									V(e), X("customerId", e.id), K(null);
+									H(e), Z("customerId", e.id), q(null);
 								},
-								createCustomer: Se,
-								isLoading: F,
-								error: I,
-								onRetry: Ce,
+								createCustomer: M,
+								isLoading: N,
+								error: P,
+								onRetry: De,
 								onOpenCustomers: () => {
-									k && k(o(O, re(z && E ? `orders/${E}/edit` : "orders/new")));
+									O && O(o(D, ne(B && w ? `orders/${w}/edit` : "orders/new")));
 								},
-								selectedCustomer: B,
-								searchQuery: N,
-								onSearchQueryChange: xe
-							}), /* @__PURE__ */ w("div", {
+								selectedCustomer: V,
+								onSearchQueryChange: Ee
+							}), /* @__PURE__ */ S("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ C(p, {
+								children: [/* @__PURE__ */ x(g, {
 									htmlFor: "priority",
 									children: "Priority"
-								}), /* @__PURE__ */ w(m, {
-									value: H.priority,
-									onValueChange: (e) => X("priority", e),
-									children: [/* @__PURE__ */ C(_, {
+								}), /* @__PURE__ */ S(ce, {
+									value: U.priority,
+									onValueChange: (e) => Z("priority", e),
+									children: [/* @__PURE__ */ x(v, {
 										id: "priority",
-										children: /* @__PURE__ */ C(v, {})
-									}), /* @__PURE__ */ w(h, { children: [
-										/* @__PURE__ */ C(g, {
+										children: /* @__PURE__ */ x(ue, {})
+									}), /* @__PURE__ */ S(le, { children: [
+										/* @__PURE__ */ x(_, {
 											value: "low",
 											children: "Low"
 										}),
-										/* @__PURE__ */ C(g, {
+										/* @__PURE__ */ x(_, {
 											value: "normal",
 											children: "Normal"
 										}),
-										/* @__PURE__ */ C(g, {
+										/* @__PURE__ */ x(_, {
 											value: "high",
 											children: "High"
 										}),
-										/* @__PURE__ */ C(g, {
+										/* @__PURE__ */ x(_, {
 											value: "urgent",
 											children: "Urgent"
 										})
@@ -309,167 +313,173 @@ function E() {
 							})]
 						})
 					})] }),
-					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ w(d, {
+					/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(p, { children: /* @__PURE__ */ S(m, {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ C(a, { size: 18 }), "Saved Route (Optional)"]
-					}) }), /* @__PURE__ */ w(l, {
+						children: [/* @__PURE__ */ x(a, { size: 18 }), "Saved Route (Optional)"]
+					}) }), /* @__PURE__ */ S(f, {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ w(m, {
-							value: H.routeId || "none",
-							onValueChange: Oe,
-							children: [/* @__PURE__ */ C(_, {
-								id: "saved-route",
-								children: /* @__PURE__ */ C(v, { placeholder: "Choose a saved route" })
-							}), /* @__PURE__ */ w(h, { children: [/* @__PURE__ */ C(g, {
-								value: "none",
-								children: "No saved route"
-							}), R.map((e) => /* @__PURE__ */ w(g, {
-								value: e.id,
-								children: [
-									e.name,
-									" · ",
-									e.stops.length,
-									" stops"
-								]
-							}, e.id))] })]
-						}), /* @__PURE__ */ C("p", {
+						children: [/* @__PURE__ */ x(he, {
+							id: "saved-route",
+							value: U.routeId,
+							onChange: ze,
+							options: I,
+							loading: L,
+							getId: (e) => e.id,
+							getLabel: (e) => `${e.name} · ${e.stops.length} stops`,
+							renderOption: (e) => /* @__PURE__ */ S(be, { children: [
+								e.name,
+								" · ",
+								e.stops.length,
+								" stops"
+							] }),
+							selectedOption: Fe,
+							selectedLoading: Ie,
+							placeholder: "Choose a saved route",
+							searchPlaceholder: "Search saved routes",
+							emptyText: "No saved routes found.",
+							noneLabel: "No saved route",
+							error: R ? "Saved routes are unavailable" : void 0,
+							onSearchChange: ke,
+							hasMore: Ae,
+							totalCount: je
+						}), /* @__PURE__ */ x("p", {
 							className: "text-xs text-text-secondary",
-							children: we ? "Loading planned routes…" : Te ? "Saved routes are unavailable; enter pickup and delivery addresses manually." : "A saved route fills any blank address fields. You can always edit both addresses below."
+							children: L ? "Loading planned routes…" : R ? "Saved routes are unavailable; enter pickup and delivery addresses manually." : "A saved route fills any blank address fields. You can always edit both addresses below."
 						})]
 					})] }),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-						children: [/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Pickup Address" }) }), /* @__PURE__ */ w(l, {
+						children: [/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(p, { children: /* @__PURE__ */ x(m, { children: "Pickup Address" }) }), /* @__PURE__ */ S(f, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ S("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, {
+									children: [/* @__PURE__ */ x(g, {
 										htmlFor: "pickupStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(f, {
+									}), /* @__PURE__ */ x(h, {
 										id: "pickupStreet",
-										value: H.pickupAddress.street,
-										onChange: (e) => Z("pickupAddress", "street", e.target.value),
+										value: U.pickupAddress.street,
+										onChange: (e) => Q("pickupAddress", "street", e.target.value),
 										placeholder: "123 Main St"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "pickupCity",
 											children: "City"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "pickupCity",
-											value: H.pickupAddress.city,
-											onChange: (e) => Z("pickupAddress", "city", e.target.value),
+											value: U.pickupAddress.city,
+											onChange: (e) => Q("pickupAddress", "city", e.target.value),
 											placeholder: "San Francisco"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "pickupState",
 											children: "State"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "pickupState",
-											value: H.pickupAddress.state,
-											onChange: (e) => Z("pickupAddress", "state", e.target.value),
+											value: U.pickupAddress.state,
+											onChange: (e) => Q("pickupAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "pickupPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "pickupPostal",
-											value: H.pickupAddress.postalCode,
-											onChange: (e) => Z("pickupAddress", "postalCode", e.target.value),
+											value: U.pickupAddress.postalCode,
+											onChange: (e) => Q("pickupAddress", "postalCode", e.target.value),
 											placeholder: "94103"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "pickupCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "pickupCountry",
-											value: H.pickupAddress.country,
-											onChange: (e) => Z("pickupAddress", "country", e.target.value),
+											value: U.pickupAddress.country,
+											onChange: (e) => Q("pickupAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
 									})]
 								})
 							]
-						})] }), /* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Delivery Address" }) }), /* @__PURE__ */ w(l, {
+						})] }), /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(p, { children: /* @__PURE__ */ x(m, { children: "Delivery Address" }) }), /* @__PURE__ */ S(f, {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ S("div", {
 									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, {
+									children: [/* @__PURE__ */ x(g, {
 										htmlFor: "deliveryStreet",
 										children: "Street Address"
-									}), /* @__PURE__ */ C(f, {
+									}), /* @__PURE__ */ x(h, {
 										id: "deliveryStreet",
-										value: H.deliveryAddress.street,
-										onChange: (e) => Z("deliveryAddress", "street", e.target.value),
+										value: U.deliveryAddress.street,
+										onChange: (e) => Q("deliveryAddress", "street", e.target.value),
 										placeholder: "456 Oak Ave"
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "deliveryCity",
 											children: "City"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "deliveryCity",
-											value: H.deliveryAddress.city,
-											onChange: (e) => Z("deliveryAddress", "city", e.target.value),
+											value: U.deliveryAddress.city,
+											onChange: (e) => Q("deliveryAddress", "city", e.target.value),
 											placeholder: "Los Angeles"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "deliveryState",
 											children: "State"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "deliveryState",
-											value: H.deliveryAddress.state,
-											onChange: (e) => Z("deliveryAddress", "state", e.target.value),
+											value: U.deliveryAddress.state,
+											onChange: (e) => Q("deliveryAddress", "state", e.target.value),
 											placeholder: "CA"
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "deliveryPostal",
 											children: "Postal Code"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "deliveryPostal",
-											value: H.deliveryAddress.postalCode,
-											onChange: (e) => Z("deliveryAddress", "postalCode", e.target.value),
+											value: U.deliveryAddress.postalCode,
+											onChange: (e) => Q("deliveryAddress", "postalCode", e.target.value),
 											placeholder: "90210"
 										})]
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ S("div", {
 										className: "space-y-2",
-										children: [/* @__PURE__ */ C(p, {
+										children: [/* @__PURE__ */ x(g, {
 											htmlFor: "deliveryCountry",
 											children: "Country"
-										}), /* @__PURE__ */ C(f, {
+										}), /* @__PURE__ */ x(h, {
 											id: "deliveryCountry",
-											value: H.deliveryAddress.country,
-											onChange: (e) => Z("deliveryAddress", "country", e.target.value),
+											value: U.deliveryAddress.country,
+											onChange: (e) => Q("deliveryAddress", "country", e.target.value),
 											placeholder: "USA"
 										})]
 									})]
@@ -477,125 +487,91 @@ function E() {
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ w(u, {
+					/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ S(p, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ C(d, { children: "Order Items" }), /* @__PURE__ */ w(s, {
+						children: [/* @__PURE__ */ x(m, { children: "Order Items" }), /* @__PURE__ */ S(u, {
 							type: "button",
 							variant: "outline",
 							size: "sm",
-							onClick: Q,
-							children: [/* @__PURE__ */ C(i, { size: 16 }), "Add Item"]
+							onClick: $,
+							children: [/* @__PURE__ */ x(i, { size: 16 }), "Add Item"]
 						})]
-					}), /* @__PURE__ */ C(l, { children: H.items.length === 0 ? /* @__PURE__ */ C(fe, {
+					}), /* @__PURE__ */ x(f, { children: U.items.length === 0 ? /* @__PURE__ */ x(fe, {
 						illustration: "empty-files",
 						title: "No items added yet",
 						description: "Add the products this order will ship — each with a name, SKU, quantity and value.",
-						action: /* @__PURE__ */ w(s, {
+						action: /* @__PURE__ */ S(u, {
 							type: "button",
 							variant: "outline",
-							onClick: Q,
-							children: [/* @__PURE__ */ C(i, {
+							onClick: $,
+							children: [/* @__PURE__ */ x(i, {
 								size: 16,
 								className: "mr-1.5"
 							}), "Add your first item"]
 						})
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ S("div", {
 						className: "space-y-4",
-						children: H.items.map((e, t) => /* @__PURE__ */ w("div", { children: [t > 0 && /* @__PURE__ */ C(ue, { className: "my-4" }), /* @__PURE__ */ w("div", {
-							className: "grid grid-cols-1 md:grid-cols-7 gap-4",
+						children: [/* @__PURE__ */ S("div", {
+							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ w("div", {
-									className: "md:col-span-2 space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Item Name" }), /* @__PURE__ */ C(f, {
-										value: e.name,
-										onChange: (e) => $(t, "name", e.target.value),
-										placeholder: "Product name"
-									})]
-								}),
-								/* @__PURE__ */ w("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "SKU" }), /* @__PURE__ */ C(f, {
-										value: e.sku,
-										onChange: (e) => $(t, "sku", e.target.value),
-										placeholder: "SKU-001"
-									})]
+								/* @__PURE__ */ x(g, {
+									htmlFor: "item-product-search",
+									children: "Search product catalog"
 								}),
-								/* @__PURE__ */ w("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Quantity" }), /* @__PURE__ */ C(f, {
-										type: "number",
-										min: "1",
-										value: e.quantity,
-										onChange: (e) => $(t, "quantity", parseInt(e.target.value) || 1)
-									})]
+								/* @__PURE__ */ x(h, {
+									id: "item-product-search",
+									value: z,
+									onChange: (e) => Me(e.target.value),
+									placeholder: "Search by name or SKU"
 								}),
-								/* @__PURE__ */ w("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Weight (kg)" }), /* @__PURE__ */ C(f, {
-										type: "number",
-										min: "0",
-										step: "0.1",
-										value: e.weight,
-										onChange: (e) => $(t, "weight", parseFloat(e.target.value) || 0)
-									})]
-								}),
-								/* @__PURE__ */ w("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ C(p, { children: "Value ($)" }), /* @__PURE__ */ C(f, {
-										type: "number",
-										min: "0",
-										step: "0.01",
-										value: e.value,
-										onChange: (e) => $(t, "value", parseFloat(e.target.value) || 0)
-									})]
-								}),
-								/* @__PURE__ */ C("div", {
-									className: "flex items-end",
-									children: /* @__PURE__ */ C(s, {
-										type: "button",
-										variant: "ghost",
-										size: "icon",
-										className: "text-status-error-text",
-										onClick: () => ke(t),
-										children: /* @__PURE__ */ C(te, { size: 16 })
-									})
+								/* @__PURE__ */ x("p", {
+									className: "text-xs text-text-secondary",
+									children: "Narrows the \"Catalog item\" picker below for every row. Picking a catalog item fills in name, SKU, weight, and value — you can still edit them, or skip the picker and enter details manually."
 								})
 							]
-						})] }, e.id))
+						}), U.items.map((e, t) => /* @__PURE__ */ x(_e, {
+							item: e,
+							index: t,
+							isFirst: t === 0,
+							products: Ne,
+							productsLoading: Pe,
+							onUpdate: Ve,
+							onRemove: Be
+						}, e.id))]
 					}) })] }),
-					/* @__PURE__ */ w(c, { children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ C(l, { children: /* @__PURE__ */ w("div", {
+					/* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(p, { children: /* @__PURE__ */ x(m, { children: "Scheduling & Handling" }) }), /* @__PURE__ */ x(f, { children: /* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 md:grid-cols-3 gap-6",
-						children: [/* @__PURE__ */ w("div", {
+						children: [/* @__PURE__ */ S("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ w(p, {
+								/* @__PURE__ */ S(g, {
 									htmlFor: "scheduledDelivery",
 									className: "flex items-center gap-1.5",
-									children: [/* @__PURE__ */ C(t, {
+									children: [/* @__PURE__ */ x(t, {
 										size: 14,
 										className: "text-text-secondary"
 									}), "Scheduled Delivery"]
 								}),
-								/* @__PURE__ */ C(f, {
+								/* @__PURE__ */ x(h, {
 									id: "scheduledDelivery",
 									type: "datetime-local",
-									value: H.scheduledDelivery,
-									onChange: (e) => X("scheduledDelivery", e.target.value)
+									value: U.scheduledDelivery,
+									onChange: (e) => Z("scheduledDelivery", e.target.value)
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("p", {
 									className: "text-xs text-text-secondary",
 									children: "The delivery window promised to the customer. Leave blank to dispatch as soon as a driver is free."
 								})
 							]
-						}), /* @__PURE__ */ w("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "md:col-span-2 space-y-2",
-							children: [/* @__PURE__ */ C(p, {
+							children: [/* @__PURE__ */ x(g, {
 								htmlFor: "specialInstructions",
 								children: "Special Instructions"
-							}), /* @__PURE__ */ C(de, {
+							}), /* @__PURE__ */ x(de, {
 								id: "specialInstructions",
-								value: H.specialInstructions,
-								onChange: (e) => X("specialInstructions", e.target.value),
+								value: U.specialInstructions,
+								onChange: (e) => Z("specialInstructions", e.target.value),
 								placeholder: "Any special handling or delivery instructions...",
 								rows: 4
 							})]
@@ -607,4 +583,4 @@ function E() {
 	});
 }
 //#endregion
-export { E as default };
+export { w as default };