@burdenoff/microfe-theglobalfuel 2026.704.1 → 2026.705.2

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

@@ -1,26 +1,27 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
 import { MetricsCard as t } from "../../components/MetricsCard.js";
-import { formatDate as n, formatEnumLabel as r, formatPercent as i, formatRelativeTime as a, formatTonnesCo2e as o } from "../../utils/formatters.js";
-import { StatusBadge as s } from "../../components/StatusBadge.js";
-import { MiniBar as c } from "../../components/MiniBar.js";
-import { DataTable as ee } from "../../components/DataTable.js";
-import { ErrorView as te, LoadingView as ne } from "../../components/StateViews.js";
-import { EmptyState as re } from "../../components/EmptyState.js";
-import { useTheAssets as ie, useTheEmissionRecords as ae, useTheRecordEmission as l, useTheVerifyEmission as u } from "../../hooks/useTheGlobalFuelApi.js";
-import { useCursorPager as d } from "../../hooks/useCursorPager.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 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 "../../hooks/index.js";
-import { FilterTabs as f } from "../../components/FilterTabs.js";
-import { Pagination as p } from "../../components/Pagination.js";
-import { useMemo as m, useState as h } from "react";
-import { CheckCircle2 as g, Circle as _, Cloud as v, Factory as oe, Flame as se, Plus as y, Truck as ce, Zap as le } from "lucide-react";
-import { Fragment as ue, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Button as S, Input as C, Label as w, ResponsiveDialog as de, ResponsiveDialogContent as fe, ResponsiveDialogDescription as pe, ResponsiveDialogFooter as me, ResponsiveDialogHeader as he, ResponsiveDialogTitle as ge, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Textarea as A } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/theglobalfuel/pages/emissions/EmissionsPage.tsx
-var j = [
+var A = [
 	"SCOPE_1",
 	"SCOPE_2",
 	"SCOPE_3"
-], M = [
+], j = [
 	{
 		value: "ALL",
 		label: "All scopes"
@@ -37,47 +38,47 @@ var j = [
 		value: "SCOPE_3",
 		label: "Scope 3"
 	}
-], N = {
+], M = {
 	SCOPE_1: "bg-status-error-text",
 	SCOPE_2: "bg-status-warning-text",
 	SCOPE_3: "bg-accent"
-}, P = 25, F = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), I = () => ({
+}, N = 25, P = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), F = () => ({
 	assetId: "",
 	scope: "SCOPE_1",
 	co2eTonnes: "",
-	periodStart: F(),
-	periodEnd: F(),
+	periodStart: P(),
+	periodEnd: P(),
 	source: "",
 	methodology: "",
 	notes: ""
-}), L = (e, t, n) => {
+}), I = (e, t, n) => {
 	if (t <= 0) return;
 	let r = e / t * 100;
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ b(c, {
+		children: [/* @__PURE__ */ y(s, {
 			value: r,
-			barClassName: N[n],
+			barClassName: M[n],
 			height: 4
-		}), /* @__PURE__ */ x("p", {
+		}), /* @__PURE__ */ b("p", {
 			className: "text-xs tabular-nums text-text-tertiary",
 			children: [i(r), " of total"]
 		})]
 	});
 };
-function R() {
-	let [i, c] = h("ALL"), [N, F] = h("ALL"), R = d(), [_e, z] = h(!1), [B, V] = h(I), [H, U] = h(null), W = ie({ pagination: { limit: 100 } }), ve = m(() => {
+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(() => {
 		let e = {};
-		for (let t of W.data?.items ?? []) e[t.id] = t.name;
+		for (let t of K.data?.items ?? []) e[t.id] = t.name;
 		return e;
-	}, [W.data]), G = W.data?.items ?? [], { data: K, isLoading: ye, isError: q, refetch: be } = ae({
-		scope: i === "ALL" ? void 0 : i,
-		assetId: N === "ALL" ? void 0 : N,
+	}, [K.data]), q = K.data?.items ?? [], { data: J, isLoading: Se, isError: Ce, refetch: we } = re({
+		scope: s === "ALL" ? void 0 : s,
+		assetId: P === "ALL" ? void 0 : P,
 		pagination: {
-			limit: P,
+			limit: N,
 			cursor: R.cursor
 		}
-	}), J = l(), Y = u(), X = m(() => K?.items ?? [], [K]), { total: Z, byScope: Q } = m(() => {
+	}), Y = ie(), Te = ae(), X = f(() => J?.items ?? [], [J]), { total: Z, byScope: Q } = f(() => {
 		let e = {
 			SCOPE_1: 0,
 			SCOPE_2: 0,
@@ -88,18 +89,18 @@ function R() {
 			total: t,
 			byScope: e
 		};
-	}, [X]), xe = [
+	}, [X]), Ee = [
 		{
 			key: "scope",
 			header: "Scope",
-			render: (e) => /* @__PURE__ */ b(s, { status: e.scope })
+			render: (e) => /* @__PURE__ */ y(te, { status: e.scope })
 		},
 		{
 			key: "asset",
 			header: "Asset",
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "text-text-secondary",
-				children: e.assetId ? ve[e.assetId] ?? `${e.assetId.slice(0, 8)}…` : "—"
+				children: e.assetId ? xe[e.assetId] ?? `${e.assetId.slice(0, 8)}…` : "—"
 			})
 		},
 		{
@@ -107,9 +108,9 @@ function R() {
 			header: "CO₂e",
 			align: "right",
 			sortValue: (e) => e.co2eTonnes,
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "tabular-nums font-medium text-text-primary",
-				children: o(e.co2eTonnes)
+				children: a(e.co2eTonnes)
 			})
 		},
 		{
@@ -117,7 +118,7 @@ function R() {
 			header: "Period",
 			hideOnMobile: !0,
 			sortValue: (e) => new Date(e.periodStart).getTime(),
-			render: (e) => /* @__PURE__ */ x("span", {
+			render: (e) => /* @__PURE__ */ b("span", {
 				className: "text-text-secondary",
 				children: [
 					n(e.periodStart),
@@ -130,7 +131,7 @@ function R() {
 			key: "source",
 			header: "Source",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "text-text-secondary",
 				children: e.source ?? "—"
 			})
@@ -138,15 +139,22 @@ function R() {
 		{
 			key: "verified",
 			header: "Verified",
-			render: (e) => e.verified ? /* @__PURE__ */ x("span", {
+			render: (e) => e.verified ? /* @__PURE__ */ b("span", {
 				className: "inline-flex items-center gap-1.5 text-status-success-text",
-				children: [/* @__PURE__ */ b(g, { className: "h-4 w-4" }), /* @__PURE__ */ b("span", {
-					className: "text-xs font-medium",
-					children: "Verified"
-				})]
-			}) : /* @__PURE__ */ x("span", {
+				children: [
+					/* @__PURE__ */ y(ue, { className: "h-4 w-4" }),
+					/* @__PURE__ */ y("span", {
+						className: "text-xs font-medium",
+						children: "Verified"
+					}),
+					e.verifiedAt && /* @__PURE__ */ y("span", {
+						className: "text-xs font-normal tabular-nums text-text-tertiary",
+						children: n(e.verifiedAt)
+					})
+				]
+			}) : /* @__PURE__ */ b("span", {
 				className: "inline-flex items-center gap-1.5 text-text-tertiary",
-				children: [/* @__PURE__ */ b(_, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("span", {
+				children: [/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", {
 					className: "text-xs",
 					children: "Unverified"
 				})]
@@ -157,43 +165,84 @@ function R() {
 			header: "Logged",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ b("span", {
+			render: (e) => /* @__PURE__ */ y("span", {
 				className: "text-text-tertiary",
-				children: a(e.createdAt)
+				children: ee(e.createdAt)
 			})
 		},
 		{
 			key: "verify",
 			header: "",
 			align: "right",
-			render: (e) => e.verified ? null : /* @__PURE__ */ b(S, {
+			render: (e) => e.verified ? null : /* @__PURE__ */ y(x, {
 				size: "sm",
 				variant: "outline",
-				onClick: () => Y.mutate(e.id),
-				disabled: Y.isPending,
-				children: "Verify"
+				onClick: () => {
+					G(e.id), Te.mutate(e.id, {
+						onSuccess: () => i.success("Emission verified"),
+						onError: (e) => i.fromError(e),
+						onSettled: () => G(null)
+					});
+				},
+				disabled: W === e.id,
+				children: W === e.id ? "Verifying…" : "Verify"
 			})
 		}
 	], $ = () => {
-		V(I()), U(null), z(!0);
+		V(F()), U(null), z(!0);
+	}, De = async () => {
+		let e = Number(B.co2eTonnes);
+		if (!B.co2eTonnes || Number.isNaN(e) || e <= 0) {
+			let e = "CO₂e (tonnes) must be greater than zero.";
+			U(e), i.error(e);
+			return;
+		}
+		if (!B.periodStart || !B.periodEnd) {
+			U("Period start and end are required.");
+			return;
+		}
+		let t = o(B.periodStart), n = o(B.periodEnd);
+		if (!t || !n) {
+			U("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.");
+			return;
+		}
+		U(null);
+		try {
+			await Y.mutateAsync({
+				assetId: B.assetId || null,
+				scope: B.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());
+		} catch (e) {
+			i.fromError(e), U(e instanceof Error ? e.message : "Failed to record emission.");
+		}
 	};
-	return /* @__PURE__ */ x(e, {
+	return /* @__PURE__ */ b(e, {
 		title: "Emissions",
 		description: "ESG greenhouse-gas ledger across every asset — GHG Protocol Scope 1 / 2 / 3, with third-party verification.",
-		actions: /* @__PURE__ */ x(S, {
+		actions: /* @__PURE__ */ b(x, {
 			onClick: $,
-			children: [/* @__PURE__ */ b(y, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
+			children: [/* @__PURE__ */ y(v, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
 		}),
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ b(t, {
-						icon: /* @__PURE__ */ b(oe, { className: "h-5 w-5" }),
-						value: X.length > 0 ? o(Z) : "—",
+					/* @__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__ */ x("p", {
+						footer: /* @__PURE__ */ b("p", {
 							className: "text-xs tabular-nums text-text-tertiary",
 							children: [
 								X.length,
@@ -203,115 +252,118 @@ function R() {
 							]
 						})
 					}),
-					/* @__PURE__ */ b(t, {
-						icon: /* @__PURE__ */ b(se, { className: "h-5 w-5" }),
-						value: X.length > 0 ? o(Q.SCOPE_1) : "—",
+					/* @__PURE__ */ y(t, {
+						icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
+						value: X.length > 0 ? a(Q.SCOPE_1) : "—",
 						label: "Scope 1 · Direct",
-						footer: L(Q.SCOPE_1, Z, "SCOPE_1")
+						footer: I(Q.SCOPE_1, Z, "SCOPE_1")
 					}),
-					/* @__PURE__ */ b(t, {
-						icon: /* @__PURE__ */ b(le, { className: "h-5 w-5" }),
-						value: X.length > 0 ? o(Q.SCOPE_2) : "—",
+					/* @__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: L(Q.SCOPE_2, Z, "SCOPE_2")
+						footer: I(Q.SCOPE_2, Z, "SCOPE_2")
 					}),
-					/* @__PURE__ */ b(t, {
-						icon: /* @__PURE__ */ b(ce, { className: "h-5 w-5" }),
-						value: X.length > 0 ? o(Q.SCOPE_3) : "—",
+					/* @__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: L(Q.SCOPE_3, Z, "SCOPE_3")
+						footer: I(Q.SCOPE_3, Z, "SCOPE_3")
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mt-6 mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ b(f, {
-					options: M,
-					value: i,
+				children: [/* @__PURE__ */ y(ce, {
+					options: j,
+					value: s,
 					onChange: (e) => {
-						c(e), R.reset();
+						M(e), R.reset();
 					}
-				}), /* @__PURE__ */ x(T, {
-					value: N,
+				}), /* @__PURE__ */ b(w, {
+					value: P,
 					onValueChange: (e) => {
-						F(e), R.reset();
+						L(e), R.reset();
 					},
-					children: [/* @__PURE__ */ b(O, {
+					children: [/* @__PURE__ */ y(D, {
 						className: "w-56",
-						children: /* @__PURE__ */ b(k, { placeholder: "All assets" })
-					}), /* @__PURE__ */ x(E, { children: [/* @__PURE__ */ b(D, {
+						"aria-label": "Filter by asset",
+						children: /* @__PURE__ */ y(O, { placeholder: "All assets" })
+					}), /* @__PURE__ */ b(T, { children: [/* @__PURE__ */ y(E, {
 						value: "ALL",
 						children: "All assets"
-					}), G.map((e) => /* @__PURE__ */ b(D, {
+					}), q.map((e) => /* @__PURE__ */ y(E, {
 						value: e.id,
 						children: e.name
 					}, e.id))] })]
 				})]
 			}),
-			ye ? /* @__PURE__ */ b(ne, { label: "Loading emission records…" }) : q ? /* @__PURE__ */ b(te, {
+			Se ? /* @__PURE__ */ y(u, { label: "Loading emission records…" }) : Ce ? /* @__PURE__ */ y(l, {
 				message: "Couldn't load emission records.",
-				onRetry: () => be()
-			}) : X.length === 0 ? /* @__PURE__ */ b(re, {
+				onRetry: () => we()
+			}) : X.length === 0 ? /* @__PURE__ */ y(d, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ b(v, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ y(h, { className: "h-10 w-10" }),
 				title: "No emissions recorded",
-				description: i === "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__ */ x(S, {
+				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, {
 					onClick: $,
-					children: [/* @__PURE__ */ b(y, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
+					children: [/* @__PURE__ */ y(v, { className: "mr-1.5 h-4 w-4" }), " Record emission"]
 				})
-			}) : /* @__PURE__ */ x(ue, { children: [/* @__PURE__ */ b(ee, {
-				columns: xe,
+			}) : /* @__PURE__ */ b(pe, { children: [/* @__PURE__ */ y(c, {
+				columns: Ee,
 				rows: X,
 				rowKey: (e) => e.id,
 				defaultSort: {
 					key: "period",
 					dir: "desc"
 				}
-			}), /* @__PURE__ */ b(p, {
+			}), /* @__PURE__ */ y(le, {
 				page: R.page,
-				pageSize: P,
+				pageSize: N,
 				itemCount: X.length,
-				hasMore: K?.pageInfo?.hasMore ?? !1,
-				onPageChange: (e) => R.onPageChange(e, K?.pageInfo?.cursor)
+				hasMore: J?.pageInfo?.hasMore ?? !1,
+				onPageChange: (e) => R.onPageChange(e, J?.pageInfo?.cursor)
 			})] }),
-			/* @__PURE__ */ b(de, {
-				open: _e,
+			/* @__PURE__ */ y(me, {
+				open: be,
 				onOpenChange: (e) => {
-					z(e), e || (V(I()), U(null));
+					z(e), e || (V(F()), U(null));
 				},
-				children: /* @__PURE__ */ x(fe, { children: [
-					/* @__PURE__ */ x(he, { children: [/* @__PURE__ */ b(ge, { children: "Record emission" }), /* @__PURE__ */ b(pe, { children: "Log a CO₂e figure for a reporting period — optionally attributed to an asset." })] }),
-					/* @__PURE__ */ x("div", {
+				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", {
+					onSubmit: (e) => {
+						e.preventDefault(), De();
+					},
+					children: [/* @__PURE__ */ b("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ b("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ b(w, {
+									children: [/* @__PURE__ */ y(C, {
 										htmlFor: "emScope",
 										children: "Scope"
-									}), /* @__PURE__ */ x(T, {
+									}), /* @__PURE__ */ b(w, {
 										value: B.scope,
 										onValueChange: (e) => V({
 											...B,
 											scope: e
 										}),
-										children: [/* @__PURE__ */ b(O, {
+										children: [/* @__PURE__ */ y(D, {
 											id: "emScope",
-											children: /* @__PURE__ */ b(k, {})
-										}), /* @__PURE__ */ b(E, { children: j.map((e) => /* @__PURE__ */ b(D, {
+											children: /* @__PURE__ */ y(O, {})
+										}), /* @__PURE__ */ y(T, { children: A.map((e) => /* @__PURE__ */ y(E, {
 											value: e,
 											children: r(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ x("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ b(w, {
+									children: [/* @__PURE__ */ y(C, {
 										htmlFor: "emCo2e",
 										children: "CO₂e (tonnes) *"
-									}), /* @__PURE__ */ b(C, {
+									}), /* @__PURE__ */ y(S, {
 										id: "emCo2e",
 										type: "number",
 										min: "0",
@@ -325,34 +377,34 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ b("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ b(w, {
+								children: [/* @__PURE__ */ y(C, {
 									htmlFor: "emAsset",
 									children: "Asset"
-								}), /* @__PURE__ */ x(T, {
+								}), /* @__PURE__ */ b(w, {
 									value: B.assetId,
 									onValueChange: (e) => V({
 										...B,
 										assetId: e
 									}),
-									children: [/* @__PURE__ */ b(O, {
+									children: [/* @__PURE__ */ y(D, {
 										id: "emAsset",
-										children: /* @__PURE__ */ b(k, { placeholder: "Optional — org-wide if unset" })
-									}), /* @__PURE__ */ b(E, { children: G.map((e) => /* @__PURE__ */ b(D, {
+										children: /* @__PURE__ */ y(O, { placeholder: "Optional — org-wide if unset" })
+									}), /* @__PURE__ */ y(T, { children: q.map((e) => /* @__PURE__ */ y(E, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ b("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ b(w, {
+									children: [/* @__PURE__ */ y(C, {
 										htmlFor: "emStart",
 										children: "Period start *"
-									}), /* @__PURE__ */ b(C, {
+									}), /* @__PURE__ */ y(S, {
 										id: "emStart",
 										type: "date",
 										value: B.periodStart,
@@ -361,12 +413,12 @@ function R() {
 											periodStart: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ x("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ b(w, {
+									children: [/* @__PURE__ */ y(C, {
 										htmlFor: "emEnd",
 										children: "Period end *"
-									}), /* @__PURE__ */ b(C, {
+									}), /* @__PURE__ */ y(S, {
 										id: "emEnd",
 										type: "date",
 										value: B.periodEnd,
@@ -377,14 +429,14 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ b("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ x("div", {
+								children: [/* @__PURE__ */ b("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ b(w, {
+									children: [/* @__PURE__ */ y(C, {
 										htmlFor: "emSource",
 										children: "Source"
-									}), /* @__PURE__ */ b(C, {
+									}), /* @__PURE__ */ y(S, {
 										id: "emSource",
 										value: B.source,
 										onChange: (e) => V({
@@ -393,12 +445,12 @@ function R() {
 										}),
 										placeholder: "Flaring, grid electricity…"
 									})]
-								}), /* @__PURE__ */ x("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ b(w, {
+									children: [/* @__PURE__ */ y(C, {
 										htmlFor: "emMethod",
 										children: "Methodology"
-									}), /* @__PURE__ */ b(C, {
+									}), /* @__PURE__ */ y(S, {
 										id: "emMethod",
 										value: B.methodology,
 										onChange: (e) => V({
@@ -409,12 +461,12 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ b("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ b(w, {
+								children: [/* @__PURE__ */ y(C, {
 									htmlFor: "emNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ b(A, {
+								}), /* @__PURE__ */ y(k, {
 									id: "emNotes",
 									rows: 2,
 									value: B.notes,
@@ -425,55 +477,27 @@ function R() {
 									placeholder: "Optional context about this figure."
 								})]
 							}),
-							H && /* @__PURE__ */ b("p", {
+							H && /* @__PURE__ */ y("p", {
 								className: "text-sm text-status-error-text",
 								children: H
 							})
 						]
-					}),
-					/* @__PURE__ */ x(me, { children: [/* @__PURE__ */ b(S, {
+					}), /* @__PURE__ */ b(_e, { children: [/* @__PURE__ */ y(x, {
+						type: "button",
 						variant: "outline",
 						onClick: () => z(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ b(S, {
-						onClick: async () => {
-							if (!B.co2eTonnes) {
-								U("CO₂e (tonnes) is required.");
-								return;
-							}
-							if (!B.periodStart || !B.periodEnd) {
-								U("Period start and end are required.");
-								return;
-							}
-							if (new Date(B.periodEnd).getTime() < new Date(B.periodStart).getTime()) {
-								U("Period end must be on or after the period start.");
-								return;
-							}
-							U(null);
-							try {
-								await J.mutateAsync({
-									assetId: B.assetId || null,
-									scope: B.scope,
-									co2eTonnes: Number(B.co2eTonnes),
-									periodStart: new Date(B.periodStart).toISOString(),
-									periodEnd: new Date(B.periodEnd).toISOString(),
-									source: B.source.trim() || null,
-									methodology: B.methodology.trim() || null,
-									notes: B.notes.trim() || null
-								}), z(!1), V(I());
-							} catch (e) {
-								U(e instanceof Error ? e.message : "Failed to record emission.");
-							}
-						},
-						disabled: J.isPending,
-						children: J.isPending ? "Recording…" : "Record emission"
-					})] })
-				] })
+					}), /* @__PURE__ */ y(x, {
+						type: "submit",
+						disabled: Y.isPending,
+						children: Y.isPending ? "Recording…" : "Record emission"
+					})] })]
+				})] })
 			})
 		]
 	});
 }
 //#endregion
-export { R as EmissionsPage };
+export { L as EmissionsPage };
 
 //# sourceMappingURL=EmissionsPage.js.map