@burdenoff/microfe-ecoimpacthub 2026.819.4 → 2026.830.1

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

@@ -4,19 +4,20 @@ import { formatDate as n, formatDateTime as ee, formatEnumLabel as r, formatNumb
 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 ie, useEcoLogRestorationActivity as o, useEcoSites as ae, useEcoTransitionHabitatProject as oe } from "../../hooks/useEcoImpactHubApi.js";
+import { useEcoHabitatProject as o, useEcoLogRestorationActivity as s, useEcoSites as ie, useEcoTransitionHabitatProject as ae } from "../../hooks/useEcoImpactHubApi.js";
+import { useActiveEcoEntity as oe } from "../../hooks/useActiveEcoEntity.js";
 import "../../hooks/index.js";
 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 { EcoTags as c } from "../../components/EcoTags.js";
+import { ActivityTypeBadge as l, LifecycleBadge as u } from "../badges.js";
+import { LifecycleProgress as ce } from "./LifecycleProgress.js";
+import { useMemo as d, useState as f } from "react";
+import { ArrowLeft as le, ArrowRight as ue, Plus as p, Sprout as de } from "lucide-react";
 import { useParams as fe } from "react-router";
-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";
+import { 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/habitat/HabitatProjectDetailPage.tsx
-var j = {
+var M = {
 	PLANNED: [
 		"IN_PROGRESS",
 		"ON_HOLD",
@@ -32,7 +33,7 @@ var j = {
 	ON_HOLD: ["IN_PROGRESS", "CANCELLED"],
 	COMPLETED: [],
 	CANCELLED: []
-}, M = [
+}, N = [
 	"PLANTING",
 	"INVASIVE_REMOVAL",
 	"REWILDING",
@@ -40,48 +41,50 @@ var j = {
 	"SOIL_REMEDIATION",
 	"COMMUNITY_ENGAGEMENT",
 	"SURVEY"
-], N = () => {
+], P = () => {
 	let e = /* @__PURE__ */ new Date();
 	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
-}, P = () => ({
+}, F = () => ({
 	type: "PLANTING",
 	summary: "",
 	details: "",
 	quantity: "",
 	unit: "",
-	performedAt: N()
+	performedAt: P()
 });
-function F({ label: e, children: t }) {
-	return /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+function I({ label: e, children: t }) {
+	return /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
 		className: "text-xs text-text-tertiary",
 		children: e
-	}), /* @__PURE__ */ p("dd", {
+	}), /* @__PURE__ */ m("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: {
+function L() {
+	let { id: P } = fe(), { navigateTo: L } = e(), { data: R, isLoading: z, isError: B, refetch: V } = o(P);
+	oe(R?.id, R?.name);
+	let pe = ie({ 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, {
+	} }), H = ae(), U = s(), [me, W] = f(!1), [G, K] = f(F), [q, J] = f(null), Y = R?.siteId ?? null, X = pe.data?.items, Z = d(() => Y ? X?.find((e) => e.id === Y)?.name ?? null : null, [Y, X]);
+	if (z) return /* @__PURE__ */ m(t, {
 		title: "Habitat project",
-		children: /* @__PURE__ */ p(ne, {})
+		children: /* @__PURE__ */ m(ne, {})
 	});
-	if (z || !L) return /* @__PURE__ */ p(t, {
+	if (B || !R) return /* @__PURE__ */ m(t, {
 		title: "Habitat project",
-		children: /* @__PURE__ */ p(te, {
+		children: /* @__PURE__ */ m(te, {
 			message: "This project could not be loaded.",
-			onRetry: () => B()
+			onRetry: () => V()
 		})
 	});
-	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) {
+	let Q = R.activities ?? [], $ = M[R.status], he = [Z, [n(R.startDate), n(R.endDate)].join(" – ")].filter((e) => e && e !== "— – —").join(" · "), ge = async (e) => {
+		if (P) {
 			J(null);
 			try {
 				await H.mutateAsync({
-					id: N,
+					id: P,
 					status: e
 				});
 			} catch (e) {
@@ -89,160 +92,160 @@ function I() {
 			}
 		}
 	};
-	return /* @__PURE__ */ m(t, {
-		title: /* @__PURE__ */ m("span", {
+	return /* @__PURE__ */ h(t, {
+		title: /* @__PURE__ */ h("span", {
 			className: "flex flex-wrap items-center gap-x-3 gap-y-2",
-			children: [/* @__PURE__ */ p("span", {
+			children: [/* @__PURE__ */ m("span", {
 				className: "text-text-primary",
-				children: L.name
-			}), /* @__PURE__ */ p(c, { status: L.status })]
+				children: R.name
+			}), /* @__PURE__ */ m(u, { status: R.status })]
 		}),
-		description: me || void 0,
-		actions: /* @__PURE__ */ m(h, {
+		description: he || void 0,
+		actions: /* @__PURE__ */ h(g, {
 			variant: "ghost",
-			onClick: () => I("habitat"),
-			children: [/* @__PURE__ */ p(ue, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			onClick: () => L("habitat"),
+			children: [/* @__PURE__ */ m(le, { 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-4",
 				children: [
-					/* @__PURE__ */ m(g, {
+					/* @__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__ */ p(F, {
+									/* @__PURE__ */ m(I, {
 										label: "Status",
-										children: /* @__PURE__ */ p(c, { status: L.status })
+										children: /* @__PURE__ */ m(u, { status: R.status })
 									}),
-									/* @__PURE__ */ p(F, {
+									/* @__PURE__ */ m(I, {
 										label: "Target area",
-										children: /* @__PURE__ */ p("span", {
+										children: /* @__PURE__ */ m("span", {
 											className: "tabular-nums",
-											children: L.targetHectares == null ? "—" : `${i(L.targetHectares)} ha`
+											children: R.targetHectares == null ? "—" : `${i(R.targetHectares)} ha`
 										})
 									}),
-									/* @__PURE__ */ p(F, {
+									/* @__PURE__ */ m(I, {
 										label: "Budget",
-										children: /* @__PURE__ */ p("span", {
+										children: /* @__PURE__ */ m("span", {
 											className: "tabular-nums",
-											children: L.budgetAmount > 0 ? `${i(L.budgetAmount)} ${L.currency}` : "—"
+											children: R.budgetAmount > 0 ? `${i(R.budgetAmount)} ${R.currency}` : "—"
 										})
 									}),
-									/* @__PURE__ */ p(F, {
+									/* @__PURE__ */ m(I, {
 										label: "Start",
-										children: n(L.startDate)
+										children: n(R.startDate)
 									}),
-									/* @__PURE__ */ p(F, {
+									/* @__PURE__ */ m(I, {
 										label: "End",
-										children: n(L.endDate)
+										children: n(R.endDate)
 									}),
-									/* @__PURE__ */ p(F, {
-										label: L.completedAt ? "Completed" : "Site",
-										children: L.completedAt ? n(L.completedAt) : Z ?? "—"
+									/* @__PURE__ */ m(I, {
+										label: R.completedAt ? "Completed" : "Site",
+										children: R.completedAt ? n(R.completedAt) : Z ?? "—"
 									}),
-									L.completedAt && /* @__PURE__ */ p(F, {
+									R.completedAt && /* @__PURE__ */ m(I, {
 										label: "Site",
 										children: Z ?? "—"
 									})
 								]
 							}),
-							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(ce, {
+								children: /* @__PURE__ */ m(c, {
 									entityType: "ecoimpacthub-habitat",
-									entityId: L.id
+									entityId: R.id
 								})
 							})
 						]
 					}),
-					/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ h(_, {
 						treatment: "glass",
 						className: "flex flex-col p-6",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-tertiary",
 							children: "Lifecycle progress"
-						}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ m("div", {
 							className: "flex flex-1 items-center justify-center",
-							children: /* @__PURE__ */ p(le, { status: L.status })
+							children: /* @__PURE__ */ m(ce, { status: R.status })
 						})]
 					}),
-					/* @__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 font-medium uppercase tracking-wide text-text-tertiary",
 								children: "Advance project"
 							}),
-							$.length === 0 ? /* @__PURE__ */ m("p", {
+							$.length === 0 ? /* @__PURE__ */ h("p", {
 								className: "text-sm text-text-secondary",
 								children: [
 									"This project is ",
-									r(L.status).toLowerCase(),
+									r(R.status).toLowerCase(),
 									" — no further transitions."
 								]
-							}) : $.map((e) => /* @__PURE__ */ m(h, {
+							}) : $.map((e) => /* @__PURE__ */ h(g, {
 								variant: "outline",
-								onClick: () => he(e),
+								onClick: () => ge(e),
 								disabled: H.isPending,
 								className: "justify-between",
-								children: [r(e), /* @__PURE__ */ p(d, { className: "h-4 w-4 opacity-60" })]
+								children: [r(e), /* @__PURE__ */ m(ue, { className: "h-4 w-4 opacity-60" })]
 							}, e)),
-							/* @__PURE__ */ m(h, {
+							/* @__PURE__ */ h(g, {
 								className: "mt-auto",
 								onClick: () => W(!0),
-								children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
+								children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
 							})
 						]
 					})
 				]
 			}),
-			q && /* @__PURE__ */ p("p", {
+			q && /* @__PURE__ */ m("p", {
 				className: "mt-4 text-sm text-status-error-text",
 				children: q
 			}),
-			/* @__PURE__ */ p(re, {
+			/* @__PURE__ */ m(re, {
 				title: "Restoration activities",
 				description: "Work logged against this project — planting, removals, surveys & engagement.",
-				action: /* @__PURE__ */ m(h, {
+				action: /* @__PURE__ */ h(g, {
 					size: "sm",
 					onClick: () => W(!0),
-					children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
+					children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
 				}),
-				children: Q.length === 0 ? /* @__PURE__ */ p(a, {
+				children: Q.length === 0 ? /* @__PURE__ */ m(a, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ p(de, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ m(de, { className: "h-10 w-10" }),
 					title: "No activities yet",
 					description: "Log restoration work to build this project's field record.",
-					action: /* @__PURE__ */ m(h, {
+					action: /* @__PURE__ */ h(g, {
 						size: "sm",
 						onClick: () => W(!0),
-						children: [/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
+						children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Log activity"]
 					})
-				}) : /* @__PURE__ */ p(se, {
+				}) : /* @__PURE__ */ m(se, {
 					columns: [
 						{
 							key: "type",
 							header: "Type",
-							render: (e) => /* @__PURE__ */ p(s, { type: e.type })
+							render: (e) => /* @__PURE__ */ m(l, { type: e.type })
 						},
 						{
 							key: "summary",
 							header: "Summary",
-							render: (e) => /* @__PURE__ */ m("div", {
+							render: (e) => /* @__PURE__ */ h("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ p("p", {
+								children: [/* @__PURE__ */ m("p", {
 									className: "text-text-primary",
 									children: e.summary
-								}), e.details && /* @__PURE__ */ p("p", {
+								}), e.details && /* @__PURE__ */ m("p", {
 									className: "mt-0.5 max-w-md truncate text-xs text-text-tertiary",
 									children: e.details
 								})]
@@ -254,10 +257,10 @@ function I() {
 							align: "right",
 							hideOnMobile: !0,
 							sortValue: (e) => e.quantity ?? 0,
-							render: (e) => e.quantity == null ? /* @__PURE__ */ p("span", {
+							render: (e) => e.quantity == null ? /* @__PURE__ */ m("span", {
 								className: "text-text-tertiary",
 								children: "—"
-							}) : /* @__PURE__ */ m("span", {
+							}) : /* @__PURE__ */ h("span", {
 								className: "tabular-nums text-text-secondary",
 								children: [i(e.quantity), e.unit ? ` ${e.unit}` : ""]
 							})
@@ -268,7 +271,7 @@ function I() {
 							align: "right",
 							hideOnMobile: !0,
 							sortValue: (e) => e.performedAt,
-							render: (e) => /* @__PURE__ */ p("span", {
+							render: (e) => /* @__PURE__ */ m("span", {
 								className: "text-text-tertiary",
 								children: ee(e.performedAt)
 							})
@@ -282,45 +285,45 @@ function I() {
 					}
 				})
 			}),
-			/* @__PURE__ */ p(y, {
-				open: pe,
+			/* @__PURE__ */ m(b, {
+				open: me,
 				onOpenChange: W,
-				children: /* @__PURE__ */ m(b, { children: [
-					/* @__PURE__ */ m(C, { children: [/* @__PURE__ */ p(w, { children: "Log restoration activity" }), /* @__PURE__ */ m(x, { children: [
+				children: /* @__PURE__ */ h(x, { children: [
+					/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(T, { children: "Log restoration activity" }), /* @__PURE__ */ h(S, { children: [
 						"Record a piece of work performed for ",
-						L.name,
+						R.name,
 						"."
 					] })] }),
-					/* @__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: "actType",
 										children: "Type"
-									}), /* @__PURE__ */ m(T, {
+									}), /* @__PURE__ */ h(E, {
 										value: G.type,
 										onValueChange: (e) => K({
 											...G,
 											type: e
 										}),
-										children: [/* @__PURE__ */ p(O, {
+										children: [/* @__PURE__ */ m(k, {
 											id: "actType",
-											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)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "actPerformedAt",
 										children: "Performed at"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ m(v, {
 										id: "actPerformedAt",
 										type: "datetime-local",
 										value: G.performedAt,
@@ -331,12 +334,12 @@ function I() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ m(y, {
 									htmlFor: "actSummary",
 									children: "Summary *"
-								}), /* @__PURE__ */ p(_, {
+								}), /* @__PURE__ */ m(v, {
 									id: "actSummary",
 									value: G.summary,
 									onChange: (e) => K({
@@ -346,12 +349,12 @@ function I() {
 									placeholder: "Planted 500 mangrove saplings"
 								})]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ p(v, {
+								children: [/* @__PURE__ */ m(y, {
 									htmlFor: "actDetails",
 									children: "Details"
-								}), /* @__PURE__ */ p(A, {
+								}), /* @__PURE__ */ m(j, {
 									id: "actDetails",
 									value: G.details,
 									onChange: (e) => K({
@@ -362,14 +365,14 @@ function I() {
 									rows: 2
 								})]
 							}),
-							/* @__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: "actQuantity",
 										children: "Quantity"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ m(v, {
 										id: "actQuantity",
 										type: "number",
 										step: "any",
@@ -380,12 +383,12 @@ function I() {
 										}),
 										placeholder: "500"
 									})]
-								}), /* @__PURE__ */ m("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ p(v, {
+									children: [/* @__PURE__ */ m(y, {
 										htmlFor: "actUnit",
 										children: "Unit"
-									}), /* @__PURE__ */ p(_, {
+									}), /* @__PURE__ */ m(v, {
 										id: "actUnit",
 										value: G.unit,
 										onChange: (e) => K({
@@ -398,27 +401,27 @@ function I() {
 							})
 						]
 					}),
-					/* @__PURE__ */ m(S, { children: [/* @__PURE__ */ p(h, {
+					/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(g, {
 						variant: "outline",
 						onClick: () => W(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ m(g, {
 						onClick: async () => {
-							if (!N || !G.summary.trim()) {
+							if (!P || !G.summary.trim()) {
 								J("Activity summary is required.");
 								return;
 							}
 							J(null);
 							try {
 								await U.mutateAsync({
-									projectId: N,
+									projectId: P,
 									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());
+								}), W(!1), K(F());
 							} catch (e) {
 								J(e instanceof Error ? e.message : "Failed to log activity.");
 							}
@@ -432,6 +435,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as HabitatProjectDetailPage };
+export { L as HabitatProjectDetailPage };
 
 //# sourceMappingURL=HabitatProjectDetailPage.js.map