@burdenoff/microfe-ecoimpacthub 2026.704.4 → 2026.709.1

package/dist/ecoimpacthub/pages/species/SpeciesDetailPage.js

@@ -1,23 +1,25 @@
 import { useEcoImpactHub as e } from "../../context/EcoImpactHubContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatDateTime as n, formatEnumLabel as r, formatNumber as ee } from "../../utils/formatters.js";
-import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { ErrorView as a, LoadingView as te, Section as ne } from "../../components/StateViews.js";
-import { EmptyState as re } from "../../components/EmptyState.js";
+import { formatDateTime as ee, formatEnumLabel as n, formatNumber as r } from "../../utils/formatters.js";
+import { ErrorView as i, LoadingView as a, Section as te } from "../../components/StateViews.js";
+import { EmptyState as ne } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useEcoArchiveSpecies as ie, useEcoRecordObservation as ae, useEcoSites as oe, useEcoSpeciesDetail as se, useEcoUpdateSpecies as ce } from "../../hooks/useEcoImpactHubApi.js";
+import { useEcoArchiveSpecies as re, useEcoRecordObservation as ie, useEcoSites as ae, useEcoSpeciesDetail as oe, useEcoUpdateSpecies as se } from "../../hooks/useEcoImpactHubApi.js";
 import "../../hooks/index.js";
-import { DataTable as le } from "../../components/DataTable.js";
-import { EvidenceUpload as ue } from "../../components/EvidenceUpload.js";
-import { FileLink as de } from "../../components/FileLink.js";
-import { EcoTags as fe } from "../../components/EcoTags.js";
-import { useState as o } from "react";
-import { Archive as pe, ArrowLeft as s, Binoculars as c, Pencil as l, Star as u } from "lucide-react";
-import { useParams as d } from "react-router-dom";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Button as h, GlassCard as g, Input as _, Label as v, ResponsiveDialog as y, ResponsiveDialogContent as b, ResponsiveDialogDescription as x, ResponsiveDialogFooter as S, ResponsiveDialogHeader as C, ResponsiveDialogTitle as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, Textarea as A } from "@burdenoff/fe-libs/ui";
+import { DataTable as ce } from "../../components/DataTable.js";
+import { EcoTags as o } from "../../components/EcoTags.js";
+import { EvidenceUpload as s } from "../../components/EvidenceUpload.js";
+import { MethodBadge as le } from "../_shared/MethodBadge.js";
+import { EvidenceThumb as ue } from "../_shared/EvidenceThumb.js";
+import { ConservationBadge as c } from "../_shared/ConservationBadge.js";
+import { TaxonChip as de } from "../_shared/TaxonChip.js";
+import { useState as l } from "react";
+import { Archive as fe, ArrowLeft as pe, Binoculars as u, Pencil as me, Star as d } from "lucide-react";
+import { useParams as f } from "react-router-dom";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, GlassCard as _, Input as v, Label as y, ResponsiveDialog as b, ResponsiveDialogContent as x, ResponsiveDialogDescription as S, ResponsiveDialogFooter as C, ResponsiveDialogHeader as w, ResponsiveDialogTitle as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Textarea as j } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/species/SpeciesDetailPage.tsx
-var j = [
+var M = [
 	"DIRECT_SIGHTING",
 	"CAMERA_TRAP",
 	"ACOUSTIC",
@@ -25,7 +27,7 @@ var j = [
 	"EDNA",
 	"TELEMETRY",
 	"COMMUNITY_REPORT"
-], M = [
+], N = [
 	"MAMMAL",
 	"BIRD",
 	"REPTILE",
@@ -35,7 +37,7 @@ var j = [
 	"PLANT",
 	"FUNGI",
 	"OTHER"
-], N = [
+], P = [
 	"LEAST_CONCERN",
 	"NEAR_THREATENED",
 	"VULNERABLE",
@@ -44,491 +46,505 @@ var j = [
 	"EXTINCT_IN_WILD",
 	"DATA_DEFICIENT",
 	"NOT_EVALUATED"
-], P = (e) => {
+], F = (e) => {
 	let t = (e) => String(e).padStart(2, "0");
 	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}T${t(e.getHours())}:${t(e.getMinutes())}`;
 };
-function F() {
-	let { id: F } = d(), { navigateTo: I } = e(), { data: L, isLoading: R, isError: z, refetch: me } = se(F), he = oe({ pagination: {
+function I() {
+	let { id: I } = f(), { navigateTo: L } = e(), { data: R, isLoading: he, isError: ge, refetch: _e } = oe(I), ve = ae({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), B = ae(), V = ce(), H = ie(), [ge, U] = o(!1), [W, G] = o({
+	} }), z = ie(), B = se(), V = re(), [ye, H] = l(!1), [U, W] = l({
 		method: "DIRECT_SIGHTING",
 		count: "1",
-		observedAt: P(/* @__PURE__ */ new Date()),
+		observedAt: F(/* @__PURE__ */ new Date()),
 		siteId: "",
 		notes: "",
 		evidence: null
-	}), [_e, K] = o(!1), [q, J] = o({
+	}), [be, G] = l(!1), [K, q] = l({
 		commonName: "",
 		scientificName: "",
 		taxonGroup: "MAMMAL",
 		conservationStatus: "NOT_EVALUATED",
 		isPriority: !1,
 		description: ""
-	}), [Y, X] = o(null);
-	if (R) return /* @__PURE__ */ p(t, {
+	}), [J, Y] = l(null);
+	if (he) return /* @__PURE__ */ m(t, {
 		title: "Species",
-		children: /* @__PURE__ */ p(te, {})
+		children: /* @__PURE__ */ m(a, {})
 	});
-	if (z || !L) return /* @__PURE__ */ p(t, {
+	if (ge || !R) return /* @__PURE__ */ m(t, {
 		title: "Species",
-		children: /* @__PURE__ */ p(a, {
+		children: /* @__PURE__ */ m(i, {
 			message: "This species could not be loaded.",
-			onRetry: () => me()
+			onRetry: () => _e()
 		})
 	});
-	let Z = L.observations ?? [], Q = he.data?.items ?? [], $ = () => {
-		G({
+	let X = R.observations ?? [], Z = ve.data?.items ?? [], Q = /* @__PURE__ */ new Map();
+	for (let e of Z) Q.set(e.id, e.name);
+	let $ = () => {
+		W({
 			method: "DIRECT_SIGHTING",
 			count: "1",
-			observedAt: P(/* @__PURE__ */ new Date()),
+			observedAt: F(/* @__PURE__ */ new Date()),
 			siteId: "",
 			notes: "",
 			evidence: null
-		}), X(null), U(!0);
+		}), Y(null), H(!0);
 	};
-	return /* @__PURE__ */ m(t, {
-		title: L.commonName,
-		description: [L.scientificName, r(L.taxonGroup)].filter(Boolean).join(" · "),
-		actions: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, { status: L.conservationStatus }), /* @__PURE__ */ m(h, {
-			variant: "ghost",
-			onClick: () => I("species"),
-			children: [/* @__PURE__ */ p(s, { className: "mr-1.5 h-4 w-4" }), " Back"]
-		})] }),
+	return /* @__PURE__ */ h(t, {
+		title: R.commonName,
+		description: [R.scientificName, n(R.taxonGroup)].filter(Boolean).join(" · "),
+		actions: /* @__PURE__ */ h(p, { children: [
+			/* @__PURE__ */ m(c, { status: R.conservationStatus }),
+			R.isPriority && /* @__PURE__ */ h("span", {
+				className: "inline-flex items-center gap-1 rounded-full bg-status-warning-bg-subtle px-2.5 py-0.5 text-xs font-semibold text-status-warning-text",
+				title: "Priority species",
+				children: [/* @__PURE__ */ m(d, { className: "h-3.5 w-3.5 fill-current" }), " Priority"]
+			}),
+			/* @__PURE__ */ h(g, {
+				variant: "ghost",
+				onClick: () => L("species"),
+				children: [/* @__PURE__ */ m(pe, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			})
+		] }),
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ m(g, {
+				children: [/* @__PURE__ */ h(_, {
 					treatment: "glass",
 					className: "p-6 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ m("dl", {
+						/* @__PURE__ */ h("dl", {
 							className: "grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3",
 							children: [
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Scientific name"
-								}), /* @__PURE__ */ p("dd", {
+								}), /* @__PURE__ */ m("dd", {
 									className: "mt-0.5 text-sm italic text-text-primary",
-									children: L.scientificName ?? "—"
+									children: R.scientificName ?? "—"
 								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Taxon group"
-								}), /* @__PURE__ */ p("dd", {
-									className: "mt-0.5 text-sm text-text-primary",
-									children: r(L.taxonGroup)
+								}), /* @__PURE__ */ m("dd", {
+									className: "mt-1",
+									children: /* @__PURE__ */ m(de, { group: R.taxonGroup })
 								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Conservation"
-								}), /* @__PURE__ */ p("dd", {
-									className: "mt-0.5",
-									children: /* @__PURE__ */ p(i, { status: L.conservationStatus })
+								}), /* @__PURE__ */ m("dd", {
+									className: "mt-1",
+									children: /* @__PURE__ */ m(c, { status: R.conservationStatus })
 								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Priority"
-								}), /* @__PURE__ */ p("dd", {
+								}), /* @__PURE__ */ m("dd", {
 									className: "mt-0.5 text-sm text-text-primary",
-									children: L.isPriority ? /* @__PURE__ */ m("span", {
+									children: R.isPriority ? /* @__PURE__ */ h("span", {
 										className: "inline-flex items-center gap-1 text-status-warning-text",
-										children: [/* @__PURE__ */ p(u, { className: "h-4 w-4 fill-current" }), " Priority"]
+										children: [/* @__PURE__ */ m(d, { className: "h-4 w-4 fill-current" }), " Priority"]
 									}) : "—"
 								})] }),
-								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Observations"
-								}), /* @__PURE__ */ p("dd", {
+								}), /* @__PURE__ */ m("dd", {
 									className: "mt-0.5 text-sm text-text-primary tabular-nums",
-									children: Z.length
+									children: X.length
 								})] })
 							]
 						}),
-						L.description && /* @__PURE__ */ p("p", {
+						R.description && /* @__PURE__ */ m("p", {
 							className: "mt-5 rounded-lg bg-bg-sunken/60 p-3 text-sm text-text-secondary",
-							children: L.description
+							children: R.description
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "mt-5 border-t border-border-seam pt-4",
-							children: /* @__PURE__ */ p(fe, {
+							children: /* @__PURE__ */ m(o, {
 								entityType: "ecoimpacthub-species",
-								entityId: L.id
+								entityId: R.id
 							})
 						})
 					]
-				}), /* @__PURE__ */ m(g, {
+				}), /* @__PURE__ */ h(_, {
 					treatment: "glass",
 					className: "flex flex-col gap-3 p-6",
 					children: [
-						/* @__PURE__ */ p("p", {
+						/* @__PURE__ */ m("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Quick actions"
 						}),
-						/* @__PURE__ */ m(h, {
+						/* @__PURE__ */ h(g, {
 							onClick: $,
-							children: [/* @__PURE__ */ p(c, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
+							children: [/* @__PURE__ */ m(u, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
 						}),
-						/* @__PURE__ */ m(h, {
+						/* @__PURE__ */ h(g, {
 							variant: "outline",
 							onClick: () => {
-								J({
-									commonName: L.commonName,
-									scientificName: L.scientificName ?? "",
-									taxonGroup: L.taxonGroup,
-									conservationStatus: L.conservationStatus,
-									isPriority: L.isPriority,
-									description: L.description ?? ""
-								}), X(null), K(!0);
+								q({
+									commonName: R.commonName,
+									scientificName: R.scientificName ?? "",
+									taxonGroup: R.taxonGroup,
+									conservationStatus: R.conservationStatus,
+									isPriority: R.isPriority,
+									description: R.description ?? ""
+								}), Y(null), G(!0);
 							},
-							children: [/* @__PURE__ */ p(l, { className: "mr-1.5 h-4 w-4" }), " Edit species"]
+							children: [/* @__PURE__ */ m(me, { className: "mr-1.5 h-4 w-4" }), " Edit species"]
 						}),
-						/* @__PURE__ */ m(h, {
+						/* @__PURE__ */ h(g, {
 							variant: "ghost",
 							onClick: async () => {
-								if (F) {
-									X(null);
+								if (I) {
+									Y(null);
 									try {
-										await H.mutateAsync(F), I("species");
+										await V.mutateAsync(I), L("species");
 									} catch (e) {
-										X(e instanceof Error ? e.message : "Failed to archive species.");
+										Y(e instanceof Error ? e.message : "Failed to archive species.");
 									}
 								}
 							},
-							disabled: H.isPending,
+							disabled: V.isPending,
 							className: "text-status-error-text hover:text-status-error-text",
-							children: [/* @__PURE__ */ p(pe, { className: "mr-1.5 h-4 w-4" }), " Archive"]
+							children: [/* @__PURE__ */ m(fe, { className: "mr-1.5 h-4 w-4" }), " Archive"]
 						})
 					]
 				})]
 			}),
-			Y && /* @__PURE__ */ p("p", {
+			J && /* @__PURE__ */ m("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: Y
+				children: J
 			}),
-			/* @__PURE__ */ p(ne, {
+			/* @__PURE__ */ m(te, {
 				title: "Observations",
 				description: "Field records logged against this species.",
-				action: /* @__PURE__ */ m(h, {
+				action: /* @__PURE__ */ h(g, {
 					size: "sm",
 					onClick: $,
-					children: [/* @__PURE__ */ p(c, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
+					children: [/* @__PURE__ */ m(u, { className: "mr-1.5 h-4 w-4" }), " Record observation"]
 				}),
-				children: Z.length === 0 ? /* @__PURE__ */ p(re, {
+				children: X.length === 0 ? /* @__PURE__ */ m(ne, {
 					illustration: "empty-data",
 					title: "No observations yet",
 					description: "Record a field observation to see it here."
-				}) : /* @__PURE__ */ p(le, {
+				}) : /* @__PURE__ */ m(ce, {
 					columns: [
+						{
+							key: "evidence",
+							header: "Evidence",
+							render: (e) => /* @__PURE__ */ m(ue, {
+								fileId: e.evidence?.id,
+								alt: R.commonName
+							})
+						},
 						{
 							key: "method",
 							header: "Method",
-							render: (e) => /* @__PURE__ */ p("span", {
-								className: "font-medium text-text-primary",
-								children: r(e.method)
-							})
+							render: (e) => /* @__PURE__ */ m(le, { method: e.method })
 						},
 						{
 							key: "count",
 							header: "Count",
 							align: "right",
 							sortValue: (e) => e.count,
-							render: (e) => /* @__PURE__ */ p("span", {
-								className: "tabular-nums text-text-primary",
-								children: ee(e.count)
+							render: (e) => /* @__PURE__ */ h("span", {
+								className: "tabular-nums font-medium text-text-primary",
+								children: ["×", r(e.count)]
 							})
 						},
 						{
 							key: "observedAt",
 							header: "Observed",
-							render: (e) => /* @__PURE__ */ p("span", {
-								className: "text-text-secondary",
-								children: n(e.observedAt)
+							hideOnMobile: !0,
+							render: (e) => /* @__PURE__ */ m("span", {
+								className: "whitespace-nowrap text-text-secondary",
+								children: ee(e.observedAt)
 							})
 						},
 						{
 							key: "site",
 							header: "Site",
 							hideOnMobile: !0,
-							render: (e) => e.siteId ? /* @__PURE__ */ p("span", {
-								className: "text-text-secondary",
-								children: e.siteId
-							}) : /* @__PURE__ */ p("span", {
-								className: "text-text-tertiary",
-								children: "—"
-							})
+							render: (e) => {
+								let t = e.siteId ? Q.get(e.siteId) : void 0;
+								return t ? /* @__PURE__ */ m("span", {
+									className: "text-text-secondary",
+									children: t
+								}) : /* @__PURE__ */ m("span", {
+									className: "text-text-tertiary",
+									children: "—"
+								});
+							}
 						},
 						{
 							key: "notes",
 							header: "Notes",
 							hideOnMobile: !0,
-							render: (e) => /* @__PURE__ */ p("span", {
-								className: "text-text-secondary",
-								children: e.notes ?? "—"
-							})
-						},
-						{
-							key: "evidence",
-							header: "Evidence",
-							hideOnMobile: !0,
-							render: (e) => e.evidence?.id ? /* @__PURE__ */ p(de, { fileId: e.evidence.id }) : /* @__PURE__ */ p("span", {
+							render: (e) => e.notes ? /* @__PURE__ */ m("span", {
+								className: "block max-w-xs truncate text-text-secondary",
+								title: e.notes,
+								children: e.notes
+							}) : /* @__PURE__ */ m("span", {
 								className: "text-text-tertiary",
 								children: "—"
 							})
 						}
 					],
-					rows: Z,
+					rows: X,
 					rowKey: (e) => e.id
 				})
 			}),
-			/* @__PURE__ */ p(y, {
-				open: ge,
-				onOpenChange: U,
-				children: /* @__PURE__ */ m(b, { children: [
-					/* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(w, { children: "Record observation" }), /* @__PURE__ */ m(x, { children: [
+			/* @__PURE__ */ m(b, {
+				open: ye,
+				onOpenChange: H,
+				children: /* @__PURE__ */ h(x, { children: [
+					/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(T, { children: "Record observation" }), /* @__PURE__ */ h(S, { children: [
 						"Log a field sighting or detection of ",
-						L.commonName,
+						R.commonName,
 						"."
 					] })] }),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "obsMethod",
 										children: "Method"
-									}), /* @__PURE__ */ m(T, {
-										value: W.method,
-										onValueChange: (e) => G({
-											...W,
+									}), /* @__PURE__ */ h(E, {
+										value: U.method,
+										onValueChange: (e) => W({
+											...U,
 											method: e
 										}),
-										children: [/* @__PURE__ */ p(O, {
+										children: [/* @__PURE__ */ m(k, {
 											id: "obsMethod",
-											children: /* @__PURE__ */ p(k, {})
-										}), /* @__PURE__ */ p(E, { children: j.map((e) => /* @__PURE__ */ p(D, {
+											children: /* @__PURE__ */ m(A, {})
+										}), /* @__PURE__ */ m(D, { children: M.map((e) => /* @__PURE__ */ m(O, {
 											value: e,
-											children: r(e)
+											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "obsCount",
 										children: "Count"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ m(v, {
 										id: "obsCount",
 										type: "number",
 										min: "1",
 										step: "1",
-										value: W.count,
-										onChange: (e) => G({
-											...W,
+										value: U.count,
+										onChange: (e) => W({
+											...U,
 											count: e.target.value
 										}),
 										placeholder: "1"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ m(y, {
 									htmlFor: "obsAt",
 									children: "Observed at"
-								}), /* @__PURE__ */ p(_, {
+								}), /* @__PURE__ */ m(v, {
 									id: "obsAt",
 									type: "datetime-local",
-									value: W.observedAt,
-									onChange: (e) => G({
-										...W,
+									value: U.observedAt,
+									onChange: (e) => W({
+										...U,
 										observedAt: e.target.value
 									})
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ m(y, {
 									htmlFor: "obsSite",
 									children: "Site (optional)"
-								}), /* @__PURE__ */ m(T, {
-									value: W.siteId,
-									onValueChange: (e) => G({
-										...W,
+								}), /* @__PURE__ */ h(E, {
+									value: U.siteId,
+									onValueChange: (e) => W({
+										...U,
 										siteId: e
 									}),
-									children: [/* @__PURE__ */ p(O, {
+									children: [/* @__PURE__ */ m(k, {
 										id: "obsSite",
-										children: /* @__PURE__ */ p(k, { placeholder: "No site" })
-									}), /* @__PURE__ */ p(E, { children: Q.map((e) => /* @__PURE__ */ p(D, {
+										children: /* @__PURE__ */ m(A, { placeholder: "No site" })
+									}), /* @__PURE__ */ m(D, { children: Z.map((e) => /* @__PURE__ */ m(O, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ m(y, {
 									htmlFor: "obsNotes",
 									children: "Notes"
-								}), /* @__PURE__ */ p(A, {
+								}), /* @__PURE__ */ m(j, {
 									id: "obsNotes",
-									value: W.notes,
-									onChange: (e) => G({
-										...W,
+									value: U.notes,
+									onChange: (e) => W({
+										...U,
 										notes: e.target.value
 									}),
 									placeholder: "Optional context — behaviour, conditions, evidence.",
 									rows: 2
 								})]
 							}),
-							/* @__PURE__ */ p(ue, {
+							/* @__PURE__ */ m(s, {
 								id: "speciesObsEvidence",
 								label: "Evidence photo (optional)",
-								value: W.evidence,
-								onChange: (e) => G({
-									...W,
+								value: U.evidence,
+								onChange: (e) => W({
+									...U,
 									evidence: e
 								}),
 								hint: "Attach a photo, audio clip or PDF as supporting evidence."
 							})
 						]
 					}),
-					/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
+					/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(g, {
 						variant: "outline",
-						onClick: () => U(!1),
+						onClick: () => H(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ m(g, {
 						onClick: async () => {
-							if (F) {
-								X(null);
+							if (I) {
+								Y(null);
 								try {
-									await B.mutateAsync({
-										speciesId: F,
-										method: W.method,
-										count: W.count ? Number(W.count) : 1,
-										observedAt: new Date(W.observedAt).toISOString(),
-										siteId: W.siteId || null,
-										notes: W.notes.trim() || null,
-										evidenceFileId: W.evidence?.fileId ?? null
-									}), U(!1);
+									await z.mutateAsync({
+										speciesId: I,
+										method: U.method,
+										count: U.count ? Number(U.count) : 1,
+										observedAt: new Date(U.observedAt).toISOString(),
+										siteId: U.siteId || null,
+										notes: U.notes.trim() || null,
+										evidenceFileId: U.evidence?.fileId ?? null
+									}), H(!1);
 								} catch (e) {
-									X(e instanceof Error ? e.message : "Failed to record observation.");
+									Y(e instanceof Error ? e.message : "Failed to record observation.");
 								}
 							}
 						},
-						disabled: B.isPending,
-						children: B.isPending ? "Recording…" : "Record"
+						disabled: z.isPending,
+						children: z.isPending ? "Recording…" : "Record"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ p(y, {
-				open: _e,
-				onOpenChange: K,
-				children: /* @__PURE__ */ m(b, { children: [
-					/* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(w, { children: "Edit species" }), /* @__PURE__ */ p(x, { children: "Update naming, classification and priority for this species." })] }),
-					/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ m(b, {
+				open: be,
+				onOpenChange: G,
+				children: /* @__PURE__ */ h(x, { children: [
+					/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(T, { children: "Edit species" }), /* @__PURE__ */ m(S, { children: "Update naming, classification and priority for this species." })] }),
+					/* @__PURE__ */ h("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "editCommon",
 										children: "Common name *"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ m(v, {
 										id: "editCommon",
-										value: q.commonName,
-										onChange: (e) => J({
-											...q,
+										value: K.commonName,
+										onChange: (e) => q({
+											...K,
 											commonName: e.target.value
 										}),
 										placeholder: "Indian Pangolin"
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "editScientific",
 										children: "Scientific name"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ m(v, {
 										id: "editScientific",
-										value: q.scientificName,
-										onChange: (e) => J({
-											...q,
+										value: K.scientificName,
+										onChange: (e) => q({
+											...K,
 											scientificName: e.target.value
 										}),
 										placeholder: "Manis crassicaudata"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "editTaxon",
 										children: "Taxon group"
-									}), /* @__PURE__ */ m(T, {
-										value: q.taxonGroup,
-										onValueChange: (e) => J({
-											...q,
+									}), /* @__PURE__ */ h(E, {
+										value: K.taxonGroup,
+										onValueChange: (e) => q({
+											...K,
 											taxonGroup: e
 										}),
-										children: [/* @__PURE__ */ p(O, {
+										children: [/* @__PURE__ */ m(k, {
 											id: "editTaxon",
-											children: /* @__PURE__ */ p(k, {})
-										}), /* @__PURE__ */ p(E, { children: M.map((e) => /* @__PURE__ */ p(D, {
+											children: /* @__PURE__ */ m(A, {})
+										}), /* @__PURE__ */ m(D, { children: N.map((e) => /* @__PURE__ */ m(O, {
 											value: e,
-											children: r(e)
+											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "editConservation",
 										children: "Conservation status"
-									}), /* @__PURE__ */ m(T, {
-										value: q.conservationStatus,
-										onValueChange: (e) => J({
-											...q,
+									}), /* @__PURE__ */ h(E, {
+										value: K.conservationStatus,
+										onValueChange: (e) => q({
+											...K,
 											conservationStatus: e
 										}),
-										children: [/* @__PURE__ */ p(O, {
+										children: [/* @__PURE__ */ m(k, {
 											id: "editConservation",
-											children: /* @__PURE__ */ p(k, {})
-										}), /* @__PURE__ */ p(E, { children: N.map((e) => /* @__PURE__ */ p(D, {
+											children: /* @__PURE__ */ m(A, {})
+										}), /* @__PURE__ */ m(D, { children: P.map((e) => /* @__PURE__ */ m(O, {
 											value: e,
-											children: r(e)
+											children: n(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "flex items-center gap-2 text-sm text-text-primary",
-								children: [/* @__PURE__ */ p("input", {
+								children: [/* @__PURE__ */ m("input", {
 									type: "checkbox",
-									checked: q.isPriority,
-									onChange: (e) => J({
-										...q,
+									checked: K.isPriority,
+									onChange: (e) => q({
+										...K,
 										isPriority: e.target.checked
 									}),
 									className: "h-4 w-4 rounded border-border-seam accent-action-primary-bg"
 								}), "Mark as priority species"]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ m(y, {
 									htmlFor: "editDescription",
 									children: "Description"
-								}), /* @__PURE__ */ p(A, {
+								}), /* @__PURE__ */ m(j, {
 									id: "editDescription",
-									value: q.description,
-									onChange: (e) => J({
-										...q,
+									value: K.description,
+									onChange: (e) => q({
+										...K,
 										description: e.target.value
 									}),
 									placeholder: "Optional notes on habitat, range or identification.",
@@ -537,35 +553,35 @@ function F() {
 							})
 						]
 					}),
-					/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
+					/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(g, {
 						variant: "outline",
-						onClick: () => K(!1),
+						onClick: () => G(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ m(g, {
 						onClick: async () => {
-							if (!F || !q.commonName.trim()) {
-								X("Common name is required.");
+							if (!I || !K.commonName.trim()) {
+								Y("Common name is required.");
 								return;
 							}
-							X(null);
+							Y(null);
 							try {
-								await V.mutateAsync({
-									id: F,
+								await B.mutateAsync({
+									id: I,
 									input: {
-										commonName: q.commonName.trim(),
-										scientificName: q.scientificName.trim() || null,
-										taxonGroup: q.taxonGroup,
-										conservationStatus: q.conservationStatus,
-										isPriority: q.isPriority,
-										description: q.description.trim() || null
+										commonName: K.commonName.trim(),
+										scientificName: K.scientificName.trim() || null,
+										taxonGroup: K.taxonGroup,
+										conservationStatus: K.conservationStatus,
+										isPriority: K.isPriority,
+										description: K.description.trim() || null
 									}
-								}), K(!1);
+								}), G(!1);
 							} catch (e) {
-								X(e instanceof Error ? e.message : "Failed to update species.");
+								Y(e instanceof Error ? e.message : "Failed to update species.");
 							}
 						},
-						disabled: V.isPending,
-						children: V.isPending ? "Saving…" : "Save changes"
+						disabled: B.isPending,
+						children: B.isPending ? "Saving…" : "Save changes"
 					})] })
 				] })
 			})
@@ -573,6 +589,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as SpeciesDetailPage };
+export { I as SpeciesDetailPage };
 
 //# sourceMappingURL=SpeciesDetailPage.js.map