@burdenoff/microfe-theglobalfuel 2026.705.5 → 2026.709.2

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

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