@burdenoff/microfe-movethewheels 2026.1017.16 → 2026.1017.17

package/dist/MoveTheWheelsRoot.js

@@ -214,6 +214,11 @@ var E = ({ registerNavItems: v, basePath: b = "/" }) => {
 						label: C("movethewheels.root.nav.tripUtilization", "Reported trip utilization"),
 						path: E(b, "routes/trip-utilization"),
 						icon: /* @__PURE__ */ S(m, { size: 16 })
+					}, {
+						id: "mtw-fuel-preview",
+						label: C("movethewheels.root.nav.fuelPreview", "Consumed fuel preview"),
+						path: E(b, "fuel-preview"),
+						icon: /* @__PURE__ */ S(m, { size: 16 })
 					}]
 				},
 				{

package/dist/MoveTheWheelsRoutes.js

@@ -28,8 +28,8 @@ function d() {
 		})
 	});
 }
-var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/TrackingEventQualityPage.js")), v = r(() => import("./pages/ShipmentStatusAuthorityPage.js")), y = r(() => import("./pages/LiveTrackingPage.js")), b = r(() => import("./pages/FleetPage.js")), x = r(() => import("./pages/VehiclesPage.js")), S = r(() => import("./pages/VehicleDetailsPage.js")), C = r(() => import("./pages/DriversPage.js")), w = r(() => import("./pages/DriverDetailsPage.js")), T = r(() => import("./pages/InventoryPage.js")), E = r(() => import("./pages/ProductsPage.js")), D = r(() => import("./pages/ProductDetailsPage.js")), O = r(() => import("./pages/PalletPreviewPage.js")), k = r(() => import("./pages/WarehousesPage.js")), A = r(() => import("./pages/WarehouseDetailsPage.js")), j = r(() => import("./pages/CustomersPage.js")), M = r(() => import("./pages/CustomerDetailsPage.js")), N = r(() => import("./pages/RoutesPage.js")), P = r(() => import("./pages/RouteDetailsPage.js")), ee = r(() => import("./pages/AnalyticsPage.js")), F = r(() => import("./pages/FinancePage.js")), I = r(() => import("./pages/FreightEstimatePage.js")), L = r(() => import("./pages/FreightInvoicePage.js")), R = r(() => import("./pages/ConsolidationPage.js")), z = r(() => import("./pages/LogisticsProceduresPage.js")), B = r(() => import("./pages/MarketplacePage.js")), V = r(() => import("./pages/ImportExportPage.js")), H = r(() => import("./pages/ReportsPage.js")), U = r(() => import("./pages/SettingsPage.js")), W = r(() => import("./pages/AIAssistantPage.js")), G = r(() => import("./pages/DeliveryCapturePage.js")), K = r(() => import("./pages/MultiModalShipmentPage.js")), q = r(() => import("./pages/ShippingRatesPage.js")), J = r(() => import("./pages/ContainersPage.js")), Y = r(() => import("./pages/ContainerConditionPage.js")), X = r(() => import("./pages/FreeTimePage.js")), Z = r(() => import("./pages/PendingPickPage.js")), Q = r(() => import("./pages/StockObservationsPage.js")), $ = r(() => import("./pages/StockBindingPage.js")), te = r(() => import("./pages/TripUtilizationPage.js")), ne = r(() => import("./pages/EmptyReusePage.js"));
-function re() {
+var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/TrackingEventQualityPage.js")), v = r(() => import("./pages/ShipmentStatusAuthorityPage.js")), y = r(() => import("./pages/LiveTrackingPage.js")), b = r(() => import("./pages/FleetPage.js")), x = r(() => import("./pages/VehiclesPage.js")), S = r(() => import("./pages/VehicleDetailsPage.js")), C = r(() => import("./pages/DriversPage.js")), w = r(() => import("./pages/DriverDetailsPage.js")), T = r(() => import("./pages/InventoryPage.js")), E = r(() => import("./pages/ProductsPage.js")), D = r(() => import("./pages/ProductDetailsPage.js")), O = r(() => import("./pages/PalletPreviewPage.js")), k = r(() => import("./pages/WarehousesPage.js")), A = r(() => import("./pages/WarehouseDetailsPage.js")), j = r(() => import("./pages/CustomersPage.js")), M = r(() => import("./pages/CustomerDetailsPage.js")), N = r(() => import("./pages/RoutesPage.js")), P = r(() => import("./pages/RouteDetailsPage.js")), ee = r(() => import("./pages/AnalyticsPage.js")), F = r(() => import("./pages/FinancePage.js")), I = r(() => import("./pages/FreightEstimatePage.js")), L = r(() => import("./pages/FreightInvoicePage.js")), R = r(() => import("./pages/ConsolidationPage.js")), z = r(() => import("./pages/LogisticsProceduresPage.js")), B = r(() => import("./pages/MarketplacePage.js")), V = r(() => import("./pages/ImportExportPage.js")), H = r(() => import("./pages/ReportsPage.js")), U = r(() => import("./pages/SettingsPage.js")), W = r(() => import("./pages/AIAssistantPage.js")), G = r(() => import("./pages/DeliveryCapturePage.js")), K = r(() => import("./pages/MultiModalShipmentPage.js")), q = r(() => import("./pages/ShippingRatesPage.js")), J = r(() => import("./pages/ContainersPage.js")), Y = r(() => import("./pages/ContainerConditionPage.js")), X = r(() => import("./pages/FreeTimePage.js")), Z = r(() => import("./pages/PendingPickPage.js")), Q = r(() => import("./pages/StockObservationsPage.js")), $ = r(() => import("./pages/StockBindingPage.js")), te = r(() => import("./pages/TripUtilizationPage.js")), ne = r(() => import("./pages/ConsumedFuelPreviewPage.js")), re = r(() => import("./pages/EmptyReusePage.js"));
+function ie() {
 	return /* @__PURE__ */ s(n, {
 		fallback: /* @__PURE__ */ s(d, {}),
 		children: /* @__PURE__ */ c(a, { children: [
@@ -95,7 +95,7 @@ function re() {
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/empty-reuse",
-				element: /* @__PURE__ */ s(ne, {})
+				element: /* @__PURE__ */ s(re, {})
 			}),
 			/* @__PURE__ */ s(i, {
 				path: "containers/consolidation",
@@ -213,6 +213,10 @@ function re() {
 				path: "routes/trip-utilization",
 				element: /* @__PURE__ */ s(te, {})
 			}),
+			/* @__PURE__ */ s(i, {
+				path: "fuel-preview",
+				element: /* @__PURE__ */ s(ne, {})
+			}),
 			/* @__PURE__ */ s(i, {
 				path: "routes/new",
 				element: /* @__PURE__ */ s(P, {})
@@ -269,4 +273,4 @@ function re() {
 	});
 }
 //#endregion
-export { re as MoveTheWheelsRoutes };
+export { ie as MoveTheWheelsRoutes };

package/dist/generated/consumed-fuel-preview-operations.d.ts

@@ -0,0 +1,132 @@
+import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+/** 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';
+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 declare const MtwConsumedFuelPreviewDocument: DocumentNode<MtwConsumedFuelPreviewQuery, MtwConsumedFuelPreviewQueryVariables>;
+export {};

package/dist/hooks/useConsumedFuelPreview.js

@@ -0,0 +1,90 @@
+import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
+import { executeGraphQL as t } from "../utils/graphqlClient.js";
+import { MtwConsumedFuelPreviewDocument as n } from "../src/generated/consumed-fuel-preview-operations.js";
+import { parseConsumedFuelPreview as r, validateConsumedFuelEnvelope as i } from "../utils/consumedFuelResponse.js";
+import { useCallback as a, useEffect as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { print as d } from "graphql";
+//#region src/movethewheels/hooks/useConsumedFuelPreview.ts
+var f = d(n);
+function p() {
+	let { workspaceId: n, tenantId: d, currentUser: p, apiGatewayUrl: m, authToken: h, workspaceToken: g } = e(), _ = c(() => ({
+		workspaceId: n,
+		tenantId: d,
+		actorId: p?.id,
+		apiGatewayUrl: m,
+		authToken: h,
+		workspaceToken: g
+	}), [
+		n,
+		d,
+		p?.id,
+		m,
+		h,
+		g
+	]), v = l(_);
+	s(() => {
+		v.current = _;
+	}, [_]);
+	let y = l(0), b = l(null), [x, S] = u(null), C = a(() => {
+		y.current++, b.current?.abort(), b.current = null;
+	}, []), w = a(() => {
+		C(), S(null);
+	}, [C]);
+	o(() => (w(), C), [
+		_,
+		C,
+		w
+	]);
+	let T = a(async (e) => {
+		if (v.current !== _ || b.current || !_.workspaceId || !_.actorId) return;
+		e = structuredClone(e);
+		let n = new AbortController();
+		b.current = n;
+		let a = ++y.current;
+		S({
+			context: _,
+			generation: a,
+			loading: !0,
+			result: null,
+			input: e,
+			failed: !1
+		});
+		try {
+			let o = r(await t({
+				..._,
+				signal: n.signal,
+				validateResponse: i
+			}, f, { input: e }, "SINGLE_ATTEMPT"), e);
+			!n.signal.aborted && v.current === _ && y.current === a && S({
+				context: _,
+				generation: a,
+				loading: !1,
+				result: o,
+				input: e,
+				failed: !1
+			});
+		} catch {
+			!n.signal.aborted && v.current === _ && y.current === a && S({
+				context: _,
+				generation: a,
+				loading: !1,
+				result: null,
+				input: e,
+				failed: !0
+			});
+		} finally {
+			b.current === n && (b.current = null);
+		}
+	}, [_]), E = x?.context === _;
+	return {
+		run: T,
+		invalidate: w,
+		ready: !!_.workspaceId && !!_.actorId,
+		loading: E ? x.loading : !1,
+		result: E ? x.result : null,
+		input: E ? x.input : null,
+		failed: E ? x.failed : !1
+	};
+}
+//#endregion
+export { p as useConsumedFuelPreview };

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

@@ -0,0 +1,33 @@
+import { MtwConsumedFuelPreviewInput } from '../../generated/consumed-fuel-preview-operations';
+export declare function useConsumedFuelPreview(): {
+    run: (input: MtwConsumedFuelPreviewInput) => Promise<void>;
+    invalidate: () => void;
+    ready: boolean;
+    loading: boolean;
+    result: {
+        status: import('../../generated/consumed-fuel-preview-operations').MtwUtilizationMetricStatus;
+        litresPer100Km: number | null;
+        reasons: Array<import('../../generated/consumed-fuel-preview-operations').MtwConsumedFuelReason>;
+        qualification: import('../../generated/consumed-fuel-preview-operations').MtwConsumedFuelQualification;
+        distance: {
+            metres: number | null;
+            intervalFrom: string;
+            intervalUntil: string;
+            basis: import('../../generated/consumed-fuel-preview-operations').MtwUtilizationDistanceBasis;
+            coverage: import('../../generated/consumed-fuel-preview-operations').MtwTripUtilizationCoverage;
+            sourceReference: string | null;
+            sourceRevision: string | null;
+        } | null;
+        fuel: {
+            millilitres: number | null;
+            intervalFrom: string;
+            intervalUntil: string;
+            basis: import('../../generated/consumed-fuel-preview-operations').MtwConsumedFuelBasis;
+            coverage: import('../../generated/consumed-fuel-preview-operations').MtwTripUtilizationCoverage;
+            sourceReference: string | null;
+            sourceRevision: string | null;
+        } | null;
+    } | null;
+    input: MtwConsumedFuelPreviewInput | null;
+    failed: boolean;
+};

package/dist/movethewheels/pages/ConsumedFuelPreviewPage.d.ts

@@ -0,0 +1 @@
+export default function ConsumedFuelPreviewPage(): import('react').JSX.Element;

package/dist/movethewheels/utils/consumedFuelInput.d.ts

@@ -0,0 +1,27 @@
+import { MtwConsumedFuelPreviewInput } from '../../generated/consumed-fuel-preview-operations';
+export interface FuelObservationDraft {
+    included: boolean;
+    amount: string;
+    intervalFrom: string;
+    intervalUntil: string;
+    basis: string;
+    coverage: string;
+    sourceReference: string;
+    sourceRevision: string;
+}
+export interface ConsumedFuelDraft {
+    distance: FuelObservationDraft;
+    fuel: FuelObservationDraft;
+}
+export declare function newConsumedFuelDraft(): ConsumedFuelDraft;
+export declare class ConsumedFuelInputError extends Error {
+    readonly field: string;
+    readonly kind: 'QUANTITY' | 'INSTANT' | 'INTERVAL' | 'SOURCE' | 'CHOICE';
+    constructor(field: string, kind: 'QUANTITY' | 'INSTANT' | 'INTERVAL' | 'SOURCE' | 'CHOICE');
+}
+/** Parse decimal km/L text directly into whole m/mL; no floating multiplication or rounding. */
+export declare function exactMilliUnits(value: string, field: string): number | null;
+export declare function strictFuelInstant(value: string, field: string): string;
+export declare function consumedFuelInput(draft: ConsumedFuelDraft, now?: number): MtwConsumedFuelPreviewInput;
+/** Display precision is not sensor precision; positive values must never appear as zero. */
+export declare function formatFuelRatio(value: number, locale?: string): string;

package/dist/movethewheels/utils/consumedFuelResponse.d.ts

@@ -0,0 +1,4 @@
+import { MtwConsumedFuelPreviewInput, MtwConsumedFuelPreviewQuery } from '../../generated/consumed-fuel-preview-operations';
+export type ConsumedFuelPreview = MtwConsumedFuelPreviewQuery['mtwConsumedFuelPreview'];
+export declare function validateConsumedFuelEnvelope(value: unknown): void;
+export declare function parseConsumedFuelPreview(data: unknown, input: MtwConsumedFuelPreviewInput): ConsumedFuelPreview;

package/dist/pages/ConsumedFuelPreviewPage.js

@@ -0,0 +1,267 @@
+import { Gauge as e } from "../node_modules/lucide-react/dist/esm/icons/gauge.js";
+import { useMoveTheWheels as t } from "../providers/MoveTheWheelsProvider.js";
+import { useTr as n } from "../shared/hooks/useTr.js";
+import "../hooks/index.js";
+import { Button as r, Input as i, Label as a } from "../components/ui.js";
+import { PageLayout as o } from "../components/PageLayout.js";
+import { ConsumedFuelInputError as s, consumedFuelInput as c, formatFuelRatio as l, newConsumedFuelDraft as u } from "../utils/consumedFuelInput.js";
+import { useConsumedFuelPreview as d } from "../hooks/useConsumedFuelPreview.js";
+import { useEffect as f, useId as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/movethewheels/pages/ConsumedFuelPreviewPage.tsx
+var y = {
+	DISTANCE_UNKNOWN: "Distance is missing.",
+	FUEL_UNKNOWN: "Consumed volume is missing.",
+	SOURCE_UNKNOWN: "Source reference or revision is missing.",
+	NON_MEASURED_DISTANCE: "Distance is not declared measured.",
+	UNSUPPORTED_FUEL_BASIS: "Fuel basis is estimated, refuelled or unknown.",
+	INTERVAL_MISMATCH: "The observation intervals differ.",
+	PARTIAL_COVERAGE: "Coverage is declared partial.",
+	ZERO_DISTANCE: "L/100 km is undefined for zero distance."
+};
+function b({ kind: e, value: t, prefix: r, error: o, onChange: s }) {
+	let c = n(), l = [
+		["amount", e === "distance" ? "Distance (km)" : "Reported fuel volume (L)"],
+		["intervalFrom", "Interval start (UTC)"],
+		["intervalUntil", "Interval end (UTC)"],
+		["sourceReference", "Source reference"],
+		["sourceRevision", "Source revision"]
+	], u = e === "distance" ? [
+		["MEASURED", "Measured"],
+		["PROVIDER_ESTIMATE", "Provider estimate"],
+		["OPERATOR_ESTIMATE", "Operator estimate"]
+	] : [
+		["MEASURED_CONSUMPTION", "Measured consumption"],
+		["ESTIMATED_CONSUMPTION", "Estimated consumption"],
+		["PURCHASED_OR_REFUELLED", "Purchased or refuelled"],
+		["UNKNOWN", "Unknown"]
+	];
+	return /* @__PURE__ */ v("fieldset", {
+		className: "min-w-0 rounded-xl border border-outline p-4 space-y-4",
+		children: [
+			/* @__PURE__ */ _("legend", {
+				className: "px-1 font-semibold",
+				children: e === "distance" ? c("movethewheels.fuelPreview.distance", "Distance observation") : c("movethewheels.fuelPreview.fuel", "Fuel observation")
+			}),
+			/* @__PURE__ */ v(a, {
+				htmlFor: `${r}-${e}-included`,
+				className: "flex items-center gap-2 min-h-11",
+				children: [/* @__PURE__ */ _("input", {
+					id: `${r}-${e}-included`,
+					type: "checkbox",
+					checked: t.included,
+					onChange: (e) => s({ included: e.target.checked })
+				}), c("movethewheels.fuelPreview.include", "Include this observation")]
+			}),
+			t.included ? /* @__PURE__ */ v("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: [l.map(([n, l]) => /* @__PURE__ */ v("div", {
+					className: "min-w-0 space-y-1",
+					children: [/* @__PURE__ */ _(a, {
+						htmlFor: `${r}-${e}-${n}`,
+						children: c(`movethewheels.fuelPreview.${e}.${n}`, l)
+					}), /* @__PURE__ */ _(i, {
+						id: `${r}-${e}-${n}`,
+						type: "text",
+						inputMode: n === "amount" ? "decimal" : "text",
+						autoComplete: "off",
+						value: t[n],
+						onChange: (e) => s({ [n]: e.target.value }),
+						required: n === "intervalFrom" || n === "intervalUntil",
+						maxLength: n === "amount" || n.startsWith("interval") ? 32 : 255,
+						"aria-invalid": o?.field === `${e}-${n}`,
+						"aria-describedby": o?.field === `${e}-${n}` ? `${r}-error` : void 0,
+						className: "min-h-11"
+					})]
+				}, n)), [[
+					"basis",
+					c("movethewheels.fuelPreview.basis", "Observation basis"),
+					u
+				], [
+					"coverage",
+					c("movethewheels.fuelPreview.coverage", "Declared interval coverage"),
+					[["COMPLETE", c("movethewheels.fuelPreview.complete", "Complete")], ["PARTIAL", c("movethewheels.fuelPreview.partial", "Partial")]]
+				]].map(([n, i, l]) => /* @__PURE__ */ v("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ _(a, {
+						htmlFor: `${r}-${e}-${n}`,
+						children: i
+					}), /* @__PURE__ */ v("select", {
+						id: `${r}-${e}-${n}`,
+						required: !0,
+						value: t[n],
+						onChange: (e) => s({ [n]: e.target.value }),
+						"aria-invalid": o?.field === `${e}-${n}`,
+						"aria-describedby": o?.field === `${e}-${n}` ? `${r}-error` : void 0,
+						className: "min-h-11 w-full rounded-md border border-outline bg-surface px-3",
+						children: [/* @__PURE__ */ _("option", {
+							value: "",
+							children: c("movethewheels.fuelPreview.choose", "Choose a declared basis or coverage")
+						}), l.map(([e, t]) => /* @__PURE__ */ _("option", {
+							value: e,
+							children: c(`movethewheels.fuelPreview.choices.${e}`, t)
+						}, e))]
+					})]
+				}, n))]
+			}) : /* @__PURE__ */ _("p", {
+				className: "text-sm text-text-secondary",
+				children: c("movethewheels.fuelPreview.absent", "Not supplied. This observation will remain unknown.")
+			})
+		]
+	});
+}
+function x({ result: e }) {
+	let t = n();
+	return /* @__PURE__ */ v("section", {
+		"aria-label": t("movethewheels.fuelPreview.result", "Consumption preview result"),
+		className: "rounded-xl border border-outline p-4 space-y-3",
+		"data-testid": "fuel-preview-result",
+		children: [
+			/* @__PURE__ */ _("h2", {
+				className: "text-xl font-semibold",
+				children: e.status === "KNOWN" && e.litresPer100Km !== null ? l(e.litresPer100Km) : t("movethewheels.fuelPreview.unknown", "Unknown — no ratio available")
+			}),
+			/* @__PURE__ */ _("p", { children: t("movethewheels.fuelPreview.unverified", "Operator reported · unverified. Source labels do not authenticate measurements.") }),
+			e.reasons.length > 0 && /* @__PURE__ */ _("ul", {
+				className: "list-disc ps-5",
+				children: e.reasons.map((e) => /* @__PURE__ */ _("li", { children: t(`movethewheels.fuelPreview.reasons.${e}`, y[e]) }, e))
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: ["distance", "fuel"].map((n) => {
+					let r = e[n];
+					return /* @__PURE__ */ v("div", {
+						className: "min-w-0 break-words text-sm",
+						children: [/* @__PURE__ */ _("h3", {
+							className: "font-semibold",
+							children: n === "distance" ? t("movethewheels.fuelPreview.distance", "Distance observation") : t("movethewheels.fuelPreview.fuel", "Fuel observation")
+						}), r ? /* @__PURE__ */ v(g, { children: [
+							/* @__PURE__ */ _("p", { children: n === "distance" ? `${e.distance?.metres ?? t("movethewheels.fuelPreview.missing", "Unknown")} m` : `${e.fuel?.millilitres ?? t("movethewheels.fuelPreview.missing", "Unknown")} mL` }),
+							/* @__PURE__ */ v("p", { children: [
+								r.intervalFrom,
+								" → ",
+								r.intervalUntil
+							] }),
+							/* @__PURE__ */ v("p", { children: [
+								t(`movethewheels.fuelPreview.choices.${r.basis}`, r.basis),
+								" ",
+								"·",
+								" ",
+								t(`movethewheels.fuelPreview.choices.${r.coverage}`, r.coverage)
+							] }),
+							/* @__PURE__ */ v("p", { children: [
+								r.sourceReference ?? t("movethewheels.fuelPreview.noSource", "No source reference"),
+								" ",
+								"/",
+								" ",
+								r.sourceRevision ?? t("movethewheels.fuelPreview.noRevision", "No source revision")
+							] })
+						] }) : /* @__PURE__ */ _("p", { children: t("movethewheels.fuelPreview.notSupplied", "Not supplied") })]
+					}, n);
+				})
+			})
+		]
+	});
+}
+function S() {
+	let { workspaceId: e, tenantId: n, currentUser: r, apiGatewayUrl: i } = t();
+	return /* @__PURE__ */ _(w, {}, JSON.stringify([
+		e,
+		n,
+		r?.id,
+		i
+	]));
+}
+function C(e, t) {
+	return e?.kind === "QUANTITY" ? t("movethewheels.fuelPreview.quantityError", "Use a nonnegative decimal with at most three fractional digits, up to 2147483.647 km or L. No separators, signs or exponents.") : e?.kind === "INSTANT" ? t("movethewheels.fuelPreview.instantError", "Use a real UTC timestamp such as YYYY-MM-DDTHH:mm:ssZ, with at most three fractional digits.") : e?.kind === "INTERVAL" ? t("movethewheels.fuelPreview.intervalError", "Start must precede end; end must not be in the future.") : e?.kind === "SOURCE" ? t("movethewheels.fuelPreview.sourceError", "Leave a source label blank, or shorten it and include at least one non-space character.") : t("movethewheels.fuelPreview.choiceError", "Choose the declared basis and coverage.");
+}
+function w() {
+	let t = n(), i = p(), [a, l] = h(u), [g, y] = h(null), [S, w] = h(!1), [T, E] = h(!1), D = d(), O = m(null);
+	f(() => {
+		if (g) {
+			let e = document.getElementById(`${i}-${g.field}`);
+			e instanceof HTMLElement ? e.focus() : O.current?.focus();
+		} else (D.failed || T) && O.current?.focus();
+	}, [
+		g,
+		i,
+		D.failed,
+		T
+	]);
+	let k = (e, t) => {
+		D.invalidate(), w(!0), y(null), E(!1), l((n) => ({
+			...n,
+			[e]: {
+				...n[e],
+				...t
+			}
+		}));
+	}, A = C(g, t);
+	return /* @__PURE__ */ v(o, {
+		title: t("movethewheels.fuelPreview.title", "Consumed fuel preview"),
+		subtitle: t("movethewheels.fuelPreview.subtitle", "Compare sourced consumption and distance for the same interval."),
+		icon: /* @__PURE__ */ _(e, { "aria-hidden": "true" }),
+		children: [
+			/* @__PURE__ */ _("p", {
+				className: "mb-4 text-sm",
+				children: t("movethewheels.fuelPreview.limits", "Reported interval arithmetic only. No measurement verification, savings, emissions, backhaul suitability or safety approval. Nothing is saved.")
+			}),
+			/* @__PURE__ */ v("form", {
+				noValidate: !0,
+				onSubmit: (e) => {
+					if (e.preventDefault(), !(D.loading || !D.ready)) {
+						E(!1);
+						try {
+							let e = c(a);
+							y(null), w(!1), D.run(e);
+						} catch (e) {
+							e instanceof s ? y(e) : (D.invalidate(), y(null), E(!0));
+						}
+					}
+				},
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ _("p", {
+						className: "text-sm text-text-secondary",
+						children: t("movethewheels.fuelPreview.precision", "Blank quantities stay unknown; explicit zero stays zero. Enter km and litres with at most three decimal places. COMPLETE is your declaration for that interval, not a trip certificate.")
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "grid gap-4 lg:grid-cols-2",
+						children: ["distance", "fuel"].map((e) => /* @__PURE__ */ _(b, {
+							kind: e,
+							value: a[e],
+							prefix: i,
+							error: g,
+							onChange: (t) => k(e, t)
+						}, e))
+					}),
+					(g || D.failed || T) && /* @__PURE__ */ _("div", {
+						id: `${i}-error`,
+						ref: O,
+						tabIndex: -1,
+						role: "alert",
+						className: "rounded-md border border-outline p-3",
+						children: g ? A : T ? t("movethewheels.fuelPreview.inputUnavailable", "The observations could not be prepared. Review the form before trying this read again.") : t("movethewheels.fuelPreview.unavailable", "Preview unavailable. No result is accepted; check your connection and access before trying this read again.")
+					}),
+					!D.ready && /* @__PURE__ */ _("p", {
+						role: "status",
+						children: t("movethewheels.fuelPreview.contextRequired", "Choose an active workspace and sign in before previewing.")
+					}),
+					/* @__PURE__ */ _(r, {
+						type: "submit",
+						disabled: D.loading || !D.ready,
+						className: "min-h-11",
+						children: D.loading ? t("movethewheels.fuelPreview.loading", "Previewing…") : t("movethewheels.fuelPreview.submit", "Preview consumption")
+					})
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				"aria-live": "polite",
+				className: "mt-5",
+				children: D.result ? /* @__PURE__ */ _(x, { result: D.result }) : S ? /* @__PURE__ */ _("p", { children: t("movethewheels.fuelPreview.stale", "Inputs changed. Preview again for these observations; the previous result is hidden.") }) : null
+			})
+		]
+	});
+}
+//#endregion
+export { S as default };