@burdenoff/microfe-movethewheels 2026.804.1 → 2026.805.1

package/dist/components/UpcomingDemandPanel.js

@@ -0,0 +1,184 @@
+import { Calendar as e } from "../node_modules/lucide-react/dist/esm/icons/calendar.js";
+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";
+//#region src/movethewheels/components/UpcomingDemandPanel.tsx
+var d = (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, {
+		className: "border-status-error-border",
+		children: /* @__PURE__ */ u(a, {
+			className: "p-6 text-center space-y-3",
+			children: [
+				/* @__PURE__ */ l("p", {
+					className: "text-status-error-text font-medium",
+					children: "Couldn't load demand forecast"
+				}),
+				/* @__PURE__ */ l("p", {
+					className: "text-sm text-text-secondary",
+					children: x.message
+				}),
+				/* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: S,
+					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, {
+		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" })
+		]
+	})] });
+	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, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ l(e, {
+			size: 18,
+			"aria-hidden": "true"
+		}), "Upcoming demand"]
+	}) }), /* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("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, {
+			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." })]
+	}) })] });
+	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, {
+		className: "flex items-center gap-2",
+		children: [
+			/* @__PURE__ */ l(e, {
+				size: 18,
+				"aria-hidden": "true"
+			}),
+			"Upcoming demand — week of ",
+			d(C)
+		]
+	}) }), /* @__PURE__ */ u(a, {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ u("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", {
+				className: "text-xs uppercase tracking-wide text-text-secondary",
+				children: "Predicted jobs (all lanes)"
+			}), /* @__PURE__ */ l("p", {
+				className: "text-2xl font-bold",
+				children: D
+			})] }), /* @__PURE__ */ l("p", {
+				className: "text-xs text-text-secondary",
+				children: w[0] ? h(w[0].confidence) : ""
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+			children: [
+				/* @__PURE__ */ l(_, {
+					title: "Top lanes (volume)",
+					rows: w
+				}),
+				/* @__PURE__ */ l(_, {
+					title: "Top lanes (revenue)",
+					rows: T
+				}),
+				/* @__PURE__ */ l(_, {
+					title: "Top customers (volume)",
+					rows: E
+				}),
+				/* @__PURE__ */ l(v, { rows: O })
+			]
+		})]
+	})] });
+}
+function _({ title: e, rows: t }) {
+	return t.length === 0 ? /* @__PURE__ */ u("div", {
+		className: "rounded-lg border border-border/60 p-4",
+		children: [/* @__PURE__ */ l("p", {
+			className: "text-sm font-medium mb-2",
+			children: e
+		}), /* @__PURE__ */ l("p", {
+			className: "text-xs text-text-secondary",
+			children: "No forecasts yet for this week."
+		})]
+	}) : /* @__PURE__ */ u("div", {
+		className: "rounded-lg border border-border/60 p-4",
+		children: [/* @__PURE__ */ l("p", {
+			className: "text-sm font-medium mb-3",
+			children: e
+		}), /* @__PURE__ */ l("ul", {
+			className: "space-y-2",
+			children: t.map((e) => /* @__PURE__ */ u("li", {
+				className: "flex items-center justify-between text-sm",
+				children: [/* @__PURE__ */ l("span", {
+					className: "truncate font-medium",
+					children: e.scopeKey
+				}), /* @__PURE__ */ u("span", {
+					className: "ml-2 shrink-0 text-text-secondary",
+					children: [
+						e.predictedVolume,
+						" jobs ·",
+						" ",
+						new Intl.NumberFormat(void 0, {
+							style: "currency",
+							currency: "USD",
+							maximumFractionDigits: 0
+						}).format(e.predictedRevenue)
+					]
+				})]
+			}, `${e.scopeType}-${e.scopeKey}`))
+		})]
+	});
+}
+function v({ rows: e }) {
+	return /* @__PURE__ */ u("div", {
+		className: "rounded-lg border border-border/60 p-4",
+		children: [/* @__PURE__ */ l("p", {
+			className: "text-sm font-medium mb-3",
+			children: "Recent forecast variance"
+		}), e.length === 0 ? /* @__PURE__ */ l("p", {
+			className: "text-xs text-text-secondary",
+			children: "No closed periods to compare yet."
+		}) : /* @__PURE__ */ l("ul", {
+			className: "space-y-2",
+			children: e.map((e) => {
+				let t = e.volumeVariance > 0, i = t ? r : n, a = t ? "text-emerald-600 dark:text-emerald-400" : "text-rose-600 dark:text-rose-400";
+				return /* @__PURE__ */ u("li", {
+					className: "flex items-center justify-between text-sm",
+					children: [/* @__PURE__ */ u("span", {
+						className: "flex items-center gap-2 truncate",
+						children: [/* @__PURE__ */ l(i, {
+							size: 14,
+							className: a,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ l("span", {
+							className: "truncate font-medium",
+							children: e.scopeKey
+						})]
+					}), /* @__PURE__ */ u("span", {
+						className: `ml-2 shrink-0 ${a}`,
+						children: [
+							t ? "+" : "",
+							e.volumeVariance,
+							" jobs"
+						]
+					})]
+				}, `${e.scopeType}-${e.scopeKey}-${e.periodStart}`);
+			})
+		})]
+	});
+}
+//#endregion
+export { g as UpcomingDemandPanel };

package/dist/generated/wspace-operations.d.ts

@@ -1404,6 +1404,62 @@ export type GetWarehouseQuery = {
         }>;
     } | 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>;
@@ -3232,6 +3288,97 @@ 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 declare const GetMovethewheelsDemandForecastByLaneDocument: Apollo.DocumentNode;
+/**
+ * __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 declare function useGetMovethewheelsDemandForecastByLaneQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables> & ({
+    variables: Types.GetMovethewheelsDemandForecastByLaneQueryVariables;
+    skip?: boolean;
+} | {
+    skip: boolean;
+})): ApolloReactHooks.useQuery.Result<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables, "empty" | "complete" | "streaming", Types.GetMovethewheelsDemandForecastByLaneQueryVariables>;
+export declare function useGetMovethewheelsDemandForecastByLaneLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>): ApolloReactHooks.useLazyQuery.ResultTuple<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables, "empty" | "complete" | "streaming">;
+export declare function useGetMovethewheelsDemandForecastByLaneSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>;
+export declare function useGetMovethewheelsDemandForecastByLaneSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByLaneQuery, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByLaneQuery | undefined, Types.GetMovethewheelsDemandForecastByLaneQueryVariables>;
+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 declare const GetMovethewheelsDemandForecastByCustomerDocument: Apollo.DocumentNode;
+/**
+ * __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 declare function useGetMovethewheelsDemandForecastByCustomerQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables> & ({
+    variables: Types.GetMovethewheelsDemandForecastByCustomerQueryVariables;
+    skip?: boolean;
+} | {
+    skip: boolean;
+})): ApolloReactHooks.useQuery.Result<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables, "empty" | "complete" | "streaming", Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>;
+export declare function useGetMovethewheelsDemandForecastByCustomerLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>): ApolloReactHooks.useLazyQuery.ResultTuple<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables, "empty" | "complete" | "streaming">;
+export declare function useGetMovethewheelsDemandForecastByCustomerSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>;
+export declare function useGetMovethewheelsDemandForecastByCustomerSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastByCustomerQuery, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastByCustomerQuery | undefined, Types.GetMovethewheelsDemandForecastByCustomerQueryVariables>;
+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 declare const GetMovethewheelsDemandForecastVarianceDocument: Apollo.DocumentNode;
+/**
+ * __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 declare function useGetMovethewheelsDemandForecastVarianceQuery(baseOptions: ApolloReactHooks.QueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables> & ({
+    variables: Types.GetMovethewheelsDemandForecastVarianceQueryVariables;
+    skip?: boolean;
+} | {
+    skip: boolean;
+})): ApolloReactHooks.useQuery.Result<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables, "empty" | "complete" | "streaming", Types.GetMovethewheelsDemandForecastVarianceQueryVariables>;
+export declare function useGetMovethewheelsDemandForecastVarianceLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>): ApolloReactHooks.useLazyQuery.ResultTuple<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables, "empty" | "complete" | "streaming">;
+export declare function useGetMovethewheelsDemandForecastVarianceSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>;
+export declare function useGetMovethewheelsDemandForecastVarianceSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.GetMovethewheelsDemandForecastVarianceQuery, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.GetMovethewheelsDemandForecastVarianceQuery | undefined, Types.GetMovethewheelsDemandForecastVarianceQueryVariables>;
+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 declare const ListInventoryItemsDocument: Apollo.DocumentNode;
 /**
  * __useListInventoryItemsQuery__

package/dist/generated/wspace-types.d.ts

@@ -9117,6 +9117,10 @@ export declare enum DeliveryChannelType {
     Storage = "STORAGE",
     Webhook = "WEBHOOK"
 }
+export declare enum DemandForecastScope {
+    Customer = "CUSTOMER",
+    Lane = "LANE"
+}
 export type DependencyHealth = {
     __typename?: 'DependencyHealth';
     message: Scalars['String']['output'];
@@ -18999,6 +19003,31 @@ export type MovethewheelsReportFilterInput = {
     status?: InputMaybe<Scalars['String']['input']>;
     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.
@@ -20753,6 +20782,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).
@@ -28817,6 +28847,13 @@ export type MutationReactivateWorkspaceArgs = {
 export type MutationRebuildKnowledgeBaseIndexArgs = {
     knowledgeBaseId: Scalars['ID']['input'];
 };
+/**
+ * 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.
@@ -36315,6 +36352,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;
     /**
@@ -38601,6 +38642,28 @@ export type QueryDeadLetterQueueEntryArgs = {
 export type QueryDecryptSecretArgs = {
     id: Scalars['ID']['input'];
 };
+/**
+ * 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.

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/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/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/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 };