@burdenoff/microfe-ecoimpacthub 2026.704.3 → 2026.704.5

package/dist/ecoimpacthub/pages/habitat/HabitatProjectDetailPage.js

@@ -1,20 +1,22 @@
 import { useEcoImpactHub as e } from "../../context/EcoImpactHubContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatDate as n, formatDateTime as r, formatEnumLabel as i, formatNumber as a } from "../../utils/formatters.js";
-import { StatusBadge as o } from "../../components/StatusBadge.js";
-import { ErrorView as ee, LoadingView as s, Section as c } from "../../components/StateViews.js";
-import { EmptyState as l } from "../../components/EmptyState.js";
+import { formatDate as n, formatDateTime as ee, formatEnumLabel as r, formatNumber as i } from "../../utils/formatters.js";
+import { ErrorView as te, LoadingView as ne, Section as re } from "../../components/StateViews.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useEcoHabitatProject as u, useEcoLogRestorationActivity as d, useEcoTransitionHabitatProject as f } from "../../hooks/useEcoImpactHubApi.js";
+import { useEcoHabitatProject as ie, useEcoLogRestorationActivity as o, useEcoSites as ae, useEcoTransitionHabitatProject as oe } from "../../hooks/useEcoImpactHubApi.js";
 import "../../hooks/index.js";
-import { DataTable as te } from "../../components/DataTable.js";
-import { useState as p } from "react";
-import { ArrowLeft as m, Plus as h, Sprout as g } from "lucide-react";
-import { useParams as _ } from "react-router-dom";
-import { Fragment as ne, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, GlassCard as x, Input as S, Label as C, ResponsiveDialog as re, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as M, SelectValue as N, Textarea as P } from "@burdenoff/fe-libs/ui";
+import { DataTable as se } from "../../components/DataTable.js";
+import { EcoTags as ce } from "../../components/EcoTags.js";
+import { ActivityTypeBadge as s, LifecycleBadge as c } from "../badges.js";
+import { LifecycleProgress as le } from "./LifecycleProgress.js";
+import { useMemo as l, useState as u } from "react";
+import { ArrowLeft as ue, ArrowRight as d, Plus as f, Sprout as de } from "lucide-react";
+import { useParams as fe } from "react-router-dom";
+import { 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/habitat/HabitatProjectDetailPage.tsx
-var F = {
+var j = {
 	PLANNED: [
 		"IN_PROGRESS",
 		"ON_HOLD",
@@ -30,7 +32,7 @@ var F = {
 	ON_HOLD: ["IN_PROGRESS", "CANCELLED"],
 	COMPLETED: [],
 	CANCELLED: []
-}, I = [
+}, M = [
 	"PLANTING",
 	"INVASIVE_REMOVAL",
 	"REWILDING",
@@ -38,185 +40,212 @@ var F = {
 	"SOIL_REMEDIATION",
 	"COMMUNITY_ENGAGEMENT",
 	"SURVEY"
-], L = () => {
+], N = () => {
 	let e = /* @__PURE__ */ new Date();
 	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
-}, R = () => ({
+}, P = () => ({
 	type: "PLANTING",
 	summary: "",
 	details: "",
 	quantity: "",
 	unit: "",
-	performedAt: L()
+	performedAt: N()
 });
-function z() {
-	let { id: L } = _(), { navigateTo: z } = e(), { data: B, isLoading: V, isError: H, refetch: U } = u(L), W = f(), G = d(), [K, q] = p(!1), [J, Y] = p(R), [X, Z] = p(null);
-	if (V) return /* @__PURE__ */ v(t, {
+function F({ label: e, children: t }) {
+	return /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+		className: "text-xs text-text-tertiary",
+		children: e
+	}), /* @__PURE__ */ p("dd", {
+		className: "mt-1 text-sm text-text-primary",
+		children: t
+	})] });
+}
+function I() {
+	let { id: N } = fe(), { navigateTo: I } = e(), { data: L, isLoading: R, isError: z, refetch: B } = ie(N), V = ae({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), H = oe(), U = o(), [pe, W] = u(!1), [G, K] = u(P), [q, J] = u(null), Y = L?.siteId ?? null, X = V.data?.items, Z = l(() => Y ? X?.find((e) => e.id === Y)?.name ?? null : null, [Y, X]);
+	if (R) return /* @__PURE__ */ p(t, {
 		title: "Habitat project",
-		children: /* @__PURE__ */ v(s, {})
+		children: /* @__PURE__ */ p(ne, {})
 	});
-	if (H || !B) return /* @__PURE__ */ v(t, {
+	if (z || !L) return /* @__PURE__ */ p(t, {
 		title: "Habitat project",
-		children: /* @__PURE__ */ v(ee, {
+		children: /* @__PURE__ */ p(te, {
 			message: "This project could not be loaded.",
-			onRetry: () => U()
+			onRetry: () => B()
 		})
 	});
-	let Q = B.activities ?? [], $ = F[B.status], ie = async (e) => {
-		if (L) {
-			Z(null);
+	let Q = L.activities ?? [], $ = j[L.status], me = [Z, [n(L.startDate), n(L.endDate)].join(" – ")].filter((e) => e && e !== "— – —").join(" · "), he = async (e) => {
+		if (N) {
+			J(null);
 			try {
-				await W.mutateAsync({
-					id: L,
+				await H.mutateAsync({
+					id: N,
 					status: e
 				});
 			} catch (e) {
-				Z(e instanceof Error ? e.message : "Failed to update project status.");
+				J(e instanceof Error ? e.message : "Failed to update project status.");
 			}
 		}
 	};
-	return /* @__PURE__ */ y(t, {
-		title: B.name,
-		description: i(B.status),
-		actions: /* @__PURE__ */ y(ne, { children: [/* @__PURE__ */ v(o, { status: B.status }), /* @__PURE__ */ y(b, {
+	return /* @__PURE__ */ m(t, {
+		title: /* @__PURE__ */ m("span", {
+			className: "flex flex-wrap items-center gap-x-3 gap-y-2",
+			children: [/* @__PURE__ */ p("span", {
+				className: "text-text-primary",
+				children: L.name
+			}), /* @__PURE__ */ p(c, { status: L.status })]
+		}),
+		description: me || void 0,
+		actions: /* @__PURE__ */ m(h, {
 			variant: "ghost",
-			onClick: () => z("habitat"),
-			children: [/* @__PURE__ */ v(m, { className: "mr-1.5 h-4 w-4" }), " Back"]
-		})] }),
+			onClick: () => I("habitat"),
+			children: [/* @__PURE__ */ p(ue, { className: "mr-1.5 h-4 w-4" }), " Back"]
+		}),
 		children: [
-			/* @__PURE__ */ y("div", {
-				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ y(x, {
-					treatment: "glass",
-					className: "p-6 lg:col-span-2",
-					children: [/* @__PURE__ */ y("dl", {
-						className: "grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3",
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ m(g, {
+						treatment: "glass",
+						className: "p-6 lg:col-span-2",
 						children: [
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
-								className: "text-xs text-text-tertiary",
-								children: "Status"
-							}), /* @__PURE__ */ v("dd", {
-								className: "mt-1",
-								children: /* @__PURE__ */ v(o, { status: B.status })
-							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
-								className: "text-xs text-text-tertiary",
-								children: "Target area"
-							}), /* @__PURE__ */ v("dd", {
-								className: "mt-0.5 text-sm text-text-primary tabular-nums",
-								children: B.targetHectares == null ? "—" : `${a(B.targetHectares)} ha`
-							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
-								className: "text-xs text-text-tertiary",
-								children: "Budget"
-							}), /* @__PURE__ */ y("dd", {
-								className: "mt-0.5 text-sm text-text-primary tabular-nums",
+							/* @__PURE__ */ m("dl", {
+								className: "grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3",
 								children: [
-									a(B.budgetAmount),
-									" ",
-									B.currency
+									/* @__PURE__ */ p(F, {
+										label: "Status",
+										children: /* @__PURE__ */ p(c, { status: L.status })
+									}),
+									/* @__PURE__ */ p(F, {
+										label: "Target area",
+										children: /* @__PURE__ */ p("span", {
+											className: "tabular-nums",
+											children: L.targetHectares == null ? "—" : `${i(L.targetHectares)} ha`
+										})
+									}),
+									/* @__PURE__ */ p(F, {
+										label: "Budget",
+										children: /* @__PURE__ */ p("span", {
+											className: "tabular-nums",
+											children: L.budgetAmount > 0 ? `${i(L.budgetAmount)} ${L.currency}` : "—"
+										})
+									}),
+									/* @__PURE__ */ p(F, {
+										label: "Start",
+										children: n(L.startDate)
+									}),
+									/* @__PURE__ */ p(F, {
+										label: "End",
+										children: n(L.endDate)
+									}),
+									/* @__PURE__ */ p(F, {
+										label: L.completedAt ? "Completed" : "Site",
+										children: L.completedAt ? n(L.completedAt) : Z ?? "—"
+									}),
+									L.completedAt && /* @__PURE__ */ p(F, {
+										label: "Site",
+										children: Z ?? "—"
+									})
 								]
-							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
-								className: "text-xs text-text-tertiary",
-								children: "Start"
-							}), /* @__PURE__ */ v("dd", {
-								className: "mt-0.5 text-sm text-text-primary",
-								children: n(B.startDate)
-							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
-								className: "text-xs text-text-tertiary",
-								children: "End"
-							}), /* @__PURE__ */ v("dd", {
-								className: "mt-0.5 text-sm text-text-primary",
-								children: n(B.endDate)
-							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
-								className: "text-xs text-text-tertiary",
-								children: "Completed"
-							}), /* @__PURE__ */ v("dd", {
-								className: "mt-0.5 text-sm text-text-primary",
-								children: n(B.completedAt)
-							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
-								className: "text-xs text-text-tertiary",
-								children: "Site"
-							}), /* @__PURE__ */ v("dd", {
-								className: "mt-0.5 text-sm text-text-primary",
-								children: B.siteId ?? "—"
-							})] })
+							}),
+							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(ce, {
+									entityType: "ecoimpacthub-habitat",
+									entityId: L.id
+								})
+							})
 						]
-					}), B.description && /* @__PURE__ */ v("p", {
-						className: "mt-5 rounded-lg bg-bg-sunken/60 p-3 text-sm text-text-secondary",
-						children: B.description
-					})]
-				}), /* @__PURE__ */ y("div", {
-					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ y(x, {
+					}),
+					/* @__PURE__ */ m(g, {
 						treatment: "glass",
-						className: "flex flex-col gap-3 p-6",
-						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-text-tertiary",
-							children: "Quick actions"
-						}), /* @__PURE__ */ y(b, {
-							onClick: () => q(!0),
-							children: [/* @__PURE__ */ v(h, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
+						className: "flex flex-col p-6",
+						children: [/* @__PURE__ */ p("p", {
+							className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-tertiary",
+							children: "Lifecycle progress"
+						}), /* @__PURE__ */ p("div", {
+							className: "flex flex-1 items-center justify-center",
+							children: /* @__PURE__ */ p(le, { status: L.status })
 						})]
-					}), /* @__PURE__ */ y(x, {
+					}),
+					/* @__PURE__ */ m(g, {
 						treatment: "glass",
 						className: "flex flex-col gap-3 p-6",
-						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-text-tertiary",
-							children: "Advance project"
-						}), $.length === 0 ? /* @__PURE__ */ y("p", {
-							className: "text-sm text-text-secondary",
-							children: [
-								"This project is ",
-								i(B.status).toLowerCase(),
-								" — no further transitions."
-							]
-						}) : $.map((e) => /* @__PURE__ */ v(b, {
-							variant: "outline",
-							onClick: () => ie(e),
-							disabled: W.isPending,
-							children: i(e)
-						}, e))]
-					})]
-				})]
+						children: [
+							/* @__PURE__ */ p("p", {
+								className: "text-xs font-medium uppercase tracking-wide text-text-tertiary",
+								children: "Advance project"
+							}),
+							$.length === 0 ? /* @__PURE__ */ m("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"This project is ",
+									r(L.status).toLowerCase(),
+									" — no further transitions."
+								]
+							}) : $.map((e) => /* @__PURE__ */ m(h, {
+								variant: "outline",
+								onClick: () => he(e),
+								disabled: H.isPending,
+								className: "justify-between",
+								children: [r(e), /* @__PURE__ */ p(d, { className: "h-4 w-4 opacity-60" })]
+							}, e)),
+							/* @__PURE__ */ m(h, {
+								className: "mt-auto",
+								onClick: () => W(!0),
+								children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
+							})
+						]
+					})
+				]
 			}),
-			X && /* @__PURE__ */ v("p", {
+			q && /* @__PURE__ */ p("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: X
+				children: q
 			}),
-			/* @__PURE__ */ v(c, {
+			/* @__PURE__ */ p(re, {
 				title: "Restoration activities",
 				description: "Work logged against this project — planting, removals, surveys & engagement.",
-				action: /* @__PURE__ */ y(b, {
+				action: /* @__PURE__ */ m(h, {
 					size: "sm",
-					onClick: () => q(!0),
-					children: [/* @__PURE__ */ v(h, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
+					onClick: () => W(!0),
+					children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
 				}),
-				children: Q.length === 0 ? /* @__PURE__ */ v(l, {
+				children: Q.length === 0 ? /* @__PURE__ */ p(a, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ v(g, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ p(de, { className: "h-10 w-10" }),
 					title: "No activities yet",
-					description: "Log restoration work to build this project's field record."
-				}) : /* @__PURE__ */ v(te, {
+					description: "Log restoration work to build this project's field record.",
+					action: /* @__PURE__ */ m(h, {
+						size: "sm",
+						onClick: () => W(!0),
+						children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
+					})
+				}) : /* @__PURE__ */ p(se, {
 					columns: [
 						{
 							key: "type",
 							header: "Type",
-							render: (e) => /* @__PURE__ */ v("span", {
-								className: "font-medium text-text-primary",
-								children: i(e.type)
-							})
+							render: (e) => /* @__PURE__ */ p(s, { type: e.type })
 						},
 						{
 							key: "summary",
 							header: "Summary",
-							render: (e) => /* @__PURE__ */ v("span", {
-								className: "text-text-secondary",
-								children: e.summary
+							render: (e) => /* @__PURE__ */ m("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-text-primary",
+									children: e.summary
+								}), e.details && /* @__PURE__ */ p("p", {
+									className: "mt-0.5 max-w-md truncate text-xs text-text-tertiary",
+									children: e.details
+								})]
 							})
 						},
 						{
@@ -225,12 +254,12 @@ function z() {
 							align: "right",
 							hideOnMobile: !0,
 							sortValue: (e) => e.quantity ?? 0,
-							render: (e) => e.quantity == null ? /* @__PURE__ */ v("span", {
+							render: (e) => e.quantity == null ? /* @__PURE__ */ p("span", {
 								className: "text-text-tertiary",
 								children: "—"
-							}) : /* @__PURE__ */ y("span", {
+							}) : /* @__PURE__ */ m("span", {
 								className: "tabular-nums text-text-secondary",
-								children: [a(e.quantity), e.unit ? ` ${e.unit}` : ""]
+								children: [i(e.quantity), e.unit ? ` ${e.unit}` : ""]
 							})
 						},
 						{
@@ -238,124 +267,129 @@ function z() {
 							header: "Performed",
 							align: "right",
 							hideOnMobile: !0,
-							render: (e) => /* @__PURE__ */ v("span", {
+							sortValue: (e) => e.performedAt,
+							render: (e) => /* @__PURE__ */ p("span", {
 								className: "text-text-tertiary",
-								children: r(e.performedAt)
+								children: ee(e.performedAt)
 							})
 						}
 					],
 					rows: Q,
-					rowKey: (e) => e.id
+					rowKey: (e) => e.id,
+					defaultSort: {
+						key: "performedAt",
+						dir: "desc"
+					}
 				})
 			}),
-			/* @__PURE__ */ v(re, {
-				open: K,
-				onOpenChange: q,
-				children: /* @__PURE__ */ y(w, { children: [
-					/* @__PURE__ */ y(D, { children: [/* @__PURE__ */ v(O, { children: "Log restoration activity" }), /* @__PURE__ */ y(T, { children: [
+			/* @__PURE__ */ p(y, {
+				open: pe,
+				onOpenChange: W,
+				children: /* @__PURE__ */ m(b, { children: [
+					/* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(w, { children: "Log restoration activity" }), /* @__PURE__ */ m(x, { children: [
 						"Record a piece of work performed for ",
-						B.name,
+						L.name,
 						"."
 					] })] }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ m("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(C, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "actType",
 										children: "Type"
-									}), /* @__PURE__ */ y(k, {
-										value: J.type,
-										onValueChange: (e) => Y({
-											...J,
+									}), /* @__PURE__ */ m(T, {
+										value: G.type,
+										onValueChange: (e) => K({
+											...G,
 											type: e
 										}),
-										children: [/* @__PURE__ */ v(M, {
+										children: [/* @__PURE__ */ p(O, {
 											id: "actType",
-											children: /* @__PURE__ */ v(N, {})
-										}), /* @__PURE__ */ v(A, { children: I.map((e) => /* @__PURE__ */ v(j, {
+											children: /* @__PURE__ */ p(k, {})
+										}), /* @__PURE__ */ p(E, { children: M.map((e) => /* @__PURE__ */ p(D, {
 											value: e,
-											children: i(e)
+											children: r(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(C, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "actPerformedAt",
 										children: "Performed at"
-									}), /* @__PURE__ */ v(S, {
+									}), /* @__PURE__ */ p(_, {
 										id: "actPerformedAt",
 										type: "datetime-local",
-										value: J.performedAt,
-										onChange: (e) => Y({
-											...J,
+										value: G.performedAt,
+										onChange: (e) => K({
+											...G,
 											performedAt: e.target.value
 										})
 									})]
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ v(C, {
+								children: [/* @__PURE__ */ p(v, {
 									htmlFor: "actSummary",
 									children: "Summary *"
-								}), /* @__PURE__ */ v(S, {
+								}), /* @__PURE__ */ p(_, {
 									id: "actSummary",
-									value: J.summary,
-									onChange: (e) => Y({
-										...J,
+									value: G.summary,
+									onChange: (e) => K({
+										...G,
 										summary: e.target.value
 									}),
 									placeholder: "Planted 500 mangrove saplings"
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ v(C, {
+								children: [/* @__PURE__ */ p(v, {
 									htmlFor: "actDetails",
 									children: "Details"
-								}), /* @__PURE__ */ v(P, {
+								}), /* @__PURE__ */ p(A, {
 									id: "actDetails",
-									value: J.details,
-									onChange: (e) => Y({
-										...J,
+									value: G.details,
+									onChange: (e) => K({
+										...G,
 										details: e.target.value
 									}),
 									placeholder: "Optional notes about the work.",
 									rows: 2
 								})]
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(C, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "actQuantity",
 										children: "Quantity"
-									}), /* @__PURE__ */ v(S, {
+									}), /* @__PURE__ */ p(_, {
 										id: "actQuantity",
 										type: "number",
 										step: "any",
-										value: J.quantity,
-										onChange: (e) => Y({
-											...J,
+										value: G.quantity,
+										onChange: (e) => K({
+											...G,
 											quantity: e.target.value
 										}),
 										placeholder: "500"
 									})]
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ v(C, {
+									children: [/* @__PURE__ */ p(v, {
 										htmlFor: "actUnit",
 										children: "Unit"
-									}), /* @__PURE__ */ v(S, {
+									}), /* @__PURE__ */ p(_, {
 										id: "actUnit",
-										value: J.unit,
-										onChange: (e) => Y({
-											...J,
+										value: G.unit,
+										onChange: (e) => K({
+											...G,
 											unit: e.target.value
 										}),
 										placeholder: "saplings"
@@ -364,33 +398,33 @@ function z() {
 							})
 						]
 					}),
-					/* @__PURE__ */ y(E, { children: [/* @__PURE__ */ v(b, {
+					/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
 						variant: "outline",
-						onClick: () => q(!1),
+						onClick: () => W(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ v(b, {
+					}), /* @__PURE__ */ p(h, {
 						onClick: async () => {
-							if (!L || !J.summary.trim()) {
-								Z("Activity summary is required.");
+							if (!N || !G.summary.trim()) {
+								J("Activity summary is required.");
 								return;
 							}
-							Z(null);
+							J(null);
 							try {
-								await G.mutateAsync({
-									projectId: L,
-									type: J.type,
-									summary: J.summary.trim(),
-									details: J.details.trim() || null,
-									quantity: J.quantity ? Number(J.quantity) : null,
-									unit: J.unit.trim() || null,
-									performedAt: J.performedAt ? new Date(J.performedAt).toISOString() : (/* @__PURE__ */ new Date()).toISOString()
-								}), q(!1), Y(R());
+								await U.mutateAsync({
+									projectId: N,
+									type: G.type,
+									summary: G.summary.trim(),
+									details: G.details.trim() || null,
+									quantity: G.quantity ? Number(G.quantity) : null,
+									unit: G.unit.trim() || null,
+									performedAt: G.performedAt ? new Date(G.performedAt).toISOString() : (/* @__PURE__ */ new Date()).toISOString()
+								}), W(!1), K(P());
 							} catch (e) {
-								Z(e instanceof Error ? e.message : "Failed to log activity.");
+								J(e instanceof Error ? e.message : "Failed to log activity.");
 							}
 						},
-						disabled: G.isPending,
-						children: G.isPending ? "Logging…" : "Log activity"
+						disabled: U.isPending,
+						children: U.isPending ? "Logging…" : "Log activity"
 					})] })
 				] })
 			})
@@ -398,6 +432,6 @@ function z() {
 	});
 }
 //#endregion
-export { z as HabitatProjectDetailPage };
+export { I as HabitatProjectDetailPage };
 
 //# sourceMappingURL=HabitatProjectDetailPage.js.map