@burdenoff/microfe-ecoimpacthub 2026.525.1 → 2026.704.2

package/dist/ecoimpacthub/pages/DashboardPage.js

@@ -1,380 +1,374 @@
-import { useEcoImpactHub as e } from "../providers/EcoImpactHubProvider.js";
-import { useEcoImpactHubStore as t } from "../store/ecoimpacthubStore.js";
-import { tWithFallback as n } from "../utils/i18n.js";
-import { useState as r } from "react";
-import { Activity as i, BarChart3 as a, Calendar as o, CheckSquare as s, Leaf as c, Star as l, Target as u, TrendingUp as d, Trophy as f, Users as p } from "lucide-react";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b } from "@burdenoff/fe-libs/ui";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useEcoImpactHub as e } from "../context/EcoImpactHubContext.js";
+import { Tooltip as t } from "../../node_modules/recharts/es6/component/Tooltip.js";
+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 ee } from "../../node_modules/recharts/es6/cartesian/Bar.js";
+import { XAxis as a } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as o } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { BarChart as s } 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 te, formatNumber as d, formatRelativeTime as f } from "../utils/formatters.js";
+import { StatusBadge as p } from "../components/StatusBadge.js";
+import { MiniBar as m } from "../components/MiniBar.js";
+import { LoadingView as h, Section as g } from "../components/StateViews.js";
+import { EmptyState as _ } from "../components/EmptyState.js";
+import "../context/index.js";
+import { useEcoCarbonTotals as v, useEcoHabitatProjects as y, useEcoMeasurements as b, useEcoObservations as x, useEcoSensors as S, useEcoSites as C, useEcoSpecies as w } from "../hooks/useEcoImpactHubApi.js";
+import "../hooks/index.js";
+import { useMemo as ne } from "react";
+import { ArrowRight as T, Binoculars as re, Factory as E, MapPin as ie, PawPrint as ae, Radio as D, ShieldCheck as O, Trees as k, TriangleAlert as A } from "lucide-react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { GlassCard as N } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/DashboardPage.tsx
-function C() {
-	let { t: C } = m(), { currentUser: w } = e(), { metrics: T, carbonBreakdown: E, challenges: D, workItems: O } = t(), [k, A] = r("month"), j = (e, t, r) => n(C, e, t, r), M = [
-		{
-			title: j("ecoimpacthub.dashboard.stats.carbonFootprint.title", "Carbon Footprint"),
-			value: "2.1 tons",
-			change: j("ecoimpacthub.dashboard.stats.carbonFootprint.change", "-15% this month"),
-			icon: c,
-			color: "text-green-600"
-		},
-		{
-			title: j("ecoimpacthub.dashboard.stats.actionsCompleted.title", "Actions Completed"),
-			value: "28",
-			change: j("ecoimpacthub.dashboard.stats.actionsCompleted.change", "+12 this week"),
-			icon: s,
-			color: "text-blue-600"
-		},
-		{
-			title: j("ecoimpacthub.dashboard.stats.communityRank.title", "Community Rank"),
-			value: "#147",
-			change: j("ecoimpacthub.dashboard.stats.communityRank.change", "+23 positions"),
-			icon: f,
-			color: "text-amber-600"
-		},
-		{
-			title: j("ecoimpacthub.dashboard.stats.impactScore.title", "Impact Score"),
-			value: "87",
-			change: j("ecoimpacthub.dashboard.stats.impactScore.change", "+5 points"),
-			icon: l,
-			color: "text-purple-600"
+var P = new Set([
+	"PLANNED",
+	"IN_PROGRESS",
+	"MONITORING"
+]), F = {
+	SCOPE_1: "var(--color-status-error-text)",
+	SCOPE_2: "var(--color-status-warning-text)",
+	SCOPE_3: "var(--color-accent)"
+};
+function I() {
+	let { navigateTo: I, currentUser: L } = e(), R = C({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), z = w({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), B = y(), V = v(), H = b({
+		breachesOnly: !0,
+		pagination: {
+			limit: 6,
+			offset: 0
 		}
-	], N = [
-		{
-			id: "1",
-			type: j("ecoimpacthub.dashboard.activity.achievement.badge", "achievement"),
-			title: j("ecoimpacthub.dashboard.activity.achievement.title", "Carbon Champion"),
-			description: j("ecoimpacthub.dashboard.activity.achievement.description", "Saved 500kg CO2 through your actions"),
-			timestamp: j("ecoimpacthub.dashboard.activity.achievement.timestamp", "2 hours ago"),
-			icon: "🏆"
-		},
-		{
-			id: "2",
-			type: j("ecoimpacthub.dashboard.activity.action.badge", "action"),
-			title: j("ecoimpacthub.dashboard.activity.action.title", "Switched to Renewable Energy"),
-			description: j("ecoimpacthub.dashboard.activity.action.description", "Completed energy transition action"),
-			timestamp: j("ecoimpacthub.dashboard.activity.action.timestamp", "1 day ago"),
-			icon: "⚡"
-		},
-		{
-			id: "3",
-			type: j("ecoimpacthub.dashboard.activity.challenge.badge", "challenge"),
-			title: j("ecoimpacthub.dashboard.activity.challenge.title", "Plastic-Free Week"),
-			description: j("ecoimpacthub.dashboard.activity.challenge.description", "Reached 85% completion"),
-			timestamp: j("ecoimpacthub.dashboard.activity.challenge.timestamp", "2 days ago"),
-			icon: "♻️"
-		},
-		{
-			id: "4",
-			type: j("ecoimpacthub.dashboard.activity.community.badge", "community"),
-			title: j("ecoimpacthub.dashboard.activity.community.title", "Joined Urban Gardeners"),
-			description: j("ecoimpacthub.dashboard.activity.community.description", "Connected with 8.9K eco-warriors"),
-			timestamp: j("ecoimpacthub.dashboard.activity.community.timestamp", "3 days ago"),
-			icon: "🌱"
-		}
-	], P = [
-		{
-			label: j("ecoimpacthub.dashboard.weeklyGoals.reduceEnergyUsage", "Reduce Energy Usage"),
-			progress: 75,
-			color: "bg-green-500"
-		},
-		{
-			label: j("ecoimpacthub.dashboard.weeklyGoals.completeActions", "Complete 3 Actions"),
-			progress: 67,
-			display: "2/3",
-			color: "bg-blue-500"
-		},
-		{
-			label: j("ecoimpacthub.dashboard.weeklyGoals.communityEngagement", "Community Engagement"),
-			progress: 40,
-			color: "bg-purple-500"
-		}
-	], F = D.filter((e) => e.status === "active").slice(0, 2), I = w?.firstName ?? w?.name ?? w?.email?.split("@")[0] ?? j("ecoimpacthub.dashboard.userFallback", "User"), L = k === "week" ? j("ecoimpacthub.dashboard.timeRange.thisWeek", "this week") : k === "month" ? j("ecoimpacthub.dashboard.timeRange.thisMonth", "this month") : j("ecoimpacthub.dashboard.timeRange.thisYear", "this year"), R = (e) => {
-		switch (e) {
-			case "week": return j("ecoimpacthub.dashboard.filters.week", "Week");
-			case "month": return j("ecoimpacthub.dashboard.filters.month", "Month");
-			case "year": return j("ecoimpacthub.dashboard.filters.year", "Year");
-			default: return e;
-		}
-	};
-	return /* @__PURE__ */ x("div", {
-		className: "min-h-screen p-4",
-		children: /* @__PURE__ */ S("div", {
-			className: "mx-auto max-w-7xl space-y-8",
-			children: [
-				/* @__PURE__ */ S("div", {
-					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h1", {
-						className: "text-3xl font-bold",
-						children: j("ecoimpacthub.dashboard.title", "Welcome back, {{name}}", { name: I })
-					}), /* @__PURE__ */ x("p", {
-						className: "mt-1 text-muted-foreground",
-						children: j("ecoimpacthub.dashboard.subtitle", "Here's your environmental impact dashboard for {{timeRange}}", { timeRange: L })
-					})] }), /* @__PURE__ */ x("div", {
-						className: "flex gap-2",
-						children: [
-							"week",
-							"month",
-							"year"
-						].map((e) => /* @__PURE__ */ x(g, {
-							variant: k === e ? "default" : "outline",
-							size: "sm",
-							onClick: () => A(e),
-							children: R(e)
-						}, e))
-					})]
-				}),
-				/* @__PURE__ */ x("div", {
-					className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4",
-					children: M.map((e) => {
-						let t = e.icon;
-						return /* @__PURE__ */ x(_, { children: /* @__PURE__ */ S(v, {
-							className: "space-y-3 p-6",
-							children: [/* @__PURE__ */ S("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ x("div", {
-									className: `rounded-lg bg-muted/50 p-2 ${e.color}`,
-									children: /* @__PURE__ */ x(t, { className: "h-5 w-5" })
-								}), /* @__PURE__ */ x(d, { className: "h-4 w-4 text-green-600" })]
-							}), /* @__PURE__ */ S("div", { children: [
-								/* @__PURE__ */ x("h3", {
-									className: "text-2xl font-bold",
-									children: e.value
-								}),
-								/* @__PURE__ */ x("p", {
-									className: "text-sm font-medium text-muted-foreground",
-									children: e.title
-								}),
-								/* @__PURE__ */ x("p", {
-									className: "mt-1 text-xs text-muted-foreground",
-									children: e.change
-								})
-							] })]
-						}) }, e.title);
+	}), U = x({ pagination: {
+		limit: 6,
+		offset: 0
+	} }), W = S(), G = R.data?.items ?? [], K = z.data?.items ?? [], q = B.data ?? [], J = W.data ?? [], oe = G.filter((e) => e.status === "ACTIVE").length, se = K.filter((e) => e.isPriority).length, Y = K.filter((e) => [
+		"VULNERABLE",
+		"ENDANGERED",
+		"CRITICALLY_ENDANGERED"
+	].includes(e.conservationStatus)).length, ce = q.filter((e) => P.has(e.status)).length, le = J.filter((e) => e.status === "ONLINE").length, X = J.filter((e) => [
+		"OFFLINE",
+		"DEGRADED",
+		"MAINTENANCE"
+	].includes(e.status)).length, Z = ne(() => {
+		let e = V.data;
+		return e ? [
+			{
+				scope: "SCOPE_1",
+				label: "Scope 1",
+				kg: e.scope1
+			},
+			{
+				scope: "SCOPE_2",
+				label: "Scope 2",
+				kg: e.scope2
+			},
+			{
+				scope: "SCOPE_3",
+				label: "Scope 3",
+				kg: e.scope3
+			}
+		] : [];
+	}, [V.data]);
+	if (R.isLoading && z.isLoading && B.isLoading && V.isLoading) return /* @__PURE__ */ j(c, {
+		title: "EcoImpactHub",
+		titleGradient: !0,
+		aurora: !0,
+		children: /* @__PURE__ */ j(h, { label: "Loading your impact overview…" })
+	});
+	let ue = L?.firstName || L?.name || "there", Q = H.data?.items ?? [], $ = U.data?.items ?? [];
+	return /* @__PURE__ */ M(c, {
+		title: "EcoImpactHub",
+		titleGradient: !0,
+		aurora: !0,
+		description: `Welcome back, ${ue} — your environment, conservation & sustainability control room.`,
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
+				children: [
+					/* @__PURE__ */ j(l, {
+						icon: /* @__PURE__ */ j(ie, { className: "h-5 w-5" }),
+						value: R.data?.pageInfo?.hasMore ? `${G.length}+` : d(G.length),
+						label: "Monitored sites",
+						footer: /* @__PURE__ */ M("p", {
+							className: "text-xs text-text-tertiary",
+							children: [oe, " active"]
+						})
+					}),
+					/* @__PURE__ */ j(l, {
+						icon: /* @__PURE__ */ j(ae, { className: "h-5 w-5" }),
+						value: z.data?.pageInfo?.hasMore ? `${K.length}+` : d(K.length),
+						label: "Species tracked",
+						accent: Y > 0 ? "warning" : void 0,
+						footer: /* @__PURE__ */ M("p", {
+							className: "text-xs text-text-tertiary",
+							children: [
+								se,
+								" priority · ",
+								Y,
+								" threatened"
+							]
+						})
+					}),
+					/* @__PURE__ */ j(l, {
+						icon: /* @__PURE__ */ j(k, { className: "h-5 w-5" }),
+						value: d(ce),
+						label: "Active habitat projects",
+						footer: /* @__PURE__ */ M("p", {
+							className: "text-xs text-text-tertiary",
+							children: [d(q.length), " total"]
+						})
+					}),
+					/* @__PURE__ */ j(l, {
+						icon: /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
+						value: V.data ? u(V.data.total) : "—",
+						label: "Total footprint",
+						featured: !0
+					}),
+					/* @__PURE__ */ j(l, {
+						icon: /* @__PURE__ */ j(D, { className: "h-5 w-5" }),
+						value: d(le),
+						label: "Sensors online",
+						accent: X > 0 ? "warning" : "success",
+						footer: /* @__PURE__ */ M("p", {
+							className: "text-xs text-text-tertiary",
+							children: [X, " need attention"]
+						})
+					}),
+					/* @__PURE__ */ j(l, {
+						icon: /* @__PURE__ */ j(A, { className: "h-5 w-5" }),
+						value: H.data?.pageInfo?.hasMore ? `${Q.length}+` : d(Q.length),
+						label: "Open breaches",
+						accent: Q.length > 0 ? "error" : "success"
 					})
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "grid grid-cols-1 gap-8 lg:grid-cols-3",
-					children: [/* @__PURE__ */ S("div", {
-						className: "space-y-8 lg:col-span-2",
-						children: [/* @__PURE__ */ S(_, { children: [/* @__PURE__ */ x(y, { children: /* @__PURE__ */ S("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ x(b, { children: j("ecoimpacthub.dashboard.sections.impactByCategory", "Impact by Category") }), /* @__PURE__ */ S(g, {
-								variant: "outline",
-								size: "sm",
-								children: [/* @__PURE__ */ x(a, { className: "mr-2 h-4 w-4" }), j("ecoimpacthub.dashboard.actions.viewDetails", "View Details")]
-							})]
-						}) }), /* @__PURE__ */ x(v, {
-							className: "space-y-4",
-							children: E.map((e) => /* @__PURE__ */ S("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ S("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ x("span", {
-										className: "text-sm font-medium",
-										children: e.label
-									}), /* @__PURE__ */ S("span", {
-										className: "text-sm text-muted-foreground",
-										children: [e.value, "%"]
-									})]
-								}), /* @__PURE__ */ x("div", {
-									className: "h-2 w-full rounded-full bg-muted",
-									children: /* @__PURE__ */ x("div", {
-										className: `h-2 rounded-full transition-all ${e.color}`,
-										style: { width: `${e.value}%` }
-									})
-								})]
-							}, e.id))
-						})] }), /* @__PURE__ */ S(_, { children: [/* @__PURE__ */ x(y, { children: /* @__PURE__ */ S("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ x(b, { children: j("ecoimpacthub.dashboard.sections.activeChallenges", "Active Challenges") }), /* @__PURE__ */ x(g, {
-								variant: "outline",
-								size: "sm",
-								children: j("ecoimpacthub.dashboard.actions.viewAll", "View All")
-							})]
-						}) }), /* @__PURE__ */ x(v, {
-							className: "space-y-4",
-							children: F.map((e) => /* @__PURE__ */ S("div", {
-								className: "space-y-3 rounded-lg border p-4",
-								children: [
-									/* @__PURE__ */ S("div", {
-										className: "flex items-start justify-between",
-										children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
-											className: "font-semibold",
-											children: e.title
-										}), /* @__PURE__ */ x("p", {
-											className: "line-clamp-2 text-sm text-muted-foreground",
-											children: e.description
-										})] }), /* @__PURE__ */ x(h, {
-											variant: "outline",
-											children: j("ecoimpacthub.dashboard.challenge.points", "{{points}} pts", { points: e.points })
-										})]
-									}),
-									e.progress !== void 0 && /* @__PURE__ */ S("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ S("div", {
-											className: "flex justify-between text-sm",
-											children: [/* @__PURE__ */ x("span", { children: j("ecoimpacthub.dashboard.challenge.progress", "Progress") }), /* @__PURE__ */ S("span", { children: [e.progress, "%"] })]
-										}), /* @__PURE__ */ x("div", {
-											className: "h-2 w-full rounded-full bg-muted",
-											children: /* @__PURE__ */ x("div", {
-												className: "h-2 rounded-full bg-primary transition-all",
-												style: { width: `${e.progress}%` }
-											})
-										})]
-									}),
-									/* @__PURE__ */ S("div", {
-										className: "flex items-center justify-between text-sm text-muted-foreground",
-										children: [/* @__PURE__ */ S("div", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ x(p, { className: "h-3 w-3" }), /* @__PURE__ */ x("span", { children: j("ecoimpacthub.dashboard.challenge.participants", "{{count}} participants", { count: e.participants }) })]
-										}), /* @__PURE__ */ S("div", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ x(o, { className: "h-3 w-3" }), /* @__PURE__ */ x("span", { children: j("ecoimpacthub.dashboard.challenge.ends", "Ends {{date}}", { date: new Date(e.endDate).toLocaleDateString() }) })]
-										})]
-									})
-								]
-							}, e.id))
-						})] })]
-					}), /* @__PURE__ */ S("div", {
-						className: "space-y-6",
-						children: [
-							/* @__PURE__ */ S(_, { children: [/* @__PURE__ */ x(y, { children: /* @__PURE__ */ x(b, {
-								className: "text-lg",
-								children: j("ecoimpacthub.dashboard.sections.quickActions", "Quick Actions")
-							}) }), /* @__PURE__ */ x(v, { children: /* @__PURE__ */ S("div", {
-								className: "grid grid-cols-2 gap-3",
+				]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ M(N, {
+					treatment: "glass",
+					className: "p-6 lg:col-span-2",
+					children: [/* @__PURE__ */ M("div", {
+						className: "mb-4 flex items-center justify-between",
+						children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Carbon footprint by scope"
+						}), /* @__PURE__ */ j("p", {
+							className: "mt-0.5 text-sm text-text-secondary",
+							children: "GHG Protocol Scope 1 / 2 / 3 emissions (CO₂e)."
+						})] }), /* @__PURE__ */ M("button", {
+							type: "button",
+							onClick: () => I("carbon"),
+							className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+							children: ["Ledger ", /* @__PURE__ */ j(T, { className: "h-4 w-4" })]
+						})]
+					}), Z.every((e) => e.kg === 0) ? /* @__PURE__ */ j(_, {
+						illustration: "empty-data",
+						icon: /* @__PURE__ */ j(E, { 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("div", {
+						className: "h-56",
+						children: /* @__PURE__ */ j(n, {
+							width: "100%",
+							height: "100%",
+							children: /* @__PURE__ */ M(s, {
+								data: Z,
+								margin: {
+									top: 16,
+									right: 8,
+									left: 8,
+									bottom: 0
+								},
 								children: [
-									/* @__PURE__ */ S(g, {
-										variant: "outline",
-										size: "sm",
-										className: "h-16 flex-col gap-1",
-										children: [/* @__PURE__ */ x(s, { className: "h-5 w-5" }), /* @__PURE__ */ x("span", {
-											className: "text-xs",
-											children: j("ecoimpacthub.dashboard.quickActions.logAction", "Log Action")
-										})]
+									/* @__PURE__ */ j(a, {
+										dataKey: "label",
+										tick: {
+											fill: "var(--color-text-secondary)",
+											fontSize: 12
+										},
+										axisLine: { stroke: "var(--color-border-seam)" },
+										tickLine: !1
 									}),
-									/* @__PURE__ */ S(g, {
-										variant: "outline",
-										size: "sm",
-										className: "h-16 flex-col gap-1",
-										children: [/* @__PURE__ */ x(f, { className: "h-5 w-5" }), /* @__PURE__ */ x("span", {
-											className: "text-xs",
-											children: j("ecoimpacthub.dashboard.quickActions.joinChallenge", "Join Challenge")
-										})]
+									/* @__PURE__ */ j(o, {
+										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__ */ S(g, {
-										variant: "outline",
-										size: "sm",
-										className: "h-16 flex-col gap-1",
-										children: [/* @__PURE__ */ x(p, { className: "h-5 w-5" }), /* @__PURE__ */ x("span", {
-											className: "text-xs",
-											children: j("ecoimpacthub.dashboard.quickActions.findCommunity", "Find Community")
-										})]
+									/* @__PURE__ */ j(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__ */ S(g, {
-										variant: "outline",
-										size: "sm",
-										className: "h-16 flex-col gap-1",
-										children: [/* @__PURE__ */ x(u, { className: "h-5 w-5" }), /* @__PURE__ */ x("span", {
-											className: "text-xs",
-											children: j("ecoimpacthub.dashboard.quickActions.setGoal", "Set Goal")
+									/* @__PURE__ */ M(ee, {
+										dataKey: "kg",
+										radius: [
+											6,
+											6,
+											0,
+											0
+										],
+										maxBarSize: 80,
+										children: [Z.map((e) => /* @__PURE__ */ j(r, { fill: F[e.scope] }, e.scope)), /* @__PURE__ */ j(i, {
+											dataKey: "kg",
+											position: "top",
+											formatter: (e) => e > 0 ? u(e) : "",
+											style: {
+												fill: "var(--color-text-secondary)",
+												fontSize: 11
+											}
 										})]
 									})
 								]
-							}) })] }),
-							/* @__PURE__ */ S(_, { children: [/* @__PURE__ */ x(y, { children: /* @__PURE__ */ x(b, {
-								className: "text-lg",
-								children: j("ecoimpacthub.dashboard.sections.recentActivity", "Recent Activity")
-							}) }), /* @__PURE__ */ S(v, {
-								className: "space-y-3",
-								children: [N.map((e) => /* @__PURE__ */ S("div", {
-									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ x("div", {
-										className: "flex-shrink-0 text-lg",
-										children: e.icon
-									}), /* @__PURE__ */ S("div", {
-										className: "min-w-0 flex-1",
-										children: [
-											/* @__PURE__ */ S("div", {
-												className: "mb-1 flex items-center gap-2",
-												children: [/* @__PURE__ */ x("p", {
-													className: "truncate text-sm font-medium",
-													children: e.title
-												}), /* @__PURE__ */ x(h, {
-													variant: "secondary",
-													className: "text-xs",
-													children: e.type
-												})]
-											}),
-											/* @__PURE__ */ x("p", {
-												className: "line-clamp-2 text-xs text-muted-foreground",
-												children: e.description
-											}),
-											/* @__PURE__ */ x("p", {
-												className: "mt-1 text-xs text-muted-foreground",
-												children: e.timestamp
-											})
-										]
-									})]
-								}, e.id)), /* @__PURE__ */ x(g, {
-									variant: "outline",
-									size: "sm",
-									className: "mt-4 w-full",
-									children: j("ecoimpacthub.dashboard.actions.viewAllActivity", "View All Activity")
+							})
+						})
+					})]
+				}), /* @__PURE__ */ M(N, {
+					treatment: "glass",
+					className: "p-6",
+					children: [/* @__PURE__ */ M("div", {
+						className: "mb-4 flex items-center justify-between",
+						children: [/* @__PURE__ */ j("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Recent breaches"
+						}), /* @__PURE__ */ M("button", {
+							type: "button",
+							onClick: () => I("monitoring"),
+							className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+							children: ["Monitoring ", /* @__PURE__ */ j(T, { className: "h-4 w-4" })]
+						})]
+					}), Q.length === 0 ? /* @__PURE__ */ M("div", {
+						className: "flex flex-col items-center justify-center py-8 text-center",
+						children: [/* @__PURE__ */ j(O, { className: "h-10 w-10 text-status-success-text opacity-70" }), /* @__PURE__ */ j("p", {
+							className: "mt-3 text-sm text-text-secondary",
+							children: "No threshold breaches — all parameters within range."
+						})]
+					}) : /* @__PURE__ */ j("ul", {
+						className: "space-y-3",
+						children: Q.map((e) => /* @__PURE__ */ M("li", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ M("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ j("p", {
+									className: "truncate text-sm font-medium text-text-primary",
+									children: e.parameter
+								}), /* @__PURE__ */ M("p", {
+									className: "text-xs text-text-tertiary",
+									children: [
+										d(e.value),
+										" ",
+										e.unit,
+										" · ",
+										f(e.recordedAt)
+									]
+								})]
+							}), /* @__PURE__ */ j(p, { status: "BREACH" })]
+						}, e.id))
+					})]
+				})]
+			}),
+			/* @__PURE__ */ j(g, {
+				title: "Recent field observations",
+				description: "Latest wildlife & biodiversity sightings recorded across your sites.",
+				action: /* @__PURE__ */ M("button", {
+					type: "button",
+					onClick: () => I("observations"),
+					className: "inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline",
+					children: ["All observations ", /* @__PURE__ */ j(T, { className: "h-4 w-4" })]
+				}),
+				children: $.length === 0 ? /* @__PURE__ */ j(_, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ j(re, { className: "h-10 w-10" }),
+					title: "No observations yet",
+					description: "Record your first field observation to build your biodiversity dataset."
+				}) : /* @__PURE__ */ j("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: $.map((e) => /* @__PURE__ */ M(N, {
+						treatment: "plain",
+						className: "p-4",
+						children: [/* @__PURE__ */ M("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ M("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ j("p", {
+									className: "truncate text-sm font-semibold text-text-primary",
+									children: e.species?.commonName ?? "Unknown species"
+								}), e.species?.scientificName && /* @__PURE__ */ j("p", {
+									className: "truncate text-xs italic text-text-tertiary",
+									children: e.species.scientificName
 								})]
-							})] }),
-							/* @__PURE__ */ S(_, { children: [/* @__PURE__ */ x(y, { children: /* @__PURE__ */ x(b, {
-								className: "text-lg",
-								children: j("ecoimpacthub.dashboard.sections.weeklyGoals", "This Week's Goals")
-							}) }), /* @__PURE__ */ x(v, {
-								className: "space-y-4",
-								children: P.map((e) => /* @__PURE__ */ S("div", {
-									className: "space-y-2",
-									children: [/* @__PURE__ */ S("div", {
-										className: "flex justify-between text-sm",
-										children: [/* @__PURE__ */ x("span", { children: e.label }), /* @__PURE__ */ x("span", { children: e.display ?? `${e.progress}%` })]
-									}), /* @__PURE__ */ x("div", {
-										className: "h-2 w-full rounded-full bg-muted",
-										children: /* @__PURE__ */ x("div", {
-											className: `h-2 rounded-full ${e.color}`,
-											style: { width: `${e.progress}%` }
-										})
-									})]
-								}, e.label))
-							})] }),
-							/* @__PURE__ */ S(_, { children: [/* @__PURE__ */ x(y, { children: /* @__PURE__ */ x(b, {
-								className: "text-lg",
-								children: j("ecoimpacthub.dashboard.sections.liveMetrics", "Live Metrics")
-							}) }), /* @__PURE__ */ S(v, {
-								className: "space-y-3 text-sm text-muted-foreground",
+							}), /* @__PURE__ */ M("span", {
+								className: "shrink-0 rounded-full bg-bg-sunken px-2 py-0.5 text-xs tabular-nums text-text-secondary",
+								children: ["×", d(e.count)]
+							})]
+						}), /* @__PURE__ */ M("div", {
+							className: "mt-3 flex items-center justify-between",
+							children: [/* @__PURE__ */ j("span", {
+								className: "text-xs text-text-tertiary",
+								children: te(e.method)
+							}), /* @__PURE__ */ j("span", {
+								className: "text-xs text-text-tertiary",
+								children: f(e.observedAt)
+							})]
+						})]
+					}, e.id))
+				})
+			}),
+			K.length > 0 && /* @__PURE__ */ j(g, {
+				title: "Conservation status",
+				description: "Distribution of tracked species by IUCN-style status.",
+				children: /* @__PURE__ */ j(N, {
+					treatment: "plain",
+					className: "p-6",
+					children: /* @__PURE__ */ j("div", {
+						className: "space-y-3",
+						children: (() => {
+							let e = /* @__PURE__ */ new Map();
+							for (let t of K) e.set(t.conservationStatus, (e.get(t.conservationStatus) ?? 0) + 1);
+							let t = K.length;
+							return [...e.entries()].sort((e, t) => t[1] - e[1]).map(([e, n]) => /* @__PURE__ */ M("div", {
+								className: "flex items-center gap-4",
 								children: [
-									T.slice(0, 3).map((e) => /* @__PURE__ */ S("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ x("span", { children: e.label }), /* @__PURE__ */ x("span", {
-											className: "font-medium text-foreground",
-											children: e.value
-										})]
-									}, e.label)),
-									/* @__PURE__ */ S("div", {
-										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ x("span", { children: j("ecoimpacthub.dashboard.metrics.workItems", "Work Items") }), /* @__PURE__ */ x("span", {
-											className: "font-medium text-foreground",
-											children: O.length
-										})]
+									/* @__PURE__ */ j("div", {
+										className: "w-48 shrink-0",
+										children: /* @__PURE__ */ j(p, { status: e })
+									}),
+									/* @__PURE__ */ j(m, {
+										value: n / t * 100,
+										className: "flex-1"
 									}),
-									/* @__PURE__ */ S("div", {
-										className: "flex items-center gap-2 pt-2 text-xs",
-										children: [/* @__PURE__ */ x(i, { className: "h-4 w-4" }), /* @__PURE__ */ x("span", { children: j("ecoimpacthub.dashboard.metrics.synced", "Synced with your latest activity") })]
+									/* @__PURE__ */ j("span", {
+										className: "w-10 shrink-0 text-right text-sm tabular-nums text-text-secondary",
+										children: n
 									})
 								]
-							})] })
-						]
-					})]
+							}, e));
+						})()
+					})
 				})
-			]
-		})
+			})
+		]
 	});
 }
 //#endregion
-export { C as DashboardPage };
+export { I as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map