@burdenoff/microfe-theglobalfuel 2026.705.3 → 2026.705.4

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

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