@burdenoff/microfe-ecoimpacthub 2026.525.1 → 2026.704.2

package/dist/ecoimpacthub/pages/carbon/CarbonPage.js

@@ -0,0 +1,1052 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { MetricsCard as t } from "../../components/MetricsCard.js";
+import { formatCo2e as n, formatDate as ee, formatEnumLabel as r, formatNumber as i } from "../../utils/formatters.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { MiniBar as te } from "../../components/MiniBar.js";
+import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { useEcoCarbonEntries as ne, useEcoCarbonTotals as re, useEcoCreateEmissionFactor as ie, useEcoCreateReductionTarget as ae, useEcoEmissionFactors as oe, useEcoRecordCarbonEntry as se, useEcoReductionTargets as ce, useEcoSetReductionTargetStatus as le, useEcoSites as ue, useEcoVerifyCarbonEntry as de } from "../../hooks/useEcoImpactHubApi.js";
+import { useCursorPager as fe } from "../../hooks/useCursorPager.js";
+import "../../hooks/index.js";
+import { DataTable as l } from "../../components/DataTable.js";
+import { Tabs as pe } from "../../components/Tabs.js";
+import { Pagination as me } from "../../components/Pagination.js";
+import { useMemo as he, useState as u } from "react";
+import { Factory as d, Flame as ge, Leaf as _e, Plus as f, Target as ve, Truck as ye, Zap as be } from "lucide-react";
+import { Fragment as xe, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, Input as g, Label as _, ResponsiveDialog as v, ResponsiveDialogContent as Se, ResponsiveDialogDescription as y, ResponsiveDialogFooter as b, ResponsiveDialogHeader as x, ResponsiveDialogTitle as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as Ce } from "@burdenoff/fe-libs/ui";
+//#region src/ecoimpacthub/pages/carbon/CarbonPage.tsx
+var O = [
+	"SCOPE_1",
+	"SCOPE_2",
+	"SCOPE_3"
+], we = [
+	"DRAFT",
+	"RECORDED",
+	"VERIFIED",
+	"ADJUSTED"
+], Te = [
+	"PROPOSED",
+	"ACTIVE",
+	"ACHIEVED",
+	"MISSED",
+	"RETIRED"
+], Ee = 25, De = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), k = {
+	category: "",
+	scope: "SCOPE_1",
+	activityValue: "",
+	activityUnit: "",
+	factorId: "",
+	siteId: "",
+	periodStart: "",
+	notes: ""
+}, A = {
+	name: "",
+	scope: "SCOPE_1",
+	activityUnit: "",
+	factorKgco2e: "",
+	source: "",
+	validYear: ""
+}, j = {
+	name: "",
+	metric: "",
+	baselineValue: "",
+	baselineYear: "",
+	targetValue: "",
+	targetYear: "",
+	unit: "",
+	description: ""
+}, Oe = (e) => Math.max(0, Math.min(100, e));
+function M() {
+	let [M, ke] = u("ledger"), [N, Ae] = u("ALL"), [P, je] = u("ALL"), [F, Me] = u("ALL"), I = fe(), [L, Ne] = u("ALL"), [R, Pe] = u("ALL"), [Fe, z] = u(!1), [B, V] = u(k), [Ie, H] = u(!1), [U, W] = u(A), [Le, G] = u(!1), [K, q] = u(j), [J, Y] = u(null), Re = ue({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), ze = he(() => {
+		let e = {};
+		for (let t of Re.data?.items ?? []) e[t.id] = t.name;
+		return e;
+	}, [Re.data]), X = re(), Z = ne({
+		scope: N === "ALL" ? void 0 : N,
+		siteId: F === "ALL" ? void 0 : F,
+		status: P === "ALL" ? void 0 : P,
+		pagination: {
+			limit: Ee,
+			cursor: I.cursor
+		}
+	}), Be = Z.data?.items ?? [], Ve = oe(), Q = oe(L === "ALL" ? void 0 : L), He = Q.data ?? [], $ = ce(R === "ALL" ? void 0 : R), Ue = $.data ?? [], We = se(), Ge = de(), Ke = ie(), qe = ae(), Je = le(), Ye = () => {
+		V({
+			...k,
+			periodStart: De()
+		}), Y(null), z(!0);
+	}, Xe = () => {
+		W(A), Y(null), H(!0);
+	}, Ze = () => {
+		q(j), Y(null), G(!0);
+	}, Qe = async () => {
+		if (!B.category.trim() || !B.activityValue || !B.activityUnit.trim()) {
+			Y("Category, activity value and unit are required.");
+			return;
+		}
+		Y(null);
+		try {
+			await We.mutateAsync({
+				category: B.category.trim(),
+				scope: B.scope,
+				activityValue: Number(B.activityValue),
+				activityUnit: B.activityUnit.trim(),
+				factorId: B.factorId || null,
+				siteId: B.siteId || null,
+				periodStart: new Date(B.periodStart || De()).toISOString(),
+				notes: B.notes.trim() || null
+			}), z(!1), V(k);
+		} catch (e) {
+			Y(e instanceof Error ? e.message : "Failed to record carbon entry.");
+		}
+	}, $e = async () => {
+		if (!U.name.trim() || !U.activityUnit.trim() || !U.factorKgco2e) {
+			Y("Name, activity unit and factor value are required.");
+			return;
+		}
+		Y(null);
+		try {
+			await Ke.mutateAsync({
+				name: U.name.trim(),
+				scope: U.scope,
+				activityUnit: U.activityUnit.trim(),
+				factorKgco2e: Number(U.factorKgco2e),
+				source: U.source.trim() || null,
+				validYear: U.validYear ? Number(U.validYear) : null
+			}), H(!1), W(A);
+		} catch (e) {
+			Y(e instanceof Error ? e.message : "Failed to create emission factor.");
+		}
+	}, et = async () => {
+		if (!K.name.trim() || !K.metric.trim() || !K.baselineValue || !K.baselineYear || !K.targetValue || !K.targetYear || !K.unit.trim()) {
+			Y("All fields except description are required.");
+			return;
+		}
+		Y(null);
+		try {
+			await qe.mutateAsync({
+				name: K.name.trim(),
+				metric: K.metric.trim(),
+				baselineValue: Number(K.baselineValue),
+				baselineYear: Number(K.baselineYear),
+				targetValue: Number(K.targetValue),
+				targetYear: Number(K.targetYear),
+				unit: K.unit.trim(),
+				description: K.description.trim() || null
+			}), G(!1), q(j);
+		} catch (e) {
+			Y(e instanceof Error ? e.message : "Failed to create reduction target.");
+		}
+	}, tt = [
+		{
+			key: "category",
+			header: "Category",
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "font-medium text-text-primary",
+				children: e.category
+			})
+		},
+		{
+			key: "scope",
+			header: "Scope",
+			render: (e) => /* @__PURE__ */ p(a, { status: e.scope })
+		},
+		{
+			key: "activity",
+			header: "Activity",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.activityValue,
+			render: (e) => /* @__PURE__ */ m("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [
+					i(e.activityValue),
+					" ",
+					e.activityUnit
+				]
+			})
+		},
+		{
+			key: "co2e",
+			header: "CO₂e",
+			align: "right",
+			sortValue: (e) => e.co2eKg,
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "tabular-nums font-medium text-text-primary",
+				children: n(e.co2eKg)
+			})
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ p(a, { status: e.status })
+		},
+		{
+			key: "period",
+			header: "Period",
+			align: "right",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "text-text-tertiary",
+				children: ee(e.periodStart)
+			})
+		},
+		{
+			key: "factor",
+			header: "Factor",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "text-text-secondary",
+				children: e.factor?.name ?? "—"
+			})
+		},
+		{
+			key: "verify",
+			header: "",
+			align: "right",
+			render: (e) => e.status === "VERIFIED" ? null : /* @__PURE__ */ p(h, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => Ge.mutate(e.id),
+				disabled: Ge.isPending,
+				children: "Verify"
+			})
+		}
+	], nt = [
+		{
+			key: "name",
+			header: "Factor",
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "font-medium text-text-primary",
+				children: e.name
+			})
+		},
+		{
+			key: "scope",
+			header: "Scope",
+			render: (e) => /* @__PURE__ */ p(a, { status: e.scope })
+		},
+		{
+			key: "value",
+			header: "Emission factor",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.factorKgco2e,
+			render: (e) => /* @__PURE__ */ m("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [
+					i(e.factorKgco2e),
+					" kg/",
+					e.activityUnit
+				]
+			})
+		},
+		{
+			key: "source",
+			header: "Source",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "text-text-secondary",
+				children: e.source ?? "—"
+			})
+		},
+		{
+			key: "validYear",
+			header: "Valid year",
+			align: "right",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "tabular-nums text-text-tertiary",
+				children: e.validYear ?? "—"
+			})
+		},
+		{
+			key: "active",
+			header: "Active",
+			align: "right",
+			render: (e) => e.isActive ? /* @__PURE__ */ p(a, { status: "OK" }) : /* @__PURE__ */ p(a, { status: "Inactive" })
+		}
+	], rt = [
+		{
+			key: "name",
+			header: "Target",
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "font-medium text-text-primary",
+				children: e.name
+			})
+		},
+		{
+			key: "metric",
+			header: "Metric",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ p("span", {
+				className: "text-text-secondary",
+				children: e.metric
+			})
+		},
+		{
+			key: "baseline",
+			header: "Baseline",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ m("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [
+					i(e.baselineValue),
+					" ",
+					e.unit,
+					" @",
+					e.baselineYear
+				]
+			})
+		},
+		{
+			key: "target",
+			header: "Target",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ m("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [
+					i(e.targetValue),
+					" ",
+					e.unit,
+					" @",
+					e.targetYear
+				]
+			})
+		},
+		{
+			key: "reduction",
+			header: "Planned reduction",
+			render: (e) => {
+				let t = e.baselineValue > 0 ? Oe((e.baselineValue - e.targetValue) / e.baselineValue * 100) : 0;
+				return /* @__PURE__ */ m("div", {
+					className: "flex min-w-[9rem] items-center gap-2",
+					children: [/* @__PURE__ */ p(te, {
+						value: t,
+						className: "flex-1"
+					}), /* @__PURE__ */ m("span", {
+						className: "w-11 shrink-0 text-right text-sm tabular-nums text-text-secondary",
+						children: [Math.round(t), "%"]
+					})]
+				});
+			}
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ p(a, { status: e.status })
+		},
+		{
+			key: "setStatus",
+			header: "",
+			align: "right",
+			render: (e) => /* @__PURE__ */ m(C, {
+				value: e.status,
+				onValueChange: (t) => Je.mutate({
+					id: e.id,
+					status: t
+				}),
+				children: [/* @__PURE__ */ p(E, {
+					className: "h-8 w-36",
+					children: /* @__PURE__ */ p(D, {})
+				}), /* @__PURE__ */ p(w, { children: Te.map((e) => /* @__PURE__ */ p(T, {
+					value: e,
+					children: r(e)
+				}, e)) })]
+			})
+		}
+	], it = [
+		{
+			value: "ledger",
+			label: "Ledger",
+			icon: /* @__PURE__ */ p(d, { className: "h-4 w-4" })
+		},
+		{
+			value: "factors",
+			label: "Emission factors",
+			icon: /* @__PURE__ */ p(_e, { className: "h-4 w-4" }),
+			count: Q.data?.length
+		},
+		{
+			value: "targets",
+			label: "Reduction targets",
+			icon: /* @__PURE__ */ p(ve, { className: "h-4 w-4" }),
+			count: $.data?.length
+		}
+	];
+	return /* @__PURE__ */ m(e, {
+		title: "Carbon & Sustainability",
+		description: "Carbon ledger, emission factors & science-based reduction targets — GHG Protocol Scope 1 / 2 / 3.",
+		actions: M === "ledger" ? /* @__PURE__ */ m(h, {
+			onClick: Ye,
+			children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Record entry"]
+		}) : M === "factors" ? /* @__PURE__ */ m(h, {
+			onClick: Xe,
+			children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " New factor"]
+		}) : /* @__PURE__ */ m(h, {
+			onClick: Ze,
+			children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " New target"]
+		}),
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ p(t, {
+						icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" }),
+						value: X.data ? n(X.data.total) : "—",
+						label: "Total footprint",
+						featured: !0
+					}),
+					/* @__PURE__ */ p(t, {
+						icon: /* @__PURE__ */ p(ge, { className: "h-5 w-5" }),
+						value: X.data ? n(X.data.scope1) : "—",
+						label: "Scope 1 · Direct"
+					}),
+					/* @__PURE__ */ p(t, {
+						icon: /* @__PURE__ */ p(be, { className: "h-5 w-5" }),
+						value: X.data ? n(X.data.scope2) : "—",
+						label: "Scope 2 · Purchased energy"
+					}),
+					/* @__PURE__ */ p(t, {
+						icon: /* @__PURE__ */ p(ye, { className: "h-5 w-5" }),
+						value: X.data ? n(X.data.scope3) : "—",
+						label: "Scope 3 · Value chain"
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ p(pe, {
+					items: it,
+					value: M,
+					onChange: ke
+				})
+			}),
+			M === "ledger" && /* @__PURE__ */ m("div", {
+				className: "mt-6",
+				children: [/* @__PURE__ */ m("div", {
+					className: "mb-5 flex flex-wrap items-center gap-3",
+					children: [
+						/* @__PURE__ */ m(C, {
+							value: N,
+							onValueChange: (e) => {
+								Ae(e), I.reset();
+							},
+							children: [/* @__PURE__ */ p(E, {
+								className: "w-40",
+								children: /* @__PURE__ */ p(D, { placeholder: "All scopes" })
+							}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
+								value: "ALL",
+								children: "All scopes"
+							}), O.map((e) => /* @__PURE__ */ p(T, {
+								value: e,
+								children: r(e)
+							}, e))] })]
+						}),
+						/* @__PURE__ */ m(C, {
+							value: P,
+							onValueChange: (e) => {
+								je(e), I.reset();
+							},
+							children: [/* @__PURE__ */ p(E, {
+								className: "w-40",
+								children: /* @__PURE__ */ p(D, { placeholder: "All statuses" })
+							}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
+								value: "ALL",
+								children: "All statuses"
+							}), we.map((e) => /* @__PURE__ */ p(T, {
+								value: e,
+								children: r(e)
+							}, e))] })]
+						}),
+						/* @__PURE__ */ m(C, {
+							value: F,
+							onValueChange: (e) => {
+								Me(e), I.reset();
+							},
+							children: [/* @__PURE__ */ p(E, {
+								className: "w-48",
+								children: /* @__PURE__ */ p(D, { placeholder: "All sites" })
+							}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
+								value: "ALL",
+								children: "All sites"
+							}), Object.entries(ze).map(([e, t]) => /* @__PURE__ */ p(T, {
+								value: e,
+								children: t
+							}, e))] })]
+						})
+					]
+				}), Z.isLoading ? /* @__PURE__ */ p(s, { label: "Loading carbon ledger…" }) : Z.isError ? /* @__PURE__ */ p(o, {
+					message: "Couldn't load carbon entries.",
+					onRetry: () => Z.refetch()
+				}) : Be.length === 0 ? /* @__PURE__ */ p(c, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
+					title: "No carbon entries",
+					description: N === "ALL" && P === "ALL" && F === "ALL" ? "Record activity to build your Scope 1–3 emissions ledger." : "No entries match these filters.",
+					action: /* @__PURE__ */ m(h, {
+						onClick: Ye,
+						children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Record entry"]
+					})
+				}) : /* @__PURE__ */ m(xe, { children: [/* @__PURE__ */ p(l, {
+					columns: tt,
+					rows: Be,
+					rowKey: (e) => e.id
+				}), /* @__PURE__ */ p(me, {
+					page: I.page,
+					pageSize: Ee,
+					itemCount: Be.length,
+					hasMore: Z.data?.pageInfo?.hasMore ?? !1,
+					onPageChange: (e) => I.onPageChange(e, Z.data?.pageInfo?.cursor)
+				})] })]
+			}),
+			M === "factors" && /* @__PURE__ */ m("div", {
+				className: "mt-6",
+				children: [/* @__PURE__ */ p("div", {
+					className: "mb-5 flex flex-wrap items-center gap-3",
+					children: /* @__PURE__ */ m(C, {
+						value: L,
+						onValueChange: (e) => Ne(e),
+						children: [/* @__PURE__ */ p(E, {
+							className: "w-40",
+							children: /* @__PURE__ */ p(D, { placeholder: "All scopes" })
+						}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
+							value: "ALL",
+							children: "All scopes"
+						}), O.map((e) => /* @__PURE__ */ p(T, {
+							value: e,
+							children: r(e)
+						}, e))] })]
+					})
+				}), Q.isLoading ? /* @__PURE__ */ p(s, { label: "Loading emission factors…" }) : Q.isError ? /* @__PURE__ */ p(o, {
+					message: "Couldn't load emission factors.",
+					onRetry: () => Q.refetch()
+				}) : He.length === 0 ? /* @__PURE__ */ p(c, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ p(_e, { className: "h-10 w-10" }),
+					title: "No emission factors",
+					description: L === "ALL" ? "Add emission factors (kg CO₂e per activity unit) to convert activity into CO₂e." : "No emission factors match this scope.",
+					action: /* @__PURE__ */ m(h, {
+						onClick: Xe,
+						children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " New factor"]
+					})
+				}) : /* @__PURE__ */ p(l, {
+					columns: nt,
+					rows: He,
+					rowKey: (e) => e.id
+				})]
+			}),
+			M === "targets" && /* @__PURE__ */ m("div", {
+				className: "mt-6",
+				children: [/* @__PURE__ */ p("div", {
+					className: "mb-5 flex flex-wrap items-center gap-3",
+					children: /* @__PURE__ */ m(C, {
+						value: R,
+						onValueChange: (e) => Pe(e),
+						children: [/* @__PURE__ */ p(E, {
+							className: "w-44",
+							children: /* @__PURE__ */ p(D, { placeholder: "All statuses" })
+						}), /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(T, {
+							value: "ALL",
+							children: "All statuses"
+						}), Te.map((e) => /* @__PURE__ */ p(T, {
+							value: e,
+							children: r(e)
+						}, e))] })]
+					})
+				}), $.isLoading ? /* @__PURE__ */ p(s, { label: "Loading reduction targets…" }) : $.isError ? /* @__PURE__ */ p(o, {
+					message: "Couldn't load reduction targets.",
+					onRetry: () => $.refetch()
+				}) : Ue.length === 0 ? /* @__PURE__ */ p(c, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ p(ve, { className: "h-10 w-10" }),
+					title: "No reduction targets",
+					description: R === "ALL" ? "Set science-based reduction targets to track progress against a baseline." : "No targets match this status.",
+					action: /* @__PURE__ */ m(h, {
+						onClick: Ze,
+						children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " New target"]
+					})
+				}) : /* @__PURE__ */ p(l, {
+					columns: rt,
+					rows: Ue,
+					rowKey: (e) => e.id
+				})]
+			}),
+			/* @__PURE__ */ p(v, {
+				open: Fe,
+				onOpenChange: (e) => {
+					z(e), e || (V(k), Y(null));
+				},
+				children: /* @__PURE__ */ m(Se, { children: [
+					/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(S, { children: "Record carbon entry" }), /* @__PURE__ */ p(y, { children: "Log an activity — CO₂e is computed server-side from activity value × emission factor." })] }),
+					/* @__PURE__ */ m("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ p(_, {
+									htmlFor: "ceCategory",
+									children: "Category *"
+								}), /* @__PURE__ */ p(g, {
+									id: "ceCategory",
+									value: B.category,
+									onChange: (e) => V({
+										...B,
+										category: e.target.value
+									}),
+									placeholder: "Diesel generators"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "ceScope",
+										children: "Scope"
+									}), /* @__PURE__ */ m(C, {
+										value: B.scope,
+										onValueChange: (e) => V({
+											...B,
+											scope: e
+										}),
+										children: [/* @__PURE__ */ p(E, {
+											id: "ceScope",
+											children: /* @__PURE__ */ p(D, {})
+										}), /* @__PURE__ */ p(w, { children: O.map((e) => /* @__PURE__ */ p(T, {
+											value: e,
+											children: r(e)
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "cePeriod",
+										children: "Period start"
+									}), /* @__PURE__ */ p(g, {
+										id: "cePeriod",
+										type: "date",
+										value: B.periodStart,
+										onChange: (e) => V({
+											...B,
+											periodStart: e.target.value
+										})
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "ceValue",
+										children: "Activity value *"
+									}), /* @__PURE__ */ p(g, {
+										id: "ceValue",
+										type: "number",
+										min: "0",
+										step: "any",
+										value: B.activityValue,
+										onChange: (e) => V({
+											...B,
+											activityValue: e.target.value
+										}),
+										placeholder: "1200"
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "ceUnit",
+										children: "Activity unit *"
+									}), /* @__PURE__ */ p(g, {
+										id: "ceUnit",
+										value: B.activityUnit,
+										onChange: (e) => V({
+											...B,
+											activityUnit: e.target.value
+										}),
+										placeholder: "L, kWh, km"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "ceFactor",
+										children: "Emission factor"
+									}), /* @__PURE__ */ m(C, {
+										value: B.factorId,
+										onValueChange: (e) => V({
+											...B,
+											factorId: e
+										}),
+										children: [/* @__PURE__ */ p(E, {
+											id: "ceFactor",
+											children: /* @__PURE__ */ p(D, { placeholder: "Optional" })
+										}), /* @__PURE__ */ p(w, { children: (Ve.data ?? []).map((e) => /* @__PURE__ */ p(T, {
+											value: e.id,
+											children: e.name
+										}, e.id)) })]
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "ceSite",
+										children: "Site"
+									}), /* @__PURE__ */ m(C, {
+										value: B.siteId,
+										onValueChange: (e) => V({
+											...B,
+											siteId: e
+										}),
+										children: [/* @__PURE__ */ p(E, {
+											id: "ceSite",
+											children: /* @__PURE__ */ p(D, { placeholder: "Optional" })
+										}), /* @__PURE__ */ p(w, { children: Object.entries(ze).map(([e, t]) => /* @__PURE__ */ p(T, {
+											value: e,
+											children: t
+										}, e)) })]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ p(_, {
+									htmlFor: "ceNotes",
+									children: "Notes"
+								}), /* @__PURE__ */ p(Ce, {
+									id: "ceNotes",
+									rows: 2,
+									value: B.notes,
+									onChange: (e) => V({
+										...B,
+										notes: e.target.value
+									}),
+									placeholder: "Optional context about this entry."
+								})]
+							}),
+							J && /* @__PURE__ */ p("p", {
+								className: "text-sm text-status-error-text",
+								children: J
+							})
+						]
+					}),
+					/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(h, {
+						variant: "outline",
+						onClick: () => z(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ p(h, {
+						onClick: Qe,
+						disabled: We.isPending,
+						children: We.isPending ? "Recording…" : "Record entry"
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ p(v, {
+				open: Ie,
+				onOpenChange: (e) => {
+					H(e), e || (W(A), Y(null));
+				},
+				children: /* @__PURE__ */ m(Se, { children: [
+					/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(S, { children: "New emission factor" }), /* @__PURE__ */ p(y, { children: "Define kg CO₂e per activity unit — used to convert ledger activity into CO₂e." })] }),
+					/* @__PURE__ */ m("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ p(_, {
+									htmlFor: "efName",
+									children: "Name *"
+								}), /* @__PURE__ */ p(g, {
+									id: "efName",
+									value: U.name,
+									onChange: (e) => W({
+										...U,
+										name: e.target.value
+									}),
+									placeholder: "Diesel (stationary combustion)"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "efScope",
+										children: "Scope"
+									}), /* @__PURE__ */ m(C, {
+										value: U.scope,
+										onValueChange: (e) => W({
+											...U,
+											scope: e
+										}),
+										children: [/* @__PURE__ */ p(E, {
+											id: "efScope",
+											children: /* @__PURE__ */ p(D, {})
+										}), /* @__PURE__ */ p(w, { children: O.map((e) => /* @__PURE__ */ p(T, {
+											value: e,
+											children: r(e)
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "efUnit",
+										children: "Activity unit *"
+									}), /* @__PURE__ */ p(g, {
+										id: "efUnit",
+										value: U.activityUnit,
+										onChange: (e) => W({
+											...U,
+											activityUnit: e.target.value
+										}),
+										placeholder: "kWh, L, km"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "efFactor",
+										children: "Factor (kg CO₂e / unit) *"
+									}), /* @__PURE__ */ p(g, {
+										id: "efFactor",
+										type: "number",
+										min: "0",
+										step: "any",
+										value: U.factorKgco2e,
+										onChange: (e) => W({
+											...U,
+											factorKgco2e: e.target.value
+										}),
+										placeholder: "2.68"
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "efYear",
+										children: "Valid year"
+									}), /* @__PURE__ */ p(g, {
+										id: "efYear",
+										type: "number",
+										step: "1",
+										value: U.validYear,
+										onChange: (e) => W({
+											...U,
+											validYear: e.target.value
+										}),
+										placeholder: "2026"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ p(_, {
+									htmlFor: "efSource",
+									children: "Source"
+								}), /* @__PURE__ */ p(g, {
+									id: "efSource",
+									value: U.source,
+									onChange: (e) => W({
+										...U,
+										source: e.target.value
+									}),
+									placeholder: "DEFRA / IPCC / EPA"
+								})]
+							}),
+							J && /* @__PURE__ */ p("p", {
+								className: "text-sm text-status-error-text",
+								children: J
+							})
+						]
+					}),
+					/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(h, {
+						variant: "outline",
+						onClick: () => H(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ p(h, {
+						onClick: $e,
+						disabled: Ke.isPending,
+						children: Ke.isPending ? "Creating…" : "Create factor"
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ p(v, {
+				open: Le,
+				onOpenChange: (e) => {
+					G(e), e || (q(j), Y(null));
+				},
+				children: /* @__PURE__ */ m(Se, { children: [
+					/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ p(S, { children: "New reduction target" }), /* @__PURE__ */ p(y, { children: "Commit to a measurable reduction from a baseline to a target year." })] }),
+					/* @__PURE__ */ m("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "rtName",
+										children: "Name *"
+									}), /* @__PURE__ */ p(g, {
+										id: "rtName",
+										value: K.name,
+										onChange: (e) => q({
+											...K,
+											name: e.target.value
+										}),
+										placeholder: "Net-zero operations"
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "rtMetric",
+										children: "Metric *"
+									}), /* @__PURE__ */ p(g, {
+										id: "rtMetric",
+										value: K.metric,
+										onChange: (e) => q({
+											...K,
+											metric: e.target.value
+										}),
+										placeholder: "tCO2e/yr"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ m("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "rtBaseVal",
+											children: "Baseline value *"
+										}), /* @__PURE__ */ p(g, {
+											id: "rtBaseVal",
+											type: "number",
+											step: "any",
+											value: K.baselineValue,
+											onChange: (e) => q({
+												...K,
+												baselineValue: e.target.value
+											}),
+											placeholder: "1000"
+										})]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "rtBaseYear",
+											children: "Baseline year *"
+										}), /* @__PURE__ */ p(g, {
+											id: "rtBaseYear",
+											type: "number",
+											step: "1",
+											value: K.baselineYear,
+											onChange: (e) => q({
+												...K,
+												baselineYear: e.target.value
+											}),
+											placeholder: "2024"
+										})]
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ p(_, {
+											htmlFor: "rtUnit",
+											children: "Unit *"
+										}), /* @__PURE__ */ p(g, {
+											id: "rtUnit",
+											value: K.unit,
+											onChange: (e) => q({
+												...K,
+												unit: e.target.value
+											}),
+											placeholder: "tCO2e"
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "rtTargetVal",
+										children: "Target value *"
+									}), /* @__PURE__ */ p(g, {
+										id: "rtTargetVal",
+										type: "number",
+										step: "any",
+										value: K.targetValue,
+										onChange: (e) => q({
+											...K,
+											targetValue: e.target.value
+										}),
+										placeholder: "0"
+									})]
+								}), /* @__PURE__ */ m("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ p(_, {
+										htmlFor: "rtTargetYear",
+										children: "Target year *"
+									}), /* @__PURE__ */ p(g, {
+										id: "rtTargetYear",
+										type: "number",
+										step: "1",
+										value: K.targetYear,
+										onChange: (e) => q({
+											...K,
+											targetYear: e.target.value
+										}),
+										placeholder: "2030"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ p(_, {
+									htmlFor: "rtDesc",
+									children: "Description"
+								}), /* @__PURE__ */ p(Ce, {
+									id: "rtDesc",
+									rows: 2,
+									value: K.description,
+									onChange: (e) => q({
+										...K,
+										description: e.target.value
+									}),
+									placeholder: "Optional context about this target."
+								})]
+							}),
+							J && /* @__PURE__ */ p("p", {
+								className: "text-sm text-status-error-text",
+								children: J
+							})
+						]
+					}),
+					/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(h, {
+						variant: "outline",
+						onClick: () => G(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ p(h, {
+						onClick: et,
+						disabled: qe.isPending,
+						children: qe.isPending ? "Creating…" : "Create target"
+					})] })
+				] })
+			})
+		]
+	});
+}
+//#endregion
+export { M as CarbonPage };
+
+//# sourceMappingURL=CarbonPage.js.map