@burdenoff/microfe-movethewheels 2026.929.3 → 2026.930.1

package/dist/pages/MultiModalShipmentPage.js

@@ -7,33 +7,33 @@ import { Ship as a } from "../node_modules/lucide-react/dist/esm/icons/ship.js";
 import { TrainFront as o } from "../node_modules/lucide-react/dist/esm/icons/train-front.js";
 import { Trash2 as ee } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
 import { Truck as s } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Input as m, Label as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Separator as x } from "../components/ui.js";
-import { EmptyState as te, LoadingState as ne, PageLayout as S, PageSection as C } from "../components/PageLayout.js";
-import { FormError as w } from "../components/FormError.js";
-import { useMultiModalShipments as T } from "../hooks/useMultiModalShipments.js";
-import { useState as E } from "react";
-import { Fragment as re, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { EmphasisPanel as ie, PagePurpose as ae } from "@burdenoff/fe-libs/ui";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p, Input as m, Label as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Separator as te } from "../components/ui.js";
+import { EmptyState as ne, LoadingState as re, PageLayout as x, PageSection as S } from "../components/PageLayout.js";
+import { FormError as C } from "../components/FormError.js";
+import { useMultiModalShipments as ie } from "../hooks/useMultiModalShipments.js";
+import { useState as w } from "react";
+import { Fragment as ae, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { EmphasisPanel as oe, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/MultiModalShipmentPage.tsx
-var k = {
+var O = {
 	ROAD: s,
 	AIR: r,
 	OCEAN: a,
 	RAIL: o
-}, A = {
+}, k = {
 	ROAD: "Road",
 	AIR: "Air",
 	OCEAN: "Ocean",
 	RAIL: "Rail"
 };
-function j(e = "ROAD") {
+function A(e = "ROAD") {
 	return {
 		mode: e,
 		origin: {},
 		destination: {}
 	};
 }
-function M(e, t) {
+function j(e, t) {
 	if (e == null) return "—";
 	try {
 		return new Intl.NumberFormat("en-US", {
@@ -44,11 +44,12 @@ function M(e, t) {
 		return `${e.toFixed(2)} ${t ?? "USD"}`;
 	}
 }
-function N() {
-	let [r, o] = E(0), { shipments: s, totalShipments: N, hasMore: oe, isLoading: P, error: F, calculateFreightRate: I, planMultiModalShipment: se } = T({
+function M() {
+	let [r, o] = w(0), [s, M] = w(""), [N, P] = w(""), { shipments: F, totalShipments: I, hasMore: se, isLoading: L, error: R, calculateFreightRate: ce, planMultiModalShipment: le } = ie({
 		limit: 10,
-		offset: r * 10
-	}), [L, R] = E(""), [z, B] = E(""), [V, H] = E(""), [U, W] = E([j()]), [G, K] = E({}), [ce, q] = E({}), [J, Y] = E(!1), [le, X] = E(null), [Z, Q] = E(null), $ = (e, t) => {
+		offset: r * 10,
+		search: N
+	}), [z, B] = w(""), [V, H] = w(""), [U, W] = w([A()]), [G, K] = w({}), [ue, q] = w({}), [J, Y] = w(!1), [de, X] = w(null), [Z, Q] = w(null), $ = (e, t) => {
 		W((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
@@ -56,12 +57,12 @@ function N() {
 			...t,
 			[e]: null
 		}));
-	}, ue = () => W((e) => [...e, j()]), de = (e) => {
+	}, fe = () => W((e) => [...e, A()]), pe = (e) => {
 		W((t) => t.filter((t, n) => n !== e)), K((t) => {
 			let n = { ...t };
 			return delete n[e], n;
 		});
-	}, fe = async (e) => {
+	}, me = async (e) => {
 		let t = U[e];
 		if (t) {
 			q((t) => ({
@@ -69,7 +70,7 @@ function N() {
 				[e]: null
 			}));
 			try {
-				let n = await I(t);
+				let n = await ce(t);
 				K((t) => ({
 					...t,
 					[e]: n
@@ -81,24 +82,24 @@ function N() {
 				}));
 			}
 		}
-	}, pe = Object.values(G).reduce((e, t) => e + (t?.calculatedCost ?? 0), 0), me = new Set(U.map((e) => e.mode));
-	return /* @__PURE__ */ O(S, {
+	}, he = Object.values(G).reduce((e, t) => e + (t?.calculatedCost ?? 0), 0), ge = new Set(U.map((e) => e.mode));
+	return /* @__PURE__ */ E(x, {
 		hero: !0,
 		titleAccent: "Multi-Modal Freight",
 		title: "Multi-Modal Freight",
 		subtitle: "Plan a shipment across road, air, ocean and rail legs with real per-mode rate calculation",
-		icon: /* @__PURE__ */ D(a, { size: 24 }),
+		icon: /* @__PURE__ */ T(a, { size: 24 }),
 		children: [
-			/* @__PURE__ */ D(ae, {
-				icon: /* @__PURE__ */ D(a, { size: 18 }),
+			/* @__PURE__ */ T(D, {
+				icon: /* @__PURE__ */ T(a, { size: 18 }),
 				children: "Compose a single shipment from multiple real transport legs — each leg picks its own mode (road/air/ocean/rail) and gets priced with that mode's real pricing driver (air: chargeable weight; ocean: revenue-ton or per-container; rail: tonne-km; road: distance + weight). Calculate a leg's rate before booking, then plan the full multi-leg shipment in one step."
 			}),
-			/* @__PURE__ */ D(ie, { children: "Live carrier booking/API integration is out of scope for this core (it needs named-carrier partnership agreements) — this plans the shipment and its legs with real calculated costs that your ops team can then execute against your chosen carriers." }),
-			/* @__PURE__ */ D(C, {
+			/* @__PURE__ */ T(oe, { children: "Live carrier booking/API integration is out of scope for this core (it needs named-carrier partnership agreements) — this plans the shipment and its legs with real calculated costs that your ops team can then execute against your chosen carriers." }),
+			/* @__PURE__ */ T(S, {
 				title: "Plan a New Multi-Modal Shipment",
-				children: /* @__PURE__ */ D(u, { children: /* @__PURE__ */ D(d, { children: /* @__PURE__ */ O("form", {
+				children: /* @__PURE__ */ T(u, { children: /* @__PURE__ */ T(d, { children: /* @__PURE__ */ E("form", {
 					onSubmit: async (e) => {
-						if (e.preventDefault(), X(null), Q(null), !L.trim()) {
+						if (e.preventDefault(), X(null), Q(null), !s.trim()) {
 							X("Shipment number is required.");
 							return;
 						}
@@ -108,13 +109,13 @@ function N() {
 						}
 						Y(!0);
 						try {
-							let e = await se({
-								shipmentNumber: L.trim(),
+							let e = await le({
+								shipmentNumber: s.trim(),
 								origin: { address: z },
 								destination: { address: V },
 								legs: U
 							});
-							Q(`Shipment ${e.shipmentNumber} planned with ${e.legs.length} leg(s).`), R(""), B(""), H(""), W([j()]), K({}), o(0);
+							Q(`Shipment ${e.shipmentNumber} planned with ${e.legs.length} leg(s).`), M(""), B(""), H(""), W([A()]), K({}), o(0);
 						} catch (e) {
 							X(e instanceof Error ? e.message : "Failed to plan shipment");
 						} finally {
@@ -123,37 +124,37 @@ function N() {
 					},
 					className: "space-y-6 pt-4",
 					children: [
-						/* @__PURE__ */ D(w, { message: le }),
-						Z && /* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T(C, { message: de }),
+						Z && /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-status-success-border bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
 							children: Z
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 							children: [
-								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, {
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, {
 									htmlFor: "shipmentNumber",
 									children: "Shipment Number"
-								}), /* @__PURE__ */ D(m, {
+								}), /* @__PURE__ */ T(m, {
 									id: "shipmentNumber",
-									value: L,
-									onChange: (e) => R(e.target.value),
+									value: s,
+									onChange: (e) => M(e.target.value),
 									placeholder: "SHP-MM-0001",
 									required: !0
 								})] }),
-								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, {
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, {
 									htmlFor: "originAddress",
 									children: "Origin"
-								}), /* @__PURE__ */ D(m, {
+								}), /* @__PURE__ */ T(m, {
 									id: "originAddress",
 									value: z,
 									onChange: (e) => B(e.target.value),
 									placeholder: "Shanghai, CN"
 								})] }),
-								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, {
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, {
 									htmlFor: "destinationAddress",
 									children: "Destination"
-								}), /* @__PURE__ */ D(m, {
+								}), /* @__PURE__ */ T(m, {
 									id: "destinationAddress",
 									value: V,
 									onChange: (e) => H(e.target.value),
@@ -161,97 +162,97 @@ function N() {
 								})] })
 							]
 						}),
-						/* @__PURE__ */ D(x, {}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T(te, {}),
+						/* @__PURE__ */ T("div", {
 							className: "space-y-4",
 							children: U.map((t, n) => {
-								let r = k[t.mode], i = G[n], a = ce[n];
-								return /* @__PURE__ */ O(u, {
+								let r = O[t.mode], i = G[n], a = ue[n];
+								return /* @__PURE__ */ E(u, {
 									className: "border-border-subtle",
-									children: [/* @__PURE__ */ O(f, {
+									children: [/* @__PURE__ */ E(f, {
 										className: "flex flex-row items-center justify-between",
-										children: [/* @__PURE__ */ O(p, {
+										children: [/* @__PURE__ */ E(p, {
 											className: "flex items-center gap-2 text-base",
 											children: [
-												/* @__PURE__ */ D(r, { size: 16 }),
+												/* @__PURE__ */ T(r, { size: 16 }),
 												" Leg ",
 												n + 1
 											]
-										}), U.length > 1 && /* @__PURE__ */ D(l, {
+										}), U.length > 1 && /* @__PURE__ */ T(l, {
 											type: "button",
 											variant: "ghost",
 											size: "sm",
-											onClick: () => de(n),
+											onClick: () => pe(n),
 											"aria-label": `Remove leg ${n + 1}`,
-											children: /* @__PURE__ */ D(ee, { size: 14 })
+											children: /* @__PURE__ */ T(ee, { size: 14 })
 										})]
-									}), /* @__PURE__ */ O(d, {
+									}), /* @__PURE__ */ E(d, {
 										className: "space-y-4",
 										children: [
-											/* @__PURE__ */ O("div", {
+											/* @__PURE__ */ E("div", {
 												className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 												children: [
-													/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Mode" }), /* @__PURE__ */ O(g, {
+													/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Mode" }), /* @__PURE__ */ E(g, {
 														value: t.mode,
 														onValueChange: (e) => $(n, { mode: e }),
-														children: [/* @__PURE__ */ D(y, { children: /* @__PURE__ */ D(b, {}) }), /* @__PURE__ */ D(_, { children: [
+														children: [/* @__PURE__ */ T(y, { children: /* @__PURE__ */ T(b, {}) }), /* @__PURE__ */ T(_, { children: [
 															"ROAD",
 															"AIR",
 															"OCEAN",
 															"RAIL"
-														].map((e) => /* @__PURE__ */ D(v, {
+														].map((e) => /* @__PURE__ */ T(v, {
 															value: e,
-															children: A[e]
+															children: k[e]
 														}, e)) })]
 													})] }),
-													/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Leg Origin" }), /* @__PURE__ */ D(m, {
+													/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Leg Origin" }), /* @__PURE__ */ T(m, {
 														value: t.origin.address ?? "",
 														onChange: (e) => $(n, { origin: { address: e.target.value } }),
 														placeholder: "Origin port/airport/terminal"
 													})] }),
-													/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Leg Destination" }), /* @__PURE__ */ D(m, {
+													/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Leg Destination" }), /* @__PURE__ */ T(m, {
 														value: t.destination.address ?? "",
 														onChange: (e) => $(n, { destination: { address: e.target.value } }),
 														placeholder: "Destination port/airport/terminal"
 													})] })
 												]
 											}),
-											(t.mode === "ROAD" || t.mode === "RAIL") && /* @__PURE__ */ O("div", {
+											(t.mode === "ROAD" || t.mode === "RAIL") && /* @__PURE__ */ E("div", {
 												className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-												children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Distance (km)" }), /* @__PURE__ */ D(m, {
+												children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Distance (km)" }), /* @__PURE__ */ T(m, {
 													type: "number",
 													min: 0,
 													value: t.distanceKm ?? "",
 													onChange: (e) => $(n, { distanceKm: Number(e.target.value) || void 0 })
-												})] }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Weight (kg)" }), /* @__PURE__ */ D(m, {
+												})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Weight (kg)" }), /* @__PURE__ */ T(m, {
 													type: "number",
 													min: 0,
 													value: t.weightKg ?? "",
 													onChange: (e) => $(n, { weightKg: Number(e.target.value) || void 0 })
 												})] })]
 											}),
-											t.mode === "AIR" && /* @__PURE__ */ O("div", {
+											t.mode === "AIR" && /* @__PURE__ */ E("div", {
 												className: "grid grid-cols-1 gap-4 sm:grid-cols-4",
 												children: [
-													/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Weight (kg)" }), /* @__PURE__ */ D(m, {
+													/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Weight (kg)" }), /* @__PURE__ */ T(m, {
 														type: "number",
 														min: 0,
 														value: t.weightKg ?? "",
 														onChange: (e) => $(n, { weightKg: Number(e.target.value) || void 0 })
 													})] }),
-													/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Length (cm)" }), /* @__PURE__ */ D(m, {
+													/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Length (cm)" }), /* @__PURE__ */ T(m, {
 														type: "number",
 														min: 0,
 														value: t.lengthCm ?? "",
 														onChange: (e) => $(n, { lengthCm: Number(e.target.value) || void 0 })
 													})] }),
-													/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Width (cm)" }), /* @__PURE__ */ D(m, {
+													/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Width (cm)" }), /* @__PURE__ */ T(m, {
 														type: "number",
 														min: 0,
 														value: t.widthCm ?? "",
 														onChange: (e) => $(n, { widthCm: Number(e.target.value) || void 0 })
 													})] }),
-													/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Height (cm)" }), /* @__PURE__ */ D(m, {
+													/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Height (cm)" }), /* @__PURE__ */ T(m, {
 														type: "number",
 														min: 0,
 														value: t.heightCm ?? "",
@@ -259,62 +260,62 @@ function N() {
 													})] })
 												]
 											}),
-											t.mode === "OCEAN" && /* @__PURE__ */ O("div", {
+											t.mode === "OCEAN" && /* @__PURE__ */ E("div", {
 												className: "grid grid-cols-1 gap-4 sm:grid-cols-4",
-												children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Container Type" }), /* @__PURE__ */ O(g, {
+												children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Container Type" }), /* @__PURE__ */ E(g, {
 													value: t.containerType ?? "LCL",
 													onValueChange: (e) => $(n, { containerType: e }),
-													children: [/* @__PURE__ */ D(y, { children: /* @__PURE__ */ D(b, {}) }), /* @__PURE__ */ O(_, { children: [
-														/* @__PURE__ */ D(v, {
+													children: [/* @__PURE__ */ T(y, { children: /* @__PURE__ */ T(b, {}) }), /* @__PURE__ */ E(_, { children: [
+														/* @__PURE__ */ T(v, {
 															value: "LCL",
 															children: "LCL (shared container)"
 														}),
-														/* @__PURE__ */ D(v, {
+														/* @__PURE__ */ T(v, {
 															value: "FCL_20FT",
 															children: "FCL 20ft"
 														}),
-														/* @__PURE__ */ D(v, {
+														/* @__PURE__ */ T(v, {
 															value: "FCL_40FT",
 															children: "FCL 40ft"
 														}),
-														/* @__PURE__ */ D(v, {
+														/* @__PURE__ */ T(v, {
 															value: "FCL_40FT_HC",
 															children: "FCL 40ft High-Cube"
 														})
 													] })]
-												})] }), (t.containerType ?? "LCL") === "LCL" ? /* @__PURE__ */ O(re, { children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Weight (kg)" }), /* @__PURE__ */ D(m, {
+												})] }), (t.containerType ?? "LCL") === "LCL" ? /* @__PURE__ */ E(ae, { children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Weight (kg)" }), /* @__PURE__ */ T(m, {
 													type: "number",
 													min: 0,
 													value: t.weightKg ?? "",
 													onChange: (e) => $(n, { weightKg: Number(e.target.value) || void 0 })
-												})] }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Volume (CBM)" }), /* @__PURE__ */ D(m, {
+												})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Volume (CBM)" }), /* @__PURE__ */ T(m, {
 													type: "number",
 													min: 0,
 													value: t.volumeCbm ?? "",
 													onChange: (e) => $(n, { volumeCbm: Number(e.target.value) || void 0 })
-												})] })] }) : /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D(h, { children: "Container Count" }), /* @__PURE__ */ D(m, {
+												})] })] }) : /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(h, { children: "Container Count" }), /* @__PURE__ */ T(m, {
 													type: "number",
 													min: 1,
 													value: t.containerCount ?? 1,
 													onChange: (e) => $(n, { containerCount: Number(e.target.value) || 1 })
 												})] })]
 											}),
-											/* @__PURE__ */ O("div", {
+											/* @__PURE__ */ E("div", {
 												className: "flex items-center gap-3",
 												children: [
-													/* @__PURE__ */ O(l, {
+													/* @__PURE__ */ E(l, {
 														type: "button",
 														variant: "secondary",
 														size: "sm",
-														onClick: () => void fe(n),
-														children: [/* @__PURE__ */ D(e, {
+														onClick: () => void me(n),
+														children: [/* @__PURE__ */ T(e, {
 															size: 14,
 															className: "mr-1.5"
 														}), " Calculate Rate"]
 													}),
-													i && /* @__PURE__ */ O("span", {
+													i && /* @__PURE__ */ E("span", {
 														className: "text-sm font-medium text-text-primary",
-														children: [M(i.calculatedCost, i.currency), i.chargeableWeightKg != null && /* @__PURE__ */ O("span", {
+														children: [j(i.calculatedCost, i.currency), i.chargeableWeightKg != null && /* @__PURE__ */ E("span", {
 															className: "ml-2 text-xs text-text-secondary",
 															children: [
 																"(",
@@ -323,17 +324,17 @@ function N() {
 															]
 														})]
 													}),
-													a && /* @__PURE__ */ D("span", {
+													a && /* @__PURE__ */ T("span", {
 														className: "text-sm text-status-error-text",
 														children: a
 													})
 												]
 											}),
-											i && i.breakdown.length > 0 && /* @__PURE__ */ D("ul", {
+											i && i.breakdown.length > 0 && /* @__PURE__ */ T("ul", {
 												className: "space-y-1 rounded-md bg-surface-subtle px-3 py-2 text-xs text-text-secondary",
-												children: i.breakdown.map((e) => /* @__PURE__ */ O("li", {
+												children: i.breakdown.map((e) => /* @__PURE__ */ E("li", {
 													className: "flex justify-between",
-													children: [/* @__PURE__ */ D("span", { children: e.label }), /* @__PURE__ */ D("span", { children: M(e.amount, i.currency) })]
+													children: [/* @__PURE__ */ T("span", { children: e.label }), /* @__PURE__ */ T("span", { children: j(e.amount, i.currency) })]
 												}, e.label))
 											})
 										]
@@ -341,33 +342,33 @@ function N() {
 								}, n);
 							})
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ O(l, {
+							children: [/* @__PURE__ */ E(l, {
 								type: "button",
 								variant: "outline",
 								size: "sm",
-								onClick: ue,
-								children: [/* @__PURE__ */ D(i, {
+								onClick: fe,
+								children: [/* @__PURE__ */ T(i, {
 									size: 14,
 									className: "mr-1.5"
 								}), " Add Leg"]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "flex items-center gap-3",
-								children: [me.size > 1 && /* @__PURE__ */ D(c, {
+								children: [ge.size > 1 && /* @__PURE__ */ T(c, {
 									variant: "secondary",
 									children: "Multi-modal"
-								}), /* @__PURE__ */ O("span", {
+								}), /* @__PURE__ */ E("span", {
 									className: "text-sm text-text-secondary",
 									children: [
 										"Estimated total:",
 										" ",
-										/* @__PURE__ */ D("strong", { children: M(pe, G[0]?.currency ?? "USD") })
+										/* @__PURE__ */ T("strong", { children: j(he, G[0]?.currency ?? "USD") })
 									]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ D(l, {
+						/* @__PURE__ */ T(l, {
 							type: "submit",
 							disabled: J,
 							children: J ? "Planning shipment..." : "Plan Shipment"
@@ -375,79 +376,92 @@ function N() {
 					]
 				}) }) })
 			}),
-			/* @__PURE__ */ D(C, {
+			/* @__PURE__ */ E(S, {
 				title: "Planned Multi-Modal Shipments",
-				children: P ? /* @__PURE__ */ D(ne, { message: "Loading multi-modal shipments..." }) : F ? /* @__PURE__ */ D(w, { message: F.message }) : s.length === 0 ? /* @__PURE__ */ D(te, {
-					icon: /* @__PURE__ */ D(a, { size: 32 }),
+				children: [/* @__PURE__ */ E("div", {
+					className: "mb-4 max-w-xl space-y-2",
+					children: [/* @__PURE__ */ T(h, {
+						htmlFor: "planned-shipment-search",
+						children: "Search planned shipments"
+					}), /* @__PURE__ */ T(m, {
+						id: "planned-shipment-search",
+						value: N,
+						onChange: (e) => {
+							P(e.target.value), o(0);
+						},
+						placeholder: "Search by shipment or tracking number"
+					})]
+				}), L ? /* @__PURE__ */ T(re, { message: "Loading multi-modal shipments..." }) : R ? /* @__PURE__ */ T(C, { message: R.message }) : F.length === 0 ? /* @__PURE__ */ T(ne, {
+					icon: /* @__PURE__ */ T(a, { size: 32 }),
 					title: "No multi-modal shipments yet",
 					description: "Plan a shipment above to see it here once it spans more than one transport mode."
-				}) : /* @__PURE__ */ O("div", {
+				}) : /* @__PURE__ */ E("div", {
 					className: "space-y-4",
-					children: [s.map((e) => /* @__PURE__ */ O(u, { children: [/* @__PURE__ */ O(f, {
+					children: [F.map((e) => /* @__PURE__ */ E(u, { children: [/* @__PURE__ */ E(f, {
 						className: "flex flex-row items-center justify-between",
-						children: [/* @__PURE__ */ D(p, {
+						children: [/* @__PURE__ */ T(p, {
 							className: "text-base",
 							children: e.shipmentNumber
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ E("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(c, {
+							children: [/* @__PURE__ */ T(c, {
 								variant: "outline",
 								children: e.status
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ T("span", {
 								className: "text-sm font-medium",
-								children: M(e.totalFreightCost, e.freightCurrency)
+								children: j(e.totalFreightCost, e.freightCurrency)
 							})]
 						})]
-					}), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D("div", {
+					}), /* @__PURE__ */ T(d, { children: /* @__PURE__ */ T("div", {
 						className: "flex flex-wrap gap-2",
 						children: e.legs.map((e) => {
-							let t = k[e.mode];
-							return /* @__PURE__ */ O(c, {
+							let t = O[e.mode];
+							return /* @__PURE__ */ E(c, {
 								variant: "secondary",
 								className: "flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ D(t, { size: 12 }),
+									/* @__PURE__ */ T(t, { size: 12 }),
 									" ",
-									A[e.mode],
+									k[e.mode],
 									":",
 									" ",
-									M(e.calculatedCost, e.currency)
+									j(e.calculatedCost, e.currency)
 								]
 							}, e.id);
 						})
-					}) })] }, e.id)), N > 10 && /* @__PURE__ */ O("div", {
+					}) })] }, e.id)), I > 10 && /* @__PURE__ */ E("div", {
 						className: "flex items-center justify-between border-t border-border-seam pt-4",
-						children: [/* @__PURE__ */ O("span", {
+						children: [/* @__PURE__ */ E("span", {
 							className: "text-sm text-text-secondary",
 							children: [
 								"Showing ",
 								r * 10 + 1,
 								"–",
-								Math.min((r + 1) * 10, N),
+								Math.min((r + 1) * 10, I),
 								" of ",
-								N
+								I
 							]
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ E("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ O(l, {
+							children: [/* @__PURE__ */ E(l, {
 								variant: "outline",
 								size: "sm",
-								disabled: r === 0 || P,
+								disabled: r === 0 || L,
 								onClick: () => o((e) => Math.max(0, e - 1)),
-								children: [/* @__PURE__ */ D(t, { size: 16 }), " Previous"]
-							}), /* @__PURE__ */ O(l, {
+								children: [/* @__PURE__ */ T(t, { size: 16 }), " Previous"]
+							}), /* @__PURE__ */ E(l, {
 								variant: "outline",
 								size: "sm",
-								disabled: !oe || P,
+								disabled: !se || L,
 								onClick: () => o((e) => e + 1),
-								children: ["Next ", /* @__PURE__ */ D(n, { size: 16 })]
+								children: ["Next ", /* @__PURE__ */ T(n, { size: 16 })]
 							})]
 						})]
 					})]
-				})
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { N as default };
+export { M as default };