@burdenoff/microfe-ecoimpacthub 2026.819.4 → 2026.830.1

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

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