@burdenoff/microfe-ecoimpacthub 2026.704.4 → 2026.709.1

package/dist/ecoimpacthub/pages/sites/SitesPage.js

@@ -1,20 +1,21 @@
 import { useEcoImpactHub as e } from "../../context/EcoImpactHubContext.js";
-import { PageLayout as ee } from "../../components/PageLayout.js";
-import { formatEnumLabel as t, formatNumber as n, formatRelativeTime as r } from "../../utils/formatters.js";
-import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { ErrorView as te, LoadingView as ne } from "../../components/StateViews.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatEnumLabel as n, formatNumber as r, formatRelativeTime as i } from "../../utils/formatters.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useEcoCreateSite as o, useEcoSites as s } from "../../hooks/useEcoImpactHubApi.js";
-import { useCursorPager as c } from "../../hooks/useCursorPager.js";
+import { useEcoCreateSite as l, useEcoSites as u } from "../../hooks/useEcoImpactHubApi.js";
+import { useCursorPager as d } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";
-import { DataTable as l } from "../../components/DataTable.js";
-import { Pagination as u } from "../../components/Pagination.js";
-import { FilterTabs as d } from "../../components/FilterTabs.js";
-import { useMemo as f, useState as p } from "react";
-import { MapPin as m, Plus as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Button as y, Input as b, Label as x, ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as T, ResponsiveDialogHeader as E, ResponsiveDialogTitle as D, Select as O, SelectContent as k, SelectItem as A, SelectTrigger as j, SelectValue as M, Textarea as N } from "@burdenoff/fe-libs/ui";
+import { DataTable as f } from "../../components/DataTable.js";
+import { Pagination as p } from "../../components/Pagination.js";
+import { FilterTabs as m } from "../../components/FilterTabs.js";
+import { SiteTypeBadge as h, SiteTypeIcon as g } from "./siteTypeVisuals.js";
+import { useMemo as _, useState as v } from "react";
+import { MapPin as y, Plus as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Button as w, Input as T, Label as E, ResponsiveDialog as D, ResponsiveDialogContent as ee, ResponsiveDialogDescription as te, ResponsiveDialogFooter as ne, ResponsiveDialogHeader as re, ResponsiveDialogTitle as ie, Select as O, SelectContent as k, SelectItem as A, SelectTrigger as j, SelectValue as M, Textarea as N } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/sites/SitesPage.tsx
 var P = [
 	{
@@ -55,42 +56,51 @@ var P = [
 	description: ""
 };
 function R() {
-	let { navigateTo: R } = e(), [z, B] = p("ALL"), [V, H] = p("ALL"), U = c(), [W, G] = p(!1), [K, q] = p(L), [J, Y] = p(null), { data: X, isLoading: re, isError: ie, refetch: ae } = s({
+	let { navigateTo: R } = e(), [z, B] = v("ALL"), [V, H] = v("ALL"), U = d(), [W, G] = v(!1), [K, q] = v(L), [J, Y] = v(null), { data: X, isLoading: ae, isError: oe, refetch: se } = u({
 		status: z === "ALL" ? void 0 : z,
 		type: V === "ALL" ? void 0 : V,
 		pagination: {
 			limit: I,
 			cursor: U.cursor
 		}
-	}), Z = o(), Q = f(() => X?.items ?? [], [X]), oe = [
+	}), Z = l(), Q = _(() => X?.items ?? [], [X]), ce = [
 		{
 			key: "name",
 			header: "Site",
-			render: (e) => /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-				className: "font-semibold text-text-primary",
-				children: e.name
-			}), /* @__PURE__ */ _("p", {
-				className: "text-xs text-text-tertiary",
-				children: e.code ?? t(e.type)
-			})] })
+			render: (e) => /* @__PURE__ */ C("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ S(g, { type: e.type }), /* @__PURE__ */ C("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ S("p", {
+						className: "truncate font-semibold text-text-primary",
+						children: e.name
+					}), e.code && /* @__PURE__ */ S("p", {
+						className: "truncate text-xs text-text-tertiary",
+						children: e.code
+					})]
+				})]
+			})
 		},
 		{
 			key: "type",
 			header: "Type",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
-				className: "text-text-secondary",
-				children: t(e.type)
-			})
+			render: (e) => /* @__PURE__ */ S(h, { type: e.type })
 		},
 		{
 			key: "location",
 			header: "Location",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
-				className: "text-text-secondary",
-				children: [e.region, e.country].filter(Boolean).join(", ") || "—"
-			})
+			render: (e) => {
+				let t = [e.region, e.country].filter(Boolean).join(", ");
+				return t ? /* @__PURE__ */ C("span", {
+					className: "inline-flex items-center gap-1.5 text-text-secondary",
+					children: [/* @__PURE__ */ S(y, { className: "h-3.5 w-3.5 shrink-0 text-text-tertiary" }), t]
+				}) : /* @__PURE__ */ S("span", {
+					className: "text-text-tertiary",
+					children: "—"
+				});
+			}
 		},
 		{
 			key: "area",
@@ -98,107 +108,107 @@ function R() {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.areaHectares ?? 0,
-			render: (e) => e.areaHectares == null ? /* @__PURE__ */ _("span", {
+			render: (e) => e.areaHectares == null ? /* @__PURE__ */ S("span", {
 				className: "text-text-tertiary",
 				children: "—"
-			}) : /* @__PURE__ */ v("span", {
+			}) : /* @__PURE__ */ C("span", {
 				className: "tabular-nums text-text-secondary",
-				children: [n(e.areaHectares), " ha"]
+				children: [r(e.areaHectares), " ha"]
 			})
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ _(i, { status: e.status })
+			render: (e) => /* @__PURE__ */ S(a, { status: e.status })
 		},
 		{
 			key: "updated",
 			header: "Updated",
 			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ S("span", {
 				className: "text-text-tertiary",
-				children: r(e.updatedAt)
+				children: i(e.updatedAt)
 			})
 		}
 	], $ = () => {
 		q(L), Y(null);
 	};
-	return /* @__PURE__ */ v(ee, {
+	return /* @__PURE__ */ C(t, {
 		title: "Sites",
 		description: "Monitored locations — facilities, watersheds, forests, wetlands, farms & protected areas.",
-		actions: /* @__PURE__ */ v(y, {
+		actions: /* @__PURE__ */ C(w, {
 			onClick: () => G(!0),
-			children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " New site"]
+			children: [/* @__PURE__ */ S(b, { className: "mr-1.5 h-4 w-4" }), " New site"]
 		}),
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ _(d, {
+				children: [/* @__PURE__ */ S(m, {
 					options: P,
 					value: z,
 					onChange: (e) => {
 						B(e), U.reset();
 					}
-				}), /* @__PURE__ */ v(O, {
+				}), /* @__PURE__ */ C(O, {
 					value: V,
 					onValueChange: (e) => {
 						H(e), U.reset();
 					},
-					children: [/* @__PURE__ */ _(j, {
+					children: [/* @__PURE__ */ S(j, {
 						className: "w-44",
-						children: /* @__PURE__ */ _(M, { placeholder: "All types" })
-					}), /* @__PURE__ */ v(k, { children: [/* @__PURE__ */ _(A, {
+						children: /* @__PURE__ */ S(M, { placeholder: "All types" })
+					}), /* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(A, {
 						value: "ALL",
 						children: "All types"
-					}), F.map((e) => /* @__PURE__ */ _(A, {
+					}), F.map((e) => /* @__PURE__ */ S(A, {
 						value: e,
-						children: t(e)
+						children: n(e)
 					}, e))] })]
 				})]
 			}),
-			re ? /* @__PURE__ */ _(ne, { label: "Loading sites…" }) : ie ? /* @__PURE__ */ _(te, {
+			ae ? /* @__PURE__ */ S(s, { label: "Loading sites…" }) : oe ? /* @__PURE__ */ S(o, {
 				message: "Couldn't load sites.",
-				onRetry: () => ae()
-			}) : Q.length === 0 ? /* @__PURE__ */ _(a, {
+				onRetry: () => se()
+			}) : Q.length === 0 ? /* @__PURE__ */ S(c, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ _(m, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ S(y, { className: "h-10 w-10" }),
 				title: "No sites yet",
 				description: z === "ALL" && V === "ALL" ? "Create your first monitored site to start collecting environmental data." : "No sites match these filters.",
-				action: /* @__PURE__ */ v(y, {
+				action: /* @__PURE__ */ C(w, {
 					onClick: () => G(!0),
-					children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " New site"]
+					children: [/* @__PURE__ */ S(b, { className: "mr-1.5 h-4 w-4" }), " New site"]
 				})
-			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(l, {
-				columns: oe,
+			}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(f, {
+				columns: ce,
 				rows: Q,
 				rowKey: (e) => e.id,
 				onRowClick: (e) => R(`sites/${e.id}`)
-			}), /* @__PURE__ */ _(u, {
+			}), /* @__PURE__ */ S(p, {
 				page: U.page,
 				pageSize: I,
 				itemCount: Q.length,
 				hasMore: X?.pageInfo?.hasMore ?? !1,
 				onPageChange: (e) => U.onPageChange(e, X?.pageInfo?.cursor)
 			})] }),
-			/* @__PURE__ */ _(S, {
+			/* @__PURE__ */ S(D, {
 				open: W,
 				onOpenChange: (e) => {
 					G(e), e || $();
 				},
-				children: /* @__PURE__ */ v(C, { children: [
-					/* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, { children: "New site" }), /* @__PURE__ */ _(w, { children: "Register a location to monitor and attribute environmental data to." })] }),
-					/* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ C(ee, { children: [
+					/* @__PURE__ */ C(re, { children: [/* @__PURE__ */ S(ie, { children: "New site" }), /* @__PURE__ */ S(te, { children: "Register a location to monitor and attribute environmental data to." })] }),
+					/* @__PURE__ */ C("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "name",
 										children: "Name *"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ S(T, {
 										id: "name",
 										value: K.name,
 										onChange: (e) => q({
@@ -207,12 +217,12 @@ function R() {
 										}),
 										placeholder: "Palar Wetland Reserve"
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "code",
 										children: "Code"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ S(T, {
 										id: "code",
 										value: K.code,
 										onChange: (e) => q({
@@ -223,33 +233,33 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "type",
 										children: "Type"
-									}), /* @__PURE__ */ v(O, {
+									}), /* @__PURE__ */ C(O, {
 										value: K.type,
 										onValueChange: (e) => q({
 											...K,
 											type: e
 										}),
-										children: [/* @__PURE__ */ _(j, {
+										children: [/* @__PURE__ */ S(j, {
 											id: "type",
-											children: /* @__PURE__ */ _(M, {})
-										}), /* @__PURE__ */ _(k, { children: F.map((e) => /* @__PURE__ */ _(A, {
+											children: /* @__PURE__ */ S(M, {})
+										}), /* @__PURE__ */ S(k, { children: F.map((e) => /* @__PURE__ */ S(A, {
 											value: e,
-											children: t(e)
+											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "area",
 										children: "Area (hectares)"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ S(T, {
 										id: "area",
 										type: "number",
 										min: "0",
@@ -263,14 +273,14 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "region",
 										children: "Region"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ S(T, {
 										id: "region",
 										value: K.region,
 										onChange: (e) => q({
@@ -279,12 +289,12 @@ function R() {
 										}),
 										placeholder: "Tamil Nadu"
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "country",
 										children: "Country"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ S(T, {
 										id: "country",
 										value: K.country,
 										onChange: (e) => q({
@@ -295,14 +305,14 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "lat",
 										children: "Latitude"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ S(T, {
 										id: "lat",
 										type: "number",
 										step: "any",
@@ -313,12 +323,12 @@ function R() {
 										}),
 										placeholder: "12.9716"
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ S(E, {
 										htmlFor: "lng",
 										children: "Longitude"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ S(T, {
 										id: "lng",
 										type: "number",
 										step: "any",
@@ -331,12 +341,12 @@ function R() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ C("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(x, {
+								children: [/* @__PURE__ */ S(E, {
 									htmlFor: "description",
 									children: "Description"
-								}), /* @__PURE__ */ _(N, {
+								}), /* @__PURE__ */ S(N, {
 									id: "description",
 									value: K.description,
 									onChange: (e) => q({
@@ -347,17 +357,17 @@ function R() {
 									rows: 2
 								})]
 							}),
-							J && /* @__PURE__ */ _("p", {
+							J && /* @__PURE__ */ S("p", {
 								className: "text-sm text-status-error-text",
 								children: J
 							})
 						]
 					}),
-					/* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(y, {
+					/* @__PURE__ */ C(ne, { children: [/* @__PURE__ */ S(w, {
 						variant: "outline",
 						onClick: () => G(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ _(y, {
+					}), /* @__PURE__ */ S(w, {
 						onClick: async () => {
 							if (!K.name.trim()) {
 								Y("Site name is required.");

package/dist/ecoimpacthub/pages/sites/SitesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SitesPage.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/sites/SitesPage.tsx"],"sourcesContent":["/**\n * Sites — list, filter, and create monitored locations.\n * @module ecoimpacthub/pages/sites\n *\n * Reads `ecoListSites`; writes `ecoCreateSite`.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, MapPin } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataTable, type Column } from '../../components/DataTable';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { EmptyState } from '../../components/EmptyState';\nimport { Pagination } from '../../components/Pagination';\nimport { useEcoImpactHub } from '../../context';\nimport { useEcoSites, useEcoCreateSite, useCursorPager } from '../../hooks';\nimport { formatEnumLabel, formatNumber, formatRelativeTime } from '../../utils/formatters';\nimport type { EcoSite, EcoSiteStatus, EcoSiteType } from '../../types';\n\nconst STATUS_FILTERS: FilterOption<EcoSiteStatus | 'ALL'>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'MONITORING_PAUSED', label: 'Paused' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nconst SITE_TYPES: EcoSiteType[] = [\n  'FACILITY',\n  'WATERSHED',\n  'FOREST',\n  'WETLAND',\n  'FARM',\n  'PROTECTED_AREA',\n  'AIRSHED',\n  'COASTAL',\n  'OTHER',\n];\n\nconst PAGE_SIZE = 25;\n\ninterface CreateFormState {\n  name: string;\n  code: string;\n  type: EcoSiteType;\n  region: string;\n  country: string;\n  areaHectares: string;\n  latitude: string;\n  longitude: string;\n  description: string;\n}\n\nconst EMPTY_FORM: CreateFormState = {\n  name: '',\n  code: '',\n  type: 'FACILITY',\n  region: '',\n  country: '',\n  areaHectares: '',\n  latitude: '',\n  longitude: '',\n  description: '',\n};\n\nexport function SitesPage() {\n  const { navigateTo } = useEcoImpactHub();\n  const [status, setStatus] = useState<EcoSiteStatus | 'ALL'>('ALL');\n  const [type, setType] = useState<EcoSiteType | 'ALL'>('ALL');\n  const pager = useCursorPager();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [form, setForm] = useState<CreateFormState>(EMPTY_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const { data, isLoading, isError, refetch } = useEcoSites({\n    status: status === 'ALL' ? undefined : status,\n    type: type === 'ALL' ? undefined : type,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n  const createSite = useEcoCreateSite();\n\n  const rows = useMemo(() => data?.items ?? [], [data]);\n\n  const columns: Column<EcoSite>[] = [\n    {\n      key: 'name',\n      header: 'Site',\n      render: (s) => (\n        <div>\n          <p className=\"font-semibold text-text-primary\">{s.name}</p>\n          <p className=\"text-xs text-text-tertiary\">{s.code ?? formatEnumLabel(s.type)}</p>\n        </div>\n      ),\n    },\n    {\n      key: 'type',\n      header: 'Type',\n      hideOnMobile: true,\n      render: (s) => <span className=\"text-text-secondary\">{formatEnumLabel(s.type)}</span>,\n    },\n    {\n      key: 'location',\n      header: 'Location',\n      hideOnMobile: true,\n      render: (s) => (\n        <span className=\"text-text-secondary\">\n          {[s.region, s.country].filter(Boolean).join(', ') || '—'}\n        </span>\n      ),\n    },\n    {\n      key: 'area',\n      header: 'Area',\n      align: 'right',\n      hideOnMobile: true,\n      sortValue: (s) => s.areaHectares ?? 0,\n      render: (s) =>\n        s.areaHectares != null ? (\n          <span className=\"tabular-nums text-text-secondary\">\n            {formatNumber(s.areaHectares)} ha\n          </span>\n        ) : (\n          <span className=\"text-text-tertiary\">—</span>\n        ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (s) => <StatusBadge status={s.status} />,\n    },\n    {\n      key: 'updated',\n      header: 'Updated',\n      align: 'right',\n      hideOnMobile: true,\n      render: (s) => <span className=\"text-text-tertiary\">{formatRelativeTime(s.updatedAt)}</span>,\n    },\n  ];\n\n  const resetForm = () => {\n    setForm(EMPTY_FORM);\n    setFormError(null);\n  };\n\n  const handleCreate = async () => {\n    if (!form.name.trim()) {\n      setFormError('Site name is required.');\n      return;\n    }\n    try {\n      const created = await createSite.mutateAsync({\n        name: form.name.trim(),\n        code: form.code.trim() || null,\n        type: form.type,\n        region: form.region.trim() || null,\n        country: form.country.trim() || null,\n        areaHectares: form.areaHectares ? Number(form.areaHectares) : null,\n        latitude: form.latitude ? Number(form.latitude) : null,\n        longitude: form.longitude ? Number(form.longitude) : null,\n        description: form.description.trim() || null,\n      });\n      setDialogOpen(false);\n      resetForm();\n      navigateTo(`sites/${created.id}`);\n    } catch (err) {\n      setFormError(err instanceof Error ? err.message : 'Failed to create site.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Sites\"\n      description=\"Monitored locations — facilities, watersheds, forests, wetlands, farms & protected areas.\"\n      actions={\n        <Button onClick={() => setDialogOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> New site\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\n        <FilterTabs\n          options={STATUS_FILTERS}\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            pager.reset();\n          }}\n        />\n        <Select\n          value={type}\n          onValueChange={(v) => {\n            setType(v as EcoSiteType | 'ALL');\n            pager.reset();\n          }}\n        >\n          <SelectTrigger className=\"w-44\">\n            <SelectValue placeholder=\"All types\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"ALL\">All types</SelectItem>\n            {SITE_TYPES.map((t) => (\n              <SelectItem key={t} value={t}>\n                {formatEnumLabel(t)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading sites…\" />\n      ) : isError ? (\n        <ErrorView message=\"Couldn't load sites.\" onRetry={() => refetch()} />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<MapPin className=\"h-10 w-10\" />}\n          title=\"No sites yet\"\n          description={\n            status === 'ALL' && type === 'ALL'\n              ? 'Create your first monitored site to start collecting environmental data.'\n              : 'No sites match these filters.'\n          }\n          action={\n            <Button onClick={() => setDialogOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New site\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <DataTable\n            columns={columns}\n            rows={rows}\n            rowKey={(s) => s.id}\n            onRowClick={(s) => navigateTo(`sites/${s.id}`)}\n          />\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={rows.length}\n            hasMore={data?.pageInfo?.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo?.cursor)}\n          />\n        </>\n      )}\n\n      <ResponsiveDialog\n        open={dialogOpen}\n        onOpenChange={(open) => {\n          setDialogOpen(open);\n          if (!open) resetForm();\n        }}\n      >\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>New site</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Register a location to monitor and attribute environmental data to.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"grid gap-4 py-2\">\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"name\">Name *</Label>\n                <Input\n                  id=\"name\"\n                  value={form.name}\n                  onChange={(e) => setForm({ ...form, name: e.target.value })}\n                  placeholder=\"Palar Wetland Reserve\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"code\">Code</Label>\n                <Input\n                  id=\"code\"\n                  value={form.code}\n                  onChange={(e) => setForm({ ...form, code: e.target.value })}\n                  placeholder=\"SITE-PWR\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"type\">Type</Label>\n                <Select\n                  value={form.type}\n                  onValueChange={(v) => setForm({ ...form, type: v as EcoSiteType })}\n                >\n                  <SelectTrigger id=\"type\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {SITE_TYPES.map((t) => (\n                      <SelectItem key={t} value={t}>\n                        {formatEnumLabel(t)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"area\">Area (hectares)</Label>\n                <Input\n                  id=\"area\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"any\"\n                  value={form.areaHectares}\n                  onChange={(e) => setForm({ ...form, areaHectares: e.target.value })}\n                  placeholder=\"42.5\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"region\">Region</Label>\n                <Input\n                  id=\"region\"\n                  value={form.region}\n                  onChange={(e) => setForm({ ...form, region: e.target.value })}\n                  placeholder=\"Tamil Nadu\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"country\">Country</Label>\n                <Input\n                  id=\"country\"\n                  value={form.country}\n                  onChange={(e) => setForm({ ...form, country: e.target.value })}\n                  placeholder=\"India\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"lat\">Latitude</Label>\n                <Input\n                  id=\"lat\"\n                  type=\"number\"\n                  step=\"any\"\n                  value={form.latitude}\n                  onChange={(e) => setForm({ ...form, latitude: e.target.value })}\n                  placeholder=\"12.9716\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"lng\">Longitude</Label>\n                <Input\n                  id=\"lng\"\n                  type=\"number\"\n                  step=\"any\"\n                  value={form.longitude}\n                  onChange={(e) => setForm({ ...form, longitude: e.target.value })}\n                  placeholder=\"77.5946\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"description\">Description</Label>\n              <Textarea\n                id=\"description\"\n                value={form.description}\n                onChange={(e) => setForm({ ...form, description: e.target.value })}\n                placeholder=\"Optional context about this site.\"\n                rows={2}\n              />\n            </div>\n\n            {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={() => setDialogOpen(false)}>\n              Cancel\n            </Button>\n            <Button onClick={handleCreate} disabled={createSite.isPending}>\n              {createSite.isPending ? 'Creating…' : 'Create site'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SitesPage.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/sites/SitesPage.tsx"],"sourcesContent":["/**\n * Sites — list, filter, and create monitored locations.\n * @module ecoimpacthub/pages/sites\n *\n * Reads `ecoListSites`; writes `ecoCreateSite`.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, MapPin } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataTable, type Column } from '../../components/DataTable';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { EmptyState } from '../../components/EmptyState';\nimport { Pagination } from '../../components/Pagination';\nimport { SiteTypeBadge, SiteTypeIcon } from './siteTypeVisuals';\nimport { useEcoImpactHub } from '../../context';\nimport { useEcoSites, useEcoCreateSite, useCursorPager } from '../../hooks';\nimport { formatEnumLabel, formatNumber, formatRelativeTime } from '../../utils/formatters';\nimport type { EcoSite, EcoSiteStatus, EcoSiteType } from '../../types';\n\nconst STATUS_FILTERS: FilterOption<EcoSiteStatus | 'ALL'>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'MONITORING_PAUSED', label: 'Paused' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nconst SITE_TYPES: EcoSiteType[] = [\n  'FACILITY',\n  'WATERSHED',\n  'FOREST',\n  'WETLAND',\n  'FARM',\n  'PROTECTED_AREA',\n  'AIRSHED',\n  'COASTAL',\n  'OTHER',\n];\n\nconst PAGE_SIZE = 25;\n\ninterface CreateFormState {\n  name: string;\n  code: string;\n  type: EcoSiteType;\n  region: string;\n  country: string;\n  areaHectares: string;\n  latitude: string;\n  longitude: string;\n  description: string;\n}\n\nconst EMPTY_FORM: CreateFormState = {\n  name: '',\n  code: '',\n  type: 'FACILITY',\n  region: '',\n  country: '',\n  areaHectares: '',\n  latitude: '',\n  longitude: '',\n  description: '',\n};\n\nexport function SitesPage() {\n  const { navigateTo } = useEcoImpactHub();\n  const [status, setStatus] = useState<EcoSiteStatus | 'ALL'>('ALL');\n  const [type, setType] = useState<EcoSiteType | 'ALL'>('ALL');\n  const pager = useCursorPager();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [form, setForm] = useState<CreateFormState>(EMPTY_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const { data, isLoading, isError, refetch } = useEcoSites({\n    status: status === 'ALL' ? undefined : status,\n    type: type === 'ALL' ? undefined : type,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n  const createSite = useEcoCreateSite();\n\n  const rows = useMemo(() => data?.items ?? [], [data]);\n\n  const columns: Column<EcoSite>[] = [\n    {\n      key: 'name',\n      header: 'Site',\n      render: (s) => (\n        <div className=\"flex items-center gap-3\">\n          <SiteTypeIcon type={s.type} />\n          <div className=\"min-w-0\">\n            <p className=\"truncate font-semibold text-text-primary\">{s.name}</p>\n            {s.code && <p className=\"truncate text-xs text-text-tertiary\">{s.code}</p>}\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'type',\n      header: 'Type',\n      hideOnMobile: true,\n      render: (s) => <SiteTypeBadge type={s.type} />,\n    },\n    {\n      key: 'location',\n      header: 'Location',\n      hideOnMobile: true,\n      render: (s) => {\n        const loc = [s.region, s.country].filter(Boolean).join(', ');\n        return loc ? (\n          <span className=\"inline-flex items-center gap-1.5 text-text-secondary\">\n            <MapPin className=\"h-3.5 w-3.5 shrink-0 text-text-tertiary\" />\n            {loc}\n          </span>\n        ) : (\n          <span className=\"text-text-tertiary\">—</span>\n        );\n      },\n    },\n    {\n      key: 'area',\n      header: 'Area',\n      align: 'right',\n      hideOnMobile: true,\n      sortValue: (s) => s.areaHectares ?? 0,\n      render: (s) =>\n        s.areaHectares != null ? (\n          <span className=\"tabular-nums text-text-secondary\">\n            {formatNumber(s.areaHectares)} ha\n          </span>\n        ) : (\n          <span className=\"text-text-tertiary\">—</span>\n        ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (s) => <StatusBadge status={s.status} />,\n    },\n    {\n      key: 'updated',\n      header: 'Updated',\n      align: 'right',\n      hideOnMobile: true,\n      render: (s) => <span className=\"text-text-tertiary\">{formatRelativeTime(s.updatedAt)}</span>,\n    },\n  ];\n\n  const resetForm = () => {\n    setForm(EMPTY_FORM);\n    setFormError(null);\n  };\n\n  const handleCreate = async () => {\n    if (!form.name.trim()) {\n      setFormError('Site name is required.');\n      return;\n    }\n    try {\n      const created = await createSite.mutateAsync({\n        name: form.name.trim(),\n        code: form.code.trim() || null,\n        type: form.type,\n        region: form.region.trim() || null,\n        country: form.country.trim() || null,\n        areaHectares: form.areaHectares ? Number(form.areaHectares) : null,\n        latitude: form.latitude ? Number(form.latitude) : null,\n        longitude: form.longitude ? Number(form.longitude) : null,\n        description: form.description.trim() || null,\n      });\n      setDialogOpen(false);\n      resetForm();\n      navigateTo(`sites/${created.id}`);\n    } catch (err) {\n      setFormError(err instanceof Error ? err.message : 'Failed to create site.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Sites\"\n      description=\"Monitored locations — facilities, watersheds, forests, wetlands, farms & protected areas.\"\n      actions={\n        <Button onClick={() => setDialogOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> New site\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\n        <FilterTabs\n          options={STATUS_FILTERS}\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            pager.reset();\n          }}\n        />\n        <Select\n          value={type}\n          onValueChange={(v) => {\n            setType(v as EcoSiteType | 'ALL');\n            pager.reset();\n          }}\n        >\n          <SelectTrigger className=\"w-44\">\n            <SelectValue placeholder=\"All types\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"ALL\">All types</SelectItem>\n            {SITE_TYPES.map((t) => (\n              <SelectItem key={t} value={t}>\n                {formatEnumLabel(t)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading sites…\" />\n      ) : isError ? (\n        <ErrorView message=\"Couldn't load sites.\" onRetry={() => refetch()} />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<MapPin className=\"h-10 w-10\" />}\n          title=\"No sites yet\"\n          description={\n            status === 'ALL' && type === 'ALL'\n              ? 'Create your first monitored site to start collecting environmental data.'\n              : 'No sites match these filters.'\n          }\n          action={\n            <Button onClick={() => setDialogOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New site\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <DataTable\n            columns={columns}\n            rows={rows}\n            rowKey={(s) => s.id}\n            onRowClick={(s) => navigateTo(`sites/${s.id}`)}\n          />\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={rows.length}\n            hasMore={data?.pageInfo?.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo?.cursor)}\n          />\n        </>\n      )}\n\n      <ResponsiveDialog\n        open={dialogOpen}\n        onOpenChange={(open) => {\n          setDialogOpen(open);\n          if (!open) resetForm();\n        }}\n      >\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>New site</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Register a location to monitor and attribute environmental data to.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"grid gap-4 py-2\">\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"name\">Name *</Label>\n                <Input\n                  id=\"name\"\n                  value={form.name}\n                  onChange={(e) => setForm({ ...form, name: e.target.value })}\n                  placeholder=\"Palar Wetland Reserve\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"code\">Code</Label>\n                <Input\n                  id=\"code\"\n                  value={form.code}\n                  onChange={(e) => setForm({ ...form, code: e.target.value })}\n                  placeholder=\"SITE-PWR\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"type\">Type</Label>\n                <Select\n                  value={form.type}\n                  onValueChange={(v) => setForm({ ...form, type: v as EcoSiteType })}\n                >\n                  <SelectTrigger id=\"type\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {SITE_TYPES.map((t) => (\n                      <SelectItem key={t} value={t}>\n                        {formatEnumLabel(t)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"area\">Area (hectares)</Label>\n                <Input\n                  id=\"area\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"any\"\n                  value={form.areaHectares}\n                  onChange={(e) => setForm({ ...form, areaHectares: e.target.value })}\n                  placeholder=\"42.5\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"region\">Region</Label>\n                <Input\n                  id=\"region\"\n                  value={form.region}\n                  onChange={(e) => setForm({ ...form, region: e.target.value })}\n                  placeholder=\"Tamil Nadu\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"country\">Country</Label>\n                <Input\n                  id=\"country\"\n                  value={form.country}\n                  onChange={(e) => setForm({ ...form, country: e.target.value })}\n                  placeholder=\"India\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"lat\">Latitude</Label>\n                <Input\n                  id=\"lat\"\n                  type=\"number\"\n                  step=\"any\"\n                  value={form.latitude}\n                  onChange={(e) => setForm({ ...form, latitude: e.target.value })}\n                  placeholder=\"12.9716\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"lng\">Longitude</Label>\n                <Input\n                  id=\"lng\"\n                  type=\"number\"\n                  step=\"any\"\n                  value={form.longitude}\n                  onChange={(e) => setForm({ ...form, longitude: e.target.value })}\n                  placeholder=\"77.5946\"\n                />\n              </div>\n            </div>\n\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"description\">Description</Label>\n              <Textarea\n                id=\"description\"\n                value={form.description}\n                onChange={(e) => setForm({ ...form, description: e.target.value })}\n                placeholder=\"Optional context about this site.\"\n                rows={2}\n              />\n            </div>\n\n            {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={() => setDialogOpen(false)}>\n              Cancel\n            </Button>\n            <Button onClick={handleCreate} disabled={createSite.isPending}>\n              {createSite.isPending ? 'Creating…' : 'Create site'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/ecoimpacthub/pages/sites/siteTypeVisuals.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { EcoSiteType } from '../../types';
+
+interface TypeVisual {
+    Icon: LucideIcon;
+    /** Shared bg + text classes for both the pill and the leading icon tile. */
+    tone: string;
+}
+export declare function siteTypeVisual(type: EcoSiteType): TypeVisual;
+/** A leading rounded icon tile keyed to the site type. */
+export declare const SiteTypeIcon: FC<{
+    type: EcoSiteType;
+    className?: string;
+}>;
+/** A coloured pill: icon + human label for a site type. */
+export declare const SiteTypeBadge: FC<{
+    type: EcoSiteType;
+    className?: string;
+}>;
+export {};
+//# sourceMappingURL=siteTypeVisuals.d.ts.map

package/dist/ecoimpacthub/pages/sites/siteTypeVisuals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"siteTypeVisuals.d.ts","sourceRoot":"","sources":["../../../../src/ecoimpacthub/pages/sites/siteTypeVisuals.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAUL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,UAAU,UAAU;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;CACd;AAkCD,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU,CAE5D;AAED,0DAA0D;AAC1D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBtE,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBvE,CAAC"}

package/dist/ecoimpacthub/pages/sites/siteTypeVisuals.js

@@ -0,0 +1,64 @@
+import { cn as e } from "../../utils/cn.js";
+import { formatEnumLabel as t } from "../../utils/formatters.js";
+import { Droplets as n, Factory as r, MapPin as i, Sailboat as a, ShieldCheck as o, Sprout as s, Trees as c, Waves as l, Wind as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/ecoimpacthub/pages/sites/siteTypeVisuals.tsx
+var p = "bg-bg-sunken text-text-secondary", m = {
+	FACILITY: {
+		Icon: r,
+		tone: p
+	},
+	WATERSHED: {
+		Icon: l,
+		tone: "bg-[var(--color-accent-teal-subtle)] text-[var(--color-accent-teal)]"
+	},
+	FOREST: {
+		Icon: c,
+		tone: "bg-status-success-bg-subtle text-status-success-text"
+	},
+	WETLAND: {
+		Icon: n,
+		tone: "bg-[var(--color-accent-blue-subtle)] text-[var(--color-accent-blue)]"
+	},
+	FARM: {
+		Icon: s,
+		tone: "bg-status-warning-bg-subtle text-status-warning-text"
+	},
+	PROTECTED_AREA: {
+		Icon: o,
+		tone: "bg-[var(--color-accent-purple-subtle)] text-[var(--color-accent-purple)]"
+	},
+	AIRSHED: {
+		Icon: u,
+		tone: p
+	},
+	COASTAL: {
+		Icon: a,
+		tone: "bg-[var(--color-accent-indigo-subtle)] text-[var(--color-accent-indigo)]"
+	},
+	OTHER: {
+		Icon: i,
+		tone: p
+	}
+};
+function h(e) {
+	return m[e] ?? m.OTHER;
+}
+var g = ({ type: t, className: n }) => {
+	let { Icon: r, tone: i } = h(t);
+	return /* @__PURE__ */ d("span", {
+		className: e("inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", i, n),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ d(r, { className: "h-[1.15rem] w-[1.15rem]" })
+	});
+}, _ = ({ type: n, className: r }) => {
+	let { Icon: i, tone: a } = h(n);
+	return /* @__PURE__ */ f("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", a, r),
+		children: [/* @__PURE__ */ d(i, { className: "h-3.5 w-3.5" }), t(n)]
+	});
+};
+//#endregion
+export { _ as SiteTypeBadge, g as SiteTypeIcon };
+
+//# sourceMappingURL=siteTypeVisuals.js.map

package/dist/ecoimpacthub/pages/sites/siteTypeVisuals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"siteTypeVisuals.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/sites/siteTypeVisuals.tsx"],"sourcesContent":["/**\n * Per-site-type visual language — a lucide icon + a semantic-token colour tone\n * that makes the Sites list & Site detail scannable at a glance.\n * @module ecoimpacthub/pages/sites\n *\n * Tokens only (CSS variables) — no raw colours. Hue tones map to the fe-libs\n * `accent-*` / `status-*` families so each site type reads distinctly while\n * still inheriting the active product theme.\n */\n\nimport type { FC } from 'react';\nimport {\n  Factory,\n  Waves,\n  Trees,\n  Droplets,\n  Sprout,\n  ShieldCheck,\n  Wind,\n  Sailboat,\n  MapPin,\n  type LucideIcon,\n} from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { formatEnumLabel } from '../../utils/formatters';\nimport type { EcoSiteType } from '../../types';\n\ninterface TypeVisual {\n  Icon: LucideIcon;\n  /** Shared bg + text classes for both the pill and the leading icon tile. */\n  tone: string;\n}\n\nconst NEUTRAL = 'bg-bg-sunken text-text-secondary';\n\nconst VISUALS: Record<EcoSiteType, TypeVisual> = {\n  FACILITY: { Icon: Factory, tone: NEUTRAL },\n  WATERSHED: {\n    Icon: Waves,\n    tone: 'bg-[var(--color-accent-teal-subtle)] text-[var(--color-accent-teal)]',\n  },\n  FOREST: {\n    Icon: Trees,\n    tone: 'bg-status-success-bg-subtle text-status-success-text',\n  },\n  WETLAND: {\n    Icon: Droplets,\n    tone: 'bg-[var(--color-accent-blue-subtle)] text-[var(--color-accent-blue)]',\n  },\n  FARM: {\n    Icon: Sprout,\n    tone: 'bg-status-warning-bg-subtle text-status-warning-text',\n  },\n  PROTECTED_AREA: {\n    Icon: ShieldCheck,\n    tone: 'bg-[var(--color-accent-purple-subtle)] text-[var(--color-accent-purple)]',\n  },\n  AIRSHED: { Icon: Wind, tone: NEUTRAL },\n  COASTAL: {\n    Icon: Sailboat,\n    tone: 'bg-[var(--color-accent-indigo-subtle)] text-[var(--color-accent-indigo)]',\n  },\n  OTHER: { Icon: MapPin, tone: NEUTRAL },\n};\n\nexport function siteTypeVisual(type: EcoSiteType): TypeVisual {\n  return VISUALS[type] ?? VISUALS.OTHER;\n}\n\n/** A leading rounded icon tile keyed to the site type. */\nexport const SiteTypeIcon: FC<{ type: EcoSiteType; className?: string }> = ({\n  type,\n  className,\n}) => {\n  const { Icon, tone } = siteTypeVisual(type);\n  return (\n    <span\n      className={cn(\n        'inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg',\n        tone,\n        className\n      )}\n      aria-hidden=\"true\"\n    >\n      <Icon className=\"h-[1.15rem] w-[1.15rem]\" />\n    </span>\n  );\n};\n\n/** A coloured pill: icon + human label for a site type. */\nexport const SiteTypeBadge: FC<{ type: EcoSiteType; className?: string }> = ({\n  type,\n  className,\n}) => {\n  const { Icon, tone } = siteTypeVisual(type);\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        tone,\n        className\n      )}\n    >\n      <Icon className=\"h-3.5 w-3.5\" />\n      {formatEnumLabel(type)}\n    </span>\n  );\n};\n"],"mappings":";;;;;AAiCA,IAAM,IAAU,oCAEV,IAA2C;CAC/C,UAAU;EAAE,MAAM;EAAS,MAAM;EAAS;CAC1C,WAAW;EACT,MAAM;EACN,MAAM;EACP;CACD,QAAQ;EACN,MAAM;EACN,MAAM;EACP;CACD,SAAS;EACP,MAAM;EACN,MAAM;EACP;CACD,MAAM;EACJ,MAAM;EACN,MAAM;EACP;CACD,gBAAgB;EACd,MAAM;EACN,MAAM;EACP;CACD,SAAS;EAAE,MAAM;EAAM,MAAM;EAAS;CACtC,SAAS;EACP,MAAM;EACN,MAAM;EACP;CACD,OAAO;EAAE,MAAM;EAAQ,MAAM;EAAS;CACvC;AAED,SAAgB,EAAe,GAA+B;AAC5D,QAAO,EAAQ,MAAS,EAAQ;;AAIlC,IAAa,KAA+D,EAC1E,SACA,mBACI;CACJ,IAAM,EAAE,SAAM,YAAS,EAAe,EAAK;AAC3C,QACE,kBAAC,QAAD;EACE,WAAW,EACT,uEACA,GACA,EACD;EACD,eAAY;YAEZ,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA;EACvC,CAAA;GAKE,KAAgE,EAC3E,SACA,mBACI;CACJ,IAAM,EAAE,SAAM,YAAS,EAAe,EAAK;AAC3C,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,GACA,EACD;YALH,CAOE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAC/B,EAAgB,EAAK,CACjB"}

package/dist/ecoimpacthub/pages/species/SpeciesDetailPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Species detail — overview, field observations & species actions.
+ * @module ecoimpacthub/pages/species
+ *
+ * Reads `ecoSpecies` (+ nested observations); writes `ecoRecordObservation`,
+ * `ecoUpdateSpecies`, `ecoArchiveSpecies`.
+ */
+export declare function SpeciesDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpeciesDetailPage.d.ts.map

package/dist/ecoimpacthub/pages/species/SpeciesDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeciesDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/ecoimpacthub/pages/species/SpeciesDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAoGH,wBAAgB,iBAAiB,4CAmgBhC"}