@burdenoff/microfe-assethandler 2026.826.1 → 2026.826.3

package/dist/assethandler/pages/EsgDashboardPage.js

@@ -9,13 +9,13 @@ import { ChartCard as l } from "../components/ChartCard.js";
 import { SectionHeader as u } from "../components/SectionHeader.js";
 import "../components/index.js";
 import { useMemo as d, useState as f } from "react";
-import { Leaf as p, Minus as m, Plus as h, TrendingDown as g, TrendingUp as _ } from "lucide-react";
-import { gql as v } from "@apollo/client";
-import { useMutation as y, useQuery as b } from "@apollo/client/react";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Button as w, GlassCard as T, IllustratedEmptyState as E, Input as D, Label as O, PagePurpose as k, ResponsiveDialog as A, ResponsiveDialogContent as j, ResponsiveDialogDescription as M, ResponsiveDialogFooter as N, ResponsiveDialogHeader as P, ResponsiveDialogTitle as F, Select as I, SelectContent as L, SelectItem as R, SelectTrigger as z, SelectValue as B } from "@burdenoff/fe-libs/ui";
+import { Archive as p, Leaf as m, Minus as h, Pencil as g, Plus as _, TrendingDown as v, TrendingUp as y } from "lucide-react";
+import { gql as b } from "@apollo/client";
+import { useMutation as x, useQuery as S } from "@apollo/client/react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Button as E, GlassCard as D, IllustratedEmptyState as O, Input as k, Label as A, PagePurpose as j, ResponsiveDialog as M, ResponsiveDialogContent as N, ResponsiveDialogDescription as P, ResponsiveDialogFooter as F, ResponsiveDialogHeader as I, ResponsiveDialogTitle as L, Select as R, SelectContent as z, SelectItem as B, SelectTrigger as V, SelectValue as H } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/EsgDashboardPage.tsx
-var V = v`
+var U = b`
   query AssetHandlerEsgMetrics {
     esgMetrics {
       id
@@ -30,162 +30,202 @@ var V = v`
       periodEnd
     }
   }
-`, H = v`
-  mutation AssetHandlerUpsertEsgMetric($input: UpsertEsgMetricInput!) {
-    upsertEsgMetric(input: $input) {
+`, W = b`
+  mutation AssetHandlerCreateEsgMetric($input: CreateEsgMetricInput!) {
+    createEsgMetric(input: $input) {
       id
       metricName
     }
   }
-`, U = [
+`, G = b`
+  mutation AssetHandlerUpdateEsgMetric($id: ID!, $input: UpdateEsgMetricInput!) {
+    updateEsgMetric(id: $id, input: $input) {
+      id
+      metricName
+    }
+  }
+`, K = b`
+  mutation AssetHandlerArchiveEsgMetric($id: ID!) {
+    archiveEsgMetric(id: $id)
+  }
+`, q = [
 	"environment",
 	"social",
 	"governance"
-], W = [
+], J = [
 	"improving",
 	"stable",
 	"declining"
-], G = {
+], Y = {
 	improving: {
 		label: "Improving",
-		icon: _,
+		icon: y,
 		tone: "positive",
 		dir: "up"
 	},
 	declining: {
 		label: "Declining",
-		icon: g,
+		icon: v,
 		tone: "negative",
 		dir: "down"
 	},
 	stable: {
 		label: "Stable",
-		icon: m,
+		icon: h,
 		tone: "neutral",
 		dir: "neutral"
 	}
-}, K = {
+}, X = {
 	positive: "bg-status-success-bg-subtle text-status-success-text",
 	negative: "bg-status-error-bg-subtle text-status-error-text",
 	neutral: "bg-bg-sunken text-text-secondary"
-}, q = (e) => e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-function J() {
+}, Z = (e) => e.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+function ee(e, t) {
+	let n = {
+		metricName: t.metricName.trim(),
+		category: t.category,
+		unit: t.unit.trim(),
+		value: t.value,
+		target: t.target,
+		trend: t.trend
+	};
+	return e ? {
+		kind: "update",
+		variables: {
+			id: e,
+			input: n
+		}
+	} : {
+		kind: "create",
+		variables: { input: {
+			...n,
+			metricKey: Z(t.metricName),
+			periodStart: new Date(t.periodStart).toISOString(),
+			periodEnd: new Date(t.periodEnd).toISOString()
+		} }
+	};
+}
+function Q() {
 	let e = /* @__PURE__ */ new Date();
 	return new Date(e.getFullYear(), e.getMonth(), 1).toISOString().slice(0, 10);
 }
-function Y() {
+function te() {
 	return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
 }
-function X({ trend: e }) {
-	let t = G[e ?? "stable"] ?? G.stable, r = t.icon;
-	return /* @__PURE__ */ C("span", {
-		className: n("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", K[t.tone]),
-		children: [/* @__PURE__ */ S(r, { className: "h-3 w-3" }), t.label]
+function ne({ trend: e }) {
+	let t = Y[e ?? "stable"] ?? Y.stable, r = t.icon;
+	return /* @__PURE__ */ T("span", {
+		className: n("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", X[t.tone]),
+		children: [/* @__PURE__ */ w(r, { className: "h-3 w-3" }), t.label]
 	});
 }
-function Z({ open: e, onOpenChange: t, onSaved: n }) {
-	let [i, a] = f(""), [o, s] = f("environment"), [c, l] = f(""), [u, d] = f(""), [p, m] = f(""), [h, g] = f("stable"), [_, v] = f(J()), [b, x] = f(Y()), [T, { loading: E }] = y(H, {
+function re({ open: e, metric: t, onOpenChange: n, onSaved: i }) {
+	let [a, o] = f(t?.metricName ?? ""), [s, c] = f(t?.category ?? "environment"), [l, u] = f(t?.unit ?? ""), [d, p] = f(t ? String(t.value) : ""), [m, h] = f(t?.target == null ? "" : String(t.target)), [g, _] = f(t?.trend ?? "stable"), [v, y] = f(t?.periodStart.slice(0, 10) ?? Q()), [b, S] = f(t?.periodEnd.slice(0, 10) ?? te()), C = { onError: (e) => r.error("Could not save metric", e.message) }, [D, { loading: O }] = x(W, {
+		...C,
 		onCompleted: (e) => {
-			r.success("Metric saved", `${e.upsertEsgMetric.metricName} was recorded.`), a(""), l(""), d(""), m(""), t(!1), n();
-		},
-		onError: (e) => r.error("Could not save metric", e.message)
-	});
-	return /* @__PURE__ */ S(A, {
+			r.success("Metric saved", `${e.createEsgMetric.metricName} was recorded.`), n(!1), i();
+		}
+	}), [j, { loading: U }] = x(G, {
+		...C,
+		onCompleted: (e) => {
+			r.success("Metric updated", `${e.updateEsgMetric.metricName} was updated.`), n(!1), i();
+		}
+	}), K = O || U;
+	return /* @__PURE__ */ w(M, {
 		open: e,
-		onOpenChange: t,
-		children: /* @__PURE__ */ C(j, {
+		onOpenChange: n,
+		children: /* @__PURE__ */ T(N, {
 			className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl",
-			children: [/* @__PURE__ */ C(P, { children: [/* @__PURE__ */ S(F, { children: "Save Metric" }), /* @__PURE__ */ S(M, { children: "Record an ESG metric to track progress toward your sustainability targets." })] }), /* @__PURE__ */ C("form", {
+			children: [/* @__PURE__ */ T(I, { children: [/* @__PURE__ */ w(L, { children: t ? "Edit Metric" : "Save Metric" }), /* @__PURE__ */ w(P, { children: t ? "Update this metric’s values. Its source identity and reporting period stay unchanged." : "Record an ESG metric to track progress toward your sustainability targets." })] }), /* @__PURE__ */ T("form", {
 				className: "space-y-3",
 				onSubmit: (e) => {
 					e.preventDefault();
-					let t = Number(u);
-					if (!i.trim() || !c.trim()) {
+					let n = Number(d);
+					if (!a.trim() || !l.trim()) {
 						r.warning("Missing details", "Metric name and unit are required.");
 						return;
 					}
-					if (!Number.isFinite(t) || u.trim() === "") {
+					if (!Number.isFinite(n) || d.trim() === "") {
 						r.warning("Invalid value", "Enter a numeric metric value.");
 						return;
 					}
-					if (!_ || !b) {
+					if (!v || !b) {
 						r.warning("Missing period", "Period start and end are required.");
 						return;
 					}
-					let n = p.trim() === "" ? null : Number(p);
-					T({ variables: { input: {
-						metricKey: q(i),
-						metricName: i.trim(),
-						category: o,
-						unit: c.trim(),
-						value: t,
-						target: n != null && Number.isFinite(n) ? n : null,
-						trend: h,
-						periodStart: new Date(_).toISOString(),
-						periodEnd: new Date(b).toISOString()
-					} } });
+					let i = m.trim() === "" ? null : Number(m), o = ee(t?.id ?? null, {
+						metricName: a,
+						category: s,
+						unit: l,
+						value: n,
+						target: i != null && Number.isFinite(i) ? i : null,
+						trend: g,
+						periodStart: v,
+						periodEnd: b
+					});
+					o.kind === "update" ? j(o) : D(o);
 				},
 				children: [
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "grid gap-3 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(O, { children: "Metric Name *" }), /* @__PURE__ */ S(D, {
+								children: [/* @__PURE__ */ w(A, { children: "Metric Name *" }), /* @__PURE__ */ w(k, {
 									placeholder: "e.g., Scope 2 carbon emissions",
-									value: i,
-									onChange: (e) => a(e.target.value)
+									value: a,
+									onChange: (e) => o(e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(O, { children: "Category" }), /* @__PURE__ */ C(I, {
-									value: o,
-									onValueChange: (e) => s(e),
-									children: [/* @__PURE__ */ S(z, { children: /* @__PURE__ */ S(B, {}) }), /* @__PURE__ */ S(L, { children: U.map((e) => /* @__PURE__ */ S(R, {
+								children: [/* @__PURE__ */ w(A, { children: "Category" }), /* @__PURE__ */ T(R, {
+									value: s,
+									onValueChange: (e) => c(e),
+									children: [/* @__PURE__ */ w(V, { children: /* @__PURE__ */ w(H, {}) }), /* @__PURE__ */ w(z, { children: q.map((e) => /* @__PURE__ */ w(B, {
 										value: e,
 										className: "capitalize",
 										children: e
 									}, e)) })]
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(O, { children: "Unit *" }), /* @__PURE__ */ S(D, {
+								children: [/* @__PURE__ */ w(A, { children: "Unit *" }), /* @__PURE__ */ w(k, {
 									placeholder: "e.g., tCO2e",
-									value: c,
-									onChange: (e) => l(e.target.value)
+									value: l,
+									onChange: (e) => u(e.target.value)
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "grid gap-3 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(O, { children: "Value *" }), /* @__PURE__ */ S(D, {
+								children: [/* @__PURE__ */ w(A, { children: "Value *" }), /* @__PURE__ */ w(k, {
 									type: "number",
 									step: "any",
-									value: u,
-									onChange: (e) => d(e.target.value)
+									value: d,
+									onChange: (e) => p(e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(O, { children: "Target" }), /* @__PURE__ */ S(D, {
+								children: [/* @__PURE__ */ w(A, { children: "Target" }), /* @__PURE__ */ w(k, {
 									type: "number",
 									step: "any",
-									value: p,
-									onChange: (e) => m(e.target.value)
+									value: m,
+									onChange: (e) => h(e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ S(O, { children: "Trend" }), /* @__PURE__ */ C(I, {
-									value: h,
-									onValueChange: (e) => g(e),
-									children: [/* @__PURE__ */ S(z, { children: /* @__PURE__ */ S(B, {}) }), /* @__PURE__ */ S(L, { children: W.map((e) => /* @__PURE__ */ S(R, {
+								children: [/* @__PURE__ */ w(A, { children: "Trend" }), /* @__PURE__ */ T(R, {
+									value: g,
+									onValueChange: (e) => _(e),
+									children: [/* @__PURE__ */ w(V, { children: /* @__PURE__ */ w(H, {}) }), /* @__PURE__ */ w(z, { children: J.map((e) => /* @__PURE__ */ w(B, {
 										value: e,
 										className: "capitalize",
 										children: e
@@ -194,111 +234,146 @@ function Z({ open: e, onOpenChange: t, onSaved: n }) {
 							})
 						]
 					}),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ T("div", {
 						className: "grid gap-3 md:grid-cols-2",
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(O, { children: "Period Start *" }), /* @__PURE__ */ S(D, {
+							children: [/* @__PURE__ */ w(A, { children: "Period Start *" }), /* @__PURE__ */ w(k, {
 								type: "date",
-								value: _,
-								onChange: (e) => v(e.target.value)
+								value: v,
+								onChange: (e) => y(e.target.value),
+								disabled: t != null
 							})]
-						}), /* @__PURE__ */ C("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ S(O, { children: "Period End *" }), /* @__PURE__ */ S(D, {
+							children: [/* @__PURE__ */ w(A, { children: "Period End *" }), /* @__PURE__ */ w(k, {
 								type: "date",
 								value: b,
-								onChange: (e) => x(e.target.value)
+								onChange: (e) => S(e.target.value),
+								disabled: t != null
 							})]
 						})]
 					}),
-					/* @__PURE__ */ C(N, { children: [/* @__PURE__ */ S(w, {
+					/* @__PURE__ */ T(F, { children: [/* @__PURE__ */ w(E, {
 						type: "button",
 						variant: "outline",
-						onClick: () => t(!1),
-						disabled: E,
+						onClick: () => n(!1),
+						disabled: K,
 						children: "Cancel"
-					}), /* @__PURE__ */ S(w, {
+					}), /* @__PURE__ */ w(E, {
 						type: "submit",
-						disabled: E,
-						children: E ? "Saving…" : "Save Metric"
+						disabled: K,
+						children: K ? "Saving…" : t ? "Update Metric" : "Save Metric"
 					})] })
 				]
 			})]
 		})
 	});
 }
-function Q() {
-	let [r, m] = f(!1), [g, _] = f("ALL"), { data: v, loading: y, refetch: D } = b(V, { fetchPolicy: "cache-and-network" }), O = d(() => v?.esgMetrics ?? [], [v?.esgMetrics]), A = d(() => O.slice(0, 4), [O]), j = d(() => g === "ALL" ? O : O.filter((e) => e.category === g), [O, g]), M = d(() => {
-		let e = O.reduce((e, t) => (e[t.category] = (e[t.category] ?? 0) + 1, e), {});
+function $() {
+	let [h, v] = f(!1), [y, b] = f(null), [k, A] = f(null), [R, z] = f("ALL"), { data: B, loading: V, refetch: H } = S(U, { fetchPolicy: "cache-and-network" }), W = d(() => B?.esgMetrics ?? [], [B?.esgMetrics]), [G, { loading: J }] = x(K, {
+		onCompleted: () => {
+			r.success("Metric archived", "The metric was removed from the active ESG dashboard."), A(null), H();
+		},
+		onError: (e) => r.error("Could not archive metric", e.message)
+	}), X = d(() => W.slice(0, 4), [W]), Z = d(() => R === "ALL" ? W : W.filter((e) => e.category === R), [W, R]), ee = d(() => {
+		let e = W.reduce((e, t) => (e[t.category] = (e[t.category] ?? 0) + 1, e), {});
 		return Object.entries(e).map(([e, n], r) => ({
 			name: e.charAt(0).toUpperCase() + e.slice(1),
 			value: n,
 			color: t(r)
 		}));
-	}, [O]), N = d(() => O.filter((e) => e.target != null).slice(0, 8).map((e) => ({
+	}, [W]), Q = d(() => W.filter((e) => e.target != null).slice(0, 8).map((e) => ({
 		name: e.metricName,
 		value: e.value,
 		target: e.target
-	})), [O]), P = d(() => {
-		let e = { ALL: O.length };
-		for (let t of O) e[t.category] = (e[t.category] ?? 0) + 1;
+	})), [W]), te = d(() => {
+		let e = { ALL: W.length };
+		for (let t of W) e[t.category] = (e[t.category] ?? 0) + 1;
 		return e;
-	}, [O]), F = s(j, {
+	}, [W]), $ = s(Z, {
 		pageSize: 8,
-		resetKey: g
+		resetKey: R
 	});
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ T("div", {
 		className: "space-y-5 p-4 sm:p-6",
 		children: [
-			/* @__PURE__ */ S(u, {
+			/* @__PURE__ */ w(u, {
 				hero: !0,
-				icon: p,
+				icon: m,
 				title: "ESG Dashboard",
 				description: "Measure the environmental and governance impact of your estate against targets.",
-				actions: /* @__PURE__ */ C(w, {
+				actions: /* @__PURE__ */ T(E, {
 					className: "w-full sm:w-auto",
-					onClick: () => m(!0),
-					children: [/* @__PURE__ */ S(h, { className: "mr-2 h-4 w-4" }), "Save Metric"]
+					onClick: () => {
+						b(null), v(!0);
+					},
+					children: [/* @__PURE__ */ w(_, { className: "mr-2 h-4 w-4" }), "Save Metric"]
 				})
 			}),
-			/* @__PURE__ */ S(k, { children: "Track energy use, carbon emissions and responsible disposal against targets — and produce the evidence ESG reporting and audits require." }),
-			/* @__PURE__ */ S(Z, {
-				open: r,
-				onOpenChange: m,
-				onSaved: () => void D()
+			/* @__PURE__ */ w(j, { children: "Track energy use, carbon emissions and responsible disposal against targets — and produce the evidence ESG reporting and audits require." }),
+			h ? /* @__PURE__ */ w(re, {
+				open: !0,
+				metric: y,
+				onOpenChange: (e) => {
+					v(e), e || b(null);
+				},
+				onSaved: () => void H()
+			}) : null,
+			/* @__PURE__ */ w(M, {
+				open: k != null,
+				onOpenChange: (e) => {
+					e || A(null);
+				},
+				children: /* @__PURE__ */ T(N, { children: [/* @__PURE__ */ T(I, { children: [/* @__PURE__ */ w(L, { children: "Archive metric" }), /* @__PURE__ */ T(P, { children: [
+					"Archive ",
+					k?.metricName ?? "this metric",
+					"? It will leave the active ESG dashboard. Archiving does not refund monthly usage."
+				] })] }), /* @__PURE__ */ T(F, { children: [/* @__PURE__ */ w(E, {
+					variant: "outline",
+					onClick: () => A(null),
+					disabled: J,
+					children: "Cancel"
+				}), /* @__PURE__ */ w(E, {
+					variant: "destructive",
+					disabled: J || k == null,
+					onClick: () => {
+						k && G({ variables: { id: k.id } });
+					},
+					children: J ? "Archiving…" : "Archive Metric"
+				})] })] })
 			}),
-			y && O.length === 0 ? /* @__PURE__ */ S("div", {
+			V && W.length === 0 ? /* @__PURE__ */ w("div", {
 				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ S("div", { className: "h-28 rounded-xl bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ w("div", { className: "h-28 rounded-xl bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 			}) : null,
-			!y && O.length === 0 ? /* @__PURE__ */ S(E, {
+			!V && W.length === 0 ? /* @__PURE__ */ w(O, {
 				illustration: "empty-data",
 				title: "No ESG metrics recorded yet",
 				description: "Save a metric to start tracking sustainability progress against your targets."
 			}) : null,
-			A.length > 0 ? /* @__PURE__ */ S("div", {
+			X.length > 0 ? /* @__PURE__ */ w("div", {
 				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: A.map((t) => {
-					let n = G[t.trend ?? "stable"] ?? G.stable;
-					return /* @__PURE__ */ S(c, {
+				children: X.map((t) => {
+					let n = Y[t.trend ?? "stable"] ?? Y.stable;
+					return /* @__PURE__ */ w(c, {
 						label: `${t.metricName} (${t.unit})`,
 						value: t.value,
 						format: e,
 						delta: n.label,
 						deltaDirection: n.dir,
 						deltaTone: n.tone,
-						icon: p
+						icon: m
 					}, t.id);
 				})
 			}) : null,
-			O.length > 0 ? /* @__PURE__ */ C("div", {
+			W.length > 0 ? /* @__PURE__ */ T("div", {
 				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ S(l, {
+				children: [/* @__PURE__ */ w(l, {
 					title: "Value vs. target",
 					subtitle: "Metrics measured against their targets",
-					children: N.length > 0 ? /* @__PURE__ */ S(i, {
-						data: N,
+					children: Q.length > 0 ? /* @__PURE__ */ w(i, {
+						data: Q,
 						xKey: "name",
 						series: [{
 							key: "value",
@@ -311,86 +386,109 @@ function Q() {
 						height: 240,
 						categoryWidth: 150,
 						ariaLabel: "Metric value versus target"
-					}) : /* @__PURE__ */ S("div", {
+					}) : /* @__PURE__ */ w("div", {
 						className: "flex h-[240px] items-center justify-center text-sm text-text-secondary",
 						children: "Set a target on a metric to compare value against target."
 					})
-				}), /* @__PURE__ */ S(l, {
+				}), /* @__PURE__ */ w(l, {
 					title: "By category",
 					subtitle: "Metrics across E / S / G",
-					children: /* @__PURE__ */ S(a, {
-						data: M,
+					children: /* @__PURE__ */ w(a, {
+						data: ee,
 						height: 240,
 						centerLabel: "Metrics",
-						centerValue: O.length,
+						centerValue: W.length,
 						ariaLabel: "Metrics by category"
 					})
 				})]
 			}) : null,
-			O.length > 0 ? /* @__PURE__ */ C(x, { children: [
-				/* @__PURE__ */ S("div", {
+			W.length > 0 ? /* @__PURE__ */ T(C, { children: [
+				/* @__PURE__ */ w("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: ["ALL", ...U].map((e) => /* @__PURE__ */ C("button", {
+					children: ["ALL", ...q].map((e) => /* @__PURE__ */ T("button", {
 						type: "button",
-						onClick: () => _(e),
-						className: n("rounded-full px-3.5 py-1.5 text-sm font-medium capitalize transition-colors", g === e ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
-						children: [e === "ALL" ? "All" : e, /* @__PURE__ */ S("span", {
+						onClick: () => z(e),
+						className: n("rounded-full px-3.5 py-1.5 text-sm font-medium capitalize transition-colors", R === e ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+						children: [e === "ALL" ? "All" : e, /* @__PURE__ */ w("span", {
 							className: "ml-1.5 text-xs opacity-70 tabular-nums",
-							children: P[e] ?? 0
+							children: te[e] ?? 0
 						})]
 					}, e))
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ w("div", {
 					className: "grid gap-4 sm:grid-cols-2",
-					children: F.pageItems.map((t) => {
+					children: $.pageItems.map((t) => {
 						let n = t.target && t.target > 0 ? Math.min(100, Math.round(t.value / t.target * 100)) : null;
-						return /* @__PURE__ */ S(T, {
+						return /* @__PURE__ */ w(D, {
 							treatment: "glass",
 							className: "border-border-seam",
-							children: /* @__PURE__ */ C("div", {
+							children: /* @__PURE__ */ T("div", {
 								className: "space-y-3 p-4",
 								children: [
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-start justify-between gap-2",
-										children: [/* @__PURE__ */ C("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "min-w-0",
-											children: [/* @__PURE__ */ S("p", {
+											children: [/* @__PURE__ */ w("p", {
 												className: "text-xs uppercase tracking-wide text-text-secondary",
 												children: t.category
-											}), /* @__PURE__ */ S("h2", {
+											}), /* @__PURE__ */ w("h2", {
 												className: "mt-0.5 text-base font-semibold text-text-primary",
 												children: t.metricName
 											})]
-										}), /* @__PURE__ */ S(X, { trend: t.trend })]
+										}), /* @__PURE__ */ T("div", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ w(ne, { trend: t.trend }),
+												/* @__PURE__ */ w(E, {
+													type: "button",
+													variant: "ghost",
+													size: "icon",
+													"aria-label": `Edit ${t.metricName}`,
+													onClick: () => {
+														b(t), v(!0);
+													},
+													children: /* @__PURE__ */ w(g, { className: "h-4 w-4" })
+												}),
+												/* @__PURE__ */ w(E, {
+													type: "button",
+													variant: "ghost",
+													size: "icon",
+													"aria-label": `Archive ${t.metricName}`,
+													onClick: () => A(t),
+													children: /* @__PURE__ */ w(p, { className: "h-4 w-4" })
+												})
+											]
+										})]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-baseline gap-2",
 										children: [
-											/* @__PURE__ */ S("span", {
+											/* @__PURE__ */ w("span", {
 												className: "text-2xl font-bold tabular-nums text-text-primary",
 												children: e(t.value)
 											}),
-											/* @__PURE__ */ S("span", {
+											/* @__PURE__ */ w("span", {
 												className: "text-sm text-text-secondary",
 												children: t.unit
 											}),
-											t.target == null ? null : /* @__PURE__ */ C("span", {
+											t.target == null ? null : /* @__PURE__ */ T("span", {
 												className: "text-xs text-text-muted",
 												children: ["target ", e(t.target)]
 											})
 										]
 									}),
-									n == null ? null : /* @__PURE__ */ C("div", {
+									n == null ? null : /* @__PURE__ */ T("div", {
 										className: "space-y-1",
-										children: [/* @__PURE__ */ C("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex items-center justify-between text-xs text-text-secondary",
-											children: [/* @__PURE__ */ S("span", { children: "Progress to target" }), /* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ w("span", { children: "Progress to target" }), /* @__PURE__ */ T("span", {
 												className: "font-medium tabular-nums",
 												children: [n, "%"]
 											})]
-										}), /* @__PURE__ */ S("div", {
+										}), /* @__PURE__ */ w("div", {
 											className: "h-2 overflow-hidden rounded-full bg-bg-sunken",
-											children: /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ w("div", {
 												className: "h-full rounded-full bg-action-primary-bg",
 												style: { width: `${n}%` }
 											})
@@ -401,16 +499,16 @@ function Q() {
 						}, t.id);
 					})
 				}),
-				/* @__PURE__ */ S(o, {
-					page: F.page,
-					pageCount: F.pageCount,
-					rangeStart: F.rangeStart,
-					rangeEnd: F.rangeEnd,
-					totalItems: F.totalItems,
-					canPrev: F.canPrev,
-					canNext: F.canNext,
-					onPrev: F.prevPage,
-					onNext: F.nextPage,
+				/* @__PURE__ */ w(o, {
+					page: $.page,
+					pageCount: $.pageCount,
+					rangeStart: $.rangeStart,
+					rangeEnd: $.rangeEnd,
+					totalItems: $.totalItems,
+					canPrev: $.canPrev,
+					canNext: $.canNext,
+					onPrev: $.prevPage,
+					onNext: $.nextPage,
 					itemLabel: "metrics"
 				})
 			] }) : null
@@ -418,6 +516,6 @@ function Q() {
 	});
 }
 //#endregion
-export { Q as EsgDashboardPage };
+export { $ as EsgDashboardPage };
 
 //# sourceMappingURL=EsgDashboardPage.js.map