@burdenoff/microfe-movethewheels 2026.1031.1 → 2026.1031.3

package/dist/MoveTheWheelsRoutes.js

@@ -28,8 +28,8 @@ function d() {
 		})
 	});
 }
-var f = r(() => import("./pages/DashboardPage.js")), ee = r(() => import("./pages/OrdersListPage.js")), p = r(() => import("./pages/OrderDetailsPage.js")), m = r(() => import("./pages/CreateOrderPage.js")), h = r(() => import("./pages/TrackingPage.js")), g = r(() => import("./pages/TrackingEventQualityPage.js")), _ = r(() => import("./pages/ShipmentStatusAuthorityPage.js")), v = r(() => import("./pages/LiveTrackingPage.js")), y = r(() => import("./pages/FleetPage.js")), b = r(() => import("./pages/VehiclesPage.js")), x = r(() => import("./pages/VehicleDetailsPage.js")), S = r(() => import("./pages/DriversPage.js")), C = r(() => import("./pages/DriverDetailsPage.js")), w = r(() => import("./pages/InventoryPage.js")), T = r(() => import("./pages/ProductsPage.js")), E = r(() => import("./pages/ProductDetailsPage.js")), D = r(() => import("./pages/PalletPreviewPage.js")), O = r(() => import("./pages/WarehousesPage.js")), k = r(() => import("./pages/WarehouseDetailsPage.js")), A = r(() => import("./pages/CustomersPage.js")), j = r(() => import("./pages/CustomerDetailsPage.js")), M = r(() => import("./pages/MarketplacePage.js")), N = r(() => import("./pages/RoutesPage.js")), P = r(() => import("./pages/RouteDetailsPage.js")), F = r(() => import("./pages/AnalyticsPage.js")), I = r(() => import("./pages/FinancePage.js")), L = r(() => import("./pages/FreightEstimatePage.js")), R = r(() => import("./pages/FreightInvoicePage.js")), z = r(() => import("./pages/ConsolidationPage.js")), B = r(() => import("./pages/LogisticsProceduresPage.js")), V = r(() => import("./pages/AIAssistantPage.js")), H = r(() => import("./pages/DeliveryCapturePage.js")), U = r(() => import("./pages/MultiModalShipmentPage.js")), W = r(() => import("./pages/ShippingRatesPage.js")), G = r(() => import("./pages/ContainersPage.js")), K = r(() => import("./pages/ContainerConditionPage.js")), q = r(() => import("./pages/FreeTimePage.js")), J = r(() => import("./pages/PendingPickPage.js")), Y = r(() => import("./pages/StockObservationsPage.js")), X = r(() => import("./pages/StockBindingPage.js")), Z = r(() => import("./pages/TripUtilizationPage.js")), Q = r(() => import("./pages/ConsumedFuelPreviewPage.js")), $ = r(() => import("./pages/EmptyReusePage.js"));
-function te() {
+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/TrackingEventQualityPage.js")), v = r(() => import("./pages/ShipmentStatusAuthorityPage.js")), y = r(() => import("./pages/LiveTrackingPage.js")), b = r(() => import("./pages/FleetPage.js")), x = r(() => import("./pages/VehiclesPage.js")), S = r(() => import("./pages/VehicleDetailsPage.js")), C = r(() => import("./pages/DriversPage.js")), w = r(() => import("./pages/DriverDetailsPage.js")), T = r(() => import("./pages/InventoryPage.js")), E = r(() => import("./pages/ProductsPage.js")), D = r(() => import("./pages/ProductDetailsPage.js")), O = r(() => import("./pages/PalletPreviewPage.js")), k = r(() => import("./pages/WarehousesPage.js")), A = r(() => import("./pages/WarehouseDetailsPage.js")), j = r(() => import("./pages/CustomersPage.js")), M = r(() => import("./pages/CustomerDetailsPage.js")), N = r(() => import("./pages/MarketplacePage.js")), P = r(() => import("./pages/ImportExportPage.js")), ee = r(() => import("./pages/RoutesPage.js")), F = r(() => import("./pages/RouteDetailsPage.js")), I = r(() => import("./pages/AnalyticsPage.js")), L = r(() => import("./pages/FinancePage.js")), R = r(() => import("./pages/FreightEstimatePage.js")), z = r(() => import("./pages/FreightInvoicePage.js")), B = r(() => import("./pages/ConsolidationPage.js")), V = r(() => import("./pages/LogisticsProceduresPage.js")), H = r(() => import("./pages/AIAssistantPage.js")), U = r(() => import("./pages/DeliveryCapturePage.js")), W = r(() => import("./pages/MultiModalShipmentPage.js")), G = r(() => import("./pages/ShippingRatesPage.js")), K = r(() => import("./pages/ContainersPage.js")), q = r(() => import("./pages/ContainerConditionPage.js")), J = r(() => import("./pages/FreeTimePage.js")), Y = r(() => import("./pages/PendingPickPage.js")), X = r(() => import("./pages/StockObservationsPage.js")), Z = r(() => import("./pages/StockBindingPage.js")), Q = r(() => import("./pages/TripUtilizationPage.js")), $ = r(() => import("./pages/ConsumedFuelPreviewPage.js")), te = r(() => import("./pages/EmptyReusePage.js"));
+function ne() {
 	return /* @__PURE__ */ s(n, {
 		fallback: /* @__PURE__ */ s(d, {}),
 		children: /* @__PURE__ */ c(a, { children: [
@@ -39,219 +39,223 @@ function te() {
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "orders",
-				element: /* @__PURE__ */ s(ee, {})
+				element: /* @__PURE__ */ s(p, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "orders/new",
-				element: /* @__PURE__ */ s(m, {})
+				element: /* @__PURE__ */ s(h, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "orders/:orderId",
-				element: /* @__PURE__ */ s(p, {})
+				element: /* @__PURE__ */ s(m, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "orders/:orderId/edit",
-				element: /* @__PURE__ */ s(m, {})
+				element: /* @__PURE__ */ s(h, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "tracking",
-				element: /* @__PURE__ */ s(h, {})
+				element: /* @__PURE__ */ s(g, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "tracking/live",
-				element: /* @__PURE__ */ s(v, {})
+				element: /* @__PURE__ */ s(y, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "tracking/event-quality",
-				element: /* @__PURE__ */ s(g, {})
+				element: /* @__PURE__ */ s(_, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "shipments/status-authority",
-				element: /* @__PURE__ */ s(_, {})
+				element: /* @__PURE__ */ s(v, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "deliveries/mine",
-				element: /* @__PURE__ */ s(H, {})
+				element: /* @__PURE__ */ s(U, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "shipments/multi-modal",
-				element: /* @__PURE__ */ s(U, {})
+				element: /* @__PURE__ */ s(W, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "shipments/rates",
-				element: /* @__PURE__ */ s(W, {})
+				element: /* @__PURE__ */ s(G, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers",
-				element: /* @__PURE__ */ s(G, {})
+				element: /* @__PURE__ */ s(K, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/condition",
-				element: /* @__PURE__ */ s(K, {})
+				element: /* @__PURE__ */ s(q, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/free-time",
-				element: /* @__PURE__ */ s(q, {})
+				element: /* @__PURE__ */ s(J, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/empty-reuse",
-				element: /* @__PURE__ */ s($, {})
+				element: /* @__PURE__ */ s(te, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/consolidation",
-				element: /* @__PURE__ */ s(z, {})
+				element: /* @__PURE__ */ s(B, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/procedures",
-				element: /* @__PURE__ */ s(B, {})
+				element: /* @__PURE__ */ s(V, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet",
-				element: /* @__PURE__ */ s(y, {})
+				element: /* @__PURE__ */ s(b, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/vehicles",
-				element: /* @__PURE__ */ s(b, {})
+				element: /* @__PURE__ */ s(x, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/vehicles/new",
-				element: /* @__PURE__ */ s(x, {})
+				element: /* @__PURE__ */ s(S, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/vehicles/:vehicleId",
-				element: /* @__PURE__ */ s(x, {})
+				element: /* @__PURE__ */ s(S, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/vehicles/:vehicleId/edit",
-				element: /* @__PURE__ */ s(x, {})
+				element: /* @__PURE__ */ s(S, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/drivers",
-				element: /* @__PURE__ */ s(S, {})
+				element: /* @__PURE__ */ s(C, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/drivers/new",
-				element: /* @__PURE__ */ s(C, {})
+				element: /* @__PURE__ */ s(w, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/drivers/:driverId",
-				element: /* @__PURE__ */ s(C, {})
+				element: /* @__PURE__ */ s(w, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet/drivers/:driverId/edit",
-				element: /* @__PURE__ */ s(C, {})
+				element: /* @__PURE__ */ s(w, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory",
-				element: /* @__PURE__ */ s(w, {})
+				element: /* @__PURE__ */ s(T, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/source-assessments",
-				element: /* @__PURE__ */ s(X, {})
+				element: /* @__PURE__ */ s(Z, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/reported-issues",
-				element: /* @__PURE__ */ s(Y, {})
+				element: /* @__PURE__ */ s(X, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/pending-picks",
-				element: /* @__PURE__ */ s(J, {})
+				element: /* @__PURE__ */ s(Y, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/products",
-				element: /* @__PURE__ */ s(T, {})
+				element: /* @__PURE__ */ s(E, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/products/new",
-				element: /* @__PURE__ */ s(E, {})
+				element: /* @__PURE__ */ s(D, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/products/:productId",
-				element: /* @__PURE__ */ s(E, {})
+				element: /* @__PURE__ */ s(D, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/products/:productId/edit",
-				element: /* @__PURE__ */ s(E, {})
+				element: /* @__PURE__ */ s(D, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses",
-				element: /* @__PURE__ */ s(O, {})
+				element: /* @__PURE__ */ s(k, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses/pallet-preview",
-				element: /* @__PURE__ */ s(D, {})
+				element: /* @__PURE__ */ s(O, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses/new",
-				element: /* @__PURE__ */ s(k, {})
+				element: /* @__PURE__ */ s(A, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses/:warehouseId",
-				element: /* @__PURE__ */ s(k, {})
+				element: /* @__PURE__ */ s(A, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "inventory/warehouses/:warehouseId/edit",
-				element: /* @__PURE__ */ s(k, {})
+				element: /* @__PURE__ */ s(A, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "customers",
-				element: /* @__PURE__ */ s(A, {})
+				element: /* @__PURE__ */ s(j, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "customers/new",
-				element: /* @__PURE__ */ s(j, {})
+				element: /* @__PURE__ */ s(M, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "customers/:customerId",
-				element: /* @__PURE__ */ s(j, {})
+				element: /* @__PURE__ */ s(M, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "marketplace",
-				element: /* @__PURE__ */ s(M, {})
+				element: /* @__PURE__ */ s(N, {})
+			}),
+			/* @__PURE__ */ s(i, {
+				path: "import-export",
+				element: /* @__PURE__ */ s(P, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes",
-				element: /* @__PURE__ */ s(N, {})
+				element: /* @__PURE__ */ s(ee, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/trip-utilization",
-				element: /* @__PURE__ */ s(Z, {})
+				element: /* @__PURE__ */ s(Q, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "fuel-preview",
-				element: /* @__PURE__ */ s(Q, {})
+				element: /* @__PURE__ */ s($, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/new",
-				element: /* @__PURE__ */ s(P, {})
+				element: /* @__PURE__ */ s(F, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/:routeId",
-				element: /* @__PURE__ */ s(P, {})
+				element: /* @__PURE__ */ s(F, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/:routeId/edit",
-				element: /* @__PURE__ */ s(P, {})
+				element: /* @__PURE__ */ s(F, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "analytics",
-				element: /* @__PURE__ */ s(F, {})
+				element: /* @__PURE__ */ s(I, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "finance",
-				element: /* @__PURE__ */ s(I, {})
+				element: /* @__PURE__ */ s(L, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "finance/freight-estimates",
-				element: /* @__PURE__ */ s(L, {})
+				element: /* @__PURE__ */ s(R, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "finance/freight-invoice-comparisons",
-				element: /* @__PURE__ */ s(R, {})
+				element: /* @__PURE__ */ s(z, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "ai-assistant",
-				element: /* @__PURE__ */ s(V, {})
+				element: /* @__PURE__ */ s(H, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "*",
@@ -261,4 +265,4 @@ function te() {
 	});
 }
 //#endregion
-export { te as MoveTheWheelsRoutes };
+export { ne as MoveTheWheelsRoutes };

package/dist/components/ShipmentRiskDialog.js

@@ -0,0 +1,228 @@
+import { formatSlip as e, riskSignalLabel as t } from "../utils/trackingAlerts.js";
+import { Badge as n, Button as r, Dialog as i, DialogContent as a, DialogDescription as o, DialogHeader as s, DialogTitle as c, Skeleton as l, Textarea as u } from "./ui.js";
+import { formatDateTime as d } from "../utils/formatters.js";
+import { useShipmentRisk as f } from "../hooks/useShipmentRisk.js";
+import { useEffect as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/movethewheels/components/ShipmentRiskDialog.tsx
+var _ = {
+	NONE: {
+		key: "movethewheels.risk.level.none",
+		fallback: "No risk"
+	},
+	LOW: {
+		key: "movethewheels.risk.level.low",
+		fallback: "Low"
+	},
+	MEDIUM: {
+		key: "movethewheels.risk.level.medium",
+		fallback: "Medium"
+	},
+	HIGH: {
+		key: "movethewheels.risk.level.high",
+		fallback: "High"
+	}
+}, v = {
+	NONE: {
+		key: "movethewheels.risk.action.none",
+		fallback: "No action needed"
+	},
+	MONITOR: {
+		key: "movethewheels.risk.action.monitor",
+		fallback: "Keep monitoring this shipment"
+	},
+	REPROMISE_DELIVERY: {
+		key: "movethewheels.risk.action.repromise",
+		fallback: "Re-promise the delivery to the predicted time"
+	},
+	REQUEST_TRACKING_UPDATE: {
+		key: "movethewheels.risk.action.trackingUpdate",
+		fallback: "Get a tracking update from the driver or carrier"
+	},
+	REASSIGN_VEHICLE: {
+		key: "movethewheels.risk.action.reassign",
+		fallback: "Reassign the vehicle on this order"
+	}
+};
+function y(t, n) {
+	return t.ratio === null ? t.minutes !== null && t.minutes > 0 ? e(t.minutes) : null : `${Math.round(t.ratio * 100)}% ${n("movethewheels.risk.lateRate", "late recently")}`;
+}
+function b({ shipmentId: b, shipmentNumber: x, open: S, onOpenChange: C, t: w, onOpenOrder: T, onChanged: E }) {
+	let { forecast: D, shipment: O, isLoading: k, error: A, refetch: j, repromise: M, recordTrackingUpdate: N } = f(S ? b : void 0), [P, F] = m(null), [I, L] = m(null), [R, z] = m(!1), [B, V] = m("");
+	p(() => {
+		F(null), L(null), V("");
+	}, [b, S]);
+	let H = async (e, t) => {
+		z(!0), F(null), L(null);
+		try {
+			await e(), L(t), E();
+		} catch (e) {
+			F(e instanceof Error ? e.message : w("movethewheels.risk.actionFailed", "The action failed"));
+		} finally {
+			z(!1);
+		}
+	}, U = D?.predictedDeliveryLatest ?? D?.predictedDeliveryEarliest, W = O?.deliveryJobId ?? null;
+	return /* @__PURE__ */ h(i, {
+		open: S,
+		onOpenChange: C,
+		children: /* @__PURE__ */ g(a, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ g(s, { children: [/* @__PURE__ */ g(c, { children: [w("movethewheels.risk.title", "Delivery risk"), x ? ` · ${x}` : ""] }), /* @__PURE__ */ h(o, { children: w("movethewheels.risk.description", "Forecast from this shipment’s legs, route, tracking, vehicle and carrier history.") })] }),
+				k && !D && /* @__PURE__ */ g("div", {
+					className: "space-y-2",
+					"aria-busy": "true",
+					children: [/* @__PURE__ */ h(l, { className: "h-6 w-1/2" }), /* @__PURE__ */ h(l, { className: "h-16 w-full" })]
+				}),
+				A && !k && /* @__PURE__ */ g("div", {
+					role: "alert",
+					className: "space-y-2 text-sm",
+					children: [/* @__PURE__ */ h("p", {
+						className: "text-status-error-text",
+						children: A.message
+					}), /* @__PURE__ */ h(r, {
+						size: "sm",
+						variant: "outline",
+						onClick: j,
+						children: w("movethewheels.risk.retry", "Retry")
+					})]
+				}),
+				D && /* @__PURE__ */ g("div", {
+					className: "space-y-4 text-sm",
+					"data-testid": "shipment-risk-panel",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [
+								/* @__PURE__ */ h(n, {
+									variant: D.riskLevel === "HIGH" ? "destructive" : "secondary",
+									children: w(_[D.riskLevel].key, _[D.riskLevel].fallback)
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "text-text-secondary",
+									children: [
+										w("movethewheels.risk.score", "Risk score"),
+										":",
+										" ",
+										/* @__PURE__ */ g("span", {
+											className: "font-medium text-text-primary",
+											children: [D.riskScore, "/100"]
+										})
+									]
+								}),
+								D.breached && /* @__PURE__ */ h(n, {
+									variant: "destructive",
+									children: w("movethewheels.risk.breached", "Promise missed")
+								})
+							]
+						}),
+						/* @__PURE__ */ g("dl", {
+							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+								className: "text-xs text-text-secondary",
+								children: w("movethewheels.alerts.promised", "Promised")
+							}), /* @__PURE__ */ h("dd", { children: D.promisedDelivery ? d(D.promisedDelivery) : w("movethewheels.risk.noPromise", "No promised time") })] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", {
+								className: "text-xs text-text-secondary",
+								children: w("movethewheels.risk.window", "Predicted window")
+							}), /* @__PURE__ */ g("dd", { children: [D.predictedDeliveryEarliest ? `${d(D.predictedDeliveryEarliest)}${D.predictedDeliveryLatest && D.predictedDeliveryLatest !== D.predictedDeliveryEarliest ? ` – ${d(D.predictedDeliveryLatest)}` : ""}` : w("movethewheels.risk.noPrediction", "Not enough data to predict"), D.predictedSlipMinutes > 0 && /* @__PURE__ */ g("span", {
+								className: "ml-1 text-status-error-text",
+								children: [
+									"(+",
+									e(D.predictedSlipMinutes),
+									")"
+								]
+							})] })] })]
+						}),
+						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+							className: "mb-1 text-xs text-text-secondary",
+							children: w("movethewheels.alerts.signals", "Risk signals")
+						}), D.signals.length > 0 ? /* @__PURE__ */ h("ul", {
+							className: "space-y-1",
+							children: D.signals.map((e) => {
+								let n = y(e, w);
+								return /* @__PURE__ */ g("li", {
+									className: "flex items-center justify-between rounded border border-border-primary px-2 py-1",
+									children: [/* @__PURE__ */ g("span", { children: [t(e.code, w), n && /* @__PURE__ */ g("span", {
+										className: "ml-1 text-text-secondary",
+										children: ["· ", n]
+									})] }), /* @__PURE__ */ g("span", {
+										className: "text-xs text-text-secondary",
+										children: ["+", e.weight]
+									})]
+								}, e.code);
+							})
+						}) : /* @__PURE__ */ h("p", {
+							className: "text-text-secondary",
+							children: w("movethewheels.risk.noSignals", "No risk signals right now")
+						})] }),
+						/* @__PURE__ */ g("div", {
+							className: "rounded-lg bg-status-info-bg-subtle p-3",
+							children: [
+								/* @__PURE__ */ h("p", {
+									className: "text-xs text-text-secondary",
+									children: w("movethewheels.risk.recommended", "Recommended action")
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "font-medium",
+									children: w(v[D.recommendedAction].key, v[D.recommendedAction].fallback)
+								}),
+								D.recommendedAction === "REPROMISE_DELIVERY" && U && /* @__PURE__ */ g(r, {
+									size: "sm",
+									className: "mt-2",
+									disabled: R,
+									onClick: () => void H(() => M(U), w("movethewheels.risk.repromised", "Delivery re-promised")),
+									children: [
+										w("movethewheels.risk.repromiseTo", "Re-promise to"),
+										" ",
+										d(U)
+									]
+								}),
+								D.recommendedAction === "REQUEST_TRACKING_UPDATE" && /* @__PURE__ */ g("div", {
+									className: "mt-2 space-y-2",
+									children: [/* @__PURE__ */ h(u, {
+										value: B,
+										onChange: (e) => V(e.target.value),
+										maxLength: 500,
+										"aria-label": w("movethewheels.risk.updateDetails", "Tracking update"),
+										placeholder: w("movethewheels.risk.updatePlaceholder", "What did the driver or carrier report?")
+									}), /* @__PURE__ */ h(r, {
+										size: "sm",
+										disabled: R || B.trim().length === 0,
+										onClick: () => void H(() => N(B.trim()), w("movethewheels.risk.updateRecorded", "Tracking update recorded")),
+										children: w("movethewheels.risk.recordUpdate", "Record tracking update")
+									})]
+								}),
+								D.recommendedAction === "REASSIGN_VEHICLE" && W && /* @__PURE__ */ h(r, {
+									size: "sm",
+									className: "mt-2",
+									onClick: () => T(W),
+									children: w("movethewheels.risk.openOrder", "Open order to reassign")
+								}),
+								I && /* @__PURE__ */ h("p", {
+									role: "status",
+									className: "mt-2 text-xs text-status-success-text",
+									children: I
+								}),
+								P && /* @__PURE__ */ h("p", {
+									role: "alert",
+									className: "mt-2 text-xs text-status-error-text",
+									children: P
+								})
+							]
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "text-xs text-text-secondary",
+							children: [
+								w("movethewheels.risk.evaluated", "Evaluated"),
+								" ",
+								d(D.evaluatedAt)
+							]
+						})
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { b as ShipmentRiskDialog };