@burdenoff/microfe-ecoimpacthub 2026.704.4 → 2026.709.1

package/dist/ecoimpacthub/pages/sites/SiteDetailPage.js

@@ -1,21 +1,23 @@
 import { useEcoImpactHub as e } from "../../context/EcoImpactHubContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatCoords 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 { formatCoords as ee, formatDateTime as te, formatEnumLabel as n, formatNumber as r, formatRelativeTime as ne } from "../../utils/formatters.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { MiniBar as re } from "../../components/MiniBar.js";
+import { ErrorView as ie, LoadingView as ae, Section as a } from "../../components/StateViews.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
 import "../../context/index.js";
-import { useEcoArchiveSite as te, useEcoCreateSensor as ne, useEcoCreateThreshold as re, useEcoMeasurements as ie, useEcoRecordMeasurement as ae, useEcoSetSensorStatus as oe, useEcoSetThresholdActive as se, useEcoSite as ce } from "../../hooks/useEcoImpactHubApi.js";
+import { useEcoArchiveSite as oe, useEcoCreateSensor as se, useEcoCreateThreshold as ce, useEcoMeasurements as s, useEcoRecordMeasurement as le, useEcoSetSensorStatus as ue, useEcoSetThresholdActive as de, useEcoSite as fe } from "../../hooks/useEcoImpactHubApi.js";
 import "../../hooks/index.js";
-import { DataTable as u } from "../../components/DataTable.js";
-import { EcoTags as le } from "../../components/EcoTags.js";
-import { useState as d } from "react";
-import { Activity as ue, Archive as de, ArrowLeft as fe, Gauge as pe, Plus as f, Radio as p } from "lucide-react";
-import { useParams as me } from "react-router-dom";
-import { Fragment as he, 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 } from "@burdenoff/fe-libs/ui";
+import { DataTable as c } from "../../components/DataTable.js";
+import { EcoTags as pe } from "../../components/EcoTags.js";
+import { SiteTypeBadge as me } from "./siteTypeVisuals.js";
+import { useState as l } from "react";
+import { Activity as he, Archive as ge, ArrowLeft as _e, Gauge as ve, Plus as u, Radio as d, ShieldCheck as ye, Zap as be } from "lucide-react";
+import { useParams as xe } from "react-router-dom";
+import { Fragment as Se, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, GlassCard as h, Input as g, Label as _, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/sites/SiteDetailPage.tsx
-var ge = [
+var Ce = [
 	"AIR_QUALITY",
 	"WATER_QUALITY",
 	"WEATHER",
@@ -25,34 +27,41 @@ var ge = [
 	"ACOUSTIC",
 	"CAMERA_TRAP",
 	"MANUAL"
-], _e = [
+], we = [
 	"ONLINE",
 	"OFFLINE",
 	"DEGRADED",
 	"MAINTENANCE",
 	"RETIRED"
-], ve = [
+], Te = [
 	"ABOVE",
 	"BELOW",
 	"OUTSIDE_RANGE"
-], ye = [
+], Ee = [
 	"INFO",
 	"WARNING",
 	"CRITICAL"
 ];
-function j() {
-	let { id: j } = me(), { navigateTo: M } = e(), { data: N, isLoading: be, isError: xe, refetch: Se } = ce(j), P = ie({
-		siteId: j,
+function k() {
+	let { id: k } = xe(), { navigateTo: A } = e(), { data: j, isLoading: De, isError: Oe, refetch: ke } = fe(k), M = s({
+		siteId: k,
 		pagination: {
 			limit: 10,
 			offset: 0
 		}
-	}), F = ne(), I = oe(), L = re(), Ce = se(), R = ae(), z = te(), [we, B] = d(!1), [V, H] = d({
+	}), Ae = s({
+		siteId: k,
+		breachesOnly: !0,
+		pagination: {
+			limit: 1,
+			offset: 0
+		}
+	}), N = se(), je = ue(), P = ce(), Me = de(), F = le(), I = oe(), [Ne, L] = l(!1), [R, z] = l({
 		name: "",
 		kind: "AIR_QUALITY",
 		unit: "",
 		hardwareId: ""
-	}), [Te, U] = d(!1), [W, G] = d({
+	}), [Pe, B] = l(!1), [V, H] = l({
 		parameter: "",
 		unit: "",
 		direction: "ABOVE",
@@ -60,173 +69,272 @@ function j() {
 		limitValue: "",
 		minValue: "",
 		maxValue: ""
-	}), [Ee, K] = d(!1), [q, J] = d({
+	}), [Fe, U] = l(!1), [W, G] = l({
 		parameter: "",
 		value: "",
 		unit: "",
 		sensorId: ""
-	}), [Y, X] = d(null);
-	if (be) return /* @__PURE__ */ m(t, {
+	}), [K, q] = l(null);
+	if (De) return /* @__PURE__ */ f(t, {
 		title: "Site",
-		children: /* @__PURE__ */ m(s, {})
+		children: /* @__PURE__ */ f(ae, {})
 	});
-	if (xe || !N) return /* @__PURE__ */ m(t, {
+	if (Oe || !j) return /* @__PURE__ */ f(t, {
 		title: "Site",
-		children: /* @__PURE__ */ m(ee, {
+		children: /* @__PURE__ */ f(ie, {
 			message: "This site could not be loaded.",
-			onRetry: () => Se()
+			onRetry: () => ke()
 		})
 	});
-	let Z = N.sensors ?? [], Q = N.thresholds ?? [], $ = P.data?.items ?? [];
-	return /* @__PURE__ */ h(t, {
-		title: N.name,
-		description: [N.code, i(N.type)].filter(Boolean).join(" · "),
-		actions: /* @__PURE__ */ h(he, { children: [/* @__PURE__ */ m(o, { status: N.status }), /* @__PURE__ */ h(g, {
+	let J = j.sensors ?? [], Y = j.thresholds ?? [], X = M.data?.items ?? [], Z = J.filter((e) => e.status === "ONLINE").length, Q = J.filter((e) => [
+		"OFFLINE",
+		"DEGRADED",
+		"MAINTENANCE"
+	].includes(e.status)).length, Ie = Y.filter((e) => e.isActive).length, $ = Ae.data?.items?.[0] ?? null;
+	return /* @__PURE__ */ p(t, {
+		title: j.name,
+		description: [j.code, n(j.type)].filter(Boolean).join(" · "),
+		actions: /* @__PURE__ */ p(Se, { children: [/* @__PURE__ */ f(i, { status: j.status }), /* @__PURE__ */ p(m, {
 			variant: "ghost",
-			onClick: () => M("sites"),
-			children: [/* @__PURE__ */ m(fe, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			onClick: () => A("sites"),
+			children: [/* @__PURE__ */ f(_e, { className: "mr-1.5 h-4 w-4" }), " Back"]
 		})] }),
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ h(_, {
+				children: [/* @__PURE__ */ p(h, {
 					treatment: "glass",
 					className: "p-6 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ h("dl", {
+						/* @__PURE__ */ p("dl", {
 							className: "grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3",
 							children: [
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Type"
-								}), /* @__PURE__ */ m("dd", {
-									className: "mt-0.5 text-sm text-text-primary",
-									children: i(N.type)
+								}), /* @__PURE__ */ f("dd", {
+									className: "mt-1",
+									children: /* @__PURE__ */ f(me, { type: j.type })
 								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Region"
-								}), /* @__PURE__ */ m("dd", {
+								}), /* @__PURE__ */ f("dd", {
 									className: "mt-0.5 text-sm text-text-primary",
-									children: [N.region, N.country].filter(Boolean).join(", ") || "—"
+									children: [j.region, j.country].filter(Boolean).join(", ") || "—"
 								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Area"
-								}), /* @__PURE__ */ m("dd", {
+								}), /* @__PURE__ */ f("dd", {
 									className: "mt-0.5 text-sm text-text-primary tabular-nums",
-									children: N.areaHectares == null ? "—" : `${a(N.areaHectares)} ha`
+									children: j.areaHectares == null ? "—" : `${r(j.areaHectares)} ha`
 								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Coordinates"
-								}), /* @__PURE__ */ m("dd", {
+								}), /* @__PURE__ */ f("dd", {
 									className: "mt-0.5 text-sm text-text-primary tabular-nums",
-									children: n(N.latitude, N.longitude)
+									children: ee(j.latitude, j.longitude)
 								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Sensors"
-								}), /* @__PURE__ */ m("dd", {
+								}), /* @__PURE__ */ f("dd", {
 									className: "mt-0.5 text-sm text-text-primary tabular-nums",
-									children: Z.length
+									children: J.length
 								})] }),
-								/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 									className: "text-xs text-text-tertiary",
 									children: "Thresholds"
-								}), /* @__PURE__ */ m("dd", {
+								}), /* @__PURE__ */ f("dd", {
 									className: "mt-0.5 text-sm text-text-primary tabular-nums",
-									children: Q.length
+									children: Y.length
 								})] })
 							]
 						}),
-						N.description && /* @__PURE__ */ m("p", {
+						j.description && /* @__PURE__ */ f("p", {
 							className: "mt-5 rounded-lg bg-bg-sunken/60 p-3 text-sm text-text-secondary",
-							children: N.description
+							children: j.description
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ f("div", {
 							className: "mt-5 border-t border-border-seam pt-4",
-							children: /* @__PURE__ */ m(le, {
+							children: /* @__PURE__ */ f(pe, {
 								entityType: "ecoimpacthub-site",
-								entityId: N.id
+								entityId: j.id
 							})
 						})
 					]
-				}), /* @__PURE__ */ h(_, {
-					treatment: "glass",
-					className: "flex flex-col gap-3 p-6",
-					children: [
-						/* @__PURE__ */ m("p", {
-							className: "text-xs text-text-tertiary",
-							children: "Quick actions"
-						}),
-						/* @__PURE__ */ h(g, {
-							onClick: () => K(!0),
-							children: [/* @__PURE__ */ m(ue, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
-						}),
-						/* @__PURE__ */ h(g, {
-							variant: "outline",
-							onClick: () => B(!0),
-							children: [/* @__PURE__ */ m(p, { className: "mr-1.5 h-4 w-4" }), " Add sensor"]
-						}),
-						/* @__PURE__ */ h(g, {
-							variant: "outline",
-							onClick: () => U(!0),
-							children: [/* @__PURE__ */ m(pe, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
-						}),
-						N.status !== "ARCHIVED" && /* @__PURE__ */ h(g, {
-							variant: "ghost",
-							onClick: async () => {
-								if (j) {
-									X(null);
-									try {
-										await z.mutateAsync(j), M("sites");
-									} catch (e) {
-										X(e instanceof Error ? e.message : "Failed to archive site.");
-									}
-								}
-							},
-							disabled: z.isPending,
-							className: "text-status-error-text hover:text-status-error-text",
-							children: [/* @__PURE__ */ m(de, { className: "mr-1.5 h-4 w-4" }), " Archive site"]
-						})
-					]
+				}), /* @__PURE__ */ p("div", {
+					className: "flex flex-col gap-4",
+					children: [/* @__PURE__ */ p(h, {
+						treatment: "glass",
+						className: "p-6",
+						children: [/* @__PURE__ */ p("div", {
+							className: "mb-3 flex items-center gap-2",
+							children: [/* @__PURE__ */ f(be, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ f("h2", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Quick actions"
+							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "flex flex-col gap-2.5",
+							children: [
+								/* @__PURE__ */ p(m, {
+									onClick: () => U(!0),
+									children: [/* @__PURE__ */ f(he, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
+								}),
+								/* @__PURE__ */ p(m, {
+									variant: "outline",
+									onClick: () => L(!0),
+									children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " Add sensor"]
+								}),
+								/* @__PURE__ */ p(m, {
+									variant: "outline",
+									onClick: () => B(!0),
+									children: [/* @__PURE__ */ f(ve, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
+								}),
+								j.status !== "ARCHIVED" && /* @__PURE__ */ p(m, {
+									variant: "ghost",
+									onClick: async () => {
+										if (k) {
+											q(null);
+											try {
+												await I.mutateAsync(k), A("sites");
+											} catch (e) {
+												q(e instanceof Error ? e.message : "Failed to archive site.");
+											}
+										}
+									},
+									disabled: I.isPending,
+									className: "text-status-error-text hover:text-status-error-text",
+									children: [/* @__PURE__ */ f(ge, { className: "mr-1.5 h-4 w-4" }), " Archive site"]
+								})
+							]
+						})]
+					}), /* @__PURE__ */ p(h, {
+						treatment: "glass",
+						className: "p-6",
+						children: [
+							/* @__PURE__ */ p("div", {
+								className: "mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ f("h2", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Monitoring summary"
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "grid grid-cols-2 gap-3",
+								children: [/* @__PURE__ */ p("div", {
+									className: "rounded-xl bg-bg-sunken/60 p-3",
+									children: [
+										/* @__PURE__ */ p("p", {
+											className: "text-2xl font-semibold text-text-primary tabular-nums",
+											children: [Z, /* @__PURE__ */ p("span", {
+												className: "text-base text-text-tertiary",
+												children: ["/", J.length]
+											})]
+										}),
+										/* @__PURE__ */ f("p", {
+											className: "mt-0.5 text-xs text-text-secondary",
+											children: "Sensors online"
+										}),
+										/* @__PURE__ */ f(re, {
+											className: "mt-2",
+											value: J.length ? Z / J.length * 100 : 0,
+											barClassName: "bg-[var(--color-status-success-text)]"
+										})
+									]
+								}), /* @__PURE__ */ p("div", {
+									className: "rounded-xl bg-bg-sunken/60 p-3",
+									children: [
+										/* @__PURE__ */ p("p", {
+											className: "text-2xl font-semibold text-text-primary tabular-nums",
+											children: [Ie, /* @__PURE__ */ p("span", {
+												className: "text-base text-text-tertiary",
+												children: ["/", Y.length]
+											})]
+										}),
+										/* @__PURE__ */ f("p", {
+											className: "mt-0.5 text-xs text-text-secondary",
+											children: "Active thresholds"
+										}),
+										/* @__PURE__ */ f("p", {
+											className: Q > 0 ? "mt-2 text-xs text-status-warning-text" : "mt-2 text-xs text-text-tertiary",
+											children: Q > 0 ? `${Q} sensor${Q > 1 ? "s" : ""} need attention` : "All sensors healthy"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "mt-4 border-t border-border-seam pt-4",
+								children: [/* @__PURE__ */ f("p", {
+									className: "mb-2 text-xs text-text-tertiary",
+									children: "Latest breach"
+								}), $ ? /* @__PURE__ */ p("div", {
+									className: "flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ p("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ f("p", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: $.parameter
+										}), /* @__PURE__ */ p("p", {
+											className: "text-xs text-text-tertiary tabular-nums",
+											children: [
+												r($.value),
+												" ",
+												$.unit,
+												" ·",
+												" ",
+												ne($.recordedAt)
+											]
+										})]
+									}), /* @__PURE__ */ f(i, {
+										status: "BREACH",
+										className: "shrink-0 uppercase"
+									})]
+								}) : /* @__PURE__ */ p("div", {
+									className: "flex items-center gap-2 text-sm text-text-secondary",
+									children: [/* @__PURE__ */ f(ye, { className: "h-4 w-4 shrink-0 text-status-success-text" }), "No breaches recorded"]
+								})]
+							})
+						]
+					})]
 				})]
 			}),
-			Y && /* @__PURE__ */ m("p", {
+			K && /* @__PURE__ */ f("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: Y
+				children: K
 			}),
-			/* @__PURE__ */ m(c, {
+			/* @__PURE__ */ f(a, {
 				title: "Sensors",
 				description: "Instruments streaming or recording readings for this site.",
-				action: /* @__PURE__ */ h(g, {
+				action: /* @__PURE__ */ p(m, {
 					size: "sm",
-					onClick: () => B(!0),
-					children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Add sensor"]
+					onClick: () => L(!0),
+					children: [/* @__PURE__ */ f(u, { className: "mr-1.5 h-4 w-4" }), " Add sensor"]
 				}),
-				children: Z.length === 0 ? /* @__PURE__ */ m(l, {
+				children: J.length === 0 ? /* @__PURE__ */ f(o, {
 					illustration: "empty-data",
 					title: "No sensors",
 					description: "Add a sensor to begin monitoring."
-				}) : /* @__PURE__ */ m(u, {
+				}) : /* @__PURE__ */ f(c, {
 					columns: [
 						{
 							key: "name",
 							header: "Sensor",
-							render: (e) => /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+							render: (e) => /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
 								className: "font-medium text-text-primary",
 								children: e.name
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "text-xs text-text-tertiary",
-								children: i(e.kind)
+								children: n(e.kind)
 							})] })
 						},
 						{
 							key: "unit",
 							header: "Unit",
 							hideOnMobile: !0,
-							render: (e) => /* @__PURE__ */ m("span", {
+							render: (e) => /* @__PURE__ */ f("span", {
 								className: "text-text-secondary",
 								children: e.unit ?? "—"
 							})
@@ -234,50 +342,50 @@ function j() {
 						{
 							key: "status",
 							header: "Status",
-							render: (e) => /* @__PURE__ */ m(o, { status: e.status })
+							render: (e) => /* @__PURE__ */ f(i, { status: e.status })
 						},
 						{
 							key: "action",
 							header: "",
 							align: "right",
-							render: (e) => /* @__PURE__ */ h(E, {
+							render: (e) => /* @__PURE__ */ p(w, {
 								value: e.status,
-								onValueChange: (t) => I.mutate({
+								onValueChange: (t) => je.mutate({
 									id: e.id,
 									status: t
 								}),
-								children: [/* @__PURE__ */ m(k, {
+								children: [/* @__PURE__ */ f(D, {
 									className: "h-8 w-36",
-									children: /* @__PURE__ */ m(A, {})
-								}), /* @__PURE__ */ m(D, { children: _e.map((e) => /* @__PURE__ */ m(O, {
+									children: /* @__PURE__ */ f(O, {})
+								}), /* @__PURE__ */ f(T, { children: we.map((e) => /* @__PURE__ */ f(E, {
 									value: e,
-									children: i(e)
+									children: n(e)
 								}, e)) })]
 							})
 						}
 					],
-					rows: Z,
+					rows: J,
 					rowKey: (e) => e.id
 				})
 			}),
-			/* @__PURE__ */ m(c, {
+			/* @__PURE__ */ f(a, {
 				title: "Alert thresholds",
 				description: "Rules that flag measurements as breaches when values drift out of range.",
-				action: /* @__PURE__ */ h(g, {
+				action: /* @__PURE__ */ p(m, {
 					size: "sm",
-					onClick: () => U(!0),
-					children: [/* @__PURE__ */ m(f, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
+					onClick: () => B(!0),
+					children: [/* @__PURE__ */ f(u, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
 				}),
-				children: Q.length === 0 ? /* @__PURE__ */ m(l, {
+				children: Y.length === 0 ? /* @__PURE__ */ f(o, {
 					illustration: "empty-data",
 					title: "No thresholds",
 					description: "Define a threshold to flag breaches."
-				}) : /* @__PURE__ */ m(u, {
+				}) : /* @__PURE__ */ f(c, {
 					columns: [
 						{
 							key: "parameter",
 							header: "Parameter",
-							render: (e) => /* @__PURE__ */ m("span", {
+							render: (e) => /* @__PURE__ */ f("span", {
 								className: "font-medium text-text-primary",
 								children: e.parameter
 							})
@@ -285,24 +393,24 @@ function j() {
 						{
 							key: "rule",
 							header: "Rule",
-							render: (e) => /* @__PURE__ */ m("span", {
+							render: (e) => /* @__PURE__ */ f("span", {
 								className: "text-text-secondary",
-								children: e.direction === "OUTSIDE_RANGE" ? `${a(e.minValue)}–${a(e.maxValue)} ${e.unit}` : `${i(e.direction)} ${a(e.limitValue)} ${e.unit}`
+								children: e.direction === "OUTSIDE_RANGE" ? `${r(e.minValue)}–${r(e.maxValue)} ${e.unit}` : `${n(e.direction)} ${r(e.limitValue)} ${e.unit}`
 							})
 						},
 						{
 							key: "severity",
 							header: "Severity",
-							render: (e) => /* @__PURE__ */ m(o, { status: e.severity })
+							render: (e) => /* @__PURE__ */ f(i, { status: e.severity })
 						},
 						{
 							key: "active",
 							header: "Active",
 							align: "right",
-							render: (e) => /* @__PURE__ */ m(g, {
+							render: (e) => /* @__PURE__ */ f(m, {
 								size: "sm",
 								variant: e.isActive ? "outline" : "ghost",
-								onClick: () => Ce.mutate({
+								onClick: () => Me.mutate({
 									id: e.id,
 									isActive: !e.isActive
 								}),
@@ -310,23 +418,23 @@ function j() {
 							})
 						}
 					],
-					rows: Q,
+					rows: Y,
 					rowKey: (e) => e.id
 				})
 			}),
-			/* @__PURE__ */ m(c, {
+			/* @__PURE__ */ f(a, {
 				title: "Recent measurements",
 				description: "The latest readings recorded at this site.",
-				children: $.length === 0 ? /* @__PURE__ */ m(l, {
+				children: X.length === 0 ? /* @__PURE__ */ f(o, {
 					illustration: "empty-data",
 					title: "No measurements yet",
 					description: "Record a measurement to see it here."
-				}) : /* @__PURE__ */ m(u, {
+				}) : /* @__PURE__ */ f(c, {
 					columns: [
 						{
 							key: "parameter",
 							header: "Parameter",
-							render: (e) => /* @__PURE__ */ m("span", {
+							render: (e) => /* @__PURE__ */ f("span", {
 								className: "font-medium text-text-primary",
 								children: e.parameter
 							})
@@ -335,10 +443,10 @@ function j() {
 							key: "value",
 							header: "Value",
 							align: "right",
-							render: (e) => /* @__PURE__ */ h("span", {
+							render: (e) => /* @__PURE__ */ p("span", {
 								className: "tabular-nums text-text-primary",
 								children: [
-									a(e.value),
+									r(e.value),
 									" ",
 									e.unit
 								]
@@ -348,105 +456,111 @@ function j() {
 							key: "source",
 							header: "Source",
 							hideOnMobile: !0,
-							render: (e) => /* @__PURE__ */ m("span", {
+							render: (e) => /* @__PURE__ */ f("span", {
 								className: "text-text-secondary",
-								children: i(e.source)
+								children: n(e.source)
 							})
 						},
 						{
 							key: "breach",
 							header: "Status",
-							render: (e) => e.isBreach ? /* @__PURE__ */ m(o, { status: "BREACH" }) : /* @__PURE__ */ m(o, { status: "OK" })
+							render: (e) => e.isBreach ? /* @__PURE__ */ f(i, {
+								status: "BREACH",
+								className: "uppercase"
+							}) : /* @__PURE__ */ f(i, {
+								status: "OK",
+								className: "uppercase"
+							})
 						},
 						{
 							key: "recorded",
 							header: "Recorded",
 							align: "right",
 							hideOnMobile: !0,
-							render: (e) => /* @__PURE__ */ m("span", {
+							render: (e) => /* @__PURE__ */ f("span", {
 								className: "text-text-tertiary",
-								children: r(e.recordedAt)
+								children: te(e.recordedAt)
 							})
 						}
 					],
-					rows: $,
+					rows: X,
 					rowKey: (e) => e.id
 				})
 			}),
-			/* @__PURE__ */ m(b, {
-				open: we,
-				onOpenChange: B,
-				children: /* @__PURE__ */ h(x, { children: [
-					/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(T, { children: "Add sensor" }), /* @__PURE__ */ h(S, { children: [
+			/* @__PURE__ */ f(v, {
+				open: Ne,
+				onOpenChange: L,
+				children: /* @__PURE__ */ p(y, { children: [
+					/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(C, { children: "Add sensor" }), /* @__PURE__ */ p(b, { children: [
 						"Register a sensor at ",
-						N.name,
+						j.name,
 						"."
 					] })] }),
-					/* @__PURE__ */ h("div", {
+					/* @__PURE__ */ p("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ m(y, {
+								children: [/* @__PURE__ */ f(_, {
 									htmlFor: "sensorName",
 									children: "Name *"
-								}), /* @__PURE__ */ m(v, {
+								}), /* @__PURE__ */ f(g, {
 									id: "sensorName",
-									value: V.name,
-									onChange: (e) => H({
-										...V,
+									value: R.name,
+									onChange: (e) => z({
+										...R,
 										name: e.target.value
 									}),
 									placeholder: "North gate PM2.5"
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "sensorKind",
 										children: "Kind"
-									}), /* @__PURE__ */ h(E, {
-										value: V.kind,
-										onValueChange: (e) => H({
-											...V,
+									}), /* @__PURE__ */ p(w, {
+										value: R.kind,
+										onValueChange: (e) => z({
+											...R,
 											kind: e
 										}),
-										children: [/* @__PURE__ */ m(k, {
+										children: [/* @__PURE__ */ f(D, {
 											id: "sensorKind",
-											children: /* @__PURE__ */ m(A, {})
-										}), /* @__PURE__ */ m(D, { children: ge.map((e) => /* @__PURE__ */ m(O, {
+											children: /* @__PURE__ */ f(O, {})
+										}), /* @__PURE__ */ f(T, { children: Ce.map((e) => /* @__PURE__ */ f(E, {
 											value: e,
-											children: i(e)
+											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "sensorUnit",
 										children: "Unit"
-									}), /* @__PURE__ */ m(v, {
+									}), /* @__PURE__ */ f(g, {
 										id: "sensorUnit",
-										value: V.unit,
-										onChange: (e) => H({
-											...V,
+										value: R.unit,
+										onChange: (e) => z({
+											...R,
 											unit: e.target.value
 										}),
 										placeholder: "µg/m³"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ m(y, {
+								children: [/* @__PURE__ */ f(_, {
 									htmlFor: "sensorHw",
 									children: "Hardware ID"
-								}), /* @__PURE__ */ m(v, {
+								}), /* @__PURE__ */ f(g, {
 									id: "sensorHw",
-									value: V.hardwareId,
-									onChange: (e) => H({
-										...V,
+									value: R.hardwareId,
+									onChange: (e) => z({
+										...R,
 										hardwareId: e.target.value
 									}),
 									placeholder: "Optional device identifier"
@@ -454,166 +568,166 @@ function j() {
 							})
 						]
 					}),
-					/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(m, {
 						variant: "outline",
-						onClick: () => B(!1),
+						onClick: () => L(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ m(g, {
+					}), /* @__PURE__ */ f(m, {
 						onClick: async () => {
-							if (!j || !V.name.trim()) {
-								X("Sensor name is required.");
+							if (!k || !R.name.trim()) {
+								q("Sensor name is required.");
 								return;
 							}
-							X(null);
+							q(null);
 							try {
-								await F.mutateAsync({
-									name: V.name.trim(),
-									siteId: j,
-									kind: V.kind,
-									unit: V.unit.trim() || null,
-									hardwareId: V.hardwareId.trim() || null
-								}), B(!1), H({
+								await N.mutateAsync({
+									name: R.name.trim(),
+									siteId: k,
+									kind: R.kind,
+									unit: R.unit.trim() || null,
+									hardwareId: R.hardwareId.trim() || null
+								}), L(!1), z({
 									name: "",
 									kind: "AIR_QUALITY",
 									unit: "",
 									hardwareId: ""
 								});
 							} catch (e) {
-								X(e instanceof Error ? e.message : "Failed to add sensor.");
+								q(e instanceof Error ? e.message : "Failed to add sensor.");
 							}
 						},
-						disabled: F.isPending,
-						children: F.isPending ? "Adding…" : "Add sensor"
+						disabled: N.isPending,
+						children: N.isPending ? "Adding…" : "Add sensor"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ m(b, {
-				open: Te,
-				onOpenChange: U,
-				children: /* @__PURE__ */ h(x, { children: [
-					/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(T, { children: "Add alert threshold" }), /* @__PURE__ */ m(S, { children: "Flag readings that drift out of an acceptable range." })] }),
-					/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ f(v, {
+				open: Pe,
+				onOpenChange: B,
+				children: /* @__PURE__ */ p(y, { children: [
+					/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(C, { children: "Add alert threshold" }), /* @__PURE__ */ f(b, { children: "Flag readings that drift out of an acceptable range." })] }),
+					/* @__PURE__ */ p("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "thParam",
 										children: "Parameter *"
-									}), /* @__PURE__ */ m(v, {
+									}), /* @__PURE__ */ f(g, {
 										id: "thParam",
-										value: W.parameter,
-										onChange: (e) => G({
-											...W,
+										value: V.parameter,
+										onChange: (e) => H({
+											...V,
 											parameter: e.target.value
 										}),
 										placeholder: "PM2.5"
 									})]
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "thUnit",
 										children: "Unit *"
-									}), /* @__PURE__ */ m(v, {
+									}), /* @__PURE__ */ f(g, {
 										id: "thUnit",
-										value: W.unit,
-										onChange: (e) => G({
-											...W,
+										value: V.unit,
+										onChange: (e) => H({
+											...V,
 											unit: e.target.value
 										}),
 										placeholder: "µg/m³"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "thDir",
 										children: "Direction"
-									}), /* @__PURE__ */ h(E, {
-										value: W.direction,
-										onValueChange: (e) => G({
-											...W,
+									}), /* @__PURE__ */ p(w, {
+										value: V.direction,
+										onValueChange: (e) => H({
+											...V,
 											direction: e
 										}),
-										children: [/* @__PURE__ */ m(k, {
+										children: [/* @__PURE__ */ f(D, {
 											id: "thDir",
-											children: /* @__PURE__ */ m(A, {})
-										}), /* @__PURE__ */ m(D, { children: ve.map((e) => /* @__PURE__ */ m(O, {
+											children: /* @__PURE__ */ f(O, {})
+										}), /* @__PURE__ */ f(T, { children: Te.map((e) => /* @__PURE__ */ f(E, {
 											value: e,
-											children: i(e)
+											children: n(e)
 										}, e)) })]
 									})]
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "thSev",
 										children: "Severity"
-									}), /* @__PURE__ */ h(E, {
-										value: W.severity,
-										onValueChange: (e) => G({
-											...W,
+									}), /* @__PURE__ */ p(w, {
+										value: V.severity,
+										onValueChange: (e) => H({
+											...V,
 											severity: e
 										}),
-										children: [/* @__PURE__ */ m(k, {
+										children: [/* @__PURE__ */ f(D, {
 											id: "thSev",
-											children: /* @__PURE__ */ m(A, {})
-										}), /* @__PURE__ */ m(D, { children: ye.map((e) => /* @__PURE__ */ m(O, {
+											children: /* @__PURE__ */ f(O, {})
+										}), /* @__PURE__ */ f(T, { children: Ee.map((e) => /* @__PURE__ */ f(E, {
 											value: e,
-											children: i(e)
+											children: n(e)
 										}, e)) })]
 									})]
 								})]
 							}),
-							W.direction === "OUTSIDE_RANGE" ? /* @__PURE__ */ h("div", {
+							V.direction === "OUTSIDE_RANGE" ? /* @__PURE__ */ p("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "thMin",
 										children: "Min value"
-									}), /* @__PURE__ */ m(v, {
+									}), /* @__PURE__ */ f(g, {
 										id: "thMin",
 										type: "number",
 										step: "any",
-										value: W.minValue,
-										onChange: (e) => G({
-											...W,
+										value: V.minValue,
+										onChange: (e) => H({
+											...V,
 											minValue: e.target.value
 										})
 									})]
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ p("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
+									children: [/* @__PURE__ */ f(_, {
 										htmlFor: "thMax",
 										children: "Max value"
-									}), /* @__PURE__ */ m(v, {
+									}), /* @__PURE__ */ f(g, {
 										id: "thMax",
 										type: "number",
 										step: "any",
-										value: W.maxValue,
-										onChange: (e) => G({
-											...W,
+										value: V.maxValue,
+										onChange: (e) => H({
+											...V,
 											maxValue: e.target.value
 										})
 									})]
 								})]
-							}) : /* @__PURE__ */ h("div", {
+							}) : /* @__PURE__ */ p("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ m(y, {
+								children: [/* @__PURE__ */ f(_, {
 									htmlFor: "thLimit",
 									children: "Limit value"
-								}), /* @__PURE__ */ m(v, {
+								}), /* @__PURE__ */ f(g, {
 									id: "thLimit",
 									type: "number",
 									step: "any",
-									value: W.limitValue,
-									onChange: (e) => G({
-										...W,
+									value: V.limitValue,
+									onChange: (e) => H({
+										...V,
 										limitValue: e.target.value
 									}),
 									placeholder: "35"
@@ -621,28 +735,28 @@ function j() {
 							})
 						]
 					}),
-					/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(m, {
 						variant: "outline",
-						onClick: () => U(!1),
+						onClick: () => B(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ m(g, {
+					}), /* @__PURE__ */ f(m, {
 						onClick: async () => {
-							if (!j || !W.parameter.trim() || !W.unit.trim()) {
-								X("Parameter and unit are required.");
+							if (!k || !V.parameter.trim() || !V.unit.trim()) {
+								q("Parameter and unit are required.");
 								return;
 							}
-							X(null);
+							q(null);
 							try {
-								await L.mutateAsync({
-									siteId: j,
-									parameter: W.parameter.trim(),
-									unit: W.unit.trim(),
-									direction: W.direction,
-									severity: W.severity,
-									limitValue: W.limitValue ? Number(W.limitValue) : null,
-									minValue: W.minValue ? Number(W.minValue) : null,
-									maxValue: W.maxValue ? Number(W.maxValue) : null
-								}), U(!1), G({
+								await P.mutateAsync({
+									siteId: k,
+									parameter: V.parameter.trim(),
+									unit: V.unit.trim(),
+									direction: V.direction,
+									severity: V.severity,
+									limitValue: V.limitValue ? Number(V.limitValue) : null,
+									minValue: V.minValue ? Number(V.minValue) : null,
+									maxValue: V.maxValue ? Number(V.maxValue) : null
+								}), B(!1), H({
 									parameter: "",
 									unit: "",
 									direction: "ABOVE",
@@ -652,125 +766,139 @@ function j() {
 									maxValue: ""
 								});
 							} catch (e) {
-								X(e instanceof Error ? e.message : "Failed to add threshold.");
+								q(e instanceof Error ? e.message : "Failed to add threshold.");
 							}
 						},
-						disabled: L.isPending,
-						children: L.isPending ? "Adding…" : "Add threshold"
+						disabled: P.isPending,
+						children: P.isPending ? "Adding…" : "Add threshold"
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ m(b, {
-				open: Ee,
-				onOpenChange: K,
-				children: /* @__PURE__ */ h(x, { children: [
-					/* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(T, { children: "Record measurement" }), /* @__PURE__ */ m(S, { children: "Log a reading. It is checked against active thresholds and flagged if it breaches." })] }),
-					/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ f(v, {
+				open: Fe,
+				onOpenChange: U,
+				children: /* @__PURE__ */ p(y, { children: [
+					/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(C, { children: "Record measurement" }), /* @__PURE__ */ f(b, { children: "Log a reading. It is checked against active thresholds and flagged if it breaches." })] }),
+					/* @__PURE__ */ p("div", {
 						className: "grid gap-4 py-2",
-						children: [/* @__PURE__ */ h("div", {
-							className: "grid gap-2 sm:grid-cols-3",
-							children: [
-								/* @__PURE__ */ h("div", {
-									className: "grid gap-1.5 sm:col-span-1",
-									children: [/* @__PURE__ */ m(y, {
-										htmlFor: "mParam",
-										children: "Parameter *"
-									}), /* @__PURE__ */ m(v, {
-										id: "mParam",
-										value: q.parameter,
-										onChange: (e) => J({
-											...q,
-											parameter: e.target.value
-										}),
-										placeholder: "PM2.5"
-									})]
-								}),
-								/* @__PURE__ */ h("div", {
-									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
-										htmlFor: "mValue",
-										children: "Value *"
-									}), /* @__PURE__ */ m(v, {
-										id: "mValue",
-										type: "number",
-										step: "any",
-										value: q.value,
-										onChange: (e) => J({
-											...q,
-											value: e.target.value
-										}),
-										placeholder: "42"
-									})]
-								}),
-								/* @__PURE__ */ h("div", {
-									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ m(y, {
-										htmlFor: "mUnit",
-										children: "Unit *"
-									}), /* @__PURE__ */ m(v, {
-										id: "mUnit",
-										value: q.unit,
-										onChange: (e) => J({
-											...q,
-											unit: e.target.value
+						children: [
+							/* @__PURE__ */ p("div", {
+								className: "grid gap-2 sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ p("div", {
+										className: "grid gap-1.5 sm:col-span-1",
+										children: [/* @__PURE__ */ f(_, {
+											htmlFor: "mParam",
+											children: "Parameter *"
+										}), /* @__PURE__ */ f(g, {
+											id: "mParam",
+											value: W.parameter,
+											onChange: (e) => G({
+												...W,
+												parameter: e.target.value
+											}),
+											placeholder: "PM2.5"
+										})]
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ f(_, {
+											htmlFor: "mValue",
+											children: "Value *"
+										}), /* @__PURE__ */ f(g, {
+											id: "mValue",
+											type: "number",
+											step: "any",
+											value: W.value,
+											onChange: (e) => G({
+												...W,
+												value: e.target.value
+											}),
+											placeholder: "42"
+										})]
+									}),
+									/* @__PURE__ */ p("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ f(_, {
+											htmlFor: "mUnit",
+											children: "Unit *"
+										}), /* @__PURE__ */ f(g, {
+											id: "mUnit",
+											value: W.unit,
+											onChange: (e) => G({
+												...W,
+												unit: e.target.value
+											}),
+											placeholder: "µg/m³"
+										})]
+									})
+								]
+							}),
+							J.length > 0 && /* @__PURE__ */ p("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ f(_, {
+										htmlFor: "mSensor",
+										children: "Sensor (optional)"
+									}),
+									/* @__PURE__ */ p(w, {
+										value: W.sensorId,
+										onValueChange: (e) => G({
+											...W,
+											sensorId: e
 										}),
-										placeholder: "µg/m³"
-									})]
-								})
-							]
-						}), Z.length > 0 && /* @__PURE__ */ h("div", {
-							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ m(y, {
-								htmlFor: "mSensor",
-								children: "Sensor (optional)"
-							}), /* @__PURE__ */ h(E, {
-								value: q.sensorId,
-								onValueChange: (e) => J({
-									...q,
-									sensorId: e
-								}),
-								children: [/* @__PURE__ */ m(k, {
-									id: "mSensor",
-									children: /* @__PURE__ */ m(A, { placeholder: "Manual entry" })
-								}), /* @__PURE__ */ m(D, { children: Z.map((e) => /* @__PURE__ */ m(O, {
-									value: e.id,
-									children: e.name
-								}, e.id)) })]
-							})]
-						})]
+										children: [/* @__PURE__ */ f(D, {
+											id: "mSensor",
+											children: /* @__PURE__ */ f(O, { placeholder: "Manual entry" })
+										}), /* @__PURE__ */ f(T, { children: J.map((e) => /* @__PURE__ */ f(E, {
+											value: e.id,
+											children: e.name
+										}, e.id)) })]
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "text-xs text-text-tertiary",
+										children: "Select a specific sensor for context, or leave blank for a site-level reading."
+									})
+								]
+							}),
+							K && /* @__PURE__ */ f("p", {
+								className: "text-sm text-status-error-text",
+								children: K
+							})
+						]
 					}),
-					/* @__PURE__ */ h(C, { children: [/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(m, {
 						variant: "outline",
-						onClick: () => K(!1),
+						onClick: () => U(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ m(g, {
+					}), /* @__PURE__ */ f(m, {
 						onClick: async () => {
-							if (!j || !q.parameter.trim() || !q.unit.trim() || !q.value) {
-								X("Parameter, value and unit are required.");
+							if (!k || !W.parameter.trim() || !W.unit.trim() || !W.value) {
+								q("Parameter, value and unit are required.");
 								return;
 							}
-							X(null);
+							q(null);
 							try {
-								await R.mutateAsync({
-									siteId: j,
-									parameter: q.parameter.trim(),
-									value: Number(q.value),
-									unit: q.unit.trim(),
+								await F.mutateAsync({
+									siteId: k,
+									parameter: W.parameter.trim(),
+									value: Number(W.value),
+									unit: W.unit.trim(),
 									recordedAt: (/* @__PURE__ */ new Date()).toISOString(),
-									sensorId: q.sensorId || null,
+									sensorId: W.sensorId || null,
 									source: "MANUAL"
-								}), K(!1), J({
+								}), U(!1), G({
 									parameter: "",
 									value: "",
 									unit: "",
 									sensorId: ""
-								}), P.refetch();
+								}), M.refetch();
 							} catch (e) {
-								X(e instanceof Error ? e.message : "Failed to record measurement.");
+								q(e instanceof Error ? e.message : "Failed to record measurement.");
 							}
 						},
-						disabled: R.isPending,
-						children: R.isPending ? "Recording…" : "Record"
+						disabled: F.isPending,
+						children: F.isPending ? "Recording…" : "Record"
 					})] })
 				] })
 			})
@@ -778,6 +906,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as SiteDetailPage };
+export { k as SiteDetailPage };
 
 //# sourceMappingURL=SiteDetailPage.js.map