@burdenoff/microfe-movethewheels 2026.804.1 → 2026.822.1

package/dist/hooks/useDemandForecast.js

@@ -0,0 +1,54 @@
+import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
+import { executeGraphQL as t } from "../utils/graphqlClient.js";
+import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
+//#region src/movethewheels/hooks/useDemandForecast.ts
+var o = "\n  query GetMovethewheelsDemandForecast($weeks: Int!, $varianceLimit: Int!) {\n    demandForecastByLane(weeks: $weeks) {\n      scopeType\n      scopeKey\n      periodStart\n      periodEnd\n      predictedVolume\n      predictedRevenue\n      actualVolume\n      actualRevenue\n      confidence\n    }\n    demandForecastByCustomer(weeks: $weeks) {\n      scopeType\n      scopeKey\n      periodStart\n      periodEnd\n      predictedVolume\n      predictedRevenue\n      actualVolume\n      actualRevenue\n      confidence\n    }\n    laneVariance: demandForecastVariance(scopeType: LANE, limit: $varianceLimit) {\n      scopeType\n      scopeKey\n      periodStart\n      periodEnd\n      predictedVolume\n      actualVolume\n      volumeVariance\n      predictedRevenue\n      actualRevenue\n      revenueVariance\n    }\n    customerVariance: demandForecastVariance(scopeType: CUSTOMER, limit: $varianceLimit) {\n      scopeType\n      scopeKey\n      periodStart\n      periodEnd\n      predictedVolume\n      actualVolume\n      volumeVariance\n      predictedRevenue\n      actualRevenue\n      revenueVariance\n    }\n  }\n";
+function s(s = 4, c = 8) {
+	let { apiGatewayUrl: l, authToken: u, workspaceToken: d, workspaceId: f, tenantId: p, currentUser: m } = e(), [h, g] = a([]), [_, v] = a([]), [y, b] = a([]), [x, S] = a([]), [C, w] = a(!1), [T, E] = a(null), D = i(() => ({
+		apiGatewayUrl: l,
+		authToken: u,
+		workspaceToken: d,
+		workspaceId: f,
+		tenantId: p,
+		actorId: m?.id
+	}), [
+		l,
+		u,
+		d,
+		f,
+		p,
+		m?.id
+	]), O = n(async () => {
+		w(!0), E(null);
+		try {
+			let e = await t(D, o, {
+				weeks: s,
+				varianceLimit: c
+			});
+			g(e.demandForecastByLane ?? []), v(e.demandForecastByCustomer ?? []), b(e.laneVariance ?? []), S(e.customerVariance ?? []);
+		} catch (e) {
+			E(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load demand forecast"));
+		} finally {
+			w(!1);
+		}
+	}, [
+		D,
+		s,
+		c
+	]);
+	return r(() => {
+		O();
+	}, [O]), {
+		laneForecast: h,
+		customerForecast: _,
+		laneVariance: y,
+		customerVariance: x,
+		isLoading: C,
+		error: T,
+		refetch: n(() => {
+			O();
+		}, [O])
+	};
+}
+//#endregion
+export { s as useDemandForecast };

package/dist/index.js

@@ -7,33 +7,34 @@ import { useDriver as c, useDrivers as l, useFleet as u, useFleetStats as d, use
 import { useInventory as m, useInventoryStats as h, useProduct as g, useProducts as _, useWarehouse as v, useWarehouses as y } from "./hooks/useInventory.js";
 import { useCustomer as b, useCustomerStats as x, useCustomers as S } from "./hooks/useCustomers.js";
 import { useRoute as C, useRouteStats as w, useRoutes as T } from "./hooks/useRoutes.js";
-import { useAnalytics as E, useDashboardMetrics as D, useFinanceMetrics as O, useFleetAnalytics as k, useOrderAnalytics as A, usePerformanceAnalytics as j, useRevenueAnalytics as M } from "./hooks/useAnalytics.js";
-import { useDriverTracking as N, useGeofence as P, useLiveTracking as F, useOrderTracking as I, useTracking as L, useTrackingAlerts as R, useVehicleTracking as z } from "./hooks/useTracking.js";
-import { useReports as B } from "./hooks/useReports.js";
-import { useImportExport as V } from "./hooks/useImportExport.js";
-import { useModuleSettings as H } from "./hooks/useSettings.js";
-import { useEntityDocuments as U } from "./hooks/useEntityDocuments.js";
-import { useCaptureEpod as W, useEpod as G, useEpodPhotoUpload as K, useEpodPhotoUrl as q, useMyPendingEpodDeliveryJobs as J } from "./hooks/useEpod.js";
+import { useAnalytics as E, useDashboardMetrics as D, useEmissionsSummary as O, useFinanceMetrics as k, useFleetAnalytics as A, useOrderAnalytics as j, usePerformanceAnalytics as M, useRevenueAnalytics as N } from "./hooks/useAnalytics.js";
+import { useDriverTracking as P, useGeofence as F, useLiveTracking as I, useOrderTracking as L, useTracking as R, useTrackingAlerts as z, useVehicleTracking as B } from "./hooks/useTracking.js";
+import { useReports as V } from "./hooks/useReports.js";
+import { useImportExport as H } from "./hooks/useImportExport.js";
+import { useModuleSettings as U } from "./hooks/useSettings.js";
+import { useEntityDocuments as W } from "./hooks/useEntityDocuments.js";
+import { useCaptureEpod as G, useEpod as K, useEpodPhotoUpload as q, useEpodPhotoUrl as J, useMyPendingEpodDeliveryJobs as Y } from "./hooks/useEpod.js";
 import "./hooks/index.js";
-import { Avatar as Y, AvatarFallback as X, AvatarImage as Z, Badge as Q, Button as $, Card as ee, CardContent as te, CardDescription as ne, CardFooter as re, CardHeader as ie, CardTitle as ae, Checkbox as oe, Dialog as se, DialogContent as ce, DialogDescription as le, DialogFooter as ue, DialogHeader as de, DialogTitle as fe, DialogTrigger as pe, DropdownMenu as me, DropdownMenuContent as he, DropdownMenuItem as ge, DropdownMenuSeparator as _e, DropdownMenuTrigger as ve, Input as ye, Label as be, Progress as xe, ScrollArea as Se, Select as Ce, SelectContent as we, SelectItem as Te, SelectTrigger as Ee, SelectValue as De, Separator as Oe, Skeleton as ke, Switch as Ae, Table as je, TableBody as Me, TableCell as Ne, TableHead as Pe, TableHeader as Fe, TableRow as Ie, Tabs as Le, TabsContent as Re, TabsList as ze, TabsTrigger as Be, Textarea as Ve, Tooltip as He, TooltipContent as Ue, TooltipProvider as We, TooltipTrigger as Ge } from "./components/ui.js";
-import { EmptyState as Ke, ErrorState as qe, LoadingState as Je, PageLayout as Ye, PageSection as Xe } from "./components/PageLayout.js";
-import { chartTokens as Ze, seriesColor as Qe } from "./components/charts/chartTokens.js";
-import { Sparkline as $e } from "./components/charts/Sparkline.js";
-import { MetricCard as et, MetricCardSkeleton as tt, MetricGrid as nt } from "./components/MetricCard.js";
-import { GlassPanel as rt } from "./components/GlassPanel.js";
-import { ChartEmpty as it, ChartTooltip as at } from "./components/charts/ChartShell.js";
-import { TrendChart as ot } from "./components/charts/TrendChart.js";
-import { VolumeBar as st } from "./components/charts/VolumeBar.js";
-import { StatusDonut as ct } from "./components/charts/StatusDonut.js";
-import { createCurrentIcon as lt, createPinIcon as ut, createStopIcon as dt, isRealCoord as ft } from "./components/maps/leaflet-setup.js";
-import { MapCanvas as pt } from "./components/maps/MapCanvas.js";
-import { LogisticsMap as mt } from "./components/maps/LogisticsMap.js";
-import { RouteMap as ht } from "./components/maps/RouteMap.js";
-import { TrackingMap as gt } from "./components/maps/TrackingMap.js";
-import { PaymentStatusBadge as _t, PriorityBadge as vt, StatusBadge as yt, TypeBadge as bt, VehicleTypeBadge as xt } from "./components/StatusBadge.js";
-import { DataTable as St } from "./components/DataTable.js";
-import { FormError as Ct } from "./components/FormError.js";
-import { Notice as wt, useNotice as Tt } from "./components/Notice.js";
-import { DocumentsCard as Et } from "./components/DocumentsCard.js";
+import { Avatar as X, AvatarFallback as Z, AvatarImage as Q, Badge as $, Button as ee, Card as te, CardContent as ne, CardDescription as re, CardFooter as ie, CardHeader as ae, CardTitle as oe, Checkbox as se, Dialog as ce, DialogContent as le, DialogDescription as ue, DialogFooter as de, DialogHeader as fe, DialogTitle as pe, DialogTrigger as me, DropdownMenu as he, DropdownMenuContent as ge, DropdownMenuItem as _e, DropdownMenuSeparator as ve, DropdownMenuTrigger as ye, Input as be, Label as xe, Progress as Se, ScrollArea as Ce, Select as we, SelectContent as Te, SelectItem as Ee, SelectTrigger as De, SelectValue as Oe, Separator as ke, Skeleton as Ae, Switch as je, Table as Me, TableBody as Ne, TableCell as Pe, TableHead as Fe, TableHeader as Ie, TableRow as Le, Tabs as Re, TabsContent as ze, TabsList as Be, TabsTrigger as Ve, Textarea as He, Tooltip as Ue, TooltipContent as We, TooltipProvider as Ge, TooltipTrigger as Ke } from "./components/ui.js";
+import { EmptyState as qe, ErrorState as Je, LoadingState as Ye, PageLayout as Xe, PageSection as Ze } from "./components/PageLayout.js";
+import { chartTokens as Qe, seriesColor as $e } from "./components/charts/chartTokens.js";
+import { Sparkline as et } from "./components/charts/Sparkline.js";
+import { MetricCard as tt, MetricCardSkeleton as nt, MetricGrid as rt } from "./components/MetricCard.js";
+import { GlassPanel as it } from "./components/GlassPanel.js";
+import { ChartEmpty as at, ChartTooltip as ot } from "./components/charts/ChartShell.js";
+import { TrendChart as st } from "./components/charts/TrendChart.js";
+import { VolumeBar as ct } from "./components/charts/VolumeBar.js";
+import { StatusDonut as lt } from "./components/charts/StatusDonut.js";
+import { createCurrentIcon as ut, createPinIcon as dt, createStopIcon as ft, isRealCoord as pt } from "./components/maps/leaflet-setup.js";
+import { MapCanvas as mt } from "./components/maps/MapCanvas.js";
+import { LogisticsMap as ht } from "./components/maps/LogisticsMap.js";
+import { RouteMap as gt } from "./components/maps/RouteMap.js";
+import { TrackingMap as _t } from "./components/maps/TrackingMap.js";
+import { PaymentStatusBadge as vt, PriorityBadge as yt, StatusBadge as bt, TypeBadge as xt, VehicleTypeBadge as St } from "./components/StatusBadge.js";
+import { DataTable as Ct } from "./components/DataTable.js";
+import { FormError as wt } from "./components/FormError.js";
+import { Notice as Tt, useNotice as Et } from "./components/Notice.js";
+import { DocumentsCard as Dt } from "./components/DocumentsCard.js";
+import { CarbonFootprintPanel as Ot } from "./components/CarbonFootprintPanel.js";
 import "./components/index.js";
-export { Y as Avatar, X as AvatarFallback, Z as AvatarImage, Q as Badge, $ as Button, ee as Card, te as CardContent, ne as CardDescription, re as CardFooter, ie as CardHeader, ae as CardTitle, it as ChartEmpty, at as ChartTooltip, oe as Checkbox, St as DataTable, se as Dialog, ce as DialogContent, le as DialogDescription, ue as DialogFooter, de as DialogHeader, fe as DialogTitle, pe as DialogTrigger, Et as DocumentsCard, me as DropdownMenu, he as DropdownMenuContent, ge as DropdownMenuItem, _e as DropdownMenuSeparator, ve as DropdownMenuTrigger, Ke as EmptyState, qe as ErrorState, Ct as FormError, rt as GlassPanel, ye as Input, be as Label, Je as LoadingState, mt as LogisticsMap, pt as MapCanvas, et as MetricCard, tt as MetricCardSkeleton, nt as MetricGrid, n as MoveTheWheelsRoot, wt as Notice, Ye as PageLayout, Xe as PageSection, _t as PaymentStatusBadge, vt as PriorityBadge, xe as Progress, ht as RouteMap, Se as ScrollArea, Ce as Select, we as SelectContent, Te as SelectItem, Ee as SelectTrigger, De as SelectValue, Oe as Separator, ke as Skeleton, $e as Sparkline, yt as StatusBadge, ct as StatusDonut, Ae as Switch, je as Table, Me as TableBody, Ne as TableCell, Pe as TableHead, Fe as TableHeader, Ie as TableRow, Le as Tabs, Re as TabsContent, ze as TabsList, Be as TabsTrigger, Ve as Textarea, He as Tooltip, Ue as TooltipContent, We as TooltipProvider, Ge as TooltipTrigger, gt as TrackingMap, ot as TrendChart, bt as TypeBadge, xt as VehicleTypeBadge, st as VolumeBar, Ze as chartTokens, lt as createCurrentIcon, ut as createPinIcon, dt as createStopIcon, ft as isRealCoord, Qe as seriesColor, E as useAnalytics, W as useCaptureEpod, b as useCustomer, x as useCustomerStats, S as useCustomers, D as useDashboardMetrics, c as useDriver, N as useDriverTracking, l as useDrivers, U as useEntityDocuments, G as useEpod, K as useEpodPhotoUpload, q as useEpodPhotoUrl, O as useFinanceMetrics, u as useFleet, k as useFleetAnalytics, d as useFleetStats, P as useGeofence, V as useImportExport, m as useInventory, h as useInventoryStats, F as useLiveTracking, H as useModuleSettings, e as useMoveTheWheels, t as useMoveTheWheelsNavigate, r as useMoveTheWheelsStore, J as useMyPendingEpodDeliveryJobs, Tt as useNotice, a as useOrder, A as useOrderAnalytics, o as useOrderStats, I as useOrderTracking, s as useOrders, j as usePerformanceAnalytics, g as useProduct, _ as useProducts, B as useReports, M as useRevenueAnalytics, C as useRoute, w as useRouteStats, T as useRoutes, i as useSandboxAssistantTransport, L as useTracking, R as useTrackingAlerts, f as useVehicle, z as useVehicleTracking, p as useVehicles, v as useWarehouse, y as useWarehouses };
+export { X as Avatar, Z as AvatarFallback, Q as AvatarImage, $ as Badge, ee as Button, Ot as CarbonFootprintPanel, te as Card, ne as CardContent, re as CardDescription, ie as CardFooter, ae as CardHeader, oe as CardTitle, at as ChartEmpty, ot as ChartTooltip, se as Checkbox, Ct as DataTable, ce as Dialog, le as DialogContent, ue as DialogDescription, de as DialogFooter, fe as DialogHeader, pe as DialogTitle, me as DialogTrigger, Dt as DocumentsCard, he as DropdownMenu, ge as DropdownMenuContent, _e as DropdownMenuItem, ve as DropdownMenuSeparator, ye as DropdownMenuTrigger, qe as EmptyState, Je as ErrorState, wt as FormError, it as GlassPanel, be as Input, xe as Label, Ye as LoadingState, ht as LogisticsMap, mt as MapCanvas, tt as MetricCard, nt as MetricCardSkeleton, rt as MetricGrid, n as MoveTheWheelsRoot, Tt as Notice, Xe as PageLayout, Ze as PageSection, vt as PaymentStatusBadge, yt as PriorityBadge, Se as Progress, gt as RouteMap, Ce as ScrollArea, we as Select, Te as SelectContent, Ee as SelectItem, De as SelectTrigger, Oe as SelectValue, ke as Separator, Ae as Skeleton, et as Sparkline, bt as StatusBadge, lt as StatusDonut, je as Switch, Me as Table, Ne as TableBody, Pe as TableCell, Fe as TableHead, Ie as TableHeader, Le as TableRow, Re as Tabs, ze as TabsContent, Be as TabsList, Ve as TabsTrigger, He as Textarea, Ue as Tooltip, We as TooltipContent, Ge as TooltipProvider, Ke as TooltipTrigger, _t as TrackingMap, st as TrendChart, xt as TypeBadge, St as VehicleTypeBadge, ct as VolumeBar, Qe as chartTokens, ut as createCurrentIcon, dt as createPinIcon, ft as createStopIcon, pt as isRealCoord, $e as seriesColor, E as useAnalytics, G as useCaptureEpod, b as useCustomer, x as useCustomerStats, S as useCustomers, D as useDashboardMetrics, c as useDriver, P as useDriverTracking, l as useDrivers, O as useEmissionsSummary, W as useEntityDocuments, K as useEpod, q as useEpodPhotoUpload, J as useEpodPhotoUrl, k as useFinanceMetrics, u as useFleet, A as useFleetAnalytics, d as useFleetStats, F as useGeofence, H as useImportExport, m as useInventory, h as useInventoryStats, I as useLiveTracking, U as useModuleSettings, e as useMoveTheWheels, t as useMoveTheWheelsNavigate, r as useMoveTheWheelsStore, Y as useMyPendingEpodDeliveryJobs, Et as useNotice, a as useOrder, j as useOrderAnalytics, o as useOrderStats, L as useOrderTracking, s as useOrders, M as usePerformanceAnalytics, g as useProduct, _ as useProducts, V as useReports, N as useRevenueAnalytics, C as useRoute, w as useRouteStats, T as useRoutes, i as useSandboxAssistantTransport, R as useTracking, z as useTrackingAlerts, f as useVehicle, B as useVehicleTracking, p as useVehicles, v as useWarehouse, y as useWarehouses };

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

@@ -0,0 +1,7 @@
+/**
+ * Carbon footprint panel (BOFF-4391).
+ *
+ * Surfaces workspace-level CO2e totals and per-vehicle intensity. Data comes
+ * from Query.emissionsSummary via useEmissionsSummary.
+ */
+export declare function CarbonFootprintPanel(): import("react").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ForecastPoint, ForecastVariance } from '../hooks/useDemandForecast';
+
+interface UpcomingDemandPanelProps {
+    laneForecast: ForecastPoint[];
+    customerForecast: ForecastPoint[];
+    laneVariance: ForecastVariance[];
+    customerVariance: ForecastVariance[];
+    isLoading: boolean;
+    error: Error | null;
+    onRetry: () => void;
+}
+export declare function UpcomingDemandPanel({ laneForecast, customerForecast, laneVariance, customerVariance, isLoading, error, onRetry, }: UpcomingDemandPanelProps): import("react").JSX.Element;
+export {};

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

@@ -14,3 +14,4 @@ export { DataTable, type Column } from './DataTable';
 export { FormError } from './FormError';
 export { Notice, useNotice } from './Notice';
 export { DocumentsCard } from './DocumentsCard';
+export { CarbonFootprintPanel } from './CarbonFootprintPanel';

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

@@ -8,7 +8,7 @@ export { useFleet, useVehicles, useVehicle, useDrivers, useDriver, useFleetStats
 export { useInventory, useProducts, useProduct, useWarehouses, useWarehouse, useInventoryStats, } from './useInventory';
 export { useCustomers, useCustomer, useCustomerStats } from './useCustomers';
 export { useRoutes, useRoute, useRouteStats } from './useRoutes';
-export { useAnalytics, useDashboardMetrics, useRevenueAnalytics, useOrderAnalytics, useFleetAnalytics, usePerformanceAnalytics, useFinanceMetrics, type FinanceMetrics, } from './useAnalytics';
+export { useAnalytics, useDashboardMetrics, useRevenueAnalytics, useOrderAnalytics, useFleetAnalytics, usePerformanceAnalytics, useFinanceMetrics, type FinanceMetrics, useEmissionsSummary, type EmissionsSummary, } from './useAnalytics';
 export { useTracking, useOrderTracking, useVehicleTracking, useDriverTracking, useLiveTracking, useTrackingAlerts, useGeofence, } from './useTracking';
 export { useReports } from './useReports';
 export { useImportExport } from './useImportExport';

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

@@ -133,4 +133,26 @@ export declare function usePerformanceAnalytics(): {
     isLoading: boolean;
     error: Error | null;
 };
+export interface EmissionsSummary {
+    totalCo2eKg: number;
+    totalDistanceKm: number;
+    averageCo2eKgPerKm: number;
+    byVehicle: Array<{
+        vehicleId: string | null;
+        vehicleNumber: string | null;
+        totalDistanceKm: number;
+        co2eKg: number;
+    }>;
+}
+/**
+ * Real emissions figures straight from Query.emissionsSummary (BOFF-4391).
+ * Returns totals, per-km intensity, and a per-vehicle breakdown sourced from
+ * cached route CO2e values and actual/estimated distances.
+ */
+export declare function useEmissionsSummary(): {
+    summary: EmissionsSummary;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+};
 export {};

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

@@ -0,0 +1,39 @@
+/**
+ * Demand forecasting hook (BOFF-4393). Pulls next-N-week forecasts by lane
+ * and customer plus the recent closed-period variance. Read-side only — the
+ * admin console exposes `recalculateDemandForecasts` separately.
+ */
+export interface ForecastPoint {
+    scopeType: 'LANE' | 'CUSTOMER';
+    scopeKey: string;
+    periodStart: string;
+    periodEnd: string;
+    predictedVolume: number;
+    predictedRevenue: number;
+    actualVolume: number | null;
+    actualRevenue: number | null;
+    confidence: number;
+}
+export interface ForecastVariance {
+    scopeType: 'LANE' | 'CUSTOMER';
+    scopeKey: string;
+    periodStart: string;
+    periodEnd: string;
+    predictedVolume: number;
+    actualVolume: number;
+    volumeVariance: number;
+    predictedRevenue: number;
+    actualRevenue: number;
+    revenueVariance: number;
+}
+interface UseDemandForecastResult {
+    laneForecast: ForecastPoint[];
+    customerForecast: ForecastPoint[];
+    laneVariance: ForecastVariance[];
+    customerVariance: ForecastVariance[];
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+export declare function useDemandForecast(weeks?: number, varianceLimit?: number): UseDemandForecastResult;
+export {};

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

@@ -0,0 +1,11 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/leaf.js
+var t = e("Leaf", [["path", {
+	d: "M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z",
+	key: "nnexq3"
+}], ["path", {
+	d: "M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12",
+	key: "mt58a7"
+}]]);
+//#endregion
+export { t as Leaf };

package/dist/node_modules/lucide-react/dist/esm/icons/trending-down.js

@@ -0,0 +1,11 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/trending-down.js
+var t = e("TrendingDown", [["polyline", {
+	points: "22 17 13.5 8.5 8.5 13.5 2 7",
+	key: "1r2t7k"
+}], ["polyline", {
+	points: "16 17 22 17 22 11",
+	key: "11uiuu"
+}]]);
+//#endregion
+export { t as TrendingDown };

package/dist/pages/AnalyticsPage.js

@@ -13,75 +13,78 @@ import { VolumeBar as b } from "../components/charts/VolumeBar.js";
 import { StatusDonut as x } from "../components/charts/StatusDonut.js";
 import "../components/charts/index.js";
 import { formatCurrency as S } from "../utils/formatters.js";
-import { useMemo as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+import { CarbonFootprintPanel as C } from "../components/CarbonFootprintPanel.js";
+import { UpcomingDemandPanel as w } from "../components/UpcomingDemandPanel.js";
+import { useDemandForecast as T } from "../hooks/useDemandForecast.js";
+import { useMemo as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EmphasisPanel as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/AnalyticsPage.tsx
-var O = (e) => e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
-function k() {
-	let { analytics: k, isLoading: A, error: j, refetch: M } = o(), { orderData: N } = c(), { fleetData: P } = s(), F = C(() => k.trends.dailyOrders.map((e) => e.orders), [k.trends.dailyOrders]), I = C(() => k.trends.revenue.map((e) => ({
+var j = (e) => e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+function M() {
+	let { analytics: M, isLoading: N, error: P, refetch: F } = o(), { orderData: I } = c(), { fleetData: L } = s(), { laneForecast: R, customerForecast: z, laneVariance: B, customerVariance: V, isLoading: H, error: U, refetch: W } = T(4, 8), G = E(() => M.trends.dailyOrders.map((e) => e.orders), [M.trends.dailyOrders]), K = E(() => M.trends.revenue.map((e) => ({
 		month: e.month,
 		revenue: e.revenue
-	})), [k.trends.revenue]), L = C(() => N.byStatus.filter((e) => e.count > 0).map((e) => ({
-		name: O(e.status),
+	})), [M.trends.revenue]), q = E(() => I.byStatus.filter((e) => e.count > 0).map((e) => ({
+		name: j(e.status),
 		value: e.count
-	})), [N.byStatus]), R = L.reduce((e, t) => e + t.value, 0);
-	return /* @__PURE__ */ T(h, {
+	})), [I.byStatus]), J = q.reduce((e, t) => e + t.value, 0);
+	return /* @__PURE__ */ O(h, {
 		title: "Analytics",
 		subtitle: "Business performance and insights",
-		icon: /* @__PURE__ */ w(e, { size: 24 }),
+		icon: /* @__PURE__ */ D(e, { size: 24 }),
 		children: [
-			/* @__PURE__ */ w(D, {
-				icon: /* @__PURE__ */ w(e, { size: 18 }),
+			/* @__PURE__ */ D(A, {
+				icon: /* @__PURE__ */ D(e, { size: 18 }),
 				children: "See how the operation is really performing. Track order volume, revenue, on-time rate and customer satisfaction over time so you can spot trends, find bottlenecks, and decide where to invest — whether that's more vehicles, better routes, or new customers."
 			}),
-			j && !A ? /* @__PURE__ */ w(u, {
+			P && !N ? /* @__PURE__ */ D(u, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ T(d, {
+				children: /* @__PURE__ */ O(d, {
 					className: "p-6 text-center space-y-3",
 					children: [
-						/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ D("p", {
 							className: "text-status-error-text font-medium",
 							children: "Couldn't load analytics"
 						}),
-						/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
-							children: j.message
+							children: P.message
 						}),
-						/* @__PURE__ */ w(l, {
+						/* @__PURE__ */ D(l, {
 							variant: "outline",
-							onClick: M,
+							onClick: F,
 							children: "Retry"
 						})
 					]
 				})
-			}) : A ? /* @__PURE__ */ w(v, {
+			}) : N ? /* @__PURE__ */ D(v, {
 				columns: 4,
-				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ w(_, {}, t))
-			}) : /* @__PURE__ */ T(v, {
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ D(_, {}, t))
+			}) : /* @__PURE__ */ O(v, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ D(g, {
 						label: "Order Volume",
-						value: k.overview.totalOrders.toLocaleString(),
-						icon: /* @__PURE__ */ w(n, { size: 20 }),
+						value: M.overview.totalOrders.toLocaleString(),
+						icon: /* @__PURE__ */ D(n, { size: 20 }),
 						accent: "brand",
-						sparklineData: F.length >= 2 ? F : void 0
+						sparklineData: G.length >= 2 ? G : void 0
 					}),
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ D(g, {
 						treatment: "glass",
 						glow: !0,
 						label: "Revenue",
-						value: S(k.overview.totalRevenue),
-						icon: /* @__PURE__ */ w(t, { size: 20 }),
+						value: S(M.overview.totalRevenue),
+						icon: /* @__PURE__ */ D(t, { size: 20 }),
 						accent: "success"
 					}),
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ D(g, {
 						label: "On-Time Delivery",
-						value: `${k.overview.onTimeDeliveryRate.toFixed(1)}%`,
-						icon: /* @__PURE__ */ w(i, { size: 20 }),
+						value: `${M.overview.onTimeDeliveryRate.toFixed(1)}%`,
+						icon: /* @__PURE__ */ D(i, { size: 20 }),
 						accent: "blue",
-						delta: k.overview.onTimeDeliveryRate >= 90 ? {
+						delta: M.overview.onTimeDeliveryRate >= 90 ? {
 							value: "On target",
 							direction: "up"
 						} : {
@@ -89,19 +92,19 @@ function k() {
 							direction: "down"
 						}
 					}),
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ D(g, {
 						label: "Customer Satisfaction",
-						value: k.overview.customerSatisfaction.toFixed(1),
-						icon: /* @__PURE__ */ w(r, { size: 20 }),
+						value: M.overview.customerSatisfaction.toFixed(1),
+						icon: /* @__PURE__ */ D(r, { size: 20 }),
 						accent: "warning",
 						subtitle: "out of 5"
 					})
 				]
 			}),
-			/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Order & delivery trend" }) }), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w(y, {
+			/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, { children: "Order & delivery trend" }) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(y, {
 				xKey: "date",
 				height: 300,
-				data: k.trends.dailyOrders,
+				data: M.trends.dailyOrders,
 				series: [{
 					dataKey: "orders",
 					name: "Orders"
@@ -111,89 +114,99 @@ function k() {
 				}],
 				emptyMessage: "No order trend recorded yet"
 			}) })] }),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D(w, {
+				laneForecast: R,
+				customerForecast: z,
+				laneVariance: B,
+				customerVariance: V,
+				isLoading: H,
+				error: U,
+				onRetry: W
+			}),
+			/* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Revenue by month" }) }), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w(b, {
+				children: [/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, { children: "Revenue by month" }) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(b, {
 					xKey: "month",
 					height: 280,
 					showLegend: !1,
-					data: I,
+					data: K,
 					series: [{
 						dataKey: "revenue",
 						name: "Revenue"
 					}],
 					valueFormatter: (e) => S(Number(e)),
 					emptyMessage: "No revenue recorded yet"
-				}) })] }), /* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Orders by status" }) }), /* @__PURE__ */ w(d, { children: /* @__PURE__ */ w(x, {
-					data: L,
+				}) })] }), /* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, { children: "Orders by status" }) }), /* @__PURE__ */ D(d, { children: /* @__PURE__ */ D(x, {
+					data: q,
 					height: 240,
-					centerLabel: R.toLocaleString(),
+					centerLabel: J.toLocaleString(),
 					centerSubLabel: "orders",
 					emptyMessage: "No orders to break down yet"
 				}) })] })]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ O("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ T(u, { children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: "Fleet Performance" }) }), /* @__PURE__ */ T(d, {
+				children: [/* @__PURE__ */ O(u, { children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, { children: "Fleet Performance" }) }), /* @__PURE__ */ O(d, {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
 						className: "flex justify-between text-sm mb-1",
-						children: [/* @__PURE__ */ w("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ T("span", { children: [P.vehicleUtilization.toFixed(0), "%"] })]
-					}), /* @__PURE__ */ w(m, { value: P.vehicleUtilization })] }), P.vehiclesByType.length > 0 && /* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ D("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ O("span", { children: [L.vehicleUtilization.toFixed(0), "%"] })]
+					}), /* @__PURE__ */ D(m, { value: L.vehicleUtilization })] }), L.vehiclesByType.length > 0 && /* @__PURE__ */ O("div", {
 						className: "pt-2",
-						children: [/* @__PURE__ */ w("p", {
+						children: [/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary mb-2",
 							children: "Vehicles by Type"
-						}), P.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ T("div", {
+						}), L.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ O("div", {
 							className: "flex justify-between text-sm py-1",
-							children: [/* @__PURE__ */ w("span", {
+							children: [/* @__PURE__ */ D("span", {
 								className: "capitalize",
 								children: e
-							}), /* @__PURE__ */ w("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "font-medium",
 								children: t
 							})]
 						}, e))]
 					})]
-				})] }), /* @__PURE__ */ T(E, {
+				})] }), /* @__PURE__ */ O(k, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ w("h2", {
+						/* @__PURE__ */ D("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Performance Metrics"
 						}),
-						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: "On-Time Delivery"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ O("p", {
 							className: "text-2xl font-bold",
-							children: [k.performance.onTimeDelivery.toFixed(1), "%"]
+							children: [M.performance.onTimeDelivery.toFixed(1), "%"]
 						})] }),
-						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: "Customer Satisfaction"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ O("p", {
 							className: "text-2xl font-bold",
-							children: [k.overview.customerSatisfaction.toFixed(1), "/5"]
+							children: [M.overview.customerSatisfaction.toFixed(1), "/5"]
 						})] }),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ w(a, {
+							children: [/* @__PURE__ */ D(a, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 								className: "text-sm text-text-secondary",
 								children: "Driver Ratings"
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ O("p", {
 								className: "text-2xl font-bold",
-								children: [k.performance.driverRatings.toFixed(1), "/5"]
+								children: [M.performance.driverRatings.toFixed(1), "/5"]
 							})] })]
 						})
 					]
 				})]
-			})
+			}),
+			/* @__PURE__ */ D(C, {})
 		]
 	});
 }
 //#endregion
-export { k as default };
+export { M as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.804.1",
+  "version": "2026.822.1",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [
@@ -106,7 +106,7 @@
     "zustand": "^5.0.0"
   },
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   },
   "overrides": {
     "lodash": ">=4.17.21",