@burdenoff/microfe-theglobalfuel 2026.804.2 → 2026.827.1

package/dist/theglobalfuel/pages/analytics/AnalyticsPage.js

@@ -1,23 +1,27 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
-import { formatEnumLabel as t, formatNumber as n, formatPercent as r, formatVolume as i } from "../../utils/formatters.js";
-import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
-import { EmptyState as ee } from "../../components/EmptyState.js";
-import { AreaChart as te } from "../../components/viz/AreaChart.js";
-import { BarChart as s } from "../../components/viz/BarChart.js";
-import { DonutChart as c } from "../../components/viz/DonutChart.js";
-import { StatCard as l } from "../../components/viz/StatCard.js";
-import { useTheAssets as ne, useTheContracts as re, useTheInventoryLots as ie, useTheProductionRecords as u, useTheShipments as ae } from "../../hooks/useTheGlobalFuelApi.js";
-import { useThePageView as d } from "../../hooks/useThePageView.js";
-import { useTheTranslation as oe } from "../../hooks/useTheTranslation.js";
+import { formatEnumLabel as t, formatMoney as n, formatNumber as r, formatPercent as i, formatTonnesCo2e as a, formatUnit as o, formatVolume as ee } from "../../utils/formatters.js";
+import { MiniBar as te } from "../../components/MiniBar.js";
+import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
+import { EmptyState as ie } from "../../components/EmptyState.js";
+import { AreaChart as ae } from "../../components/viz/AreaChart.js";
+import { BarChart as oe } from "../../components/viz/BarChart.js";
+import { DonutChart as s } from "../../components/viz/DonutChart.js";
+import { StatCard as c } from "../../components/viz/StatCard.js";
+import { useTheAssets as se, useTheContracts as ce, useTheEmissionRecords as le, useTheInventoryLots as ue, useTheProductionRecords as de, useTheShipments as fe } from "../../hooks/useTheGlobalFuelApi.js";
+import { useNotify as pe } from "../../hooks/useNotify.js";
+import { useThePageView as me } from "../../hooks/useThePageView.js";
+import { useTheTranslation as he } from "../../hooks/useTheTranslation.js";
 import "../../hooks/index.js";
-import { FilterTabs as se } from "../../components/FilterTabs.js";
+import { toCsv as ge } from "../../utils/csv.js";
+import { downloadTextFile as _e } from "../../utils/provenance.js";
+import { FilterTabs as ve } from "../../components/FilterTabs.js";
 import "../../components/index.js";
-import { useMemo as f, useState as p } from "react";
-import { Activity as m, Gauge as h, Package as g, Ship as _, Timer as v, TrendingUp as y } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { GlassCard as C } from "@burdenoff/fe-libs/ui";
+import { useMemo as l, useState as u } from "react";
+import { Activity as ye, Coins as be, Download as xe, Gauge as Se, Leaf as Ce, Package as we, Ship as Te, Timer as Ee, TrendingUp as De } from "lucide-react";
+import { Fragment as Oe, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as ke, GlassCard as p } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/analytics/AnalyticsPage.tsx
-var w = { limit: 200 }, ce = [
+var m = { limit: 200 }, Ae = [
 	{
 		value: "30",
 		label: "Last 30 days"
@@ -30,12 +34,24 @@ var w = { limit: 200 }, ce = [
 		value: "365",
 		label: "Last 12 months"
 	}
-], T = 1440 * 60 * 1e3;
-function E(e) {
+], h = 1440 * 60 * 1e3, je = {
+	SCOPE_1: "var(--color-status-error-text)",
+	SCOPE_2: "var(--color-status-warning-text)",
+	SCOPE_3: "var(--color-accent-blue)"
+}, Me = [
+	"SCOPE_1",
+	"SCOPE_2",
+	"SCOPE_3"
+], Ne = new Set([
+	"AVAILABLE",
+	"RESERVED",
+	"IN_TRANSIT"
+]), g = "vs the preceding window", Pe = new Set(["ACTIVE", "SIGNED"]);
+function Fe(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
 }
-function le(e) {
+function Ie(e) {
 	let [t, n] = e.split("-"), r = new Date(Date.UTC(Number(t), Number(n) - 1, 1));
 	return Number.isNaN(r.getTime()) ? e : r.toLocaleString(void 0, {
 		month: "short",
@@ -43,27 +59,44 @@ function le(e) {
 		timeZone: "UTC"
 	});
 }
-function ue(e) {
+function Le(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.unit, (t.get(n.unit) ?? 0) + (n.volume ?? 0));
 	return t;
 }
-function de(e) {
+function Re(e) {
 	let t = null, n = -1;
 	for (let [r, i] of e) i > n && (t = r, n = i);
 	return t;
 }
-function D() {
-	d("analytics");
-	let D = oe(), [O, fe] = p("90"), k = Number(O), [A] = p(() => Date.now()), j = f(() => A - k * T, [A, k]), M = ne({ pagination: w }), N = u({ pagination: w }), P = ae(void 0, void 0, w), F = re({ pagination: w }), I = ie({ pagination: w }), L = M.isLoading || N.isLoading || P.isLoading || F.isLoading || I.isLoading, R = M.isError || N.isError || P.isError || F.isError || I.isError, z = f(() => M.data?.items ?? [], [M.data]), B = f(() => F.data?.items ?? [], [F.data]), V = f(() => I.data?.items ?? [], [I.data]), H = f(() => (N.data?.items ?? []).filter((e) => {
+function _() {
+	me("analytics");
+	let _ = he(), v = pe(), [y, ze] = u("90"), b = Number(y), [x] = u(() => Date.now()), S = l(() => x - b * h, [x, b]), C = l(() => x - 2 * b * h, [x, b]), w = se({ pagination: m }), T = de({ pagination: m }), E = fe(void 0, void 0, m), D = ce({ pagination: m }), O = ue({ pagination: m }), k = le({ pagination: m }), Be = w.isLoading || T.isLoading || E.isLoading || D.isLoading || O.isLoading || k.isLoading, Ve = w.isError || T.isError || E.isError || D.isError || O.isError || k.isError, A = l(() => w.data?.items ?? [], [w.data]), j = l(() => D.data?.items ?? [], [D.data]), M = l(() => O.data?.items ?? [], [O.data]), N = l(() => (T.data?.items ?? []).filter((e) => {
 		let t = new Date(e.periodEnd ?? e.createdAt).getTime();
-		return !Number.isNaN(t) && t >= j;
-	}), [N.data, j]), U = f(() => (P.data?.items ?? []).filter((e) => {
+		return !Number.isNaN(t) && t >= S;
+	}), [T.data, S]), P = l(() => (E.data?.items ?? []).filter((e) => {
 		let t = new Date(e.deliveredAt ?? e.departedAt ?? e.scheduledAt ?? e.createdAt).getTime();
-		return !Number.isNaN(t) && t >= j;
-	}), [P.data, j]), W = f(() => {
+		return !Number.isNaN(t) && t >= S;
+	}), [E.data, S]), F = l(() => (k.data?.items ?? []).filter((e) => {
+		let t = new Date(e.periodEnd ?? e.createdAt).getTime();
+		return !Number.isNaN(t) && t >= S;
+	}), [k.data, S]), I = T.data?.pageInfo?.hasMore === !1, He = E.data?.pageInfo?.hasMore === !1, Ue = l(() => (T.data?.items ?? []).filter((e) => {
+		let t = new Date(e.periodEnd ?? e.createdAt).getTime();
+		return !Number.isNaN(t) && t >= C && t < S;
+	}), [
+		T.data,
+		C,
+		S
+	]), We = l(() => (E.data?.items ?? []).filter((e) => {
+		let t = new Date(e.deliveredAt ?? e.departedAt ?? e.scheduledAt ?? e.createdAt).getTime();
+		return !Number.isNaN(t) && t >= C && t < S;
+	}), [
+		E.data,
+		C,
+		S
+	]), L = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of H) {
+		for (let t of N) {
 			let n = e.get(t.assetId);
 			n && n.unit !== t.unit || e.set(t.assetId, {
 				produced: (n?.produced ?? 0) + (t.volume ?? 0),
@@ -71,10 +104,10 @@ function D() {
 			});
 		}
 		let t = [], n = 0, r = 0;
-		for (let i of z) {
+		for (let i of A) {
 			let a = e.get(i.id);
 			if (!a || i.capacityPerDay <= 0 || i.capacityUnit !== a.unit) continue;
-			let o = i.capacityPerDay * k;
+			let o = i.capacityPerDay * b;
 			o <= 0 || (n += a.produced, r += o, t.push({
 				name: i.name,
 				pct: a.produced / o * 100
@@ -86,25 +119,90 @@ function D() {
 			top: t.sort((e, t) => t.pct - e.pct).slice(0, 8)
 		};
 	}, [
-		H,
-		z,
-		k
-	]), pe = f(() => H.reduce((e, t) => e + (t.downtimeHours ?? 0), 0), [H]), G = f(() => ue(H), [H]), K = f(() => de(G), [G]), q = f(() => {
-		if (!K) return [];
+		N,
+		A,
+		b
+	]), R = l(() => N.reduce((e, t) => e + (t.downtimeHours ?? 0), 0), [N]), z = l(() => {
+		if (!I) return null;
+		let e = Ue.reduce((e, t) => e + (t.downtimeHours ?? 0), 0);
+		return e <= 0 ? null : (R - e) / e * 100;
+	}, [
+		I,
+		Ue,
+		R
+	]), B = l(() => Le(N), [N]), V = l(() => Re(B), [B]), Ge = l(() => {
+		if (!V) return [];
 		let e = /* @__PURE__ */ new Map();
-		for (let t of H) {
-			if (t.unit !== K) continue;
-			let n = E(t.periodEnd ?? t.createdAt);
+		for (let t of N) {
+			if (t.unit !== V) continue;
+			let n = Fe(t.periodEnd ?? t.createdAt);
 			n && e.set(n, (e.get(n) ?? 0) + (t.volume ?? 0));
 		}
 		return [...e.entries()].sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => ({
-			label: le(e),
+			label: Ie(e),
 			value: t
 		}));
-	}, [H, K]), J = f(() => {
-		let e = B.filter((e) => e.contractedVolume > 0 && (e.status === "ACTIVE" || e.status === "SIGNED")), t = e.reduce((e, t) => e + t.contractedVolume, 0), n = e.reduce((e, t) => e + t.deliveredVolume, 0), r = e.filter((e) => {
+	}, [N, V]), H = l(() => {
+		if (!V) return null;
+		let e = /* @__PURE__ */ new Set(), t = 0;
+		for (let n of N) n.unit === V && (e.add(n.assetId), t += n.volume ?? 0);
+		if (t <= 0 || e.size === 0) return null;
+		let n = 0, r = 0, i = 0;
+		for (let t of F) {
+			if (!t.assetId) {
+				i += 1;
+				continue;
+			}
+			e.has(t.assetId) && (n += t.co2eTonnes ?? 0, r += 1);
+		}
+		return r === 0 ? null : {
+			perUnit: n / t,
+			tonnes: n,
+			volume: t,
+			unit: V,
+			assets: e.size,
+			attributed: r,
+			unattributed: i
+		};
+	}, [
+		N,
+		F,
+		V
+	]), U = l(() => {
+		if (F.length === 0) return [];
+		let e = {
+			SCOPE_1: 0,
+			SCOPE_2: 0,
+			SCOPE_3: 0
+		};
+		for (let t of F) e[t.scope] += t.co2eTonnes ?? 0;
+		return Me.filter((t) => e[t] > 0).map((n) => ({
+			label: t(n),
+			value: e[n],
+			color: je[n]
+		}));
+	}, [F]), Ke = l(() => F.reduce((e, t) => e + (t.co2eTonnes ?? 0), 0), [F]), qe = l(() => F.filter((e) => e.verified).length, [F]), W = l(() => {
+		let e = /* @__PURE__ */ new Map(), t = 0, n = 0;
+		for (let r of M) {
+			if (!Ne.has(r.status)) continue;
+			if (!(r.unitValue > 0) || !(r.quantity > 0)) {
+				n += 1;
+				continue;
+			}
+			let i = r.currency || "USD";
+			e.set(i, (e.get(i) ?? 0) + r.quantity * r.unitValue), t += 1;
+		}
+		let r = [...e.entries()].sort((e, t) => t[1] - e[1]);
+		return {
+			lead: r[0] ?? null,
+			others: r.slice(1),
+			valuedLots: t,
+			unvaluedLots: n
+		};
+	}, [M]), G = l(() => {
+		let e = j.filter((e) => e.contractedVolume > 0 && (e.status === "ACTIVE" || e.status === "SIGNED")), t = e.reduce((e, t) => e + t.contractedVolume, 0), n = e.reduce((e, t) => e + t.deliveredVolume, 0), r = e.filter((e) => {
 			if (!e.endDate) return !1;
-			let t = (new Date(e.endDate).getTime() - A) / T, n = e.deliveredVolume / e.contractedVolume;
+			let t = (new Date(e.endDate).getTime() - x) / h, n = e.deliveredVolume / e.contractedVolume;
 			return t > 0 && t <= 60 && n < .75;
 		}).length;
 		return {
@@ -116,144 +214,263 @@ function D() {
 				value: Math.min(100, e.deliveredVolume / e.contractedVolume * 100)
 			})).sort((e, t) => e.value - t.value).slice(0, 8)
 		};
-	}, [B, A]), Y = f(() => {
+	}, [j, x]), K = l(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of j) {
+			if (!Pe.has(t.status) || t.contractedVolume <= 0) continue;
+			let n = t.counterparty.trim() || "Unnamed counterparty", r = Math.min(100, t.deliveredVolume / t.contractedVolume * 100), i = e.get(n) ?? {
+				total: 0,
+				count: 0
+			};
+			e.set(n, {
+				total: i.total + r,
+				count: i.count + 1
+			});
+		}
+		return [...e.entries()].map(([e, t]) => ({
+			name: e,
+			pct: t.total / t.count,
+			contracts: t.count
+		})).sort((e, t) => t.pct - e.pct).slice(0, 8);
+	}, [j]), q = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of U) e.set(t.mode, (e.get(t.mode) ?? 0) + 1);
+		for (let t of P) e.set(t.mode, (e.get(t.mode) ?? 0) + 1);
 		return [...e.entries()].sort((e, t) => t[1] - e[1]).map(([e, n]) => ({
 			label: t(e),
 			value: n
 		}));
-	}, [U]), X = f(() => {
-		let e = U.filter((e) => e.status !== "CANCELLED");
+	}, [P]), J = l(() => {
+		let e = P.filter((e) => e.status !== "CANCELLED");
 		return e.length === 0 ? null : e.filter((e) => e.status === "DELIVERED").length / e.length * 100;
-	}, [U]), me = f(() => U.filter((e) => e.status === "IN_TRANSIT" || e.status === "LOADING").length, [U]), Z = f(() => {
+	}, [P]), Y = l(() => {
+		if (!He || J == null) return null;
+		let e = We.filter((e) => e.status !== "CANCELLED");
+		return e.length === 0 ? null : J - e.filter((e) => e.status === "DELIVERED").length / e.length * 100;
+	}, [
+		He,
+		We,
+		J
+	]), X = l(() => P.filter((e) => e.status === "IN_TRANSIT" || e.status === "LOADING").length, [P]), Je = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of V) e.set(t.status, (e.get(t.status) ?? 0) + 1);
+		for (let t of M) e.set(t.status, (e.get(t.status) ?? 0) + 1);
 		return [...e.entries()].sort((e, t) => t[1] - e[1]).map(([e, n]) => ({
 			label: t(e),
 			value: n
 		}));
-	}, [V]), Q = D("theglobalfuel.pages.analytics.description", "Utilization, fulfilment and movement performance across the portfolio."), $ = D("theglobalfuel.pages.analytics.title", "Operational Analytics");
-	if (L) return /* @__PURE__ */ x(e, {
-		title: $,
-		description: Q,
+	}, [M]), Ye = () => {
+		let e = ge([
+			{
+				header: "Metric",
+				value: (e) => e.metric
+			},
+			{
+				header: "Value",
+				value: (e) => e.value
+			},
+			{
+				header: "Detail",
+				value: (e) => e.detail
+			}
+		], [
+			{
+				metric: "Window",
+				value: Ae.find((e) => e.value === y)?.label ?? `${b} days`,
+				detail: `Evaluated ${new Date(x).toISOString()}`
+			},
+			{
+				metric: "Capacity utilization",
+				value: L.overallPct == null ? "" : i(L.overallPct),
+				detail: `${L.measuredAssets} assets with capacity on record`
+			},
+			{
+				metric: "Contract fulfilment",
+				value: G.pct == null ? "" : i(G.pct),
+				detail: `${G.liveCount} live, ${G.atRisk} at risk`
+			},
+			{
+				metric: "Delivery rate",
+				value: J == null ? "" : i(J),
+				detail: Y == null ? `${X} currently moving` : `${Math.round(Y)} pp ${g}; ${X} currently moving`
+			},
+			{
+				metric: "Recorded downtime (hours)",
+				value: String(R),
+				detail: z == null ? `${N.length} production records` : `${Math.round(z)}% ${g}; ${N.length} production records`
+			},
+			{
+				metric: H ? `Carbon intensity (t CO2e per ${o(H.unit)})` : "Carbon intensity",
+				value: H ? String(H.perUnit) : "",
+				detail: H ? `${H.tonnes} t CO2e over ${H.volume} ${o(H.unit)} across ${H.assets} assets` : "Not computable for this window"
+			},
+			{
+				metric: W.lead ? `Inventory on hand (${W.lead[0]})` : "Inventory on hand",
+				value: W.lead ? String(W.lead[1]) : "",
+				detail: `${W.valuedLots} valued lots, ${W.unvaluedLots} without a unit value`
+			},
+			...W.others.map(([e, t]) => ({
+				metric: `Inventory on hand (${e})`,
+				value: String(t),
+				detail: ""
+			})),
+			...U.map((e) => ({
+				metric: `Emissions ${e.label} (t CO2e)`,
+				value: String(e.value),
+				detail: ""
+			})),
+			...K.map((e) => ({
+				metric: `Fulfilment: ${e.name}`,
+				value: i(e.pct),
+				detail: `${e.contracts} live ${e.contracts === 1 ? "contract" : "contracts"}`
+			}))
+		]);
+		_e(`theglobalfuel-analytics-${b}d.csv`, "text/csv", e) ? v.success("Analytics exported") : v.error("This browser can't download the export.");
+	}, Z = _("theglobalfuel.pages.analytics.description", "Utilization, fulfilment and movement performance across the portfolio."), Q = _("theglobalfuel.pages.analytics.title", "Operational Analytics");
+	if (Be) return /* @__PURE__ */ d(e, {
+		title: Q,
+		description: Z,
 		dataTour: "theglobalfuel-analytics-page",
-		children: /* @__PURE__ */ x(o, { label: "Aggregating operational data…" })
+		children: /* @__PURE__ */ d(re, { label: "Aggregating operational data…" })
 	});
-	if (R) return /* @__PURE__ */ x(e, {
-		title: $,
-		description: Q,
+	if (Ve) return /* @__PURE__ */ d(e, {
+		title: Q,
+		description: Z,
 		dataTour: "theglobalfuel-analytics-page",
-		children: /* @__PURE__ */ x(a, {
+		children: /* @__PURE__ */ d(ne, {
 			message: "Couldn't load the operational data for analytics.",
 			onRetry: () => {
-				M.refetch(), N.refetch(), P.refetch(), F.refetch(), I.refetch();
+				w.refetch(), T.refetch(), E.refetch(), D.refetch(), O.refetch(), k.refetch();
 			}
 		})
 	});
-	let he = z.length > 0 || H.length > 0 || B.length > 0 || U.length > 0;
-	return /* @__PURE__ */ x(e, {
-		title: $,
-		description: Q,
+	let $ = A.length > 0 || N.length > 0 || j.length > 0 || P.length > 0 || F.length > 0 || M.length > 0;
+	return /* @__PURE__ */ d(e, {
+		title: Q,
+		description: Z,
 		dataTour: "theglobalfuel-analytics-page",
-		actions: /* @__PURE__ */ x(se, {
-			options: ce,
-			value: O,
-			onChange: fe
+		actions: /* @__PURE__ */ f("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [/* @__PURE__ */ d(ve, {
+				options: Ae,
+				value: y,
+				onChange: ze
+			}), /* @__PURE__ */ f(ke, {
+				variant: "outline",
+				onClick: Ye,
+				disabled: !$,
+				children: [/* @__PURE__ */ d(xe, { className: "mr-1.5 h-4 w-4" }), " Export"]
+			})]
 		}),
-		children: he ? /* @__PURE__ */ S(b, { children: [
-			/* @__PURE__ */ S("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
+		children: $ ? /* @__PURE__ */ f(Oe, { children: [
+			/* @__PURE__ */ f("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",
 				children: [
-					/* @__PURE__ */ x(l, {
+					/* @__PURE__ */ d(c, {
 						label: "Capacity utilization",
-						value: W.overallPct == null ? "—" : r(W.overallPct),
-						icon: /* @__PURE__ */ x(h, { className: "h-4 w-4" }),
-						deltaLabel: W.overallPct == null ? "No asset has both capacity and matching-unit production" : `${n(W.measuredAssets)} assets with capacity on record`
+						value: L.overallPct == null ? "—" : i(L.overallPct),
+						icon: /* @__PURE__ */ d(Se, { className: "h-4 w-4" }),
+						deltaLabel: L.overallPct == null ? "No asset has both capacity and matching-unit production" : `${r(L.measuredAssets)} assets with capacity on record`
 					}),
-					/* @__PURE__ */ x(l, {
+					/* @__PURE__ */ d(c, {
 						label: "Contract fulfilment",
-						value: J.pct == null ? "—" : r(J.pct),
-						icon: /* @__PURE__ */ x(y, { className: "h-4 w-4" }),
-						deltaLabel: `${n(J.liveCount)} live · ${n(J.atRisk)} at risk`
+						value: G.pct == null ? "—" : i(G.pct),
+						icon: /* @__PURE__ */ d(De, { className: "h-4 w-4" }),
+						deltaLabel: `${r(G.liveCount)} live · ${r(G.atRisk)} at risk`
 					}),
-					/* @__PURE__ */ x(l, {
+					/* @__PURE__ */ d(c, {
 						label: "Delivery rate",
-						value: X == null ? "—" : r(X),
-						icon: /* @__PURE__ */ x(_, { className: "h-4 w-4" }),
-						deltaLabel: `${n(me)} currently moving`
+						value: J == null ? "—" : i(J),
+						icon: /* @__PURE__ */ d(Te, { className: "h-4 w-4" }),
+						...Y == null ? {} : {
+							delta: Math.round(Y),
+							deltaSuffix: " pp"
+						},
+						deltaLabel: Y == null ? `${r(X)} currently moving` : `${g} · ${r(X)} currently moving`
 					}),
-					/* @__PURE__ */ x(l, {
+					/* @__PURE__ */ d(c, {
 						label: "Recorded downtime",
-						value: `${n(pe)} h`,
-						icon: /* @__PURE__ */ x(v, { className: "h-4 w-4" }),
+						value: `${r(R)} h`,
+						icon: /* @__PURE__ */ d(Ee, { className: "h-4 w-4" }),
 						invertDelta: !0,
-						deltaLabel: `Across ${n(H.length)} production records`
+						...z == null ? {} : { delta: Math.round(z) },
+						deltaLabel: z == null ? `Across ${r(N.length)} production records` : `${g} · ${r(N.length)} records`
+					}),
+					/* @__PURE__ */ d(c, {
+						label: "Carbon intensity",
+						value: H ? `${r(H.perUnit, { maximumFractionDigits: 4 })} t CO₂e/${o(H.unit)}` : "—",
+						icon: /* @__PURE__ */ d(Ce, { className: "h-4 w-4" }),
+						invertDelta: !0,
+						deltaLabel: H ? [`${a(H.tonnes)} against ${ee(H.volume, H.unit)} from ${r(H.assets)} assets`, H.unattributed > 0 ? `${r(H.unattributed)} unattributed ${H.unattributed === 1 ? "record" : "records"} excluded` : null].filter(Boolean).join(" · ") : "Needs emissions logged against an asset that also reports production"
+					}),
+					/* @__PURE__ */ d(c, {
+						label: "Inventory on hand",
+						value: W.lead ? n(W.lead[1], W.lead[0]) : "—",
+						icon: /* @__PURE__ */ d(be, { className: "h-4 w-4" }),
+						deltaLabel: W.lead ? [`${r(W.valuedLots)} valued ${W.valuedLots === 1 ? "lot" : "lots"}`, ...W.others.map(([e, t]) => `${n(t, e)}`)].join(" · ") : "No lot on hand carries a unit value"
 					})
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ f("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ S(C, {
+				children: [/* @__PURE__ */ f(p, {
 					treatment: "glass",
 					className: "flex flex-col p-5 lg:col-span-2",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ d("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Production trend"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-tertiary",
-							children: K ? `Monthly volume in ${t(K)} — the unit carrying most of the portfolio. Other units are charted on their own assets.` : "No production recorded in this window."
+							children: V ? `Monthly volume in ${t(V)} — the unit carrying most of the portfolio. Other units are charted on their own assets.` : "No production recorded in this window."
 						})]
-					}), q.length > 0 ? /* @__PURE__ */ x(te, {
-						series: q,
+					}), Ge.length > 0 ? /* @__PURE__ */ d(ae, {
+						series: Ge,
 						height: 220,
 						title: "Monthly production volume"
-					}) : /* @__PURE__ */ x("div", {
+					}) : /* @__PURE__ */ d("div", {
 						className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 						children: "No production records in this window."
 					})]
-				}), /* @__PURE__ */ S(C, {
+				}), /* @__PURE__ */ f(p, {
 					treatment: "glass",
 					className: "flex flex-col p-5",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ d("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Movement mix"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Shipments by transport mode."
 						})]
-					}), Y.length > 0 ? /* @__PURE__ */ x(c, {
-						segments: Y,
-						centerLabel: n(U.length),
+					}), q.length > 0 ? /* @__PURE__ */ d(s, {
+						segments: q,
+						centerLabel: r(P.length),
 						centerCaption: "shipments",
 						showLegend: !0,
 						title: "Shipments by transport mode"
-					}) : /* @__PURE__ */ x("div", {
+					}) : /* @__PURE__ */ d("div", {
 						className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 						children: "No shipments in this window."
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ f("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ S(C, {
+				children: [/* @__PURE__ */ f(p, {
 					treatment: "glass",
 					className: "flex flex-col p-5",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ d("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Utilization by asset"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Produced volume against nameplate capacity for the window. Assets without a capacity figure, or whose production is recorded in a different unit, are omitted."
 						})]
-					}), W.top.length > 0 ? /* @__PURE__ */ x(s, {
-						series: W.top.map((e) => ({
+					}), L.top.length > 0 ? /* @__PURE__ */ d(oe, {
+						series: L.top.map((e) => ({
 							label: e.name,
 							value: Math.round(e.pct)
 						})),
@@ -261,24 +478,24 @@ function D() {
 						colorful: !0,
 						valueFormatter: (e) => `${e}%`,
 						title: "Capacity utilization by asset"
-					}) : /* @__PURE__ */ x("div", {
+					}) : /* @__PURE__ */ d("div", {
 						className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 						children: "No asset has both a capacity figure and matching-unit production in this window."
 					})]
-				}), /* @__PURE__ */ S(C, {
+				}), /* @__PURE__ */ f(p, {
 					treatment: "glass",
 					className: "flex flex-col p-5",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "mb-4",
-						children: [/* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ d("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Least-fulfilled contracts"
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Delivered against contracted volume for live (signed/active) contracts."
 						})]
-					}), J.top.length > 0 ? /* @__PURE__ */ x(s, {
-						series: J.top.map((e) => ({
+					}), G.top.length > 0 ? /* @__PURE__ */ d(oe, {
+						series: G.top.map((e) => ({
 							label: e.label,
 							value: Math.round(e.value)
 						})),
@@ -286,73 +503,144 @@ function D() {
 						colorful: !0,
 						valueFormatter: (e) => `${e}%`,
 						title: "Contract fulfilment"
-					}) : /* @__PURE__ */ x("div", {
+					}) : /* @__PURE__ */ d("div", {
+						className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
+						children: "No live contracts with a contracted volume."
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ f(p, {
+					treatment: "glass",
+					className: "flex flex-col p-5",
+					children: [/* @__PURE__ */ f("div", {
+						className: "mb-4",
+						children: [/* @__PURE__ */ d("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Emissions by scope"
+						}), /* @__PURE__ */ f("p", {
+							className: "text-xs text-text-tertiary",
+							children: ["Tonnes CO₂e logged in this window, split by GHG protocol scope.", F.length > 0 ? ` ${r(qe)} of ${r(F.length)} records verified.` : ""]
+						})]
+					}), U.length > 0 ? /* @__PURE__ */ d(s, {
+						segments: U,
+						centerLabel: r(Ke, { maximumFractionDigits: 0 }),
+						centerCaption: "t CO₂e",
+						showLegend: !0,
+						valueFormatter: (e) => r(e, { maximumFractionDigits: 1 }),
+						title: "Emissions by GHG scope"
+					}) : /* @__PURE__ */ d("div", {
+						className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
+						children: "No emissions recorded in this window."
+					})]
+				}), /* @__PURE__ */ f(p, {
+					treatment: "glass",
+					className: "flex flex-col p-5",
+					children: [/* @__PURE__ */ f("div", {
+						className: "mb-4",
+						children: [/* @__PURE__ */ d("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Fulfilment by counterparty"
+						}), /* @__PURE__ */ d("p", {
+							className: "text-xs text-text-tertiary",
+							children: "Mean delivered-against-contracted across each counterparty's live (signed/active) contracts. Ratios are unitless, so no volumes are summed across units of measure."
+						})]
+					}), K.length > 0 ? /* @__PURE__ */ d("ul", {
+						className: "space-y-3.5",
+						children: K.map((e) => /* @__PURE__ */ f("li", { children: [
+							/* @__PURE__ */ f("div", {
+								className: "flex items-baseline justify-between gap-3",
+								children: [/* @__PURE__ */ d("span", {
+									className: "truncate text-sm text-text-secondary",
+									children: e.name
+								}), /* @__PURE__ */ d("span", {
+									className: "shrink-0 text-sm font-medium tabular-nums text-text-primary",
+									children: i(e.pct)
+								})]
+							}),
+							/* @__PURE__ */ d(te, {
+								value: e.pct,
+								className: "mt-1.5",
+								barClassName: "bg-status-success-text"
+							}),
+							/* @__PURE__ */ f("p", {
+								className: "mt-1 text-[11px] text-text-tertiary",
+								children: [
+									r(e.contracts),
+									" live",
+									" ",
+									e.contracts === 1 ? "contract" : "contracts"
+								]
+							})
+						] }, e.name))
+					}) : /* @__PURE__ */ d("div", {
 						className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 						children: "No live contracts with a contracted volume."
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ f("div", {
 				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ S(C, {
+				children: [/* @__PURE__ */ f(p, {
 					treatment: "glass",
 					className: "flex flex-col p-5",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "mb-4 flex items-center gap-2",
-						children: [/* @__PURE__ */ x(g, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("h2", {
+						children: [/* @__PURE__ */ d(we, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ d("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Inventory position"
 						})]
-					}), Z.length > 0 ? /* @__PURE__ */ x(c, {
-						segments: Z,
-						centerLabel: n(V.length),
+					}), Je.length > 0 ? /* @__PURE__ */ d(s, {
+						segments: Je,
+						centerLabel: r(M.length),
 						centerCaption: "lots",
 						showLegend: !0,
 						title: "Inventory lots by status"
-					}) : /* @__PURE__ */ x("div", {
+					}) : /* @__PURE__ */ d("div", {
 						className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 						children: "No inventory lots recorded."
 					})]
-				}), /* @__PURE__ */ S(C, {
+				}), /* @__PURE__ */ f(p, {
 					treatment: "glass",
 					className: "p-5 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ x("h2", {
+						/* @__PURE__ */ d("h2", {
 							className: "mb-4 text-base font-semibold text-text-primary",
 							children: "Production volume by unit"
 						}),
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ d("p", {
 							className: "mb-4 text-xs text-text-tertiary",
 							children: "Volumes are never summed across units of measure. Each row is an independent total."
 						}),
-						G.size > 0 ? /* @__PURE__ */ x("ul", {
+						B.size > 0 ? /* @__PURE__ */ d("ul", {
 							className: "divide-y divide-border-subtle",
-							children: [...G.entries()].sort((e, t) => t[1] - e[1]).map(([e, n]) => /* @__PURE__ */ S("li", {
+							children: [...B.entries()].sort((e, t) => t[1] - e[1]).map(([e, n]) => /* @__PURE__ */ f("li", {
 								className: "flex items-center justify-between py-2.5",
-								children: [/* @__PURE__ */ x("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-sm text-text-secondary",
 									children: t(e)
-								}), /* @__PURE__ */ x("span", {
+								}), /* @__PURE__ */ d("span", {
 									className: "text-sm font-medium tabular-nums text-text-primary",
-									children: i(n, e)
+									children: ee(n, e)
 								})]
 							}, e))
-						}) : /* @__PURE__ */ x("div", {
+						}) : /* @__PURE__ */ d("div", {
 							className: "rounded-xl border border-dashed border-border-seam py-10 text-center text-sm text-text-secondary",
 							children: "No production records in this window."
 						})
 					]
 				})]
 			})
-		] }) : /* @__PURE__ */ x(ee, {
+		] }) : /* @__PURE__ */ d(ie, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ x(m, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ d(ye, { className: "h-10 w-10" }),
 			title: "Nothing to analyse yet",
 			description: "Register assets and record production, contracts and shipments — analytics is computed from those records."
 		})
 	});
 }
 //#endregion
-export { D as AnalyticsPage };
+export { _ as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map