@burdenoff/microfe-movethewheels 2026.1017.16 → 2026.1017.17

package/dist/src/generated/consumed-fuel-preview-operations.js

@@ -0,0 +1,213 @@
+//#region src/generated/consumed-fuel-preview-operations.ts
+var e = {
+	kind: "Document",
+	definitions: [{
+		kind: "OperationDefinition",
+		operation: "query",
+		name: {
+			kind: "Name",
+			value: "MtwConsumedFuelPreview"
+		},
+		variableDefinitions: [{
+			kind: "VariableDefinition",
+			variable: {
+				kind: "Variable",
+				name: {
+					kind: "Name",
+					value: "input"
+				}
+			},
+			type: {
+				kind: "NonNullType",
+				type: {
+					kind: "NamedType",
+					name: {
+						kind: "Name",
+						value: "MtwConsumedFuelPreviewInput"
+					}
+				}
+			}
+		}],
+		selectionSet: {
+			kind: "SelectionSet",
+			selections: [{
+				kind: "Field",
+				name: {
+					kind: "Name",
+					value: "mtwConsumedFuelPreview"
+				},
+				arguments: [{
+					kind: "Argument",
+					name: {
+						kind: "Name",
+						value: "input"
+					},
+					value: {
+						kind: "Variable",
+						name: {
+							kind: "Name",
+							value: "input"
+						}
+					}
+				}],
+				selectionSet: {
+					kind: "SelectionSet",
+					selections: [
+						{
+							kind: "Field",
+							name: {
+								kind: "Name",
+								value: "status"
+							}
+						},
+						{
+							kind: "Field",
+							name: {
+								kind: "Name",
+								value: "litresPer100Km"
+							}
+						},
+						{
+							kind: "Field",
+							name: {
+								kind: "Name",
+								value: "reasons"
+							}
+						},
+						{
+							kind: "Field",
+							name: {
+								kind: "Name",
+								value: "qualification"
+							}
+						},
+						{
+							kind: "Field",
+							name: {
+								kind: "Name",
+								value: "distance"
+							},
+							selectionSet: {
+								kind: "SelectionSet",
+								selections: [
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "metres"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "intervalFrom"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "intervalUntil"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "basis"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "coverage"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "sourceReference"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "sourceRevision"
+										}
+									}
+								]
+							}
+						},
+						{
+							kind: "Field",
+							name: {
+								kind: "Name",
+								value: "fuel"
+							},
+							selectionSet: {
+								kind: "SelectionSet",
+								selections: [
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "millilitres"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "intervalFrom"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "intervalUntil"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "basis"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "coverage"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "sourceReference"
+										}
+									},
+									{
+										kind: "Field",
+										name: {
+											kind: "Name",
+											value: "sourceRevision"
+										}
+									}
+								]
+							}
+						}
+					]
+				}
+			}]
+		}
+	}]
+};
+//#endregion
+export { e as MtwConsumedFuelPreviewDocument };

package/dist/utils/consumedFuelInput.js

@@ -0,0 +1,110 @@
+//#region src/movethewheels/utils/consumedFuelInput.ts
+function e() {
+	let e = () => ({
+		included: !1,
+		amount: "",
+		intervalFrom: "",
+		intervalUntil: "",
+		basis: "",
+		coverage: "",
+		sourceReference: "",
+		sourceRevision: ""
+	});
+	return {
+		distance: e(),
+		fuel: e()
+	};
+}
+var t = class extends Error {
+	field;
+	kind;
+	constructor(e, t) {
+		super("Review the supplied interval observations."), this.field = e, this.kind = t;
+	}
+};
+function n(e, n) {
+	if (e === "") return null;
+	if (e.length > 11 || !/^(0|[1-9]\d*)(\.\d{1,3})?$/.test(e) || e.trim() !== e) throw new t(n, "QUANTITY");
+	let [r, i = ""] = e.split("."), a = Number(r) * 1e3 + Number(i.padEnd(3, "0"));
+	if (!Number.isSafeInteger(a) || a > 2147483647) throw new t(n, "QUANTITY");
+	return a;
+}
+function r(e, n) {
+	if (e.length < 20 || e.length > 24) throw new t(n, "INSTANT");
+	let r = e.slice(0, 19), i = e.slice(19), a = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/.exec(r);
+	if (!a || a[0] !== r || a[1] === "0000" || !/^(Z|\.\d{1,3}Z)$/.test(i)) throw new t(n, "INSTANT");
+	let o = Number(a[1]), s = Number(a[2]), c = Number(a[3]), l = [
+		31,
+		o % 4 == 0 && (o % 100 != 0 || o % 400 == 0) ? 29 : 28,
+		31,
+		30,
+		31,
+		30,
+		31,
+		31,
+		30,
+		31,
+		30,
+		31
+	];
+	if (s < 1 || s > 12 || c < 1 || c > (l[s - 1] ?? 0) || Number(a[4]) > 23 || Number(a[5]) > 59 || Number(a[6]) > 59) throw new t(n, "INSTANT");
+	let u = `${r}.${(i === "Z" ? "" : i.slice(1, -1)).padEnd(3, "0")}Z`, d = Date.parse(u);
+	if (!Number.isFinite(d) || new Date(d).toISOString() !== u) throw new t(n, "INSTANT");
+	return u;
+}
+function i(e, n) {
+	if (e === "") return null;
+	let r = e.trim();
+	if (!r || r.length > 255) throw new t(n, "SOURCE");
+	return r;
+}
+function a(e, n) {
+	if (e === "COMPLETE" || e === "PARTIAL") return e;
+	throw new t(n, "CHOICE");
+}
+function o(e) {
+	if (e === "MEASURED" || e === "PROVIDER_ESTIMATE" || e === "OPERATOR_ESTIMATE") return e;
+	throw new t("distance-basis", "CHOICE");
+}
+function s(e) {
+	if (e === "MEASURED_CONSUMPTION" || e === "ESTIMATED_CONSUMPTION" || e === "PURCHASED_OR_REFUELLED" || e === "UNKNOWN") return e;
+	throw new t("fuel-basis", "CHOICE");
+}
+function c(e, n, o) {
+	let s = r(e.intervalFrom, `${n}-intervalFrom`), c = r(e.intervalUntil, `${n}-intervalUntil`);
+	if (Date.parse(s) >= Date.parse(c) || Date.parse(c) > o) throw new t(`${n}-intervalUntil`, "INTERVAL");
+	return {
+		intervalFrom: s,
+		intervalUntil: c,
+		coverage: a(e.coverage, `${n}-coverage`),
+		sourceReference: i(e.sourceReference, `${n}-sourceReference`),
+		sourceRevision: i(e.sourceRevision, `${n}-sourceRevision`)
+	};
+}
+function l(e, r = Date.now()) {
+	if (!Number.isFinite(r)) throw new t("distance-intervalUntil", "INSTANT");
+	return {
+		distance: e.distance.included ? {
+			...c(e.distance, "distance", r),
+			metres: n(e.distance.amount, "distance-amount"),
+			basis: o(e.distance.basis)
+		} : null,
+		fuel: e.fuel.included ? {
+			...c(e.fuel, "fuel", r),
+			millilitres: n(e.fuel.amount, "fuel-amount"),
+			basis: s(e.fuel.basis)
+		} : null
+	};
+}
+function u(e, t) {
+	if (!Number.isFinite(e) || e < 0) throw Error("Invalid ratio");
+	return e > 0 && e < .01 ? `<${new Intl.NumberFormat(t, {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	}).format(.01)} L/100 km` : `${e > 0 ? "≈ " : ""}${new Intl.NumberFormat(t, {
+		minimumFractionDigits: 2,
+		maximumFractionDigits: 2
+	}).format(e)} L/100 km`;
+}
+//#endregion
+export { t as ConsumedFuelInputError, l as consumedFuelInput, u as formatFuelRatio, e as newConsumedFuelDraft, r as strictFuelInstant };

package/dist/utils/consumedFuelResponse.js

@@ -0,0 +1,89 @@
+import { strictFuelInstant as e } from "./consumedFuelInput.js";
+//#region src/movethewheels/utils/consumedFuelResponse.ts
+function t() {
+	throw Error("The consumption preview response could not be verified.");
+}
+function n(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function r(e) {
+	return n(e) ? e : t();
+}
+function i(e, n) {
+	let r = new Set(n);
+	(n.some((t) => !Object.hasOwn(e, t)) || Object.keys(e).some((e) => e !== "__typename" && !r.has(e))) && t();
+}
+function a(e) {
+	switch (e) {
+		case "DISTANCE_UNKNOWN":
+		case "FUEL_UNKNOWN":
+		case "SOURCE_UNKNOWN":
+		case "NON_MEASURED_DISTANCE":
+		case "UNSUPPORTED_FUEL_BASIS":
+		case "INTERVAL_MISMATCH":
+		case "PARTIAL_COVERAGE":
+		case "ZERO_DISTANCE": return e;
+		default: return t();
+	}
+}
+function o(e) {
+	let n = r(e);
+	i(n, ["data", ...Object.hasOwn(n, "errors") ? ["errors"] : []]), Object.hasOwn(n, "errors") && (!Array.isArray(n.errors) || n.errors.length !== 0) && t(), i(r(n.data), ["mtwConsumedFuelPreview"]);
+}
+function s(n, o) {
+	let s = r(n);
+	i(s, ["mtwConsumedFuelPreview"]);
+	let c = r(s.mtwConsumedFuelPreview);
+	i(c, [
+		"status",
+		"litresPer100Km",
+		"reasons",
+		"qualification",
+		"distance",
+		"fuel"
+	]);
+	let l = (t) => ({
+		intervalFrom: e(t.intervalFrom, "response"),
+		intervalUntil: e(t.intervalUntil, "response"),
+		sourceReference: t.sourceReference?.trim() ?? null,
+		sourceRevision: t.sourceRevision?.trim() ?? null
+	}), u = o.distance ? {
+		...o.distance,
+		...l(o.distance),
+		metres: o.distance.metres ?? null
+	} : null, d = o.fuel ? {
+		...o.fuel,
+		...l(o.fuel),
+		millilitres: o.fuel.millilitres ?? null
+	} : null, f = (e, n) => {
+		if (n === null) {
+			e !== null && t();
+			return;
+		}
+		let a = r(e);
+		i(a, Object.keys(n));
+		for (let [e, r] of Object.entries(n)) a[e] !== r && t();
+	};
+	if (f(c.distance, u), f(c.fuel, d), c.qualification !== "OPERATOR_REPORTED_UNVERIFIED" || c.status !== "KNOWN" && c.status !== "UNKNOWN" || !Array.isArray(c.reasons)) return t();
+	let p = c.reasons.map(a);
+	new Set(p).size !== p.length && t();
+	let m = [];
+	u?.metres ?? m.push("DISTANCE_UNKNOWN"), d?.millilitres ?? m.push("FUEL_UNKNOWN"), (!u?.sourceReference || !u.sourceRevision || !d?.sourceReference || !d.sourceRevision) && m.push("SOURCE_UNKNOWN"), u && u.basis !== "MEASURED" && m.push("NON_MEASURED_DISTANCE"), d && d.basis !== "MEASURED_CONSUMPTION" && m.push("UNSUPPORTED_FUEL_BASIS"), u && d && (u.intervalFrom !== d.intervalFrom || u.intervalUntil !== d.intervalUntil) && m.push("INTERVAL_MISMATCH"), (u?.coverage === "PARTIAL" || d?.coverage === "PARTIAL") && m.push("PARTIAL_COVERAGE"), u?.metres === 0 && m.push("ZERO_DISTANCE"), JSON.stringify(p) !== JSON.stringify(m) && t();
+	let h = c.litresPer100Km;
+	return p.length ? (c.status !== "UNKNOWN" || h !== null) && t() : (c.status !== "KNOWN" || typeof h != "number" || !Number.isFinite(h) || h < 0 || !u?.metres || d?.millilitres == null || h !== 100 * d.millilitres / u.metres) && t(), {
+		status: c.status,
+		litresPer100Km: h,
+		reasons: p,
+		qualification: "OPERATOR_REPORTED_UNVERIFIED",
+		distance: u ? {
+			...u,
+			metres: u.metres ?? null
+		} : null,
+		fuel: d ? {
+			...d,
+			millilitres: d.millilitres ?? null
+		} : null
+	};
+}
+//#endregion
+export { s as parseConsumedFuelPreview, o as validateConsumedFuelEnvelope };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-movethewheels",
-  "version": "2026.1017.16",
+  "version": "2026.1017.17",
   "description": "Burdenoff MoveTheWheels Microfrontend - Logistics & Supply Chain Management Platform",
   "type": "module",
   "files": [
@@ -37,7 +37,7 @@
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "type:check": "bash scripts/build-limits.sh tsc --noEmit",
     "validate:schema-drift": "graphql-schema-drift",
-    "sanity": "bash scripts/build-limits.sh --gate bash -c 'bun run codegen && bun run validate:schema-drift && bun run lint:sanity && bun run format && bun run type:check && bun run verify:live-logistics-contract && bun run verify:empty-reuse-retry && bun run verify:empty-reuse-recovery && bun run verify:trip-utilization-input && bun run verify:trip-draft-context && bun run verify:stock-binding-input && bun run verify:stock-observation-input && bun run verify:pending-pick-input && bun run verify:pick-review-ack && bun run verify:driver-license-expiry && bun run verify:freight-input && bun run verify:freight-recovery && bun run verify:freight-commercial && bun run verify:freight-invoice && bun run verify:procedure-input && bun run verify:consolidation && bun run verify:multimodal-single-attempt && bun run verify:workspace-predispatch && bun run verify:tracking-quality-outcomes && bun run verify:shipment-status-authority && bun run verify:free-time-permissions && bun run verify:core-codegen && bun run verify:order-vehicle-hold && bun run verify:pallet-preview && bun run build && bun run build-storybook'",
+    "sanity": "bash scripts/build-limits.sh --gate bash -c 'bun run codegen && bun run validate:schema-drift && bun run lint:sanity && bun run format && bun run type:check && bun run verify:live-logistics-contract && bun run verify:empty-reuse-retry && bun run verify:empty-reuse-recovery && bun run verify:trip-utilization-input && bun run verify:trip-draft-context && bun run verify:stock-binding-input && bun run verify:stock-observation-input && bun run verify:pending-pick-input && bun run verify:pick-review-ack && bun run verify:driver-license-expiry && bun run verify:freight-input && bun run verify:freight-recovery && bun run verify:freight-commercial && bun run verify:freight-invoice && bun run verify:procedure-input && bun run verify:consolidation && bun run verify:multimodal-single-attempt && bun run verify:workspace-predispatch && bun run verify:tracking-quality-outcomes && bun run verify:shipment-status-authority && bun run verify:free-time-permissions && bun run verify:core-codegen && bun run verify:order-vehicle-hold && bun run verify:pallet-preview && bun run verify:consumed-fuel-preview && bun run build && bun run build-storybook'",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test:storybook": "vitest run --project=storybook",
@@ -45,7 +45,7 @@
     "schema:pull:introspect": "bash scripts/schema-pull.sh --mode introspect",
     "schema:check": "bash scripts/schema-pull.sh --check",
     "verify:stock-binding-input": "bun scripts/verify-stock-binding-input.mjs",
-    "codegen": "bun scripts/codegen.ts --project wspace && bun scripts/codegen.ts --project container-foundation && bun scripts/codegen.ts --project container-condition && bun scripts/codegen.ts --project free-time && bun scripts/codegen.ts --project empty-reuse && bun scripts/codegen.ts --project trip-utilization && bun scripts/codegen.ts --project stock-binding && bun scripts/codegen.ts --project stock-observation && bun scripts/codegen.ts --project pending-pick && bun scripts/codegen.ts --project freight-cost && bun scripts/codegen.ts --project freight-invoice && bun scripts/codegen.ts --project logistics-procedure && bun scripts/codegen.ts --project consolidation && bun scripts/codegen.ts --project tracking-quality && bun scripts/codegen.ts --project shipment-status-authority && bun scripts/codegen.ts --project pallet-preview",
+    "codegen": "bun scripts/codegen.ts --project wspace && bun scripts/codegen.ts --project container-foundation && bun scripts/codegen.ts --project container-condition && bun scripts/codegen.ts --project free-time && bun scripts/codegen.ts --project empty-reuse && bun scripts/codegen.ts --project trip-utilization && bun scripts/codegen.ts --project stock-binding && bun scripts/codegen.ts --project stock-observation && bun scripts/codegen.ts --project pending-pick && bun scripts/codegen.ts --project freight-cost && bun scripts/codegen.ts --project freight-invoice && bun scripts/codegen.ts --project logistics-procedure && bun scripts/codegen.ts --project consolidation && bun scripts/codegen.ts --project tracking-quality && bun scripts/codegen.ts --project shipment-status-authority && bun scripts/codegen.ts --project pallet-preview && bun scripts/codegen.ts --project consumed-fuel-preview",
     "codegen:all": "bun run schema:pull && bun run codegen",
     "switch:status": "bun scripts/deps-mode.ts status",
     "switch:remote": "bun scripts/deps-mode.ts remote",
@@ -71,7 +71,8 @@
     "verify:freight-invoice": "bun test scripts/verify-invoice-comparison.test.ts && bun scripts/verify-invoice-recovery-hook.mjs",
     "verify:driver-license-expiry": "bun test scripts/check-driver-license-expiry.test.ts",
     "verify:core-codegen": "bun test scripts/codegen.test.ts && node --test scripts/check-package-types.test.mjs",
-    "verify:pallet-preview": "bun test scripts/check-pallet-preview.test.ts && bun scripts/verify-pallet-preview-hook.mjs"
+    "verify:pallet-preview": "bun test scripts/check-pallet-preview.test.ts && bun scripts/verify-pallet-preview-hook.mjs",
+    "verify:consumed-fuel-preview": "bun test scripts/check-consumed-fuel-preview.test.ts && bun scripts/verify-consumed-fuel-preview-hook.mjs && bun scripts/verify-consumed-fuel-preview-component.mjs"
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",

package/src/generated/consumed-fuel-preview-operations.ts

@@ -0,0 +1,126 @@
+/** Internal type. DO NOT USE DIRECTLY. */
+type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
+/** Internal type. DO NOT USE DIRECTLY. */
+export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
+import type * as Types from './consumed-fuel-preview-operations';
+
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+export type Maybe<T> = T | null;
+export type InputMaybe<T> = Maybe<T>;
+/** All built-in and custom scalars, mapped to their actual values */
+export type Scalars = {
+  ID: { input: string; output: string; }
+  String: { input: string; output: string; }
+  Boolean: { input: boolean; output: boolean; }
+  Int: { input: number; output: number; }
+  Float: { input: number; output: number; }
+};
+
+export type MtwConsumedFuelBasis =
+  | 'ESTIMATED_CONSUMPTION'
+  | 'MEASURED_CONSUMPTION'
+  | 'PURCHASED_OR_REFUELLED'
+  | 'UNKNOWN';
+
+export type MtwConsumedFuelPreview = {
+  __typename?: 'MtwConsumedFuelPreview';
+  distance?: Maybe<MtwFuelDistanceObservation>;
+  fuel?: Maybe<MtwFuelVolumeObservation>;
+  litresPer100Km?: Maybe<Scalars['Float']['output']>;
+  qualification: MtwConsumedFuelQualification;
+  reasons: Array<MtwConsumedFuelReason>;
+  status: MtwUtilizationMetricStatus;
+};
+
+export type MtwConsumedFuelPreviewInput = {
+  distance?: InputMaybe<MtwFuelDistanceObservationInput>;
+  fuel?: InputMaybe<MtwFuelVolumeObservationInput>;
+};
+
+export type MtwConsumedFuelQualification =
+  | 'OPERATOR_REPORTED_UNVERIFIED';
+
+export type MtwConsumedFuelReason =
+  | 'DISTANCE_UNKNOWN'
+  | 'FUEL_UNKNOWN'
+  | 'INTERVAL_MISMATCH'
+  | 'NON_MEASURED_DISTANCE'
+  | 'PARTIAL_COVERAGE'
+  | 'SOURCE_UNKNOWN'
+  | 'UNSUPPORTED_FUEL_BASIS'
+  | 'ZERO_DISTANCE';
+
+export type MtwFuelDistanceObservation = {
+  __typename?: 'MtwFuelDistanceObservation';
+  basis: MtwUtilizationDistanceBasis;
+  coverage: MtwTripUtilizationCoverage;
+  intervalFrom: Scalars['String']['output'];
+  intervalUntil: Scalars['String']['output'];
+  metres?: Maybe<Scalars['Int']['output']>;
+  sourceReference?: Maybe<Scalars['String']['output']>;
+  sourceRevision?: Maybe<Scalars['String']['output']>;
+};
+
+export type MtwFuelDistanceObservationInput = {
+  basis: MtwUtilizationDistanceBasis;
+  coverage: MtwTripUtilizationCoverage;
+  intervalFrom: Scalars['String']['input'];
+  intervalUntil: Scalars['String']['input'];
+  metres?: InputMaybe<Scalars['Int']['input']>;
+  sourceReference?: InputMaybe<Scalars['String']['input']>;
+  sourceRevision?: InputMaybe<Scalars['String']['input']>;
+};
+
+export type MtwFuelVolumeObservation = {
+  __typename?: 'MtwFuelVolumeObservation';
+  basis: MtwConsumedFuelBasis;
+  coverage: MtwTripUtilizationCoverage;
+  intervalFrom: Scalars['String']['output'];
+  intervalUntil: Scalars['String']['output'];
+  millilitres?: Maybe<Scalars['Int']['output']>;
+  sourceReference?: Maybe<Scalars['String']['output']>;
+  sourceRevision?: Maybe<Scalars['String']['output']>;
+};
+
+export type MtwFuelVolumeObservationInput = {
+  basis: MtwConsumedFuelBasis;
+  coverage: MtwTripUtilizationCoverage;
+  intervalFrom: Scalars['String']['input'];
+  intervalUntil: Scalars['String']['input'];
+  millilitres?: InputMaybe<Scalars['Int']['input']>;
+  sourceReference?: InputMaybe<Scalars['String']['input']>;
+  sourceRevision?: InputMaybe<Scalars['String']['input']>;
+};
+
+export type MtwTripUtilizationCoverage =
+  | 'COMPLETE'
+  | 'PARTIAL';
+
+export type MtwUtilizationDistanceBasis =
+  | 'MEASURED'
+  | 'OPERATOR_ESTIMATE'
+  | 'PROVIDER_ESTIMATE';
+
+export type MtwUtilizationMetricStatus =
+  | 'KNOWN'
+  | 'UNKNOWN';
+
+export type Query = {
+  __typename?: 'Query';
+  mtwConsumedFuelPreview: MtwConsumedFuelPreview;
+};
+
+
+export type QueryMtwConsumedFuelPreviewArgs = {
+  input: MtwConsumedFuelPreviewInput;
+};
+
+export type MtwConsumedFuelPreviewQueryVariables = Exact<{
+  input: Types.MtwConsumedFuelPreviewInput;
+}>;
+
+
+export type MtwConsumedFuelPreviewQuery = { mtwConsumedFuelPreview: { status: Types.MtwUtilizationMetricStatus, litresPer100Km: number | null, reasons: Array<Types.MtwConsumedFuelReason>, qualification: Types.MtwConsumedFuelQualification, distance: { metres: number | null, intervalFrom: string, intervalUntil: string, basis: Types.MtwUtilizationDistanceBasis, coverage: Types.MtwTripUtilizationCoverage, sourceReference: string | null, sourceRevision: string | null } | null, fuel: { millilitres: number | null, intervalFrom: string, intervalUntil: string, basis: Types.MtwConsumedFuelBasis, coverage: Types.MtwTripUtilizationCoverage, sourceReference: string | null, sourceRevision: string | null } | null } };
+
+
+export const MtwConsumedFuelPreviewDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MtwConsumedFuelPreview"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"MtwConsumedFuelPreviewInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mtwConsumedFuelPreview"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"status"}},{"kind":"Field","name":{"kind":"Name","value":"litresPer100Km"}},{"kind":"Field","name":{"kind":"Name","value":"reasons"}},{"kind":"Field","name":{"kind":"Name","value":"qualification"}},{"kind":"Field","name":{"kind":"Name","value":"distance"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metres"}},{"kind":"Field","name":{"kind":"Name","value":"intervalFrom"}},{"kind":"Field","name":{"kind":"Name","value":"intervalUntil"}},{"kind":"Field","name":{"kind":"Name","value":"basis"}},{"kind":"Field","name":{"kind":"Name","value":"coverage"}},{"kind":"Field","name":{"kind":"Name","value":"sourceReference"}},{"kind":"Field","name":{"kind":"Name","value":"sourceRevision"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fuel"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"millilitres"}},{"kind":"Field","name":{"kind":"Name","value":"intervalFrom"}},{"kind":"Field","name":{"kind":"Name","value":"intervalUntil"}},{"kind":"Field","name":{"kind":"Name","value":"basis"}},{"kind":"Field","name":{"kind":"Name","value":"coverage"}},{"kind":"Field","name":{"kind":"Name","value":"sourceReference"}},{"kind":"Field","name":{"kind":"Name","value":"sourceRevision"}}]}}]}}]}}]} as unknown as DocumentNode<MtwConsumedFuelPreviewQuery, MtwConsumedFuelPreviewQueryVariables>;

package/src/movethewheels/MoveTheWheelsRoot.tsx

@@ -256,6 +256,12 @@ const NavRegistrar: FC<Pick<MoveTheWheelsRootProps, 'registerNavItems' | 'basePa
               path: joinPath(basePath, 'routes/trip-utilization'),
               icon: <Truck size={16} />,
             },
+            {
+              id: 'mtw-fuel-preview',
+              label: tr('movethewheels.root.nav.fuelPreview', 'Consumed fuel preview'),
+              path: joinPath(basePath, 'fuel-preview'),
+              icon: <Truck size={16} />,
+            },
           ],
         },
         {

package/src/movethewheels/MoveTheWheelsRoutes.tsx

@@ -94,6 +94,7 @@ const PendingPickPage = lazy(() => import('./pages/PendingPickPage'));
 const StockObservationsPage = lazy(() => import('./pages/StockObservationsPage'));
 const StockBindingPage = lazy(() => import('./pages/StockBindingPage'));
 const TripUtilizationPage = lazy(() => import('./pages/TripUtilizationPage'));
+const ConsumedFuelPreviewPage = lazy(() => import('./pages/ConsumedFuelPreviewPage'));
 const EmptyReusePage = lazy(() => import('./pages/EmptyReusePage'));
 
 export function MoveTheWheelsRoutes() {
@@ -162,6 +163,7 @@ export function MoveTheWheelsRoutes() {
         {/* Routes */}
         <Route path="routes" element={<RoutesPage />} />
         <Route path="routes/trip-utilization" element={<TripUtilizationPage />} />
+        <Route path="fuel-preview" element={<ConsumedFuelPreviewPage />} />
         <Route path="routes/new" element={<RouteDetailsPage />} />
         <Route path="routes/:routeId" element={<RouteDetailsPage />} />
         <Route path="routes/:routeId/edit" element={<RouteDetailsPage />} />