@burdenoff/microfe-ecoimpacthub 2026.720.3 → 2026.720.5

package/dist/ecoimpacthub/pages/DashboardPage.js

@@ -3,32 +3,34 @@ import { Tooltip as t } from "../../node_modules/recharts/es6/component/Tooltip.
 import { ResponsiveContainer as n } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
 import { Cell as r } from "../../node_modules/recharts/es6/component/Cell.js";
 import { LabelList as i } from "../../node_modules/recharts/es6/component/LabelList.js";
-import { Bar as a } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as o } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { XAxis as s } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as ee } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { BarChart as te } from "../../node_modules/recharts/es6/chart/BarChart.js";
-import { PageLayout as c } from "../components/PageLayout.js";
-import { MetricsCard as l } from "../components/MetricsCard.js";
-import { formatCo2e as u, formatEnumLabel as d, formatNumber as f, formatPercent as p, formatRelativeTime as m } from "../utils/formatters.js";
-import { StatusBadge as h } from "../components/StatusBadge.js";
-import { MiniBar as g } from "../components/MiniBar.js";
-import { LoadingView as ne, Section as _ } from "../components/StateViews.js";
-import { EmptyState as v } from "../components/EmptyState.js";
-import { Meter as re, SCOPE_HUE as y, ScopeLegend as ie, ScopeSplitBar as b } from "./carbonVisuals.js";
+import { Bar as ee } from "../../node_modules/recharts/es6/cartesian/Bar.js";
+import { CartesianGrid as te } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { XAxis as a } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as ne } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { BarChart as re } from "../../node_modules/recharts/es6/chart/BarChart.js";
+import { PageLayout as o } from "../components/PageLayout.js";
+import { MetricsCard as s } from "../components/MetricsCard.js";
+import { formatCo2e as c, formatEnumLabel as ie, formatNumber as l, formatPercent as ae, formatRelativeTime as u } from "../utils/formatters.js";
+import { StatusBadge as d } from "../components/StatusBadge.js";
+import { MiniBar as f } from "../components/MiniBar.js";
+import { LoadingView as p, Section as m } from "../components/StateViews.js";
+import { EmptyState as h } from "../components/EmptyState.js";
+import { useDashboardLayout as oe } from "../hooks/useDashboardLayout.js";
+import { DashboardCustomizerDialog as se } from "../components/DashboardCustomizerDialog.js";
+import { Meter as ce, SCOPE_HUE as g, ScopeLegend as le, ScopeSplitBar as ue } from "./carbonVisuals.js";
 import "../context/index.js";
-import { useEcoCarbonTotals as x, useEcoHabitatProjects as ae, useEcoMeasurements as oe, useEcoObservations as S, useEcoSensors as C, useEcoSites as w, useEcoSpecies as se } from "../hooks/useEcoImpactHubApi.js";
+import { useEcoCarbonTotals as de, useEcoHabitatProjects as fe, useEcoMeasurements as pe, useEcoObservations as me, useEcoSensors as he, useEcoSites as ge, useEcoSpecies as _e } from "../hooks/useEcoImpactHubApi.js";
 import "../hooks/index.js";
-import { useMemo as ce } from "react";
-import { ArrowRight as T, Binoculars as E, Factory as D, MapPin as le, PawPrint as ue, Radio as de, ShieldCheck as fe, Trees as pe, TriangleAlert as O } from "lucide-react";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { GlassCard as M } from "@burdenoff/fe-libs/ui";
+import { useMemo as ve, useState as ye } from "react";
+import { ArrowRight as _, Binoculars as v, Factory as y, LayoutGrid as be, MapPin as xe, PawPrint as Se, Radio as Ce, ShieldCheck as we, StickyNote as Te, Trees as Ee, TriangleAlert as De } from "lucide-react";
+import { Fragment as Oe, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Button as S, GlassCard as C } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/DashboardPage.tsx
-var N = new Set([
+var w = new Set([
 	"PLANNED",
 	"IN_PROGRESS",
 	"MONITORING"
-]), P = {
+]), T = {
 	LEAST_CONCERN: "var(--color-status-success-text)",
 	NEAR_THREATENED: "var(--color-accent-teal)",
 	VULNERABLE: "var(--color-status-warning-text)",
@@ -38,32 +40,32 @@ var N = new Set([
 	DATA_DEFICIENT: "var(--color-text-tertiary)",
 	NOT_EVALUATED: "var(--color-text-tertiary)"
 };
-function F() {
-	let { navigateTo: F, currentUser: I } = e(), L = w({ pagination: {
+function E() {
+	let { navigateTo: E, currentUser: D, workspaceId: ke } = e(), [Ae, O] = ye(!1), k = oe(ke, D?.id), A = ge({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), R = se({ pagination: {
+	} }), j = _e({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), z = ae(), B = x(), V = oe({
+	} }), M = fe(), N = de(), P = pe({
 		breachesOnly: !0,
 		pagination: {
 			limit: 6,
 			offset: 0
 		}
-	}), me = S({ pagination: {
+	}), je = me({ pagination: {
 		limit: 6,
 		offset: 0
-	} }), he = C(), H = L.data?.items ?? [], U = R.data?.items ?? [], W = z.data?.items ?? [], G = he.data?.items ?? [], K = H.filter((e) => e.status === "ACTIVE").length, ge = U.filter((e) => e.isPriority).length, q = U.filter((e) => [
+	} }), Me = he(), F = A.data?.items ?? [], I = j.data?.items ?? [], L = M.data?.items ?? [], R = Me.data?.items ?? [], z = F.filter((e) => e.status === "ACTIVE").length, Ne = I.filter((e) => e.isPriority).length, B = I.filter((e) => [
 		"VULNERABLE",
 		"ENDANGERED",
 		"CRITICALLY_ENDANGERED"
-	].includes(e.conservationStatus)).length, J = W.filter((e) => N.has(e.status)).length, Y = G.filter((e) => e.status === "ONLINE").length, X = G.filter((e) => [
+	].includes(e.conservationStatus)).length, V = L.filter((e) => w.has(e.status)).length, H = R.filter((e) => e.status === "ONLINE").length, U = R.filter((e) => [
 		"OFFLINE",
 		"DEGRADED",
 		"MAINTENANCE"
-	].includes(e.status)).length, Z = ce(() => {
-		let e = B.data;
+	].includes(e.status)).length, W = ve(() => {
+		let e = N.data;
 		return e ? [
 			{
 				scope: "SCOPE_1",
@@ -81,450 +83,506 @@ function F() {
 				kg: e.scope3
 			}
 		] : [];
-	}, [B.data]);
-	if (L.isLoading && R.isLoading && z.isLoading && B.isLoading) return /* @__PURE__ */ A(c, {
-		title: "EcoImpactHub",
-		titleGradient: !0,
-		aurora: !0,
-		children: /* @__PURE__ */ A(ne, { label: "Loading your impact overview…" })
+	}, [N.data]), Pe = A.isLoading && j.isLoading && M.isLoading && N.isLoading, G = /* @__PURE__ */ x(S, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		onClick: () => O(!0),
+		children: [/* @__PURE__ */ b(be, { className: "mr-1.5 h-3.5 w-3.5" }), "Customize dashboard"]
 	});
-	let _e = I?.firstName || I?.name || "there", Q = V.data?.items ?? [], $ = me.data?.items ?? [];
-	return /* @__PURE__ */ j(c, {
+	if (Pe) return /* @__PURE__ */ b(o, {
 		title: "EcoImpactHub",
 		titleGradient: !0,
 		aurora: !0,
-		description: `Welcome back, ${_e} — your environment, conservation & sustainability control room.`,
+		actions: G,
+		children: /* @__PURE__ */ b(p, { label: "Loading your impact overview…" })
+	});
+	let Fe = D?.firstName || D?.name || "there", K = P.data?.items ?? [], q = je.data?.items ?? [], J = /* @__PURE__ */ x("div", {
+		className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
 		children: [
-			/* @__PURE__ */ j("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
-				children: [
-					/* @__PURE__ */ A(l, {
-						icon: /* @__PURE__ */ A(le, { className: "h-5 w-5" }),
-						value: L.data?.pageInfo?.hasMore ? `${H.length}+` : f(H.length),
-						label: "Monitored sites",
-						footer: /* @__PURE__ */ j("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ A(g, {
-								value: H.length ? K / H.length * 100 : 0,
-								height: 4,
-								barClassName: "bg-action-primary-bg"
-							}), /* @__PURE__ */ j("p", {
-								className: "text-xs text-text-tertiary",
-								children: [/* @__PURE__ */ A("span", {
-									className: "tabular-nums text-text-secondary",
-									children: K
-								}), " active"]
-							})]
-						})
-					}),
-					/* @__PURE__ */ A(l, {
-						icon: /* @__PURE__ */ A(ue, { className: "h-5 w-5" }),
-						value: R.data?.pageInfo?.hasMore ? `${U.length}+` : f(U.length),
-						label: "Species tracked",
-						accent: q > 0 ? "warning" : void 0,
-						footer: /* @__PURE__ */ j("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ A(g, {
-								value: U.length ? q / U.length * 100 : 0,
-								height: 4,
-								barClassName: "bg-status-warning-text"
-							}), /* @__PURE__ */ j("p", {
-								className: "text-xs text-text-tertiary",
-								children: [
-									/* @__PURE__ */ A("span", {
-										className: "tabular-nums text-text-secondary",
-										children: ge
-									}),
-									" priority ·",
-									" ",
-									/* @__PURE__ */ A("span", {
-										className: "tabular-nums text-text-secondary",
-										children: q
-									}),
-									" threatened"
-								]
-							})]
-						})
-					}),
-					/* @__PURE__ */ A(l, {
-						icon: /* @__PURE__ */ A(pe, { className: "h-5 w-5" }),
-						value: f(J),
-						label: "Active habitat projects",
-						footer: /* @__PURE__ */ j("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ A(g, {
-								value: W.length ? J / W.length * 100 : 0,
-								height: 4,
-								barClassName: "bg-action-primary-bg"
-							}), /* @__PURE__ */ j("p", {
-								className: "text-xs text-text-tertiary",
-								children: [
-									/* @__PURE__ */ A("span", {
-										className: "tabular-nums text-text-secondary",
-										children: f(W.length)
-									}),
-									" ",
-									"total"
-								]
-							})]
-						})
-					}),
-					/* @__PURE__ */ A(l, {
-						icon: /* @__PURE__ */ A(D, { className: "h-5 w-5" }),
-						value: B.data ? u(B.data.total) : "—",
-						label: "Total footprint",
-						featured: !0,
-						footer: B.data && B.data.total > 0 ? /* @__PURE__ */ j("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ A(b, {
-								scope1: B.data.scope1,
-								scope2: B.data.scope2,
-								scope3: B.data.scope3,
-								height: 6
-							}), /* @__PURE__ */ A("p", {
-								className: "text-xs text-text-tertiary",
-								children: "Scope 1 · 2 · 3 split"
+			/* @__PURE__ */ b(s, {
+				icon: /* @__PURE__ */ b(xe, { className: "h-5 w-5" }),
+				value: A.data?.pageInfo?.hasMore ? `${F.length}+` : l(F.length),
+				label: "Monitored sites",
+				footer: /* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ b(f, {
+						value: F.length ? z / F.length * 100 : 0,
+						height: 4,
+						barClassName: "bg-action-primary-bg"
+					}), /* @__PURE__ */ x("p", {
+						className: "text-xs text-text-tertiary",
+						children: [/* @__PURE__ */ b("span", {
+							className: "tabular-nums text-text-secondary",
+							children: z
+						}), " active"]
+					})]
+				})
+			}),
+			/* @__PURE__ */ b(s, {
+				icon: /* @__PURE__ */ b(Se, { className: "h-5 w-5" }),
+				value: j.data?.pageInfo?.hasMore ? `${I.length}+` : l(I.length),
+				label: "Species tracked",
+				accent: B > 0 ? "warning" : void 0,
+				footer: /* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ b(f, {
+						value: I.length ? B / I.length * 100 : 0,
+						height: 4,
+						barClassName: "bg-status-warning-text"
+					}), /* @__PURE__ */ x("p", {
+						className: "text-xs text-text-tertiary",
+						children: [
+							/* @__PURE__ */ b("span", {
+								className: "tabular-nums text-text-secondary",
+								children: Ne
+							}),
+							" priority ·",
+							" ",
+							/* @__PURE__ */ b("span", {
+								className: "tabular-nums text-text-secondary",
+								children: B
+							}),
+							" threatened"
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ b(s, {
+				icon: /* @__PURE__ */ b(Ee, { className: "h-5 w-5" }),
+				value: l(V),
+				label: "Active habitat projects",
+				footer: /* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ b(f, {
+						value: L.length ? V / L.length * 100 : 0,
+						height: 4,
+						barClassName: "bg-action-primary-bg"
+					}), /* @__PURE__ */ x("p", {
+						className: "text-xs text-text-tertiary",
+						children: [
+							/* @__PURE__ */ b("span", {
+								className: "tabular-nums text-text-secondary",
+								children: l(L.length)
+							}),
+							" ",
+							"total"
+						]
+					})]
+				})
+			}),
+			/* @__PURE__ */ b(s, {
+				icon: /* @__PURE__ */ b(y, { className: "h-5 w-5" }),
+				value: N.data ? c(N.data.total) : "—",
+				label: "Total footprint",
+				featured: !0,
+				footer: N.data && N.data.total > 0 ? /* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ b(ue, {
+						scope1: N.data.scope1,
+						scope2: N.data.scope2,
+						scope3: N.data.scope3,
+						height: 6
+					}), /* @__PURE__ */ b("p", {
+						className: "text-xs text-text-tertiary",
+						children: "Scope 1 · 2 · 3 split"
+					})]
+				}) : void 0
+			}),
+			/* @__PURE__ */ b(s, {
+				icon: /* @__PURE__ */ b(Ce, { className: "h-5 w-5" }),
+				value: l(H),
+				label: "Sensors online",
+				accent: U > 0 ? "warning" : "success",
+				footer: /* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ b(f, {
+						value: R.length ? H / R.length * 100 : 0,
+						height: 4,
+						barClassName: "bg-status-success-text"
+					}), /* @__PURE__ */ x("p", {
+						className: "text-xs text-text-tertiary",
+						children: [/* @__PURE__ */ b("span", {
+							className: "tabular-nums text-text-secondary",
+							children: U
+						}), " need attention"]
+					})]
+				})
+			}),
+			/* @__PURE__ */ b(s, {
+				icon: /* @__PURE__ */ b(De, { className: "h-5 w-5" }),
+				value: P.data?.pageInfo?.hasMore ? `${K.length}+` : l(K.length),
+				label: "Open breaches",
+				accent: K.length > 0 ? "error" : "success",
+				footer: /* @__PURE__ */ b("p", {
+					className: K.length > 0 ? "text-xs font-medium text-status-error-text" : "text-xs text-text-tertiary",
+					children: K.length > 0 ? "Needs attention" : "All parameters in range"
+				})
+			})
+		]
+	}), Y = /* @__PURE__ */ x(C, {
+		treatment: "glass",
+		className: "p-6 h-full",
+		children: [/* @__PURE__ */ x("div", {
+			className: "mb-4 flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+				className: "text-base font-semibold text-text-primary",
+				children: "Carbon footprint by scope"
+			}), /* @__PURE__ */ b("p", {
+				className: "mt-0.5 text-sm text-text-secondary",
+				children: "GHG Protocol Scope 1 / 2 / 3 emissions (CO₂e)."
+			})] }), /* @__PURE__ */ x("div", {
+				className: "flex items-center gap-4",
+				children: [N.data && N.data.total > 0 && /* @__PURE__ */ x("div", {
+					className: "text-right",
+					children: [/* @__PURE__ */ b("p", {
+						className: "text-lg font-semibold tabular-nums text-text-primary",
+						children: c(N.data.total)
+					}), /* @__PURE__ */ b("p", {
+						className: "text-xs text-text-tertiary",
+						children: "total"
+					})]
+				}), /* @__PURE__ */ x("button", {
+					type: "button",
+					onClick: () => E("carbon"),
+					className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+					children: ["Ledger ", /* @__PURE__ */ b(_, { className: "h-4 w-4" })]
+				})]
+			})]
+		}), W.every((e) => e.kg === 0) ? /* @__PURE__ */ b(h, {
+			illustration: "empty-data",
+			icon: /* @__PURE__ */ b(y, { className: "h-10 w-10" }),
+			title: "No carbon entries yet",
+			description: "Record activity in the carbon ledger to see your Scope 1–3 footprint here."
+		}) : /* @__PURE__ */ x(Oe, { children: [/* @__PURE__ */ b("div", {
+			className: "h-56",
+			children: /* @__PURE__ */ b(n, {
+				width: "100%",
+				height: "100%",
+				children: /* @__PURE__ */ x(re, {
+					data: W,
+					margin: {
+						top: 20,
+						right: 8,
+						left: 8,
+						bottom: 0
+					},
+					children: [
+						/* @__PURE__ */ b("defs", { children: W.map((e) => /* @__PURE__ */ x("linearGradient", {
+							id: `ecoScopeGrad-${e.scope}`,
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: "1",
+							children: [/* @__PURE__ */ b("stop", {
+								offset: "0%",
+								style: {
+									stopColor: g[e.scope],
+									stopOpacity: 1
+								}
+							}), /* @__PURE__ */ b("stop", {
+								offset: "100%",
+								style: {
+									stopColor: g[e.scope],
+									stopOpacity: .55
+								}
 							})]
-						}) : void 0
-					}),
-					/* @__PURE__ */ A(l, {
-						icon: /* @__PURE__ */ A(de, { className: "h-5 w-5" }),
-						value: f(Y),
-						label: "Sensors online",
-						accent: X > 0 ? "warning" : "success",
-						footer: /* @__PURE__ */ j("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ A(g, {
-								value: G.length ? Y / G.length * 100 : 0,
-								height: 4,
-								barClassName: "bg-status-success-text"
-							}), /* @__PURE__ */ j("p", {
-								className: "text-xs text-text-tertiary",
-								children: [/* @__PURE__ */ A("span", {
-									className: "tabular-nums text-text-secondary",
-									children: X
-								}), " need attention"]
+						}, e.scope)) }),
+						/* @__PURE__ */ b(te, {
+							vertical: !1,
+							stroke: "var(--color-border-seam)",
+							strokeOpacity: .6,
+							strokeDasharray: "3 4"
+						}),
+						/* @__PURE__ */ b(a, {
+							dataKey: "label",
+							tick: {
+								fill: "var(--color-text-secondary)",
+								fontSize: 12
+							},
+							axisLine: { stroke: "var(--color-border-seam)" },
+							tickLine: !1,
+							dy: 4
+						}),
+						/* @__PURE__ */ b(ne, {
+							tick: {
+								fill: "var(--color-text-tertiary)",
+								fontSize: 11
+							},
+							axisLine: !1,
+							tickLine: !1,
+							width: 48,
+							tickFormatter: (e) => e >= 1e3 ? `${Math.round(e / 1e3)}t` : `${e}`
+						}),
+						/* @__PURE__ */ b(t, {
+							cursor: {
+								fill: "var(--color-bg-sunken)",
+								opacity: .4
+							},
+							contentStyle: {
+								background: "var(--color-bg-surface)",
+								border: "1px solid var(--color-border-seam)",
+								borderRadius: 12,
+								color: "var(--color-text-primary)"
+							},
+							formatter: (e) => [c(e), "Emissions"]
+						}),
+						/* @__PURE__ */ x(ee, {
+							dataKey: "kg",
+							radius: [
+								8,
+								8,
+								2,
+								2
+							],
+							maxBarSize: 72,
+							children: [W.map((e) => /* @__PURE__ */ b(r, { fill: `url(#ecoScopeGrad-${e.scope})` }, e.scope)), /* @__PURE__ */ b(i, {
+								dataKey: "kg",
+								position: "top",
+								formatter: (e) => e > 0 ? c(e) : "",
+								style: {
+									fill: "var(--color-text-secondary)",
+									fontSize: 11,
+									fontWeight: 600
+								}
 							})]
 						})
-					}),
-					/* @__PURE__ */ A(l, {
-						icon: /* @__PURE__ */ A(O, { className: "h-5 w-5" }),
-						value: V.data?.pageInfo?.hasMore ? `${Q.length}+` : f(Q.length),
-						label: "Open breaches",
-						accent: Q.length > 0 ? "error" : "success",
-						footer: /* @__PURE__ */ A("p", {
-							className: Q.length > 0 ? "text-xs font-medium text-status-error-text" : "text-xs text-text-tertiary",
-							children: Q.length > 0 ? "Needs attention" : "All parameters in range"
-						})
-					})
-				]
+					]
+				})
+			})
+		}), /* @__PURE__ */ b(le, {
+			data: W,
+			className: "mt-4 border-t border-border-seam pt-4"
+		})] })]
+	}), X = /* @__PURE__ */ x(C, {
+		treatment: "glass",
+		className: "p-6 h-full",
+		children: [/* @__PURE__ */ x("div", {
+			className: "mb-4 flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ x("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ b("h2", {
+					className: "text-base font-semibold text-text-primary",
+					children: "Recent breaches"
+				}), K.length > 0 && /* @__PURE__ */ b("span", {
+					className: "rounded-full bg-status-error-bg-subtle px-2 py-0.5 text-xs font-medium tabular-nums text-status-error-text",
+					children: P.data?.pageInfo?.hasMore ? `${K.length}+` : K.length
+				})]
+			}), /* @__PURE__ */ x("button", {
+				type: "button",
+				onClick: () => E("monitoring"),
+				className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+				children: ["Monitoring ", /* @__PURE__ */ b(_, { className: "h-4 w-4" })]
+			})]
+		}), K.length === 0 ? /* @__PURE__ */ x("div", {
+			className: "flex flex-col items-center justify-center rounded-xl border border-dashed border-border-seam py-10 text-center",
+			children: [
+				/* @__PURE__ */ b("span", {
+					className: "flex size-12 items-center justify-center rounded-full bg-status-success-bg-subtle",
+					children: /* @__PURE__ */ b(we, { className: "h-6 w-6 text-status-success-text" })
+				}),
+				/* @__PURE__ */ b("p", {
+					className: "mt-3 text-sm font-medium text-text-primary",
+					children: "All parameters in range"
+				}),
+				/* @__PURE__ */ b("p", {
+					className: "mt-1 text-xs text-text-tertiary",
+					children: "No open threshold breaches."
+				})
+			]
+		}) : /* @__PURE__ */ b("ul", {
+			className: "space-y-2.5",
+			children: K.map((e) => /* @__PURE__ */ x("li", {
+				className: "flex items-start justify-between gap-3 rounded-xl bg-bg-sunken/50 p-3",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex min-w-0 items-start gap-2.5",
+					children: [/* @__PURE__ */ b("span", {
+						"aria-hidden": "true",
+						className: "mt-1.5 size-2 shrink-0 rounded-full bg-status-error-text motion-safe:animate-vc-glow-pulse"
+					}), /* @__PURE__ */ x("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ b("p", {
+							className: "truncate text-sm font-medium text-text-primary",
+							children: e.parameter
+						}), /* @__PURE__ */ x("p", {
+							className: "text-xs text-text-tertiary",
+							children: [
+								/* @__PURE__ */ x("span", {
+									className: "tabular-nums",
+									children: [
+										l(e.value),
+										" ",
+										e.unit
+									]
+								}),
+								" ",
+								"· ",
+								u(e.recordedAt)
+							]
+						})]
+					})]
+				}), /* @__PURE__ */ b(d, { status: "BREACH" })]
+			}, e.id))
+		})]
+	}), Z = {
+		kpis: J,
+		carbonByScope: Y,
+		recentBreaches: X,
+		recentObservations: /* @__PURE__ */ b(m, {
+			title: "Recent field observations",
+			description: "Latest wildlife & biodiversity sightings recorded across your sites.",
+			action: /* @__PURE__ */ x("button", {
+				type: "button",
+				onClick: () => E("observations"),
+				className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+				children: ["All observations ", /* @__PURE__ */ b(_, { className: "h-4 w-4" })]
 			}),
-			/* @__PURE__ */ j("div", {
-				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ j(M, {
-					treatment: "glass",
-					className: "p-6 lg:col-span-2",
-					children: [/* @__PURE__ */ j("div", {
-						className: "mb-4 flex flex-wrap items-start justify-between gap-3",
-						children: [/* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("h2", {
-							className: "text-base font-semibold text-text-primary",
-							children: "Carbon footprint by scope"
-						}), /* @__PURE__ */ A("p", {
-							className: "mt-0.5 text-sm text-text-secondary",
-							children: "GHG Protocol Scope 1 / 2 / 3 emissions (CO₂e)."
-						})] }), /* @__PURE__ */ j("div", {
-							className: "flex items-center gap-4",
-							children: [B.data && B.data.total > 0 && /* @__PURE__ */ j("div", {
-								className: "text-right",
-								children: [/* @__PURE__ */ A("p", {
-									className: "text-lg font-semibold tabular-nums text-text-primary",
-									children: u(B.data.total)
-								}), /* @__PURE__ */ A("p", {
-									className: "text-xs text-text-tertiary",
-									children: "total"
+			children: q.length === 0 ? /* @__PURE__ */ b(h, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ b(v, { className: "h-10 w-10" }),
+				title: "No observations yet",
+				description: "Record your first field observation to build your biodiversity dataset."
+			}) : /* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: q.map((e) => /* @__PURE__ */ x(C, {
+					treatment: "plain",
+					className: "p-4 transition-shadow hover:shadow-float",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex min-w-0 items-start gap-2.5",
+							children: [/* @__PURE__ */ b("span", {
+								className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
+								children: /* @__PURE__ */ b(v, { className: "h-4 w-4" })
+							}), /* @__PURE__ */ x("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("p", {
+									className: "truncate text-sm font-semibold text-text-primary",
+									children: e.species?.commonName ?? "Unknown species"
+								}), e.species?.scientificName && /* @__PURE__ */ b("p", {
+									className: "truncate text-xs italic text-text-tertiary",
+									children: e.species.scientificName
 								})]
-							}), /* @__PURE__ */ j("button", {
-								type: "button",
-								onClick: () => F("carbon"),
-								className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-								children: ["Ledger ", /* @__PURE__ */ A(T, { className: "h-4 w-4" })]
 							})]
+						}), /* @__PURE__ */ x("span", {
+							className: "shrink-0 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium tabular-nums text-text-primary",
+							children: ["×", l(e.count)]
+						})]
+					}), /* @__PURE__ */ x("div", {
+						className: "mt-3 flex items-center justify-between border-t border-border-seam/70 pt-2.5",
+						children: [/* @__PURE__ */ b("span", {
+							className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
+							children: ie(e.method)
+						}), /* @__PURE__ */ b("span", {
+							className: "text-xs text-text-tertiary",
+							children: u(e.observedAt)
 						})]
-					}), Z.every((e) => e.kg === 0) ? /* @__PURE__ */ A(v, {
-						illustration: "empty-data",
-						icon: /* @__PURE__ */ A(D, { className: "h-10 w-10" }),
-						title: "No carbon entries yet",
-						description: "Record activity in the carbon ledger to see your Scope 1–3 footprint here."
-					}) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("div", {
-						className: "h-56",
-						children: /* @__PURE__ */ A(n, {
-							width: "100%",
-							height: "100%",
-							children: /* @__PURE__ */ j(te, {
-								data: Z,
-								margin: {
-									top: 20,
-									right: 8,
-									left: 8,
-									bottom: 0
-								},
+					})]
+				}, e.id))
+			})
+		}),
+		conservationStatus: I.length > 0 ? /* @__PURE__ */ b(m, {
+			title: "Conservation status",
+			description: "Distribution of tracked species by IUCN-style status.",
+			children: /* @__PURE__ */ b(C, {
+				treatment: "plain",
+				className: "p-6",
+				children: /* @__PURE__ */ b("div", {
+					className: "space-y-3.5",
+					children: (() => {
+						let e = /* @__PURE__ */ new Map();
+						for (let t of I) e.set(t.conservationStatus, (e.get(t.conservationStatus) ?? 0) + 1);
+						let t = I.length;
+						return [...e.entries()].sort((e, t) => t[1] - e[1]).map(([e, n]) => {
+							let r = n / t * 100, i = T[e] ?? "var(--color-text-tertiary)";
+							return /* @__PURE__ */ x("div", {
+								className: "flex items-center gap-3 sm:gap-4",
 								children: [
-									/* @__PURE__ */ A("defs", { children: Z.map((e) => /* @__PURE__ */ j("linearGradient", {
-										id: `ecoScopeGrad-${e.scope}`,
-										x1: "0",
-										y1: "0",
-										x2: "0",
-										y2: "1",
-										children: [/* @__PURE__ */ A("stop", {
-											offset: "0%",
-											style: {
-												stopColor: y[e.scope],
-												stopOpacity: 1
-											}
-										}), /* @__PURE__ */ A("stop", {
-											offset: "100%",
-											style: {
-												stopColor: y[e.scope],
-												stopOpacity: .55
-											}
-										})]
-									}, e.scope)) }),
-									/* @__PURE__ */ A(o, {
-										vertical: !1,
-										stroke: "var(--color-border-seam)",
-										strokeOpacity: .6,
-										strokeDasharray: "3 4"
-									}),
-									/* @__PURE__ */ A(s, {
-										dataKey: "label",
-										tick: {
-											fill: "var(--color-text-secondary)",
-											fontSize: 12
-										},
-										axisLine: { stroke: "var(--color-border-seam)" },
-										tickLine: !1,
-										dy: 4
+									/* @__PURE__ */ b("div", {
+										className: "w-36 shrink-0 sm:w-48",
+										children: /* @__PURE__ */ b(d, { status: e })
 									}),
-									/* @__PURE__ */ A(ee, {
-										tick: {
-											fill: "var(--color-text-tertiary)",
-											fontSize: 11
-										},
-										axisLine: !1,
-										tickLine: !1,
-										width: 48,
-										tickFormatter: (e) => e >= 1e3 ? `${Math.round(e / 1e3)}t` : `${e}`
+									/* @__PURE__ */ b(ce, {
+										value: r,
+										color: i,
+										className: "flex-1"
 									}),
-									/* @__PURE__ */ A(t, {
-										cursor: {
-											fill: "var(--color-bg-sunken)",
-											opacity: .4
-										},
-										contentStyle: {
-											background: "var(--color-bg-surface)",
-											border: "1px solid var(--color-border-seam)",
-											borderRadius: 12,
-											color: "var(--color-text-primary)"
-										},
-										formatter: (e) => [u(e), "Emissions"]
+									/* @__PURE__ */ b("span", {
+										className: "w-9 shrink-0 text-right text-sm font-medium tabular-nums text-text-primary",
+										children: n
 									}),
-									/* @__PURE__ */ j(a, {
-										dataKey: "kg",
-										radius: [
-											8,
-											8,
-											2,
-											2
-										],
-										maxBarSize: 72,
-										children: [Z.map((e) => /* @__PURE__ */ A(r, { fill: `url(#ecoScopeGrad-${e.scope})` }, e.scope)), /* @__PURE__ */ A(i, {
-											dataKey: "kg",
-											position: "top",
-											formatter: (e) => e > 0 ? u(e) : "",
-											style: {
-												fill: "var(--color-text-secondary)",
-												fontSize: 11,
-												fontWeight: 600
-											}
-										})]
+									/* @__PURE__ */ b("span", {
+										className: "hidden w-12 shrink-0 text-right text-xs tabular-nums text-text-tertiary sm:inline",
+										children: ae(r)
 									})
 								]
-							})
-						})
-					}), /* @__PURE__ */ A(ie, {
-						data: Z,
-						className: "mt-4 border-t border-border-seam pt-4"
-					})] })]
-				}), /* @__PURE__ */ j(M, {
-					treatment: "glass",
-					className: "p-6",
-					children: [/* @__PURE__ */ j("div", {
-						className: "mb-4 flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ j("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ A("h2", {
-								className: "text-base font-semibold text-text-primary",
-								children: "Recent breaches"
-							}), Q.length > 0 && /* @__PURE__ */ A("span", {
-								className: "rounded-full bg-status-error-bg-subtle px-2 py-0.5 text-xs font-medium tabular-nums text-status-error-text",
-								children: V.data?.pageInfo?.hasMore ? `${Q.length}+` : Q.length
-							})]
-						}), /* @__PURE__ */ j("button", {
-							type: "button",
-							onClick: () => F("monitoring"),
-							className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-							children: ["Monitoring ", /* @__PURE__ */ A(T, { className: "h-4 w-4" })]
-						})]
-					}), Q.length === 0 ? /* @__PURE__ */ j("div", {
-						className: "flex flex-col items-center justify-center rounded-xl border border-dashed border-border-seam py-10 text-center",
-						children: [
-							/* @__PURE__ */ A("span", {
-								className: "flex size-12 items-center justify-center rounded-full bg-status-success-bg-subtle",
-								children: /* @__PURE__ */ A(fe, { className: "h-6 w-6 text-status-success-text" })
-							}),
-							/* @__PURE__ */ A("p", {
-								className: "mt-3 text-sm font-medium text-text-primary",
-								children: "All parameters in range"
-							}),
-							/* @__PURE__ */ A("p", {
-								className: "mt-1 text-xs text-text-tertiary",
-								children: "No open threshold breaches."
-							})
-						]
-					}) : /* @__PURE__ */ A("ul", {
-						className: "space-y-2.5",
-						children: Q.map((e) => /* @__PURE__ */ j("li", {
-							className: "flex items-start justify-between gap-3 rounded-xl bg-bg-sunken/50 p-3",
-							children: [/* @__PURE__ */ j("div", {
-								className: "flex min-w-0 items-start gap-2.5",
-								children: [/* @__PURE__ */ A("span", {
-									"aria-hidden": "true",
-									className: "mt-1.5 size-2 shrink-0 rounded-full bg-status-error-text motion-safe:animate-vc-glow-pulse"
-								}), /* @__PURE__ */ j("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ A("p", {
-										className: "truncate text-sm font-medium text-text-primary",
-										children: e.parameter
-									}), /* @__PURE__ */ j("p", {
-										className: "text-xs text-text-tertiary",
-										children: [
-											/* @__PURE__ */ j("span", {
-												className: "tabular-nums",
-												children: [
-													f(e.value),
-													" ",
-													e.unit
-												]
-											}),
-											" ",
-											"· ",
-											m(e.recordedAt)
-										]
-									})]
-								})]
-							}), /* @__PURE__ */ A(h, { status: "BREACH" })]
-						}, e.id))
-					})]
-				})]
-			}),
-			/* @__PURE__ */ A(_, {
-				title: "Recent field observations",
-				description: "Latest wildlife & biodiversity sightings recorded across your sites.",
-				action: /* @__PURE__ */ j("button", {
-					type: "button",
-					onClick: () => F("observations"),
-					className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
-					children: ["All observations ", /* @__PURE__ */ A(T, { className: "h-4 w-4" })]
-				}),
-				children: $.length === 0 ? /* @__PURE__ */ A(v, {
-					illustration: "empty-data",
-					icon: /* @__PURE__ */ A(E, { className: "h-10 w-10" }),
-					title: "No observations yet",
-					description: "Record your first field observation to build your biodiversity dataset."
-				}) : /* @__PURE__ */ A("div", {
+							}, e);
+						});
+					})()
+				})
+			})
+		}) : null
+	}, Q = k.layout.widgetOrder, $ = [];
+	for (let e = 0; e < Q.length; e++) {
+		let t = Q[e];
+		if (t === "kpis") {
+			$.push(/* @__PURE__ */ b("div", { children: Z[t] }, t));
+			continue;
+		}
+		if (t === "carbonByScope" && Q[e + 1] === "recentBreaches") {
+			$.push(/* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "lg:col-span-2",
+					children: Y
+				}), /* @__PURE__ */ b("div", { children: X })]
+			}, `${t}-pair`)), e += 1;
+			continue;
+		}
+		if (t === "recentBreaches" && Q[e - 1] === "carbonByScope") continue;
+		let n = Z[t];
+		n && $.push(/* @__PURE__ */ b("div", { children: n }, t));
+	}
+	return /* @__PURE__ */ x(o, {
+		title: "EcoImpactHub",
+		titleGradient: !0,
+		aurora: !0,
+		description: `Welcome back, ${Fe} — your environment, conservation & sustainability control room.`,
+		actions: G,
+		children: [/* @__PURE__ */ x("div", {
+			className: "space-y-6",
+			children: [$, k.layout.notes.length > 0 && /* @__PURE__ */ b(m, {
+				title: "Custom notes",
+				description: "Your personal notes, visible only to you.",
+				children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: $.map((e) => /* @__PURE__ */ j(M, {
+					children: k.layout.notes.map((e) => /* @__PURE__ */ b(C, {
 						treatment: "plain",
-						className: "p-4 transition-shadow hover:shadow-float",
-						children: [/* @__PURE__ */ j("div", {
-							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ j("div", {
-								className: "flex min-w-0 items-start gap-2.5",
-								children: [/* @__PURE__ */ A("span", {
-									className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-accent",
-									children: /* @__PURE__ */ A(E, { className: "h-4 w-4" })
-								}), /* @__PURE__ */ j("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ A("p", {
-										className: "truncate text-sm font-semibold text-text-primary",
-										children: e.species?.commonName ?? "Unknown species"
-									}), e.species?.scientificName && /* @__PURE__ */ A("p", {
-										className: "truncate text-xs italic text-text-tertiary",
-										children: e.species.scientificName
-									})]
+						className: "p-4",
+						children: /* @__PURE__ */ x("div", {
+							className: "flex items-start gap-2.5",
+							children: [/* @__PURE__ */ b(Te, { className: "mt-0.5 h-4 w-4 shrink-0 text-accent" }), /* @__PURE__ */ x("div", {
+								className: "min-w-0",
+								children: [e.title && /* @__PURE__ */ b("p", {
+									className: "truncate text-sm font-semibold text-text-primary",
+									children: e.title
+								}), e.body && /* @__PURE__ */ b("p", {
+									className: "mt-0.5 text-sm text-text-secondary",
+									children: e.body
 								})]
-							}), /* @__PURE__ */ j("span", {
-								className: "shrink-0 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium tabular-nums text-text-primary",
-								children: ["×", f(e.count)]
-							})]
-						}), /* @__PURE__ */ j("div", {
-							className: "mt-3 flex items-center justify-between border-t border-border-seam/70 pt-2.5",
-							children: [/* @__PURE__ */ A("span", {
-								className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-								children: d(e.method)
-							}), /* @__PURE__ */ A("span", {
-								className: "text-xs text-text-tertiary",
-								children: m(e.observedAt)
 							})]
-						})]
+						})
 					}, e.id))
 				})
-			}),
-			U.length > 0 && /* @__PURE__ */ A(_, {
-				title: "Conservation status",
-				description: "Distribution of tracked species by IUCN-style status.",
-				children: /* @__PURE__ */ A(M, {
-					treatment: "plain",
-					className: "p-6",
-					children: /* @__PURE__ */ A("div", {
-						className: "space-y-3.5",
-						children: (() => {
-							let e = /* @__PURE__ */ new Map();
-							for (let t of U) e.set(t.conservationStatus, (e.get(t.conservationStatus) ?? 0) + 1);
-							let t = U.length;
-							return [...e.entries()].sort((e, t) => t[1] - e[1]).map(([e, n]) => {
-								let r = n / t * 100, i = P[e] ?? "var(--color-text-tertiary)";
-								return /* @__PURE__ */ j("div", {
-									className: "flex items-center gap-3 sm:gap-4",
-									children: [
-										/* @__PURE__ */ A("div", {
-											className: "w-36 shrink-0 sm:w-48",
-											children: /* @__PURE__ */ A(h, { status: e })
-										}),
-										/* @__PURE__ */ A(re, {
-											value: r,
-											color: i,
-											className: "flex-1"
-										}),
-										/* @__PURE__ */ A("span", {
-											className: "w-9 shrink-0 text-right text-sm font-medium tabular-nums text-text-primary",
-											children: n
-										}),
-										/* @__PURE__ */ A("span", {
-											className: "hidden w-12 shrink-0 text-right text-xs tabular-nums text-text-tertiary sm:inline",
-											children: p(r)
-										})
-									]
-								}, e);
-							});
-						})()
-					})
-				})
-			})
-		]
+			})]
+		}), /* @__PURE__ */ b(se, {
+			open: Ae,
+			onOpenChange: O,
+			layout: k
+		})]
 	});
 }
 //#endregion
-export { F as DashboardPage };
+export { E as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map