@burdenoff/microfe-movethewheels 2026.1101.3 → 2026.1102.1

package/dist/components/UpcomingDemandPanel.js

@@ -2,178 +2,176 @@ import { Calendar as e } from "../node_modules/lucide-react/dist/esm/icons/calen
 import { CircleAlert as t } from "../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
 import { TrendingDown as n } from "../node_modules/lucide-react/dist/esm/icons/trending-down.js";
 import { TrendingUp as r } from "../node_modules/lucide-react/dist/esm/icons/trending-up.js";
-import { Card as i, CardContent as a, CardHeader as o, CardTitle as s, Skeleton as c } from "./ui.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { formatCurrency as i } from "../utils/formatters.js";
+import { Card as a, CardContent as o, CardHeader as s, CardTitle as c, Skeleton as l } from "./ui.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/movethewheels/components/UpcomingDemandPanel.tsx
-var d = (e) => {
+var f = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? e : t.toLocaleDateString(void 0, {
 		month: "short",
 		day: "numeric"
 	});
-}, f = (e, t) => [...e.filter((e) => e.periodStart === t)].sort((e, t) => t.predictedVolume - e.predictedVolume).slice(0, 3), p = (e, t) => [...e.filter((e) => e.periodStart === t)].sort((e, t) => t.predictedRevenue - e.predictedRevenue).slice(0, 3), m = (e, t) => e.filter((e) => e.periodStart === t).reduce((e, t) => e + t.predictedVolume, 0), h = (e) => e <= 0 ? "Not enough history" : `${Math.round(e * 100)}% confidence`;
-function g({ laneForecast: n, customerForecast: r, laneVariance: g, customerVariance: y, isLoading: b, error: x, onRetry: S }) {
-	if (x && !b) return /* @__PURE__ */ l(i, {
+}, p = (e, t) => e.filter((e) => e.periodStart === t && e.confidence > 0), m = (e, t) => [...p(e, t)].sort((e, t) => t.predictedVolume - e.predictedVolume || t.predictedRevenue - e.predictedRevenue).slice(0, 3), h = (e, t) => [...p(e, t)].sort((e, t) => t.predictedRevenue - e.predictedRevenue).slice(0, 3), g = (e, t) => p(e, t).reduce((e, t) => e + t.predictedVolume, 0), _ = (e, t = /* @__PURE__ */ new Date()) => {
+	let n = [...new Set(e.map((e) => e.periodStart))].sort((e, t) => new Date(e).getTime() - new Date(t).getTime());
+	return n.find((e) => new Date(e).getTime() > t.getTime()) ?? n.at(-1) ?? null;
+}, v = (e, t) => e === 0 && t > 0 ? "<1 job" : e === 1 ? "1 job" : `${e} jobs`, y = (e) => e <= 0 ? "Not enough history" : `${Math.round(e * 100)}% confidence`;
+function b({ laneForecast: n, customerForecast: r, laneVariance: i, customerVariance: v, isLoading: b, error: C, onRetry: w }) {
+	if (C && !b) return /* @__PURE__ */ u(a, {
 		className: "border-status-error-border",
-		children: /* @__PURE__ */ u(a, {
+		children: /* @__PURE__ */ d(o, {
 			className: "p-6 text-center space-y-3",
 			children: [
-				/* @__PURE__ */ l("p", {
+				/* @__PURE__ */ u("p", {
 					className: "text-status-error-text font-medium",
 					children: "Couldn't load demand forecast"
 				}),
-				/* @__PURE__ */ l("p", {
+				/* @__PURE__ */ u("p", {
 					className: "text-sm text-text-secondary",
-					children: x.message
+					children: C.message
 				}),
-				/* @__PURE__ */ l("button", {
+				/* @__PURE__ */ u("button", {
 					type: "button",
-					onClick: S,
+					onClick: w,
 					className: "text-sm font-medium text-primary hover:underline",
 					children: "Retry"
 				})
 			]
 		})
 	});
-	if (b) return /* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(s, { children: "Upcoming demand" }) }), /* @__PURE__ */ u(a, {
+	if (b) return /* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(s, { children: /* @__PURE__ */ u(c, { children: "Upcoming demand" }) }), /* @__PURE__ */ d(o, {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ l(c, { className: "h-16 w-full" }),
-			/* @__PURE__ */ l(c, { className: "h-16 w-full" }),
-			/* @__PURE__ */ l(c, { className: "h-16 w-full" })
+			/* @__PURE__ */ u(l, { className: "h-16 w-full" }),
+			/* @__PURE__ */ u(l, { className: "h-16 w-full" }),
+			/* @__PURE__ */ u(l, { className: "h-16 w-full" })
 		]
 	})] });
-	let C = n[0]?.periodStart ?? r[0]?.periodStart ?? null;
-	if (!C || n.length === 0) return /* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(o, { children: /* @__PURE__ */ u(s, {
+	let T = _([...n, ...r]), E = T !== null && (p(n, T).length > 0 || p(r, T).length > 0);
+	if (!T || !E) return /* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(s, { children: /* @__PURE__ */ d(c, {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ l(e, {
+		children: [/* @__PURE__ */ u(e, {
 			size: 18,
 			"aria-hidden": "true"
 		}), "Upcoming demand"]
-	}) }), /* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
+	}) }), /* @__PURE__ */ u(o, { children: /* @__PURE__ */ d("div", {
 		className: "flex items-start gap-2 rounded-lg border border-border/60 bg-muted/40 p-4 text-sm text-text-secondary",
-		children: [/* @__PURE__ */ l(t, {
+		children: [/* @__PURE__ */ u(t, {
 			size: 16,
 			"aria-hidden": "true",
 			className: "mt-0.5 shrink-0"
-		}), /* @__PURE__ */ l("p", { children: "Not enough history to forecast next week yet. Once you have at least 4 weeks of completed orders, this panel will surface demand by lane and customer." })]
+		}), /* @__PURE__ */ u("p", { children: "Not enough history to forecast next week yet. Once a lane or customer has at least 4 weeks of delivery jobs, this panel will surface its demand." })]
 	}) })] });
-	let w = f(n, C), T = p(n, C), E = f(r, C), D = m(n, C), O = [...g, ...y].sort((e, t) => Math.abs(t.volumeVariance) - Math.abs(e.volumeVariance)).slice(0, 3);
-	return /* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(o, { children: /* @__PURE__ */ u(s, {
+	let D = m(n, T), O = h(n, T), k = m(r, T), A = p(n, T).length > 0, j = g(A ? n : r, T), M = A ? "Predicted jobs (all lanes)" : "Predicted jobs (all customers)", N = A ? D[0] : k[0], P = [...i, ...v].sort((e, t) => Math.abs(t.volumeVariance) - Math.abs(e.volumeVariance)).slice(0, 3);
+	return /* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(s, { children: /* @__PURE__ */ d(c, {
 		className: "flex items-center gap-2",
 		children: [
-			/* @__PURE__ */ l(e, {
+			/* @__PURE__ */ u(e, {
 				size: 18,
 				"aria-hidden": "true"
 			}),
 			"Upcoming demand — week of ",
-			d(C)
+			f(T)
 		]
-	}) }), /* @__PURE__ */ u(a, {
+	}) }), /* @__PURE__ */ d(o, {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "flex items-baseline justify-between rounded-lg border border-border/60 bg-muted/40 px-4 py-3",
-			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+			children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 				className: "text-xs uppercase tracking-wide text-text-secondary",
-				children: "Predicted jobs (all lanes)"
-			}), /* @__PURE__ */ l("p", {
+				children: M
+			}), /* @__PURE__ */ u("p", {
 				className: "text-2xl font-bold",
-				children: D
-			})] }), /* @__PURE__ */ l("p", {
+				children: j
+			})] }), /* @__PURE__ */ u("p", {
 				className: "text-xs text-text-secondary",
-				children: w[0] ? h(w[0].confidence) : ""
+				children: N ? y(N.confidence) : ""
 			})]
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 			children: [
-				/* @__PURE__ */ l(_, {
+				/* @__PURE__ */ u(x, {
 					title: "Top lanes (volume)",
-					rows: w
+					rows: D
 				}),
-				/* @__PURE__ */ l(_, {
+				/* @__PURE__ */ u(x, {
 					title: "Top lanes (revenue)",
-					rows: T
+					rows: O
 				}),
-				/* @__PURE__ */ l(_, {
+				/* @__PURE__ */ u(x, {
 					title: "Top customers (volume)",
-					rows: E
+					rows: k
 				}),
-				/* @__PURE__ */ l(v, { rows: O })
+				/* @__PURE__ */ u(S, { rows: P })
 			]
 		})]
 	})] });
 }
-function _({ title: e, rows: t }) {
-	return t.length === 0 ? /* @__PURE__ */ u("div", {
+function x({ title: e, rows: t }) {
+	return t.length === 0 ? /* @__PURE__ */ d("div", {
 		className: "rounded-lg border border-border/60 p-4",
-		children: [/* @__PURE__ */ l("p", {
+		children: [/* @__PURE__ */ u("p", {
 			className: "text-sm font-medium mb-2",
 			children: e
-		}), /* @__PURE__ */ l("p", {
+		}), /* @__PURE__ */ u("p", {
 			className: "text-xs text-text-secondary",
 			children: "No forecasts yet for this week."
 		})]
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ d("div", {
 		className: "rounded-lg border border-border/60 p-4",
-		children: [/* @__PURE__ */ l("p", {
+		children: [/* @__PURE__ */ u("p", {
 			className: "text-sm font-medium mb-3",
 			children: e
-		}), /* @__PURE__ */ l("ul", {
+		}), /* @__PURE__ */ u("ul", {
 			className: "space-y-2",
-			children: t.map((e) => /* @__PURE__ */ u("li", {
+			children: t.map((e) => /* @__PURE__ */ d("li", {
 				className: "flex items-center justify-between text-sm",
-				children: [/* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ u("span", {
 					className: "truncate font-medium",
-					children: e.scopeKey
-				}), /* @__PURE__ */ u("span", {
+					title: e.scopeLabel,
+					children: e.scopeLabel
+				}), /* @__PURE__ */ d("span", {
 					className: "ml-2 shrink-0 text-text-secondary",
 					children: [
-						e.predictedVolume,
-						" jobs ·",
+						v(e.predictedVolume, e.predictedRevenue),
+						" ·",
 						" ",
-						new Intl.NumberFormat(void 0, {
-							style: "currency",
-							currency: "USD",
-							maximumFractionDigits: 0
-						}).format(e.predictedRevenue)
+						i(e.predictedRevenue)
 					]
 				})]
 			}, `${e.scopeType}-${e.scopeKey}`))
 		})]
 	});
 }
-function v({ rows: e }) {
-	return /* @__PURE__ */ u("div", {
+function S({ rows: e }) {
+	return /* @__PURE__ */ d("div", {
 		className: "rounded-lg border border-border/60 p-4",
-		children: [/* @__PURE__ */ l("p", {
+		children: [/* @__PURE__ */ u("p", {
 			className: "text-sm font-medium mb-3",
 			children: "Recent forecast variance"
-		}), e.length === 0 ? /* @__PURE__ */ l("p", {
+		}), e.length === 0 ? /* @__PURE__ */ u("p", {
 			className: "text-xs text-text-secondary",
 			children: "No closed periods to compare yet."
-		}) : /* @__PURE__ */ l("ul", {
+		}) : /* @__PURE__ */ u("ul", {
 			className: "space-y-2",
 			children: e.map((e) => {
 				let t = e.volumeVariance > 0, i = t ? r : n, a = t ? "text-status-success-text" : "text-status-error-text";
-				return /* @__PURE__ */ u("li", {
+				return /* @__PURE__ */ d("li", {
 					className: "flex items-center justify-between text-sm",
-					children: [/* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ d("span", {
 						className: "flex items-center gap-2 truncate",
-						children: [/* @__PURE__ */ l(i, {
+						children: [/* @__PURE__ */ u(i, {
 							size: 14,
 							className: a,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ l("span", {
+						}), /* @__PURE__ */ u("span", {
 							className: "truncate font-medium",
-							children: e.scopeKey
+							title: e.scopeLabel,
+							children: e.scopeLabel
 						})]
-					}), /* @__PURE__ */ u("span", {
+					}), /* @__PURE__ */ d("span", {
 						className: `ml-2 shrink-0 ${a}`,
-						children: [
-							t ? "+" : "",
-							e.volumeVariance,
-							" jobs"
-						]
+						children: [t ? "+" : "", Math.abs(e.volumeVariance) === 1 ? `${e.volumeVariance} job` : `${e.volumeVariance} jobs`]
 					})]
 				}, `${e.scopeType}-${e.scopeKey}-${e.periodStart}`);
 			})
@@ -181,4 +179,4 @@ function v({ rows: e }) {
 	});
 }
 //#endregion
-export { g as UpcomingDemandPanel };
+export { b as UpcomingDemandPanel };