@burdenoff/microfe-theglobalfuel 2026.705.2 → 2026.705.4

package/dist/theglobalfuel/pages/emissions/EmissionsPage.js

@@ -4,24 +4,26 @@ import { formatDate as n, formatEnumLabel as r, formatPercent as i, formatRelati
 import { StatusBadge as te } from "../../components/StatusBadge.js";
 import { MiniBar as s } from "../../components/MiniBar.js";
 import { DataTable as c } from "../../components/DataTable.js";
-import { ErrorView as l, LoadingView as u } from "../../components/StateViews.js";
-import { EmptyState as d } from "../../components/EmptyState.js";
-import { useTheAssets as ne, useTheEmissionRecords as re, useTheRecordEmission as ie, useTheVerifyEmission as ae } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as oe } from "../../hooks/useCursorPager.js";
-import { useNotify as se } from "../../hooks/useNotify.js";
+import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
+import { EmptyState as ie } from "../../components/EmptyState.js";
+import { DonutChart as ae } from "../../components/viz/DonutChart.js";
+import { useTheAssets as oe, useTheEmissionRecords as l, useTheRecordEmission as se, useTheVerifyEmission as ce } from "../../hooks/useTheGlobalFuelApi.js";
+import { useCursorPager as le } from "../../hooks/useCursorPager.js";
+import { useNotify as ue } from "../../hooks/useNotify.js";
 import "../../hooks/index.js";
-import { FilterTabs as ce } from "../../components/FilterTabs.js";
-import { Pagination as le } from "../../components/Pagination.js";
-import { useMemo as f, useState as p } from "react";
-import { CheckCircle2 as ue, Circle as m, Cloud as h, Factory as g, Flame as _, Plus as v, Truck as de, Zap as fe } from "lucide-react";
-import { Fragment as pe, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Button as x, Input as S, Label as C, ResponsiveDialog as me, ResponsiveDialogContent as he, ResponsiveDialogDescription as ge, ResponsiveDialogFooter as _e, ResponsiveDialogHeader as ve, ResponsiveDialogTitle as ye, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as k } from "@burdenoff/fe-libs/ui";
+import { FilterTabs as de } from "../../components/FilterTabs.js";
+import { Pagination as fe } from "../../components/Pagination.js";
+import "../../components/index.js";
+import { useMemo as u, useState as d } from "react";
+import { CheckCircle2 as pe, Circle as me, Cloud as f, Factory as he, Flame as ge, Plus as p, Truck as _e, Zap as ve } from "lucide-react";
+import { Fragment as ye, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Input as _, Label as v, ResponsiveDialog as be, ResponsiveDialogContent as xe, ResponsiveDialogDescription as Se, ResponsiveDialogFooter as Ce, ResponsiveDialogHeader as y, ResponsiveDialogTitle as we, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Textarea as Te } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/pages/emissions/EmissionsPage.tsx
-var A = [
+var T = [
 	"SCOPE_1",
 	"SCOPE_2",
 	"SCOPE_3"
-], j = [
+], E = [
 	{
 		value: "ALL",
 		label: "All scopes"
@@ -38,69 +40,87 @@ var A = [
 		value: "SCOPE_3",
 		label: "Scope 3"
 	}
-], M = {
+], D = {
 	SCOPE_1: "bg-status-error-text",
 	SCOPE_2: "bg-status-warning-text",
 	SCOPE_3: "bg-accent"
-}, N = 25, P = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), F = () => ({
+}, O = {
+	SCOPE_1: "Scope 1",
+	SCOPE_2: "Scope 2",
+	SCOPE_3: "Scope 3"
+}, Ee = {
+	SCOPE_1: "var(--color-status-error-text)",
+	SCOPE_2: "var(--color-status-warning-text)",
+	SCOPE_3: "var(--color-accent-blue)"
+}, De = (e) => new Intl.NumberFormat("en", {
+	notation: "compact",
+	maximumFractionDigits: 1
+}).format(e), k = 25, A = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), j = () => ({
 	assetId: "",
 	scope: "SCOPE_1",
 	co2eTonnes: "",
-	periodStart: P(),
-	periodEnd: P(),
+	periodStart: A(),
+	periodEnd: A(),
 	source: "",
 	methodology: "",
 	notes: ""
-}), I = (e, t, n) => {
+}), M = (e, t, n) => {
 	if (t <= 0) return;
 	let r = e / t * 100;
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ y(s, {
+		children: [/* @__PURE__ */ m(s, {
 			value: r,
-			barClassName: M[n],
+			barClassName: D[n],
 			height: 4
-		}), /* @__PURE__ */ b("p", {
+		}), /* @__PURE__ */ h("p", {
 			className: "text-xs tabular-nums text-text-tertiary",
 			children: [i(r), " of total"]
 		})]
 	});
 };
-function L() {
-	let i = se(), [s, M] = p("ALL"), [P, L] = p("ALL"), R = oe(), [be, z] = p(!1), [B, V] = p(F), [H, U] = p(null), [W, G] = p(null), K = ne({ pagination: { limit: 100 } }), xe = f(() => {
+function N() {
+	let i = ue(), [s, D] = d("ALL"), [A, N] = d("ALL"), P = le(), [Oe, F] = d(!1), [I, L] = d(j), [R, z] = d(null), [B, V] = d(null), H = oe({ pagination: { limit: 100 } }), ke = u(() => {
 		let e = {};
-		for (let t of K.data?.items ?? []) e[t.id] = t.name;
+		for (let t of H.data?.items ?? []) e[t.id] = t.name;
 		return e;
-	}, [K.data]), q = K.data?.items ?? [], { data: J, isLoading: Se, isError: Ce, refetch: we } = re({
+	}, [H.data]), U = H.data?.items ?? [], { data: W, isLoading: Ae, isError: je, refetch: Me } = l({
 		scope: s === "ALL" ? void 0 : s,
-		assetId: P === "ALL" ? void 0 : P,
+		assetId: A === "ALL" ? void 0 : A,
 		pagination: {
-			limit: N,
-			cursor: R.cursor
+			limit: k,
+			offset: P.page * k
 		}
-	}), Y = ie(), Te = ae(), X = f(() => J?.items ?? [], [J]), { total: Z, byScope: Q } = f(() => {
+	}), G = se(), Ne = ce(), K = u(() => W?.items ?? [], [W]), q = l({
+		assetId: A === "ALL" ? void 0 : A,
+		pagination: { limit: 200 }
+	}), J = u(() => q.data?.items ?? [], [q.data]), Y = J.length, { total: X, byScope: Z } = u(() => {
 		let e = {
 			SCOPE_1: 0,
 			SCOPE_2: 0,
 			SCOPE_3: 0
 		}, t = 0;
-		for (let n of X) t += n.co2eTonnes, e[n.scope] += n.co2eTonnes;
+		for (let n of J) t += n.co2eTonnes, e[n.scope] += n.co2eTonnes;
 		return {
 			total: t,
 			byScope: e
 		};
-	}, [X]), Ee = [
+	}, [J]), Q = u(() => T.filter((e) => Z[e] > 0).map((e) => ({
+		label: O[e],
+		value: Z[e],
+		color: Ee[e]
+	})), [Z]), Pe = [
 		{
 			key: "scope",
 			header: "Scope",
-			render: (e) => /* @__PURE__ */ y(te, { status: e.scope })
+			render: (e) => /* @__PURE__ */ m(te, { status: e.scope })
 		},
 		{
 			key: "asset",
 			header: "Asset",
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "text-text-secondary",
-				children: e.assetId ? xe[e.assetId] ?? `${e.assetId.slice(0, 8)}…` : "—"
+				children: e.assetId ? ke[e.assetId] ?? `${e.assetId.slice(0, 8)}…` : "—"
 			})
 		},
 		{
@@ -108,7 +128,7 @@ function L() {
 			header: "CO₂e",
 			align: "right",
 			sortValue: (e) => e.co2eTonnes,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "tabular-nums font-medium text-text-primary",
 				children: a(e.co2eTonnes)
 			})
@@ -118,7 +138,7 @@ function L() {
 			header: "Period",
 			hideOnMobile: !0,
 			sortValue: (e) => new Date(e.periodStart).getTime(),
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ h("span", {
 				className: "text-text-secondary",
 				children: [
 					n(e.periodStart),
@@ -131,7 +151,7 @@ function L() {
 			key: "source",
 			header: "Source",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "text-text-secondary",
 				children: e.source ?? "—"
 			})
@@ -139,22 +159,22 @@ function L() {
 		{
 			key: "verified",
 			header: "Verified",
-			render: (e) => e.verified ? /* @__PURE__ */ b("span", {
+			render: (e) => e.verified ? /* @__PURE__ */ h("span", {
 				className: "inline-flex items-center gap-1.5 text-status-success-text",
 				children: [
-					/* @__PURE__ */ y(ue, { className: "h-4 w-4" }),
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ m(pe, { className: "h-4 w-4" }),
+					/* @__PURE__ */ m("span", {
 						className: "text-xs font-medium",
 						children: "Verified"
 					}),
-					e.verifiedAt && /* @__PURE__ */ y("span", {
+					e.verifiedAt && /* @__PURE__ */ m("span", {
 						className: "text-xs font-normal tabular-nums text-text-tertiary",
 						children: n(e.verifiedAt)
 					})
 				]
-			}) : /* @__PURE__ */ b("span", {
+			}) : /* @__PURE__ */ h("span", {
 				className: "inline-flex items-center gap-1.5 text-text-tertiary",
-				children: [/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", {
+				children: [/* @__PURE__ */ m(me, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ m("span", {
 					className: "text-xs",
 					children: "Unverified"
 				})]
@@ -165,7 +185,7 @@ function L() {
 			header: "Logged",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ y("span", {
+			render: (e) => /* @__PURE__ */ m("span", {
 				className: "text-text-tertiary",
 				children: ee(e.createdAt)
 			})
@@ -174,323 +194,352 @@ function L() {
 			key: "verify",
 			header: "",
 			align: "right",
-			render: (e) => e.verified ? null : /* @__PURE__ */ y(x, {
+			render: (e) => e.verified ? null : /* @__PURE__ */ m(g, {
 				size: "sm",
 				variant: "outline",
 				onClick: () => {
-					G(e.id), Te.mutate(e.id, {
+					V(e.id), Ne.mutate(e.id, {
 						onSuccess: () => i.success("Emission verified"),
 						onError: (e) => i.fromError(e),
-						onSettled: () => G(null)
+						onSettled: () => V(null)
 					});
 				},
-				disabled: W === e.id,
-				children: W === e.id ? "Verifying…" : "Verify"
+				disabled: B === e.id,
+				children: B === e.id ? "Verifying…" : "Verify"
 			})
 		}
 	], $ = () => {
-		V(F()), U(null), z(!0);
-	}, De = async () => {
-		let e = Number(B.co2eTonnes);
-		if (!B.co2eTonnes || Number.isNaN(e) || e <= 0) {
+		L(j()), z(null), F(!0);
+	}, Fe = async () => {
+		let e = Number(I.co2eTonnes);
+		if (!I.co2eTonnes || Number.isNaN(e) || e <= 0) {
 			let e = "CO₂e (tonnes) must be greater than zero.";
-			U(e), i.error(e);
+			z(e), i.error(e);
 			return;
 		}
-		if (!B.periodStart || !B.periodEnd) {
-			U("Period start and end are required.");
+		if (!I.periodStart || !I.periodEnd) {
+			z("Period start and end are required.");
 			return;
 		}
-		let t = o(B.periodStart), n = o(B.periodEnd);
+		let t = o(I.periodStart), n = o(I.periodEnd);
 		if (!t || !n) {
-			U("Period start and end are required.");
+			z("Period start and end are required.");
 			return;
 		}
 		if (new Date(n).getTime() < new Date(t).getTime()) {
-			U("Period end must be on or after the period start.");
+			z("Period end must be on or after the period start.");
 			return;
 		}
-		U(null);
+		z(null);
 		try {
-			await Y.mutateAsync({
-				assetId: B.assetId || null,
-				scope: B.scope,
+			await G.mutateAsync({
+				assetId: I.assetId || null,
+				scope: I.scope,
 				co2eTonnes: e,
 				periodStart: t,
 				periodEnd: n,
-				source: B.source.trim() || null,
-				methodology: B.methodology.trim() || null,
-				notes: B.notes.trim() || null
-			}), i.success("Emission recorded"), z(!1), V(F());
+				source: I.source.trim() || null,
+				methodology: I.methodology.trim() || null,
+				notes: I.notes.trim() || null
+			}), i.success("Emission recorded"), F(!1), L(j());
 		} catch (e) {
-			i.fromError(e), U(e instanceof Error ? e.message : "Failed to record emission.");
+			i.fromError(e), z(e instanceof Error ? e.message : "Failed to record emission.");
 		}
 	};
-	return /* @__PURE__ */ b(e, {
+	return /* @__PURE__ */ h(e, {
 		title: "Emissions",
 		description: "ESG greenhouse-gas ledger across every asset — GHG Protocol Scope 1 / 2 / 3, with third-party verification.",
-		actions: /* @__PURE__ */ b(x, {
+		actions: /* @__PURE__ */ h(g, {
 			onClick: $,
-			children: [/* @__PURE__ */ y(v, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
+			children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
 		}),
 		children: [
-			/* @__PURE__ */ b("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(g, { className: "h-5 w-5" }),
-						value: X.length > 0 ? a(Z) : "—",
-						label: "CO₂e on this page",
-						featured: !0,
-						footer: /* @__PURE__ */ b("p", {
-							className: "text-xs tabular-nums text-text-tertiary",
-							children: [
-								X.length,
-								" record",
-								X.length === 1 ? "" : "s",
-								" · Scope 1 · 2 · 3"
-							]
+			/* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex flex-col rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-5 shadow-elevation-1",
+					children: [/* @__PURE__ */ h("div", {
+						className: "mb-1 flex items-center justify-between gap-2",
+						children: [/* @__PURE__ */ m("h3", {
+							className: "text-sm font-semibold text-text-secondary",
+							children: "Emissions by scope"
+						}), /* @__PURE__ */ m(f, {
+							className: "h-4 w-4 shrink-0 text-text-muted",
+							"aria-hidden": "true"
+						})]
+					}), q.isLoading ? /* @__PURE__ */ m("p", {
+						className: "flex flex-1 items-center py-8 text-sm text-text-tertiary",
+						children: "Loading breakdown…"
+					}) : Q.length > 0 ? /* @__PURE__ */ m(ae, {
+						className: "mt-3",
+						segments: Q,
+						size: 148,
+						thickness: .32,
+						centerLabel: De(X),
+						centerCaption: "t CO₂e",
+						valueFormatter: a
+					}) : /* @__PURE__ */ m("p", {
+						className: "flex flex-1 items-center py-8 text-sm text-text-tertiary",
+						children: "No emissions recorded yet."
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ m(t, {
+							icon: /* @__PURE__ */ m(he, { className: "h-5 w-5" }),
+							value: Y > 0 ? a(X) : "—",
+							label: "Total CO₂e",
+							featured: !0,
+							footer: /* @__PURE__ */ h("p", {
+								className: "text-xs tabular-nums text-text-tertiary",
+								children: [
+									Y,
+									" record",
+									Y === 1 ? "" : "s",
+									" · Scope 1 · 2 · 3"
+								]
+							})
+						}),
+						/* @__PURE__ */ m(t, {
+							icon: /* @__PURE__ */ m(ge, { className: "h-5 w-5" }),
+							value: Y > 0 ? a(Z.SCOPE_1) : "—",
+							label: "Scope 1 · Direct",
+							footer: M(Z.SCOPE_1, X, "SCOPE_1")
+						}),
+						/* @__PURE__ */ m(t, {
+							icon: /* @__PURE__ */ m(ve, { className: "h-5 w-5" }),
+							value: Y > 0 ? a(Z.SCOPE_2) : "—",
+							label: "Scope 2 · Purchased energy",
+							footer: M(Z.SCOPE_2, X, "SCOPE_2")
+						}),
+						/* @__PURE__ */ m(t, {
+							icon: /* @__PURE__ */ m(_e, { className: "h-5 w-5" }),
+							value: Y > 0 ? a(Z.SCOPE_3) : "—",
+							label: "Scope 3 · Value chain",
+							footer: M(Z.SCOPE_3, X, "SCOPE_3")
 						})
-					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
-						value: X.length > 0 ? a(Q.SCOPE_1) : "—",
-						label: "Scope 1 · Direct",
-						footer: I(Q.SCOPE_1, Z, "SCOPE_1")
-					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(fe, { className: "h-5 w-5" }),
-						value: X.length > 0 ? a(Q.SCOPE_2) : "—",
-						label: "Scope 2 · Purchased energy",
-						footer: I(Q.SCOPE_2, Z, "SCOPE_2")
-					}),
-					/* @__PURE__ */ y(t, {
-						icon: /* @__PURE__ */ y(de, { className: "h-5 w-5" }),
-						value: X.length > 0 ? a(Q.SCOPE_3) : "—",
-						label: "Scope 3 · Value chain",
-						footer: I(Q.SCOPE_3, Z, "SCOPE_3")
-					})
-				]
+					]
+				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mt-6 mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ y(ce, {
-					options: j,
+				children: [/* @__PURE__ */ m(de, {
+					options: E,
 					value: s,
 					onChange: (e) => {
-						M(e), R.reset();
+						D(e), P.reset();
 					}
-				}), /* @__PURE__ */ b(w, {
-					value: P,
+				}), /* @__PURE__ */ h(b, {
+					value: A,
 					onValueChange: (e) => {
-						L(e), R.reset();
+						N(e), P.reset();
 					},
-					children: [/* @__PURE__ */ y(D, {
+					children: [/* @__PURE__ */ m(C, {
 						className: "w-56",
 						"aria-label": "Filter by asset",
-						children: /* @__PURE__ */ y(O, { placeholder: "All assets" })
-					}), /* @__PURE__ */ b(T, { children: [/* @__PURE__ */ y(E, {
+						children: /* @__PURE__ */ m(w, { placeholder: "All assets" })
+					}), /* @__PURE__ */ h(x, { children: [/* @__PURE__ */ m(S, {
 						value: "ALL",
 						children: "All assets"
-					}), q.map((e) => /* @__PURE__ */ y(E, {
+					}), U.map((e) => /* @__PURE__ */ m(S, {
 						value: e.id,
 						children: e.name
 					}, e.id))] })]
 				})]
 			}),
-			Se ? /* @__PURE__ */ y(u, { label: "Loading emission records…" }) : Ce ? /* @__PURE__ */ y(l, {
+			Ae ? /* @__PURE__ */ m(re, { label: "Loading emission records…" }) : je ? /* @__PURE__ */ m(ne, {
 				message: "Couldn't load emission records.",
-				onRetry: () => we()
-			}) : X.length === 0 ? /* @__PURE__ */ y(d, {
+				onRetry: () => Me()
+			}) : K.length === 0 ? /* @__PURE__ */ m(ie, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ y(h, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ m(f, { className: "h-10 w-10" }),
 				title: "No emissions recorded",
-				description: s === "ALL" && P === "ALL" ? "Record a CO₂e figure to start building your Scope 1–3 emissions ledger." : "No emission records match these filters.",
-				action: /* @__PURE__ */ b(x, {
+				description: s === "ALL" && A === "ALL" ? "Record a CO₂e figure to start building your Scope 1–3 emissions ledger." : "No emission records match these filters.",
+				action: /* @__PURE__ */ h(g, {
 					onClick: $,
-					children: [/* @__PURE__ */ y(v, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
+					children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
 				})
-			}) : /* @__PURE__ */ b(pe, { children: [/* @__PURE__ */ y(c, {
-				columns: Ee,
-				rows: X,
+			}) : /* @__PURE__ */ h(ye, { children: [/* @__PURE__ */ m(c, {
+				columns: Pe,
+				rows: K,
 				rowKey: (e) => e.id,
 				defaultSort: {
 					key: "period",
 					dir: "desc"
 				}
-			}), /* @__PURE__ */ y(le, {
-				page: R.page,
-				pageSize: N,
-				itemCount: X.length,
-				hasMore: J?.pageInfo?.hasMore ?? !1,
-				onPageChange: (e) => R.onPageChange(e, J?.pageInfo?.cursor)
+			}), /* @__PURE__ */ m(fe, {
+				page: P.page,
+				pageSize: k,
+				itemCount: K.length,
+				hasMore: W?.pageInfo?.hasMore ?? !1,
+				onPageChange: P.onPageChange
 			})] }),
-			/* @__PURE__ */ y(me, {
-				open: be,
+			/* @__PURE__ */ m(be, {
+				open: Oe,
 				onOpenChange: (e) => {
-					z(e), e || (V(F()), U(null));
+					F(e), e || (L(j()), z(null));
 				},
-				children: /* @__PURE__ */ b(he, { children: [/* @__PURE__ */ b(ve, { children: [/* @__PURE__ */ y(ye, { children: "Record emission" }), /* @__PURE__ */ y(ge, { children: "Log a CO₂e figure for a reporting period — optionally attributed to an asset." })] }), /* @__PURE__ */ b("form", {
+				children: /* @__PURE__ */ h(xe, { children: [/* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m(we, { children: "Record emission" }), /* @__PURE__ */ m(Se, { children: "Log a CO₂e figure for a reporting period — optionally attributed to an asset." })] }), /* @__PURE__ */ h("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), De();
+						e.preventDefault(), Fe();
 					},
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "emScope",
 										children: "Scope"
-									}), /* @__PURE__ */ b(w, {
-										value: B.scope,
-										onValueChange: (e) => V({
-											...B,
+									}), /* @__PURE__ */ h(b, {
+										value: I.scope,
+										onValueChange: (e) => L({
+											...I,
 											scope: e
 										}),
-										children: [/* @__PURE__ */ y(D, {
+										children: [/* @__PURE__ */ m(C, {
 											id: "emScope",
-											children: /* @__PURE__ */ y(O, {})
-										}), /* @__PURE__ */ y(T, { children: A.map((e) => /* @__PURE__ */ y(E, {
+											children: /* @__PURE__ */ m(w, {})
+										}), /* @__PURE__ */ m(x, { children: T.map((e) => /* @__PURE__ */ m(S, {
 											value: e,
 											children: r(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "emCo2e",
 										children: "CO₂e (tonnes) *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ m(_, {
 										id: "emCo2e",
 										type: "number",
 										min: "0",
 										step: "any",
-										value: B.co2eTonnes,
-										onChange: (e) => V({
-											...B,
+										value: I.co2eTonnes,
+										onChange: (e) => L({
+											...I,
 											co2eTonnes: e.target.value
 										}),
 										placeholder: "1250"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ y(C, {
+								children: [/* @__PURE__ */ m(v, {
 									htmlFor: "emAsset",
 									children: "Asset"
-								}), /* @__PURE__ */ b(w, {
-									value: B.assetId,
-									onValueChange: (e) => V({
-										...B,
+								}), /* @__PURE__ */ h(b, {
+									value: I.assetId,
+									onValueChange: (e) => L({
+										...I,
 										assetId: e
 									}),
-									children: [/* @__PURE__ */ y(D, {
+									children: [/* @__PURE__ */ m(C, {
 										id: "emAsset",
-										children: /* @__PURE__ */ y(O, { placeholder: "Optional — org-wide if unset" })
-									}), /* @__PURE__ */ y(T, { children: q.map((e) => /* @__PURE__ */ y(E, {
+										children: /* @__PURE__ */ m(w, { placeholder: "Optional — org-wide if unset" })
+									}), /* @__PURE__ */ m(x, { children: U.map((e) => /* @__PURE__ */ m(S, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "emStart",
 										children: "Period start *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ m(_, {
 										id: "emStart",
 										type: "date",
-										value: B.periodStart,
-										onChange: (e) => V({
-											...B,
+										value: I.periodStart,
+										onChange: (e) => L({
+											...I,
 											periodStart: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "emEnd",
 										children: "Period end *"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ m(_, {
 										id: "emEnd",
 										type: "date",
-										value: B.periodEnd,
-										onChange: (e) => V({
-											...B,
+										value: I.periodEnd,
+										onChange: (e) => L({
+											...I,
 											periodEnd: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "emSource",
 										children: "Source"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ m(_, {
 										id: "emSource",
-										value: B.source,
-										onChange: (e) => V({
-											...B,
+										value: I.source,
+										onChange: (e) => L({
+											...I,
 											source: e.target.value
 										}),
 										placeholder: "Flaring, grid electricity…"
 									})]
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ y(C, {
+									children: [/* @__PURE__ */ m(v, {
 										htmlFor: "emMethod",
 										children: "Methodology"
-									}), /* @__PURE__ */ y(S, {
+									}), /* @__PURE__ */ m(_, {
 										id: "emMethod",
-										value: B.methodology,
-										onChange: (e) => V({
-											...B,
+										value: I.methodology,
+										onChange: (e) => L({
+											...I,
 											methodology: e.target.value
 										}),
 										placeholder: "GHG Protocol / IPCC / API"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ y(C, {
+								children: [/* @__PURE__ */ m(v, {
 									htmlFor: "emNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ y(k, {
+								}), /* @__PURE__ */ m(Te, {
 									id: "emNotes",
 									rows: 2,
-									value: B.notes,
-									onChange: (e) => V({
-										...B,
+									value: I.notes,
+									onChange: (e) => L({
+										...I,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context about this figure."
 								})]
 							}),
-							H && /* @__PURE__ */ y("p", {
+							R && /* @__PURE__ */ m("p", {
 								className: "text-sm text-status-error-text",
-								children: H
+								children: R
 							})
 						]
-					}), /* @__PURE__ */ b(_e, { children: [/* @__PURE__ */ y(x, {
+					}), /* @__PURE__ */ h(Ce, { children: [/* @__PURE__ */ m(g, {
 						type: "button",
 						variant: "outline",
-						onClick: () => z(!1),
+						onClick: () => F(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ y(x, {
+					}), /* @__PURE__ */ m(g, {
 						type: "submit",
-						disabled: Y.isPending,
-						children: Y.isPending ? "Recording…" : "Record emission"
+						disabled: G.isPending,
+						children: G.isPending ? "Recording…" : "Record emission"
 					})] })]
 				})] })
 			})
@@ -498,6 +547,6 @@ function L() {
 	});
 }
 //#endregion
-export { L as EmissionsPage };
+export { N as EmissionsPage };
 
 //# sourceMappingURL=EmissionsPage.js.map