@burdenoff/microfe-movethewheels 2026.918.1 → 2026.920.2

package/dist/MoveTheWheelsRoutes.js

@@ -28,8 +28,8 @@ function d() {
 		})
 	});
 }
-var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/LiveTrackingPage.js")), v = r(() => import("./pages/FleetPage.js")), y = r(() => import("./pages/VehiclesPage.js")), b = r(() => import("./pages/VehicleDetailsPage.js")), x = r(() => import("./pages/DriversPage.js")), S = r(() => import("./pages/DriverDetailsPage.js")), C = r(() => import("./pages/InventoryPage.js")), w = r(() => import("./pages/ProductsPage.js")), T = r(() => import("./pages/ProductDetailsPage.js")), E = r(() => import("./pages/WarehousesPage.js")), D = r(() => import("./pages/WarehouseDetailsPage.js")), O = r(() => import("./pages/CustomersPage.js")), k = r(() => import("./pages/CustomerDetailsPage.js")), A = r(() => import("./pages/RoutesPage.js")), j = r(() => import("./pages/RouteDetailsPage.js")), M = r(() => import("./pages/AnalyticsPage.js")), N = r(() => import("./pages/FinancePage.js")), P = r(() => import("./pages/MarketplacePage.js")), F = r(() => import("./pages/ImportExportPage.js")), I = r(() => import("./pages/ReportsPage.js")), L = r(() => import("./pages/SettingsPage.js")), R = r(() => import("./pages/AIAssistantPage.js")), z = r(() => import("./pages/DeliveryCapturePage.js")), B = r(() => import("./pages/MultiModalShipmentPage.js"));
-function V() {
+var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/LiveTrackingPage.js")), v = r(() => import("./pages/FleetPage.js")), y = r(() => import("./pages/VehiclesPage.js")), b = r(() => import("./pages/VehicleDetailsPage.js")), x = r(() => import("./pages/DriversPage.js")), S = r(() => import("./pages/DriverDetailsPage.js")), C = r(() => import("./pages/InventoryPage.js")), w = r(() => import("./pages/ProductsPage.js")), T = r(() => import("./pages/ProductDetailsPage.js")), E = r(() => import("./pages/WarehousesPage.js")), D = r(() => import("./pages/WarehouseDetailsPage.js")), O = r(() => import("./pages/CustomersPage.js")), k = r(() => import("./pages/CustomerDetailsPage.js")), A = r(() => import("./pages/RoutesPage.js")), j = r(() => import("./pages/RouteDetailsPage.js")), M = r(() => import("./pages/AnalyticsPage.js")), N = r(() => import("./pages/FinancePage.js")), P = r(() => import("./pages/MarketplacePage.js")), F = r(() => import("./pages/ImportExportPage.js")), I = r(() => import("./pages/ReportsPage.js")), L = r(() => import("./pages/SettingsPage.js")), R = r(() => import("./pages/AIAssistantPage.js")), z = r(() => import("./pages/DeliveryCapturePage.js")), B = r(() => import("./pages/MultiModalShipmentPage.js")), V = r(() => import("./pages/ShippingRatesPage.js"));
+function H() {
 	return /* @__PURE__ */ s(n, {
 		fallback: /* @__PURE__ */ s(d, {}),
 		children: /* @__PURE__ */ c(a, { children: [
@@ -69,6 +69,10 @@ function V() {
 				path: "shipments/multi-modal",
 				element: /* @__PURE__ */ s(B, {})
 			}),
+			/* @__PURE__ */ s(i, {
+				path: "shipments/rates",
+				element: /* @__PURE__ */ s(V, {})
+			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet",
 				element: /* @__PURE__ */ s(v, {})
@@ -205,4 +209,4 @@ function V() {
 	});
 }
 //#endregion
-export { V as MoveTheWheelsRoutes };
+export { H as MoveTheWheelsRoutes };

package/dist/components/ShippingQuoteResults.js

@@ -0,0 +1,195 @@
+import { TriangleAlert as e } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import { Truck as t } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { Card as n, CardContent as r, CardHeader as i, CardTitle as a, Table as o, TableBody as s, TableCell as c, TableHead as l, TableHeader as u, TableRow as d } from "./ui.js";
+import { StatusBadge as f } from "./StatusBadge.js";
+import { formatCurrency as p } from "../utils/formatters.js";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/movethewheels/components/ShippingQuoteResults.tsx
+var _ = {
+	bg: "bg-status-success-bg-subtle",
+	text: "text-status-success-text"
+}, v = {
+	bg: "bg-status-info-bg-subtle",
+	text: "text-status-info-text"
+};
+function y(e, t) {
+	if (e.estimatedDeliveryDays === null) return e.estimatedDeliveryDate ?? "—";
+	let n = e.estimatedDeliveryDays === 1 ? t("movethewheels.shipping.results.day", "day") : t("movethewheels.shipping.results.days", "days"), r = `${e.estimatedDeliveryDays} ${n}`;
+	return e.estimatedDeliveryDate ? `${r} · ${e.estimatedDeliveryDate}` : r;
+}
+function b(e, t) {
+	return e.mode === "AIR" ? t("movethewheels.shipping.results.air", "Air") : e.mode === "SURFACE" ? t("movethewheels.shipping.results.surface", "Surface") : "—";
+}
+function x({ quote: e, t }) {
+	return /* @__PURE__ */ g(m, { children: [
+		e.isCheapest && /* @__PURE__ */ h(f, {
+			status: t("movethewheels.shipping.results.cheapest", "Cheapest"),
+			customColors: _,
+			size: "sm",
+			showDot: !1
+		}),
+		e.isFastest && /* @__PURE__ */ h(f, {
+			status: t("movethewheels.shipping.results.fastest", "Fastest"),
+			customColors: v,
+			size: "sm",
+			showDot: !1
+		}),
+		e.isRecommended && /* @__PURE__ */ h(f, {
+			status: t("movethewheels.shipping.results.recommended", "Recommended"),
+			customColors: v,
+			size: "sm",
+			showDot: !1
+		})
+	] });
+}
+function S({ estimate: e, t: o }) {
+	let s = e.savingsVsCheapestCourier;
+	return /* @__PURE__ */ g(n, { children: [/* @__PURE__ */ h(i, { children: /* @__PURE__ */ g(a, {
+		className: "flex items-center gap-2",
+		children: [
+			/* @__PURE__ */ h(t, {
+				size: 18,
+				"aria-hidden": "true"
+			}),
+			o("movethewheels.shipping.ownFleet.title", "Your own vehicle"),
+			/* @__PURE__ */ h(f, {
+				status: o("movethewheels.shipping.ownFleet.estimate", "Your estimate"),
+				customColors: v,
+				size: "sm",
+				showDot: !1
+			})
+		]
+	}) }), /* @__PURE__ */ g(r, {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ h("p", {
+				className: "text-2xl font-semibold",
+				children: p(e.cost, e.currency)
+			}),
+			/* @__PURE__ */ g("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					e.distanceKm,
+					" km × ",
+					p(e.costPerKm, e.currency),
+					"/km",
+					e.fixedCost > 0 && ` + ${p(e.fixedCost, e.currency)}`
+				]
+			}),
+			s !== null && /* @__PURE__ */ h("p", {
+				className: `text-sm font-medium ${e.isCheaperThanCouriers ? "text-status-success-text" : "text-status-warning-text"}`,
+				children: e.isCheaperThanCouriers ? `${o("movethewheels.shipping.ownFleet.cheaper", "Your own vehicle is cheaper than the cheapest courier by")} ${p(s, e.currency)}` : s === 0 ? o("movethewheels.shipping.ownFleet.same", "Same cost as the cheapest courier") : `${o("movethewheels.shipping.ownFleet.dearer", "The cheapest courier is cheaper by")} ${p(-s, e.currency)}`
+			}),
+			/* @__PURE__ */ h("p", {
+				className: "text-xs text-text-secondary",
+				children: o("movethewheels.shipping.ownFleet.note", "Based only on the distance and cost per km you entered — not a quote.")
+			})
+		]
+	})] });
+}
+function C({ result: t, t: f }) {
+	let _ = t.providers.filter((e) => !e.ok);
+	return /* @__PURE__ */ g("div", {
+		className: "space-y-4",
+		children: [
+			_.map((t) => /* @__PURE__ */ g("div", {
+				role: "alert",
+				className: "flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text",
+				children: [/* @__PURE__ */ h(e, {
+					size: 18,
+					className: "mt-0.5 shrink-0",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ h("span", { children: t.errorMessage })]
+			}, t.provider)),
+			t.ownFleet && /* @__PURE__ */ h(S, {
+				estimate: t.ownFleet,
+				t: f
+			}),
+			/* @__PURE__ */ g(n, { children: [/* @__PURE__ */ g(i, { children: [/* @__PURE__ */ g(a, { children: [
+				f("movethewheels.shipping.results.title", "Courier options"),
+				" (",
+				t.quotes.length,
+				")"
+			] }), /* @__PURE__ */ g("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					f("movethewheels.shipping.results.chargeableWeight", "Charged on"),
+					" ",
+					t.chargeableWeightKg,
+					" kg"
+				]
+			})] }), /* @__PURE__ */ h(r, {
+				className: "p-0",
+				children: t.quotes.length === 0 ? /* @__PURE__ */ h("p", {
+					className: "px-6 pb-6 text-sm text-text-secondary",
+					children: _.length > 0 ? f("movethewheels.shipping.results.allFailed", "No rates could be fetched — see the message above.") : f("movethewheels.shipping.results.noServiceable", "No courier serves this pincode pair.")
+				}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("ul", {
+					className: "divide-y md:hidden",
+					"aria-label": f("movethewheels.shipping.results.title", "Courier options"),
+					children: t.quotes.map((e) => /* @__PURE__ */ g("li", {
+						className: "space-y-2 px-4 py-4",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ h("span", {
+									className: "min-w-0 font-medium",
+									children: e.courierName
+								}), /* @__PURE__ */ h("span", {
+									className: "shrink-0 text-lg font-semibold",
+									children: p(e.price, e.currency)
+								})]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: /* @__PURE__ */ h(x, {
+									quote: e,
+									t: f
+								})
+							}),
+							/* @__PURE__ */ h("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									b(e, f),
+									y(e, f),
+									e.rating === null ? null : `${e.rating.toFixed(1)} ★`
+								].filter((e) => e !== "—" && e !== null).join(" · ")
+							})
+						]
+					}, `${e.provider}:${e.courierId}`))
+				}), /* @__PURE__ */ h("div", {
+					className: "hidden md:block",
+					children: /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(u, { children: /* @__PURE__ */ g(d, { children: [
+						/* @__PURE__ */ h(l, { children: f("movethewheels.shipping.results.courier", "Courier") }),
+						/* @__PURE__ */ h(l, { children: f("movethewheels.shipping.results.mode", "Mode") }),
+						/* @__PURE__ */ h(l, { children: f("movethewheels.shipping.results.transit", "Estimated delivery") }),
+						/* @__PURE__ */ h(l, { children: f("movethewheels.shipping.results.rating", "Rating") }),
+						/* @__PURE__ */ h(l, {
+							className: "text-right",
+							children: f("movethewheels.shipping.results.price", "Price")
+						})
+					] }) }), /* @__PURE__ */ h(s, { children: t.quotes.map((e) => /* @__PURE__ */ g(d, { children: [
+						/* @__PURE__ */ h(c, { children: /* @__PURE__ */ g("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ h("span", {
+								className: "font-medium",
+								children: e.courierName
+							}), /* @__PURE__ */ h(x, {
+								quote: e,
+								t: f
+							})]
+						}) }),
+						/* @__PURE__ */ h(c, { children: b(e, f) }),
+						/* @__PURE__ */ h(c, { children: y(e, f) }),
+						/* @__PURE__ */ h(c, { children: e.rating === null ? "—" : e.rating.toFixed(1) }),
+						/* @__PURE__ */ h(c, {
+							className: "text-right font-medium",
+							children: p(e.price, e.currency)
+						})
+					] }, `${e.provider}:${e.courierId}`)) })] })
+				})] })
+			})] })
+		]
+	});
+}
+//#endregion
+export { C as ShippingQuoteResults };

package/dist/hooks/useShippingCarriers.js

@@ -0,0 +1,29 @@
+import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
+import { executeGraphQL as t } from "../utils/graphqlClient.js";
+import { useCallback as n, useMemo as r } from "react";
+//#region src/movethewheels/hooks/useShippingCarriers.ts
+var i = "\n  query ShippingQuotes($input: ShippingQuoteInput!) {\n    shippingQuotes(input: $input) {\n      chargeableWeightKg\n      ownFleet {\n        distanceKm\n        costPerKm\n        fixedCost\n        cost\n        currency\n        savingsVsCheapestCourier\n        isCheaperThanCouriers\n      }\n      quotes {\n        provider\n        courierId\n        courierName\n        price\n        currency\n        estimatedDeliveryDays\n        estimatedDeliveryDate\n        rating\n        mode\n        isRecommended\n        isCheapest\n        isFastest\n      }\n      providers {\n        provider\n        ok\n        quoteCount\n        errorMessage\n      }\n    }\n  }\n";
+function a() {
+	let { apiGatewayUrl: t, authToken: n, workspaceToken: i, workspaceId: a, tenantId: o, currentUser: s } = e();
+	return r(() => ({
+		apiGatewayUrl: t,
+		authToken: n,
+		workspaceToken: i,
+		workspaceId: a,
+		tenantId: o,
+		actorId: s?.id
+	}), [
+		t,
+		n,
+		i,
+		a,
+		o,
+		s?.id
+	]);
+}
+function o() {
+	let e = a();
+	return n(async (n) => (await t(e, i, { input: n })).shippingQuotes, [e]);
+}
+//#endregion
+export { o as useShippingQuotes };

package/dist/movethewheels/components/ShippingQuoteResults.d.ts

@@ -0,0 +1,8 @@
+import { ShippingQuoteResult } from '../hooks/useShippingCarriers';
+
+interface ShippingQuoteResultsProps {
+    result: ShippingQuoteResult;
+    t: (key: string, fallback: string) => string;
+}
+export declare function ShippingQuoteResults({ result, t }: ShippingQuoteResultsProps): import("react").JSX.Element;
+export {};

package/dist/movethewheels/hooks/useShippingCarriers.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Shipping rate comparison — every carrier's price for one pincode pair, on top
+ * of wspace-movethewheels-svc's carrier module. The carrier accounts belong to
+ * the platform, so there is nothing for a workspace to configure.
+ */
+export type CarrierProvider = 'SHIPROCKET';
+export type CarrierServiceMode = 'SURFACE' | 'AIR';
+export interface OwnFleetInput {
+    distanceKm: number;
+    costPerKm: number;
+    fixedCost?: number;
+}
+export interface OwnFleetEstimate {
+    distanceKm: number;
+    costPerKm: number;
+    fixedCost: number;
+    cost: number;
+    currency: string;
+    /** Cheapest courier price minus this estimate; positive = your own vehicle is cheaper. */
+    savingsVsCheapestCourier: number | null;
+    isCheaperThanCouriers: boolean;
+}
+export interface ShippingQuoteInput {
+    pickupPostcode: string;
+    deliveryPostcode: string;
+    weightKg: number;
+    lengthCm?: number;
+    widthCm?: number;
+    heightCm?: number;
+    cod?: boolean;
+    ownFleet?: OwnFleetInput;
+}
+export interface ShippingQuote {
+    provider: CarrierProvider;
+    courierId: string;
+    courierName: string;
+    price: number;
+    currency: string;
+    estimatedDeliveryDays: number | null;
+    estimatedDeliveryDate: string | null;
+    rating: number | null;
+    mode: CarrierServiceMode | null;
+    isRecommended: boolean;
+    isCheapest: boolean;
+    isFastest: boolean;
+}
+export interface CarrierOutcome {
+    provider: CarrierProvider;
+    ok: boolean;
+    quoteCount: number;
+    errorMessage: string | null;
+}
+export interface ShippingQuoteResult {
+    chargeableWeightKg: number;
+    ownFleet: OwnFleetEstimate | null;
+    quotes: ShippingQuote[];
+    providers: CarrierOutcome[];
+}
+/** Imperative: a comparison is something the operator asks for, not page-load data. */
+export declare function useShippingQuotes(): (input: ShippingQuoteInput) => Promise<ShippingQuoteResult>;

package/dist/movethewheels/pages/ShippingRatesPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Shipping Rates Page
+ *
+ * Compare live courier rates between two pincodes across the platform's
+ * carriers (Shiprocket first). Nothing to set up: the carrier accounts belong
+ * to the platform. Read-only — comparing never books a shipment or spends
+ * carrier credit.
+ */
+export default function ShippingRatesPage(): import("react").JSX.Element;

package/dist/node_modules/lucide-react/dist/esm/icons/scale.js

@@ -0,0 +1,26 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/scale.js
+var t = e("Scale", [
+	["path", {
+		d: "m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z",
+		key: "7g6ntu"
+	}],
+	["path", {
+		d: "m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z",
+		key: "ijws7r"
+	}],
+	["path", {
+		d: "M7 21h10",
+		key: "1b0cd5"
+	}],
+	["path", {
+		d: "M12 3v18",
+		key: "108xh3"
+	}],
+	["path", {
+		d: "M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2",
+		key: "3gwbw2"
+	}]
+]);
+//#endregion
+export { t as Scale };

package/dist/pages/ShippingRatesPage.js

@@ -0,0 +1,245 @@
+import { Scale as e } from "../node_modules/lucide-react/dist/esm/icons/scale.js";
+import { useTr as t } from "../shared/hooks/useTr.js";
+import "../hooks/index.js";
+import { Button as n, Card as r, CardContent as i, CardHeader as a, CardTitle as o, Input as s, Label as c, Switch as l } from "../components/ui.js";
+import { PageLayout as u } from "../components/PageLayout.js";
+import { FormError as d } from "../components/FormError.js";
+import { ShippingQuoteResults as f } from "../components/ShippingQuoteResults.js";
+import { useShippingQuotes as p } from "../hooks/useShippingCarriers.js";
+import { useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/movethewheels/pages/ShippingRatesPage.tsx
+var _ = /^[1-9]\d{5}$/, v = (e) => {
+	let t = Number(e);
+	return e.trim() !== "" && Number.isFinite(t) ? t : void 0;
+};
+function y() {
+	let y = t(), b = p(), [x, S] = m(""), [C, w] = m(""), [T, E] = m(""), [D, O] = m(""), [k, A] = m(""), [j, M] = m(""), [N, P] = m(!1), [F, I] = m(""), [L, R] = m(""), [z, B] = m(""), [V, H] = m(!1), [U, W] = m(null), [G, K] = m(null), q = async (e) => {
+		e.preventDefault(), W(null);
+		let t = v(T);
+		if (!_.test(x) || !_.test(C)) {
+			W(y("movethewheels.shipping.form.postcodeError", "Enter valid 6-digit pickup and delivery postcodes"));
+			return;
+		}
+		if (t === void 0 || t <= 0) {
+			W(y("movethewheels.shipping.form.weightError", "Enter the package weight in kg"));
+			return;
+		}
+		let n = [
+			v(D),
+			v(k),
+			v(j)
+		], r = n.filter((e) => e !== void 0).length;
+		if (r !== 0 && r !== 3) {
+			W(y("movethewheels.shipping.form.dimensionsError", "Enter length, width and height together, or leave all three empty"));
+			return;
+		}
+		let i = v(F), a = v(L), o = v(z), s = i !== void 0 || a !== void 0;
+		if (s && (!i || i <= 0 || !a || a <= 0)) {
+			W(y("movethewheels.shipping.form.ownFleetError", "To compare with your own vehicle, enter both the distance and your cost per km"));
+			return;
+		}
+		if (o !== void 0 && o < 0) {
+			W(y("movethewheels.shipping.form.fixedCostError", "Fixed cost cannot be negative"));
+			return;
+		}
+		let c = {
+			pickupPostcode: x,
+			deliveryPostcode: C,
+			weightKg: t,
+			cod: N,
+			...s && i && a ? { ownFleet: {
+				distanceKm: i,
+				costPerKm: a,
+				...o ? { fixedCost: o } : {}
+			} } : {},
+			...r === 3 ? {
+				lengthCm: n[0],
+				widthCm: n[1],
+				heightCm: n[2]
+			} : {}
+		};
+		H(!0);
+		try {
+			K(await b(c));
+		} catch (e) {
+			K(null), W(e instanceof Error ? e.message : y("movethewheels.shipping.form.failed", "Could not fetch rates"));
+		} finally {
+			H(!1);
+		}
+	};
+	return /* @__PURE__ */ h(u, {
+		title: y("movethewheels.shipping.title", "Compare Rates"),
+		subtitle: y("movethewheels.shipping.subtitle", "Enter a pickup and a delivery pincode to see every courier available for that route, with price and delivery time."),
+		icon: /* @__PURE__ */ h(e, { size: 24 }),
+		children: /* @__PURE__ */ g("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ g(r, { children: [/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h(o, { children: y("movethewheels.shipping.form.title", "Shipment details") }) }), /* @__PURE__ */ h(i, { children: /* @__PURE__ */ g("form", {
+				onSubmit: (e) => void q(e),
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "grid gap-3 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-pickup",
+									children: y("movethewheels.shipping.form.pickup", "Pickup postcode")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-pickup",
+									inputMode: "numeric",
+									maxLength: 6,
+									value: x,
+									onChange: (e) => S(e.target.value.trim())
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-delivery",
+									children: y("movethewheels.shipping.form.delivery", "Delivery postcode")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-delivery",
+									inputMode: "numeric",
+									maxLength: 6,
+									value: C,
+									onChange: (e) => w(e.target.value.trim())
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-weight",
+									children: y("movethewheels.shipping.form.weight", "Weight (kg)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-weight",
+									inputMode: "decimal",
+									value: T,
+									onChange: (e) => E(e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "grid gap-3 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-length",
+									children: y("movethewheels.shipping.form.length", "Length (cm, optional)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-length",
+									inputMode: "decimal",
+									value: D,
+									onChange: (e) => O(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-width",
+									children: y("movethewheels.shipping.form.width", "Width (cm, optional)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-width",
+									inputMode: "decimal",
+									value: k,
+									onChange: (e) => A(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ h(c, {
+									htmlFor: "rate-height",
+									children: y("movethewheels.shipping.form.height", "Height (cm, optional)")
+								}), /* @__PURE__ */ h(s, {
+									id: "rate-height",
+									inputMode: "decimal",
+									value: j,
+									onChange: (e) => M(e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ g("fieldset", {
+						className: "space-y-3 rounded-lg border p-4",
+						children: [
+							/* @__PURE__ */ h("legend", {
+								className: "px-1 text-sm font-medium",
+								children: y("movethewheels.shipping.form.ownFleetTitle", "Compare with your own vehicle (optional)")
+							}),
+							/* @__PURE__ */ h("p", {
+								className: "text-sm text-text-secondary",
+								children: y("movethewheels.shipping.form.ownFleetHelp", "Enter the road distance and what it costs you to run a vehicle per km, and we will show it next to the courier prices.")
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "grid gap-3 sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ h(c, {
+											htmlFor: "rate-distance",
+											children: y("movethewheels.shipping.form.distance", "Distance (km)")
+										}), /* @__PURE__ */ h(s, {
+											id: "rate-distance",
+											inputMode: "decimal",
+											value: F,
+											onChange: (e) => I(e.target.value)
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ h(c, {
+											htmlFor: "rate-cost-per-km",
+											children: y("movethewheels.shipping.form.costPerKm", "Your cost per km (₹)")
+										}), /* @__PURE__ */ h(s, {
+											id: "rate-cost-per-km",
+											inputMode: "decimal",
+											value: L,
+											onChange: (e) => R(e.target.value)
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ h(c, {
+											htmlFor: "rate-fixed-cost",
+											children: y("movethewheels.shipping.form.fixedCost", "Fixed cost per trip (₹, optional)")
+										}), /* @__PURE__ */ h(s, {
+											id: "rate-fixed-cost",
+											inputMode: "decimal",
+											value: z,
+											onChange: (e) => B(e.target.value)
+										})]
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ h(l, {
+							id: "rate-cod",
+							checked: N,
+							onCheckedChange: P
+						}), /* @__PURE__ */ h(c, {
+							htmlFor: "rate-cod",
+							children: y("movethewheels.shipping.form.cod", "Cash on delivery")
+						})]
+					}),
+					/* @__PURE__ */ h(d, { message: U }),
+					/* @__PURE__ */ h(n, {
+						type: "submit",
+						disabled: V,
+						children: V ? y("movethewheels.shipping.form.comparing", "Comparing…") : y("movethewheels.shipping.form.compare", "Compare rates")
+					})
+				]
+			}) })] }), G && /* @__PURE__ */ h(f, {
+				result: G,
+				t: y
+			})]
+		})
+	});
+}
+//#endregion
+export { y as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.918.1",
+  "version": "2026.920.2",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [

package/src/movethewheels/MoveTheWheelsRoutes.tsx

@@ -79,6 +79,7 @@ const SettingsPage = lazy(() => import('./pages/SettingsPage'));
 const AIAssistantPage = lazy(() => import('./pages/AIAssistantPage'));
 const DeliveryCapturePage = lazy(() => import('./pages/DeliveryCapturePage'));
 const MultiModalShipmentPage = lazy(() => import('./pages/MultiModalShipmentPage'));
+const ShippingRatesPage = lazy(() => import('./pages/ShippingRatesPage'));
 
 export function MoveTheWheelsRoutes() {
   return (
@@ -102,6 +103,7 @@ export function MoveTheWheelsRoutes() {
 
         {/* Multi-modal freight execution (BOFF-4398) */}
         <Route path="shipments/multi-modal" element={<MultiModalShipmentPage />} />
+        <Route path="shipments/rates" element={<ShippingRatesPage />} />
 
         {/* Fleet */}
         <Route path="fleet" element={<FleetPage />} />