@burdenoff/microfe-ecoimpacthub 2026.704.4 → 2026.704.5

package/dist/ecoimpacthub/pages/observations/ObservationsPage.js

@@ -1,21 +1,21 @@
-import { cn as e } from "../../utils/cn.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatCoords as n, formatDateTime as r, formatEnumLabel as i, formatNumber as ee } from "../../utils/formatters.js";
-import { ErrorView as te, LoadingView as ne } from "../../components/StateViews.js";
-import { EmptyState as re } from "../../components/EmptyState.js";
-import { useEcoObservations as ie, useEcoRecordObservation as a, useEcoSites as o, useEcoSpecies as s } from "../../hooks/useEcoImpactHubApi.js";
-import { useCursorPager as c } from "../../hooks/useCursorPager.js";
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { formatCoords as t, formatDateTime as n, formatEnumLabel as r, formatNumber as i } from "../../utils/formatters.js";
+import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { useEcoObservations as ee, useEcoRecordObservation as te, useEcoSites as ne, useEcoSpecies as re } from "../../hooks/useEcoImpactHubApi.js";
+import { useCursorPager as ie } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";
 import { DataTable as ae } from "../../components/DataTable.js";
-import { Pagination as l } from "../../components/Pagination.js";
-import { EvidenceUpload as u } from "../../components/EvidenceUpload.js";
-import { FileLink as d } from "../../components/FileLink.js";
-import { useMemo as f, useState as p } from "react";
-import { Binoculars 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 oe, ResponsiveDialogContent as se, ResponsiveDialogDescription as S, ResponsiveDialogFooter as ce, ResponsiveDialogHeader as C, ResponsiveDialogTitle as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Textarea as le } from "@burdenoff/fe-libs/ui";
+import { Pagination as oe } from "../../components/Pagination.js";
+import { EvidenceUpload as se } from "../../components/EvidenceUpload.js";
+import { MethodBadge as c } from "../_shared/MethodBadge.js";
+import { EvidenceThumb as l } from "../_shared/EvidenceThumb.js";
+import { useMemo as u, useState as d } from "react";
+import { Binoculars as f, MapPin as p, Plus as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v, GlassCard as ce, Input as y, Label as b, ResponsiveDialog as le, ResponsiveDialogContent as ue, ResponsiveDialogDescription as de, ResponsiveDialogFooter as fe, ResponsiveDialogHeader as pe, ResponsiveDialogTitle as me, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Textarea as E } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/observations/ObservationsPage.tsx
-var ue = [
+var D = [
 	"DIRECT_SIGHTING",
 	"CAMERA_TRAP",
 	"ACOUSTIC",
@@ -23,53 +23,61 @@ var ue = [
 	"EDNA",
 	"TELEMETRY",
 	"COMMUNITY_REPORT"
-], A = 25, j = {
+], O = 25, k = {
 	limit: 100,
 	offset: 0
-}, M = "NONE";
-function N() {
+}, A = "NONE";
+function j() {
 	let e = /* @__PURE__ */ new Date();
 	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
 }
-function P() {
+function M() {
 	return {
 		speciesId: "",
-		observedAt: N(),
+		observedAt: j(),
 		count: "1",
 		method: "DIRECT_SIGHTING",
-		siteId: M,
+		siteId: A,
 		latitude: "",
 		longitude: "",
 		notes: "",
 		evidence: null
 	};
 }
-function F() {
-	let [N, F] = p("ALL"), [I, L] = p("ALL"), R = c(), [z, B] = p(!1), [V, H] = p(P), [U, W] = p(null), G = o({ pagination: j }), K = s({ pagination: j }), { data: q, isLoading: de, isError: fe, refetch: pe } = ie({
-		speciesId: N === "ALL" ? void 0 : N,
-		siteId: I === "ALL" ? void 0 : I,
+function N() {
+	let [j, N] = d("ALL"), [P, F] = d("ALL"), I = ie(), [L, R] = d(!1), [z, B] = d(M), [V, H] = d(null), U = ne({ pagination: k }), W = re({ pagination: k }), { data: G, isLoading: he, isError: ge, refetch: _e } = ee({
+		speciesId: j === "ALL" ? void 0 : j,
+		siteId: P === "ALL" ? void 0 : P,
 		pagination: {
-			limit: A,
-			cursor: R.cursor
+			limit: O,
+			cursor: I.cursor
 		}
-	}), J = a(), Y = f(() => G.data?.items ?? [], [G.data]), X = f(() => K.data?.items ?? [], [K.data]), Z = f(() => q?.items ?? [], [q]), me = f(() => {
+	}), K = te(), q = u(() => U.data?.items ?? [], [U.data]), J = u(() => W.data?.items ?? [], [W.data]), Y = u(() => G?.items ?? [], [G]), ve = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of Y) e.set(t.id, t.name);
+		for (let t of q) e.set(t.id, t.name);
 		return e;
-	}, [Y]), he = f(() => {
+	}, [q]), X = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of X) e.set(t.id, t.commonName);
+		for (let t of J) e.set(t.id, t.commonName);
 		return e;
-	}, [X]), ge = [
+	}, [J]), Z = [
+		{
+			key: "evidence",
+			header: "Evidence",
+			render: (e) => /* @__PURE__ */ g(l, {
+				fileId: e.evidence?.id,
+				alt: e.species?.commonName ?? X.get(e.speciesId)
+			})
+		},
 		{
 			key: "species",
 			header: "Species",
-			render: (e) => /* @__PURE__ */ v("div", {
+			render: (e) => /* @__PURE__ */ _("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ _("p", {
+				children: [/* @__PURE__ */ g("p", {
 					className: "font-semibold text-text-primary",
-					children: e.species?.commonName ?? he.get(e.speciesId) ?? "Unknown species"
-				}), e.species?.scientificName && /* @__PURE__ */ _("p", {
+					children: e.species?.commonName ?? X.get(e.speciesId) ?? "Unknown species"
+				}), e.species?.scientificName && /* @__PURE__ */ g("p", {
 					className: "truncate text-xs italic text-text-tertiary",
 					children: e.species.scientificName
 				})]
@@ -78,29 +86,25 @@ function F() {
 		{
 			key: "method",
 			header: "Method",
-			render: (e) => /* @__PURE__ */ _("span", {
-				className: "inline-flex rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
-				children: i(e.method)
-			})
+			render: (e) => /* @__PURE__ */ g(c, { method: e.method })
 		},
 		{
 			key: "count",
 			header: "Count",
 			align: "right",
 			sortValue: (e) => e.count,
-			render: (e) => /* @__PURE__ */ v("span", {
-				className: "tabular-nums text-text-secondary",
-				children: ["×", ee(e.count)]
+			render: (e) => /* @__PURE__ */ _("span", {
+				className: "tabular-nums font-medium text-text-primary",
+				children: ["×", i(e.count)]
 			})
 		},
 		{
 			key: "observedAt",
 			header: "Observed",
-			align: "right",
 			hideOnMobile: !0,
-			render: (e) => /* @__PURE__ */ _("span", {
+			render: (e) => /* @__PURE__ */ g("span", {
 				className: "whitespace-nowrap text-text-secondary",
-				children: r(e.observedAt)
+				children: n(e.observedAt)
 			})
 		},
 		{
@@ -108,11 +112,11 @@ function F() {
 			header: "Site",
 			hideOnMobile: !0,
 			render: (e) => {
-				let t = e.siteId ? me.get(e.siteId) : void 0;
-				return t ? /* @__PURE__ */ _("span", {
+				let t = e.siteId ? ve.get(e.siteId) : void 0;
+				return t ? /* @__PURE__ */ g("span", {
 					className: "text-text-secondary",
 					children: t
-				}) : /* @__PURE__ */ _("span", {
+				}) : /* @__PURE__ */ g("span", {
 					className: "text-text-tertiary",
 					children: "—"
 				});
@@ -120,13 +124,19 @@ function F() {
 		},
 		{
 			key: "coords",
-			header: "Coordinates",
+			header: "Coords",
 			hideOnMobile: !0,
-			render: (t) => {
-				let r = n(t.latitude, t.longitude);
-				return /* @__PURE__ */ _("span", {
-					className: e("tabular-nums", r === "—" ? "text-text-tertiary" : "text-text-secondary"),
-					children: r
+			render: (e) => {
+				let n = t(e.latitude, e.longitude);
+				return n === "—" ? /* @__PURE__ */ g("span", {
+					className: "text-text-tertiary",
+					children: "—"
+				}) : /* @__PURE__ */ _("span", {
+					className: "inline-flex items-center gap-1 tabular-nums text-text-secondary",
+					children: [/* @__PURE__ */ g(p, {
+						className: "h-3.5 w-3.5 shrink-0 text-text-tertiary",
+						"aria-hidden": "true"
+					}), n]
 				});
 			}
 		},
@@ -134,307 +144,314 @@ function F() {
 			key: "notes",
 			header: "Notes",
 			hideOnMobile: !0,
-			render: (e) => e.notes ? /* @__PURE__ */ _("span", {
+			render: (e) => e.notes ? /* @__PURE__ */ g("span", {
 				className: "block max-w-xs truncate text-text-secondary",
 				title: e.notes,
 				children: e.notes
-			}) : /* @__PURE__ */ _("span", {
-				className: "text-text-tertiary",
-				children: "—"
-			})
-		},
-		{
-			key: "evidence",
-			header: "Evidence",
-			hideOnMobile: !0,
-			render: (e) => e.evidence?.id ? /* @__PURE__ */ _(d, { fileId: e.evidence.id }) : /* @__PURE__ */ _("span", {
+			}) : /* @__PURE__ */ g("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
 		}
 	], Q = () => {
-		H(P()), W(null), B(!0);
+		B(M()), H(null), R(!0);
 	}, $ = () => {
-		H(P()), W(null);
-	}, _e = async () => {
-		if (!V.speciesId) {
-			W("Species is required.");
+		B(M()), H(null);
+	}, ye = async () => {
+		if (!z.speciesId) {
+			H("Species is required.");
 			return;
 		}
 		try {
-			await J.mutateAsync({
-				speciesId: V.speciesId,
-				observedAt: V.observedAt ? new Date(V.observedAt).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
-				count: V.count ? Number(V.count) : 1,
-				method: V.method,
-				siteId: V.siteId && V.siteId !== M ? V.siteId : null,
-				latitude: V.latitude ? Number(V.latitude) : null,
-				longitude: V.longitude ? Number(V.longitude) : null,
-				notes: V.notes.trim() || null,
-				evidenceFileId: V.evidence?.fileId ?? null
-			}), B(!1), $();
+			await K.mutateAsync({
+				speciesId: z.speciesId,
+				observedAt: z.observedAt ? new Date(z.observedAt).toISOString() : (/* @__PURE__ */ new Date()).toISOString(),
+				count: z.count ? Number(z.count) : 1,
+				method: z.method,
+				siteId: z.siteId && z.siteId !== A ? z.siteId : null,
+				latitude: z.latitude ? Number(z.latitude) : null,
+				longitude: z.longitude ? Number(z.longitude) : null,
+				notes: z.notes.trim() || null,
+				evidenceFileId: z.evidence?.fileId ?? null
+			}), R(!1), $();
 		} catch (e) {
-			W(e instanceof Error ? e.message : "Failed to record observation.");
+			H(e instanceof Error ? e.message : "Failed to record observation.");
 		}
-	}, ve = N !== "ALL" || I !== "ALL";
-	return /* @__PURE__ */ v(t, {
+	}, be = j !== "ALL" || P !== "ALL";
+	return /* @__PURE__ */ _(e, {
 		title: "Field Observations",
 		description: "Wildlife & biodiversity sightings across every species and site — your citizen-science field log.",
-		actions: /* @__PURE__ */ v(y, {
+		actions: /* @__PURE__ */ _(v, {
 			onClick: Q,
-			children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
+			children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
 		}),
 		children: [
-			/* @__PURE__ */ v("div", {
-				className: "mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ v(T, {
-					value: N,
-					onValueChange: (e) => {
-						F(e), R.reset();
-					},
-					children: [/* @__PURE__ */ _(O, {
-						className: "w-52",
-						children: /* @__PURE__ */ _(k, { placeholder: "All species" })
-					}), /* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, {
-						value: "ALL",
-						children: "All species"
-					}), X.map((e) => /* @__PURE__ */ _(D, {
-						value: e.id,
-						children: e.commonName
-					}, e.id))] })]
-				}), /* @__PURE__ */ v(T, {
-					value: I,
-					onValueChange: (e) => {
-						L(e), R.reset();
-					},
-					children: [/* @__PURE__ */ _(O, {
-						className: "w-52",
-						children: /* @__PURE__ */ _(k, { placeholder: "All sites" })
-					}), /* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, {
-						value: "ALL",
-						children: "All sites"
-					}), Y.map((e) => /* @__PURE__ */ _(D, {
-						value: e.id,
-						children: e.name
-					}, e.id))] })]
-				})]
+			/* @__PURE__ */ g(ce, {
+				treatment: "plain",
+				className: "mb-5 p-4",
+				children: /* @__PURE__ */ _("div", {
+					className: "flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-end",
+					children: [/* @__PURE__ */ _("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-xs font-medium uppercase tracking-wide text-text-tertiary",
+							children: "Species"
+						}), /* @__PURE__ */ _(x, {
+							value: j,
+							onValueChange: (e) => {
+								N(e), I.reset();
+							},
+							children: [/* @__PURE__ */ g(w, {
+								className: "w-full sm:w-52",
+								children: /* @__PURE__ */ g(T, { placeholder: "All species" })
+							}), /* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, {
+								value: "ALL",
+								children: "All species"
+							}), J.map((e) => /* @__PURE__ */ g(C, {
+								value: e.id,
+								children: e.commonName
+							}, e.id))] })]
+						})]
+					}), /* @__PURE__ */ _("div", {
+						className: "grid gap-1.5",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-xs font-medium uppercase tracking-wide text-text-tertiary",
+							children: "Site"
+						}), /* @__PURE__ */ _(x, {
+							value: P,
+							onValueChange: (e) => {
+								F(e), I.reset();
+							},
+							children: [/* @__PURE__ */ g(w, {
+								className: "w-full sm:w-52",
+								children: /* @__PURE__ */ g(T, { placeholder: "All sites" })
+							}), /* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, {
+								value: "ALL",
+								children: "All sites"
+							}), q.map((e) => /* @__PURE__ */ g(C, {
+								value: e.id,
+								children: e.name
+							}, e.id))] })]
+						})]
+					})]
+				})
 			}),
-			de ? /* @__PURE__ */ _(ne, { label: "Loading observations…" }) : fe ? /* @__PURE__ */ _(te, {
+			he ? /* @__PURE__ */ g(o, { label: "Loading observations…" }) : ge ? /* @__PURE__ */ g(a, {
 				message: "Couldn't load observations.",
-				onRetry: () => pe()
-			}) : Z.length === 0 ? /* @__PURE__ */ _(re, {
+				onRetry: () => _e()
+			}) : Y.length === 0 ? /* @__PURE__ */ g(s, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ _(m, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ g(f, { className: "h-10 w-10" }),
 				title: "No observations yet",
-				description: ve ? "No observations match these filters." : "Record your first field observation to start building your biodiversity dataset.",
-				action: /* @__PURE__ */ v(y, {
+				description: be ? "No observations match these filters." : "Record your first field observation to start building your biodiversity dataset.",
+				action: /* @__PURE__ */ _(v, {
 					onClick: Q,
-					children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
+					children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
 				})
-			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(ae, {
-				columns: ge,
-				rows: Z,
+			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ae, {
+				columns: Z,
+				rows: Y,
 				rowKey: (e) => e.id
-			}), /* @__PURE__ */ _(l, {
-				page: R.page,
-				pageSize: A,
-				itemCount: Z.length,
-				hasMore: q?.pageInfo?.hasMore ?? !1,
-				onPageChange: (e) => R.onPageChange(e, q?.pageInfo?.cursor)
+			}), /* @__PURE__ */ g(oe, {
+				page: I.page,
+				pageSize: O,
+				itemCount: Y.length,
+				hasMore: G?.pageInfo?.hasMore ?? !1,
+				onPageChange: (e) => I.onPageChange(e, G?.pageInfo?.cursor)
 			})] }),
-			/* @__PURE__ */ _(oe, {
-				open: z,
+			/* @__PURE__ */ g(le, {
+				open: L,
 				onOpenChange: (e) => {
-					B(e), e || $();
+					R(e), e || $();
 				},
-				children: /* @__PURE__ */ v(se, { children: [
-					/* @__PURE__ */ v(C, { children: [/* @__PURE__ */ _(w, { children: "Record observation" }), /* @__PURE__ */ _(S, { children: "Log a wildlife or biodiversity sighting in the field." })] }),
-					/* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ _(ue, { children: [
+					/* @__PURE__ */ _(pe, { children: [/* @__PURE__ */ g(me, { children: "Record observation" }), /* @__PURE__ */ g(de, { children: "Log a wildlife or biodiversity sighting in the field." })] }),
+					/* @__PURE__ */ _("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid gap-1.5",
 								children: [
-									/* @__PURE__ */ _(x, {
+									/* @__PURE__ */ g(b, {
 										htmlFor: "species",
 										children: "Species *"
 									}),
-									/* @__PURE__ */ v(T, {
-										value: V.speciesId,
-										onValueChange: (e) => H({
-											...V,
+									/* @__PURE__ */ _(x, {
+										value: z.speciesId,
+										onValueChange: (e) => B({
+											...z,
 											speciesId: e
 										}),
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ g(w, {
 											id: "species",
-											children: /* @__PURE__ */ _(k, { placeholder: "Select a species" })
-										}), /* @__PURE__ */ _(E, { children: X.map((e) => /* @__PURE__ */ _(D, {
+											children: /* @__PURE__ */ g(T, { placeholder: "Select a species" })
+										}), /* @__PURE__ */ g(S, { children: J.map((e) => /* @__PURE__ */ g(C, {
 											value: e.id,
 											children: e.commonName
 										}, e.id)) })]
 									}),
-									X.length === 0 && /* @__PURE__ */ _("p", {
+									J.length === 0 && /* @__PURE__ */ g("p", {
 										className: "text-xs text-text-tertiary",
 										children: "No species defined yet — add one in the Species section first."
 									})
 								]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ _("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "observedAt",
 										children: "Observed at"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ g(y, {
 										id: "observedAt",
 										type: "datetime-local",
-										value: V.observedAt,
-										onChange: (e) => H({
-											...V,
+										value: z.observedAt,
+										onChange: (e) => B({
+											...z,
 											observedAt: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ _("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "count",
 										children: "Count"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ g(y, {
 										id: "count",
 										type: "number",
 										min: "1",
 										step: "1",
-										value: V.count,
-										onChange: (e) => H({
-											...V,
+										value: z.count,
+										onChange: (e) => B({
+											...z,
 											count: e.target.value
 										}),
 										placeholder: "1"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ _("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "method",
 										children: "Method"
-									}), /* @__PURE__ */ v(T, {
-										value: V.method,
-										onValueChange: (e) => H({
-											...V,
+									}), /* @__PURE__ */ _(x, {
+										value: z.method,
+										onValueChange: (e) => B({
+											...z,
 											method: e
 										}),
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ g(w, {
 											id: "method",
-											children: /* @__PURE__ */ _(k, {})
-										}), /* @__PURE__ */ _(E, { children: ue.map((e) => /* @__PURE__ */ _(D, {
+											children: /* @__PURE__ */ g(T, {})
+										}), /* @__PURE__ */ g(S, { children: D.map((e) => /* @__PURE__ */ g(C, {
 											value: e,
-											children: i(e)
+											children: r(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ _("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "site",
 										children: "Site"
-									}), /* @__PURE__ */ v(T, {
-										value: V.siteId,
-										onValueChange: (e) => H({
-											...V,
+									}), /* @__PURE__ */ _(x, {
+										value: z.siteId,
+										onValueChange: (e) => B({
+											...z,
 											siteId: e
 										}),
-										children: [/* @__PURE__ */ _(O, {
+										children: [/* @__PURE__ */ g(w, {
 											id: "site",
-											children: /* @__PURE__ */ _(k, { placeholder: "No site" })
-										}), /* @__PURE__ */ v(E, { children: [/* @__PURE__ */ _(D, {
-											value: M,
+											children: /* @__PURE__ */ g(T, { placeholder: "No site" })
+										}), /* @__PURE__ */ _(S, { children: [/* @__PURE__ */ g(C, {
+											value: A,
 											children: "No site"
-										}), Y.map((e) => /* @__PURE__ */ _(D, {
+										}), q.map((e) => /* @__PURE__ */ g(C, {
 											value: e.id,
 											children: e.name
 										}, e.id))] })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ _("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "lat",
 										children: "Latitude"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ g(y, {
 										id: "lat",
 										type: "number",
 										step: "any",
-										value: V.latitude,
-										onChange: (e) => H({
-											...V,
+										value: z.latitude,
+										onChange: (e) => B({
+											...z,
 											latitude: e.target.value
 										}),
 										placeholder: "12.9716"
 									})]
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ _("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ _(x, {
+									children: [/* @__PURE__ */ g(b, {
 										htmlFor: "lng",
 										children: "Longitude"
-									}), /* @__PURE__ */ _(b, {
+									}), /* @__PURE__ */ g(y, {
 										id: "lng",
 										type: "number",
 										step: "any",
-										value: V.longitude,
-										onChange: (e) => H({
-											...V,
+										value: z.longitude,
+										onChange: (e) => B({
+											...z,
 											longitude: e.target.value
 										}),
 										placeholder: "77.5946"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ _(x, {
+								children: [/* @__PURE__ */ g(b, {
 									htmlFor: "notes",
 									children: "Notes"
-								}), /* @__PURE__ */ _(le, {
+								}), /* @__PURE__ */ g(E, {
 									id: "notes",
-									value: V.notes,
-									onChange: (e) => H({
-										...V,
+									value: z.notes,
+									onChange: (e) => B({
+										...z,
 										notes: e.target.value
 									}),
 									placeholder: "Behaviour, habitat, weather or other field context.",
 									rows: 2
 								})]
 							}),
-							/* @__PURE__ */ _(u, {
+							/* @__PURE__ */ g(se, {
 								id: "obsEvidence",
 								label: "Evidence photo (optional)",
-								value: V.evidence,
-								onChange: (e) => H({
-									...V,
+								value: z.evidence,
+								onChange: (e) => B({
+									...z,
 									evidence: e
 								}),
 								hint: "Attach a photo, audio clip or PDF as supporting evidence."
 							}),
-							U && /* @__PURE__ */ _("p", {
+							V && /* @__PURE__ */ g("p", {
 								className: "text-sm text-status-error-text",
-								children: U
+								children: V
 							})
 						]
 					}),
-					/* @__PURE__ */ v(ce, { children: [/* @__PURE__ */ _(y, {
+					/* @__PURE__ */ _(fe, { children: [/* @__PURE__ */ g(v, {
 						variant: "outline",
-						onClick: () => B(!1),
+						onClick: () => R(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ _(y, {
-						onClick: _e,
-						disabled: J.isPending,
-						children: J.isPending ? "Recording…" : "Record observation"
+					}), /* @__PURE__ */ g(v, {
+						onClick: ye,
+						disabled: K.isPending,
+						children: K.isPending ? "Recording…" : "Record observation"
 					})] })
 				] })
 			})
@@ -442,6 +459,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as ObservationsPage };
+export { N as ObservationsPage };
 
 //# sourceMappingURL=ObservationsPage.js.map