@burdenoff/microfe-movethewheels 2026.804.1 → 2026.805.1

package/dist/pages/AnalyticsPage.js

@@ -13,75 +13,77 @@ 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 { UpcomingDemandPanel as C } from "../components/UpcomingDemandPanel.js";
+import { useDemandForecast as w } from "../hooks/useDemandForecast.js";
+import { useMemo as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, PagePurpose as k } 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 A = (e) => e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+function j() {
+	let { analytics: j, isLoading: M, error: N, refetch: P } = o(), { orderData: F } = c(), { fleetData: I } = s(), { laneForecast: L, customerForecast: R, laneVariance: z, customerVariance: B, isLoading: V, error: H, refetch: U } = w(4, 8), W = T(() => j.trends.dailyOrders.map((e) => e.orders), [j.trends.dailyOrders]), G = T(() => j.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),
+	})), [j.trends.revenue]), K = T(() => F.byStatus.filter((e) => e.count > 0).map((e) => ({
+		name: A(e.status),
 		value: e.count
-	})), [N.byStatus]), R = L.reduce((e, t) => e + t.value, 0);
-	return /* @__PURE__ */ T(h, {
+	})), [F.byStatus]), q = K.reduce((e, t) => e + t.value, 0);
+	return /* @__PURE__ */ D(h, {
 		title: "Analytics",
 		subtitle: "Business performance and insights",
-		icon: /* @__PURE__ */ w(e, { size: 24 }),
+		icon: /* @__PURE__ */ E(e, { size: 24 }),
 		children: [
-			/* @__PURE__ */ w(D, {
-				icon: /* @__PURE__ */ w(e, { size: 18 }),
+			/* @__PURE__ */ E(k, {
+				icon: /* @__PURE__ */ E(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, {
+			N && !M ? /* @__PURE__ */ E(u, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ T(d, {
+				children: /* @__PURE__ */ D(d, {
 					className: "p-6 text-center space-y-3",
 					children: [
-						/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ E("p", {
 							className: "text-status-error-text font-medium",
 							children: "Couldn't load analytics"
 						}),
-						/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
-							children: j.message
+							children: N.message
 						}),
-						/* @__PURE__ */ w(l, {
+						/* @__PURE__ */ E(l, {
 							variant: "outline",
-							onClick: M,
+							onClick: P,
 							children: "Retry"
 						})
 					]
 				})
-			}) : A ? /* @__PURE__ */ w(v, {
+			}) : M ? /* @__PURE__ */ E(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__ */ E(_, {}, t))
+			}) : /* @__PURE__ */ D(v, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ E(g, {
 						label: "Order Volume",
-						value: k.overview.totalOrders.toLocaleString(),
-						icon: /* @__PURE__ */ w(n, { size: 20 }),
+						value: j.overview.totalOrders.toLocaleString(),
+						icon: /* @__PURE__ */ E(n, { size: 20 }),
 						accent: "brand",
-						sparklineData: F.length >= 2 ? F : void 0
+						sparklineData: W.length >= 2 ? W : void 0
 					}),
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ E(g, {
 						treatment: "glass",
 						glow: !0,
 						label: "Revenue",
-						value: S(k.overview.totalRevenue),
-						icon: /* @__PURE__ */ w(t, { size: 20 }),
+						value: S(j.overview.totalRevenue),
+						icon: /* @__PURE__ */ E(t, { size: 20 }),
 						accent: "success"
 					}),
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ E(g, {
 						label: "On-Time Delivery",
-						value: `${k.overview.onTimeDeliveryRate.toFixed(1)}%`,
-						icon: /* @__PURE__ */ w(i, { size: 20 }),
+						value: `${j.overview.onTimeDeliveryRate.toFixed(1)}%`,
+						icon: /* @__PURE__ */ E(i, { size: 20 }),
 						accent: "blue",
-						delta: k.overview.onTimeDeliveryRate >= 90 ? {
+						delta: j.overview.onTimeDeliveryRate >= 90 ? {
 							value: "On target",
 							direction: "up"
 						} : {
@@ -89,19 +91,19 @@ function k() {
 							direction: "down"
 						}
 					}),
-					/* @__PURE__ */ w(g, {
+					/* @__PURE__ */ E(g, {
 						label: "Customer Satisfaction",
-						value: k.overview.customerSatisfaction.toFixed(1),
-						icon: /* @__PURE__ */ w(r, { size: 20 }),
+						value: j.overview.customerSatisfaction.toFixed(1),
+						icon: /* @__PURE__ */ E(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__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ E(p, { children: "Order & delivery trend" }) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(y, {
 				xKey: "date",
 				height: 300,
-				data: k.trends.dailyOrders,
+				data: j.trends.dailyOrders,
 				series: [{
 					dataKey: "orders",
 					name: "Orders"
@@ -111,82 +113,91 @@ function k() {
 				}],
 				emptyMessage: "No order trend recorded yet"
 			}) })] }),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E(C, {
+				laneForecast: L,
+				customerForecast: R,
+				laneVariance: z,
+				customerVariance: B,
+				isLoading: V,
+				error: H,
+				onRetry: U
+			}),
+			/* @__PURE__ */ D("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__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ E(p, { children: "Revenue by month" }) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(b, {
 					xKey: "month",
 					height: 280,
 					showLegend: !1,
-					data: I,
+					data: G,
 					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__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ E(p, { children: "Orders by status" }) }), /* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(x, {
+					data: K,
 					height: 240,
-					centerLabel: R.toLocaleString(),
+					centerLabel: q.toLocaleString(),
 					centerSubLabel: "orders",
 					emptyMessage: "No orders to break down yet"
 				}) })] })]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("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__ */ D(u, { children: [/* @__PURE__ */ E(f, { children: /* @__PURE__ */ E(p, { children: "Fleet Performance" }) }), /* @__PURE__ */ D(d, {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("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__ */ E("span", { children: "Vehicle Utilization" }), /* @__PURE__ */ D("span", { children: [I.vehicleUtilization.toFixed(0), "%"] })]
+					}), /* @__PURE__ */ E(m, { value: I.vehicleUtilization })] }), I.vehiclesByType.length > 0 && /* @__PURE__ */ D("div", {
 						className: "pt-2",
-						children: [/* @__PURE__ */ w("p", {
+						children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary mb-2",
 							children: "Vehicles by Type"
-						}), P.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ T("div", {
+						}), I.vehiclesByType.map(({ type: e, count: t }) => /* @__PURE__ */ D("div", {
 							className: "flex justify-between text-sm py-1",
-							children: [/* @__PURE__ */ w("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "capitalize",
 								children: e
-							}), /* @__PURE__ */ w("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "font-medium",
 								children: t
 							})]
 						}, e))]
 					})]
-				})] }), /* @__PURE__ */ T(E, {
+				})] }), /* @__PURE__ */ D(O, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ w("h2", {
+						/* @__PURE__ */ E("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Performance Metrics"
 						}),
-						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "On-Time Delivery"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "text-2xl font-bold",
-							children: [k.performance.onTimeDelivery.toFixed(1), "%"]
+							children: [j.performance.onTimeDelivery.toFixed(1), "%"]
 						})] }),
-						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+						/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Customer Satisfaction"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "text-2xl font-bold",
-							children: [k.overview.customerSatisfaction.toFixed(1), "/5"]
+							children: [j.overview.customerSatisfaction.toFixed(1), "/5"]
 						})] }),
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ w(a, {
+							children: [/* @__PURE__ */ E(a, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+							}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: "Driver Ratings"
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-2xl font-bold",
-								children: [k.performance.driverRatings.toFixed(1), "/5"]
+								children: [j.performance.driverRatings.toFixed(1), "/5"]
 							})] })]
 						})
 					]
@@ -196,4 +207,4 @@ function k() {
 	});
 }
 //#endregion
-export { k as default };
+export { j as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.804.1",
+  "version": "2026.805.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",

package/src/generated/wspace-operations.ts

@@ -462,6 +462,28 @@ export type GetWarehouseQueryVariables = Types.Exact<{
 
 export type GetWarehouseQuery = { __typename?: 'Query', warehouse?: { __typename?: 'Warehouse', id: string, name: string, code: string, type: Types.WarehouseType, address: Record<string, unknown>, contactInfo?: Record<string, unknown> | null, operatingHours?: Record<string, unknown> | null, capabilities?: Record<string, unknown> | null, status: string, totalCapacity?: number | null, usedCapacity?: number | null, createdAt: string, updatedAt: string, locations: Array<{ __typename?: 'WarehouseLocation', id: string, locationCode: string, zone?: string | null, aisle?: string | null, rack?: string | null, shelf?: string | null, bin?: string | null, locationType?: string | null, capacity?: number | null, status: string }> } | null };
 
+export type GetMovethewheelsDemandForecastByLaneQueryVariables = Types.Exact<{
+  weeks: Types.Scalars['Int']['input'];
+}>;
+
+
+export type GetMovethewheelsDemandForecastByLaneQuery = { __typename?: 'Query', demandForecastByLane: Array<{ __typename?: 'MtwDemandForecastPoint', scopeType: Types.DemandForecastScope, scopeKey: string, periodStart: string, periodEnd: string, predictedVolume: number, predictedRevenue: number, actualVolume?: number | null, actualRevenue?: number | null, confidence: number }> };
+
+export type GetMovethewheelsDemandForecastByCustomerQueryVariables = Types.Exact<{
+  weeks: Types.Scalars['Int']['input'];
+}>;
+
+
+export type GetMovethewheelsDemandForecastByCustomerQuery = { __typename?: 'Query', demandForecastByCustomer: Array<{ __typename?: 'MtwDemandForecastPoint', scopeType: Types.DemandForecastScope, scopeKey: string, periodStart: string, periodEnd: string, predictedVolume: number, predictedRevenue: number, actualVolume?: number | null, actualRevenue?: number | null, confidence: number }> };
+
+export type GetMovethewheelsDemandForecastVarianceQueryVariables = Types.Exact<{
+  scopeType: Types.DemandForecastScope;
+  limit: Types.Scalars['Int']['input'];
+}>;
+
+
+export type GetMovethewheelsDemandForecastVarianceQuery = { __typename?: 'Query', demandForecastVariance: Array<{ __typename?: 'MtwDemandForecastVariance', scopeType: Types.DemandForecastScope, scopeKey: string, periodStart: string, periodEnd: string, predictedVolume: number, actualVolume: number, volumeVariance: number, predictedRevenue: number, actualRevenue: number, revenueVariance: number }> };
+
 export type ListInventoryItemsQueryVariables = Types.Exact<{
   filter?: Types.InputMaybe<Types.InventoryFilterInput>;
   pagination?: Types.InputMaybe<Types.PaginationInput>;
@@ -2918,6 +2940,161 @@ export type GetWarehouseQueryHookResult = ReturnType<typeof useGetWarehouseQuery
 export type GetWarehouseLazyQueryHookResult = ReturnType<typeof useGetWarehouseLazyQuery>;
 export type GetWarehouseSuspenseQueryHookResult = ReturnType<typeof useGetWarehouseSuspenseQuery>;
 export type GetWarehouseQueryResult = Apollo.QueryResult<Types.GetWarehouseQuery, Types.GetWarehouseQueryVariables>;
+export const GetMovethewheelsDemandForecastByLaneDocument = gql`
+    query GetMovethewheelsDemandForecastByLane($weeks: Int!) {
+  demandForecastByLane(weeks: $weeks) {
+    scopeType
+    scopeKey
+    periodStart
+    periodEnd
+    predictedVolume
+    predictedRevenue
+    actualVolume
+    actualRevenue
+    confidence
+  }
+}
+    `;
+
+/**
+ * __useGetMovethewheelsDemandForecastByLaneQuery__
+ *
+ * To run a query within a React component, call `useGetMovethewheelsDemandForecastByLaneQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetMovethewheelsDemandForecastByLaneQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetMovethewheelsDemandForecastByLaneQuery({
+ *   variables: {
+ *      weeks: // value for 'weeks'
+ *   },
+ * });
+ */
+export function useGetMovethewheelsDemandForecastByLaneQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables> & ({ variables: Types.GetMovethewheelsDemandForecastByLaneQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {
+        const options = {...defaultOptions, ...baseOptions}
+        return ApolloReactHooks.useQuery<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>(GetMovethewheelsDemandForecastByLaneDocument, options);
+      }
+export function useGetMovethewheelsDemandForecastByLaneLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return ApolloReactHooks.useLazyQuery<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>(GetMovethewheelsDemandForecastByLaneDocument, options);
+        }
+// @ts-ignore
+export function useGetMovethewheelsDemandForecastByLaneSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>;
+export function useGetMovethewheelsDemandForecastByLaneSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByLaneQuery | undefined, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>;
+export function useGetMovethewheelsDemandForecastByLaneSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>) {
+          const options = baseOptions === ApolloReactHooks.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}
+          return ApolloReactHooks.useSuspenseQuery<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>(GetMovethewheelsDemandForecastByLaneDocument, options);
+        }
+export type GetMovethewheelsDemandForecastByLaneQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastByLaneQuery>;
+export type GetMovethewheelsDemandForecastByLaneLazyQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastByLaneLazyQuery>;
+export type GetMovethewheelsDemandForecastByLaneSuspenseQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastByLaneSuspenseQuery>;
+export type GetMovethewheelsDemandForecastByLaneQueryResult = Apollo.QueryResult<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>;
+export const GetMovethewheelsDemandForecastByCustomerDocument = gql`
+    query GetMovethewheelsDemandForecastByCustomer($weeks: Int!) {
+  demandForecastByCustomer(weeks: $weeks) {
+    scopeType
+    scopeKey
+    periodStart
+    periodEnd
+    predictedVolume
+    predictedRevenue
+    actualVolume
+    actualRevenue
+    confidence
+  }
+}
+    `;
+
+/**
+ * __useGetMovethewheelsDemandForecastByCustomerQuery__
+ *
+ * To run a query within a React component, call `useGetMovethewheelsDemandForecastByCustomerQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetMovethewheelsDemandForecastByCustomerQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetMovethewheelsDemandForecastByCustomerQuery({
+ *   variables: {
+ *      weeks: // value for 'weeks'
+ *   },
+ * });
+ */
+export function useGetMovethewheelsDemandForecastByCustomerQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables> & ({ variables: Types.GetMovethewheelsDemandForecastByCustomerQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {
+        const options = {...defaultOptions, ...baseOptions}
+        return ApolloReactHooks.useQuery<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>(GetMovethewheelsDemandForecastByCustomerDocument, options);
+      }
+export function useGetMovethewheelsDemandForecastByCustomerLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return ApolloReactHooks.useLazyQuery<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>(GetMovethewheelsDemandForecastByCustomerDocument, options);
+        }
+// @ts-ignore
+export function useGetMovethewheelsDemandForecastByCustomerSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>;
+export function useGetMovethewheelsDemandForecastByCustomerSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByCustomerQuery | undefined, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>;
+export function useGetMovethewheelsDemandForecastByCustomerSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>) {
+          const options = baseOptions === ApolloReactHooks.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}
+          return ApolloReactHooks.useSuspenseQuery<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>(GetMovethewheelsDemandForecastByCustomerDocument, options);
+        }
+export type GetMovethewheelsDemandForecastByCustomerQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastByCustomerQuery>;
+export type GetMovethewheelsDemandForecastByCustomerLazyQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastByCustomerLazyQuery>;
+export type GetMovethewheelsDemandForecastByCustomerSuspenseQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastByCustomerSuspenseQuery>;
+export type GetMovethewheelsDemandForecastByCustomerQueryResult = Apollo.QueryResult<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>;
+export const GetMovethewheelsDemandForecastVarianceDocument = gql`
+    query GetMovethewheelsDemandForecastVariance($scopeType: DemandForecastScope!, $limit: Int!) {
+  demandForecastVariance(scopeType: $scopeType, limit: $limit) {
+    scopeType
+    scopeKey
+    periodStart
+    periodEnd
+    predictedVolume
+    actualVolume
+    volumeVariance
+    predictedRevenue
+    actualRevenue
+    revenueVariance
+  }
+}
+    `;
+
+/**
+ * __useGetMovethewheelsDemandForecastVarianceQuery__
+ *
+ * To run a query within a React component, call `useGetMovethewheelsDemandForecastVarianceQuery` and pass it any options that fit your needs.
+ * When your component renders, `useGetMovethewheelsDemandForecastVarianceQuery` returns an object from Apollo Client that contains loading, error, and data properties
+ * you can use to render your UI.
+ *
+ * @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
+ *
+ * @example
+ * const { data, loading, error } = useGetMovethewheelsDemandForecastVarianceQuery({
+ *   variables: {
+ *      scopeType: // value for 'scopeType'
+ *      limit: // value for 'limit'
+ *   },
+ * });
+ */
+export function useGetMovethewheelsDemandForecastVarianceQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables> & ({ variables: Types.GetMovethewheelsDemandForecastVarianceQueryVariables; skip?: boolean; } | { skip: boolean; }) ) {
+        const options = {...defaultOptions, ...baseOptions}
+        return ApolloReactHooks.useQuery<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>(GetMovethewheelsDemandForecastVarianceDocument, options);
+      }
+export function useGetMovethewheelsDemandForecastVarianceLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>) {
+          const options = {...defaultOptions, ...baseOptions}
+          return ApolloReactHooks.useLazyQuery<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>(GetMovethewheelsDemandForecastVarianceDocument, options);
+        }
+// @ts-ignore
+export function useGetMovethewheelsDemandForecastVarianceSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>;
+export function useGetMovethewheelsDemandForecastVarianceSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastVarianceQuery | undefined, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>;
+export function useGetMovethewheelsDemandForecastVarianceSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>) {
+          const options = baseOptions === ApolloReactHooks.skipToken ? baseOptions : {...defaultOptions, ...baseOptions}
+          return ApolloReactHooks.useSuspenseQuery<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>(GetMovethewheelsDemandForecastVarianceDocument, options);
+        }
+export type GetMovethewheelsDemandForecastVarianceQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastVarianceQuery>;
+export type GetMovethewheelsDemandForecastVarianceLazyQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastVarianceLazyQuery>;
+export type GetMovethewheelsDemandForecastVarianceSuspenseQueryHookResult = ReturnType<typeof useGetMovethewheelsDemandForecastVarianceSuspenseQuery>;
+export type GetMovethewheelsDemandForecastVarianceQueryResult = Apollo.QueryResult<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>;
 export const ListInventoryItemsDocument = gql`
     query ListInventoryItems($filter: InventoryFilterInput, $pagination: PaginationInput) {
   inventoryItems(filter: $filter, pagination: $pagination) {

package/src/generated/wspace-types.ts

@@ -9831,6 +9831,11 @@ export enum DeliveryChannelType {
   Webhook = 'WEBHOOK'
 }
 
+export enum DemandForecastScope {
+  Customer = 'CUSTOMER',
+  Lane = 'LANE'
+}
+
 export type DependencyHealth = {
   __typename?: 'DependencyHealth';
   message: Scalars['String']['output'];
@@ -20581,6 +20586,33 @@ export type MovethewheelsReportFilterInput = {
   type?: InputMaybe<Scalars['String']['input']>;
 };
 
+export type MtwDemandForecastPoint = {
+  __typename?: 'MtwDemandForecastPoint';
+  actualRevenue?: Maybe<Scalars['Float']['output']>;
+  actualVolume?: Maybe<Scalars['Int']['output']>;
+  confidence: Scalars['Float']['output'];
+  periodEnd: Scalars['DateTime']['output'];
+  periodStart: Scalars['DateTime']['output'];
+  predictedRevenue: Scalars['Float']['output'];
+  predictedVolume: Scalars['Int']['output'];
+  scopeKey: Scalars['String']['output'];
+  scopeType: DemandForecastScope;
+};
+
+export type MtwDemandForecastVariance = {
+  __typename?: 'MtwDemandForecastVariance';
+  actualRevenue: Scalars['Float']['output'];
+  actualVolume: Scalars['Int']['output'];
+  periodEnd: Scalars['DateTime']['output'];
+  periodStart: Scalars['DateTime']['output'];
+  predictedRevenue: Scalars['Float']['output'];
+  predictedVolume: Scalars['Int']['output'];
+  revenueVariance: Scalars['Float']['output'];
+  scopeKey: Scalars['String']['output'];
+  scopeType: DemandForecastScope;
+  volumeVariance: Scalars['Int']['output'];
+};
+
 /**
  * Base Mutation type with placeholder field.
  * Extended by individual mutation files.
@@ -22335,6 +22367,7 @@ export type Mutation = {
   /** Reactivate an archived workspace (sets status to ACTIVE) */
   reactivateWorkspace: Workspace;
   rebuildKnowledgeBaseIndex: Scalars['Boolean']['output'];
+  recalculateDemandForecasts: Scalars['Int']['output'];
   /**
    * Recalculate resource usage for the current workspace.
    * Workspace ID is read from gateway context (x-workspace-id header).
@@ -32325,6 +32358,15 @@ export type MutationRebuildKnowledgeBaseIndexArgs = {
 };
 
 
+/**
+ * Base Mutation type with placeholder field.
+ * Extended by individual mutation files.
+ */
+export type MutationRecalculateDemandForecastsArgs = {
+  weeksOfHistory?: InputMaybe<Scalars['Int']['input']>;
+};
+
+
 /**
  * Base Mutation type with placeholder field.
  * Extended by individual mutation files.
@@ -41214,6 +41256,10 @@ export type Query = {
   deadLetterQueueEntry?: Maybe<DeadLetterQueue>;
   decryptSecret?: Maybe<DecryptedSecret>;
   defaultVibeDeck?: Maybe<VibeDeck>;
+  /** Demand forecasting / S&OP v1 (BOFF-4393). Heuristic next-week forecasts. */
+  demandForecastByCustomer: Array<MtwDemandForecastPoint>;
+  demandForecastByLane: Array<MtwDemandForecastPoint>;
+  demandForecastVariance: Array<MtwDemandForecastVariance>;
   /** Check the health status of all system dependencies */
   dependenciesHealth: HealthCheckResponse;
   /**
@@ -43672,6 +43718,34 @@ export type QueryDecryptSecretArgs = {
 };
 
 
+/**
+ * Base Query type with placeholder field.
+ * Extended by individual query files.
+ */
+export type QueryDemandForecastByCustomerArgs = {
+  weeks?: InputMaybe<Scalars['Int']['input']>;
+};
+
+
+/**
+ * Base Query type with placeholder field.
+ * Extended by individual query files.
+ */
+export type QueryDemandForecastByLaneArgs = {
+  weeks?: InputMaybe<Scalars['Int']['input']>;
+};
+
+
+/**
+ * Base Query type with placeholder field.
+ * Extended by individual query files.
+ */
+export type QueryDemandForecastVarianceArgs = {
+  limit?: InputMaybe<Scalars['Int']['input']>;
+  scopeType: DemandForecastScope;
+};
+
+
 /**
  * Base Query type with placeholder field.
  * Extended by individual query files.