@burdenoff/microfe-ecoimpacthub 2026.704.2 → 2026.704.4

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

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