@burdenoff/microfe-ecoimpacthub 2026.525.1 → 2026.704.2

package/dist/ecoimpacthub/pages/monitoring/MonitoringPage.js

@@ -0,0 +1,874 @@
+import { PageLayout as e } from "../../components/PageLayout.js";
+import { formatDateTime as t, formatEnumLabel as n, formatNumber as r } from "../../utils/formatters.js";
+import { StatusBadge as i } from "../../components/StatusBadge.js";
+import { ErrorView as a, LoadingView as ee } from "../../components/StateViews.js";
+import { EmptyState as te } from "../../components/EmptyState.js";
+import { useEcoCreateSensor as ne, useEcoCreateThreshold as re, useEcoMeasurements as ie, useEcoRecordMeasurement as ae, useEcoSensors as oe, useEcoSetSensorStatus as se, useEcoSetThresholdActive as ce, useEcoSites as le, useEcoThresholds as ue } from "../../hooks/useEcoImpactHubApi.js";
+import { useCursorPager as de } from "../../hooks/useCursorPager.js";
+import "../../hooks/index.js";
+import { DataTable as o } from "../../components/DataTable.js";
+import { Tabs as fe } from "../../components/Tabs.js";
+import { Pagination as pe } from "../../components/Pagination.js";
+import { FilterTabs as me } from "../../components/FilterTabs.js";
+import { useMemo as he, useState as s } from "react";
+import { Activity as ge, Gauge as _e, Plus as c, Radio as ve } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, Input as p, Label as m, ResponsiveDialog as h, ResponsiveDialogContent as g, ResponsiveDialogDescription as _, ResponsiveDialogFooter as v, ResponsiveDialogHeader as y, ResponsiveDialogTitle as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T } from "@burdenoff/fe-libs/ui";
+//#region src/ecoimpacthub/pages/monitoring/MonitoringPage.tsx
+var ye = [
+	"AIR_QUALITY",
+	"WATER_QUALITY",
+	"WEATHER",
+	"SOIL",
+	"ENERGY_METER",
+	"FLOW",
+	"ACOUSTIC",
+	"CAMERA_TRAP",
+	"MANUAL"
+], be = [
+	"ONLINE",
+	"OFFLINE",
+	"DEGRADED",
+	"MAINTENANCE",
+	"RETIRED"
+], xe = [
+	"ABOVE",
+	"BELOW",
+	"OUTSIDE_RANGE"
+], Se = [
+	"INFO",
+	"WARNING",
+	"CRITICAL"
+], Ce = [{
+	value: "ALL",
+	label: "All"
+}, {
+	value: "BREACHES",
+	label: "Breaches only"
+}], E = "ALL", we = 25;
+function D() {
+	let [D, Te] = s("measurements"), Ee = le({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), O = he(() => Ee.data?.items ?? [], [Ee.data]), De = he(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of O) e.set(t.id, t.name);
+		return e;
+	}, [O]), k = (e) => e ? De.get(e) ?? "—" : "—", [A, Oe] = s(E), [j, ke] = s("ALL"), M = de(), N = ie({
+		siteId: A === E ? void 0 : A,
+		breachesOnly: j === "BREACHES" ? !0 : void 0,
+		pagination: {
+			limit: we,
+			cursor: M.cursor
+		}
+	}), P = ae(), [Ae, F] = s(!1), [I, L] = s({
+		siteId: "",
+		parameter: "",
+		value: "",
+		unit: "",
+		sensorId: ""
+	}), je = oe({ siteId: I.siteId || void 0 }).data ?? [], [R, Me] = s(E), [z, Ne] = s(E), B = oe({
+		siteId: R === E ? void 0 : R,
+		status: z === E ? void 0 : z
+	}), Pe = B.data ?? [], V = ne(), Fe = se(), [Ie, H] = s(!1), [U, W] = s({
+		siteId: "",
+		name: "",
+		kind: "AIR_QUALITY",
+		unit: ""
+	}), [G, Le] = s(E), K = ue(G === E ? void 0 : G), Re = K.data ?? [], q = re(), ze = ce(), [Be, J] = s(!1), [Y, X] = s({
+		siteId: "",
+		parameter: "",
+		unit: "",
+		direction: "ABOVE",
+		severity: "WARNING",
+		limitValue: "",
+		minValue: "",
+		maxValue: ""
+	}), [Z, Q] = s(null), Ve = [
+		{
+			value: "measurements",
+			label: "Measurements",
+			icon: /* @__PURE__ */ u(ge, { className: "h-4 w-4" })
+		},
+		{
+			value: "sensors",
+			label: "Sensors",
+			icon: /* @__PURE__ */ u(ve, { className: "h-4 w-4" }),
+			count: B.data?.length
+		},
+		{
+			value: "thresholds",
+			label: "Thresholds",
+			icon: /* @__PURE__ */ u(_e, { className: "h-4 w-4" }),
+			count: K.data?.length
+		}
+	], He = async () => {
+		if (!I.siteId || !I.parameter.trim() || !I.unit.trim() || !I.value) {
+			Q("Site, parameter, value and unit are required.");
+			return;
+		}
+		Q(null);
+		try {
+			await P.mutateAsync({
+				siteId: I.siteId,
+				parameter: I.parameter.trim(),
+				value: Number(I.value),
+				unit: I.unit.trim(),
+				recordedAt: (/* @__PURE__ */ new Date()).toISOString(),
+				sensorId: I.sensorId || null,
+				source: "MANUAL"
+			}), F(!1), L({
+				siteId: "",
+				parameter: "",
+				value: "",
+				unit: "",
+				sensorId: ""
+			}), N.refetch();
+		} catch (e) {
+			Q(e instanceof Error ? e.message : "Failed to record measurement.");
+		}
+	}, Ue = async () => {
+		if (!U.siteId || !U.name.trim()) {
+			Q("Site and sensor name are required.");
+			return;
+		}
+		Q(null);
+		try {
+			await V.mutateAsync({
+				name: U.name.trim(),
+				siteId: U.siteId,
+				kind: U.kind,
+				unit: U.unit.trim() || null
+			}), H(!1), W({
+				siteId: "",
+				name: "",
+				kind: "AIR_QUALITY",
+				unit: ""
+			});
+		} catch (e) {
+			Q(e instanceof Error ? e.message : "Failed to add sensor.");
+		}
+	}, We = async () => {
+		if (!Y.siteId || !Y.parameter.trim() || !Y.unit.trim()) {
+			Q("Site, parameter and unit are required.");
+			return;
+		}
+		Q(null);
+		try {
+			await q.mutateAsync({
+				siteId: Y.siteId,
+				parameter: Y.parameter.trim(),
+				unit: Y.unit.trim(),
+				direction: Y.direction,
+				severity: Y.severity,
+				limitValue: Y.limitValue ? Number(Y.limitValue) : null,
+				minValue: Y.minValue ? Number(Y.minValue) : null,
+				maxValue: Y.maxValue ? Number(Y.maxValue) : null
+			}), J(!1), X({
+				siteId: "",
+				parameter: "",
+				unit: "",
+				direction: "ABOVE",
+				severity: "WARNING",
+				limitValue: "",
+				minValue: "",
+				maxValue: ""
+			});
+		} catch (e) {
+			Q(e instanceof Error ? e.message : "Failed to add threshold.");
+		}
+	}, Ge = [
+		{
+			key: "parameter",
+			header: "Parameter",
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "font-medium text-text-primary",
+				children: e.parameter
+			})
+		},
+		{
+			key: "value",
+			header: "Value",
+			align: "right",
+			render: (e) => /* @__PURE__ */ d("span", {
+				className: "tabular-nums text-text-primary",
+				children: [
+					r(e.value),
+					" ",
+					e.unit
+				]
+			})
+		},
+		{
+			key: "source",
+			header: "Source",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "text-text-secondary",
+				children: n(e.source)
+			})
+		},
+		{
+			key: "breach",
+			header: "Status",
+			render: (e) => e.isBreach ? /* @__PURE__ */ u(i, { status: "BREACH" }) : /* @__PURE__ */ u(i, { status: "OK" })
+		},
+		{
+			key: "site",
+			header: "Site",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "text-text-secondary",
+				children: k(e.siteId)
+			})
+		},
+		{
+			key: "recorded",
+			header: "Recorded",
+			align: "right",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "text-text-tertiary",
+				children: t(e.recordedAt)
+			})
+		}
+	], Ke = [
+		{
+			key: "name",
+			header: "Sensor",
+			render: (e) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+				className: "font-medium text-text-primary",
+				children: e.name
+			}), /* @__PURE__ */ u("p", {
+				className: "text-xs text-text-tertiary",
+				children: n(e.kind)
+			})] })
+		},
+		{
+			key: "site",
+			header: "Site",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "text-text-secondary",
+				children: k(e.siteId)
+			})
+		},
+		{
+			key: "unit",
+			header: "Unit",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "text-text-secondary",
+				children: e.unit ?? "—"
+			})
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ u(i, { status: e.status })
+		},
+		{
+			key: "action",
+			header: "",
+			align: "right",
+			render: (e) => /* @__PURE__ */ d(x, {
+				value: e.status,
+				onValueChange: (t) => Fe.mutate({
+					id: e.id,
+					status: t
+				}),
+				children: [/* @__PURE__ */ u(w, {
+					className: "h-8 w-36",
+					children: /* @__PURE__ */ u(T, {})
+				}), /* @__PURE__ */ u(S, { children: be.map((e) => /* @__PURE__ */ u(C, {
+					value: e,
+					children: n(e)
+				}, e)) })]
+			})
+		}
+	], qe = [
+		{
+			key: "parameter",
+			header: "Parameter",
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "font-medium text-text-primary",
+				children: e.parameter
+			})
+		},
+		{
+			key: "site",
+			header: "Site",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "text-text-secondary",
+				children: k(e.siteId)
+			})
+		},
+		{
+			key: "rule",
+			header: "Rule",
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "text-text-secondary",
+				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__ */ u(i, { status: e.severity })
+		},
+		{
+			key: "active",
+			header: "Active",
+			align: "right",
+			render: (e) => /* @__PURE__ */ u(f, {
+				size: "sm",
+				variant: e.isActive ? "outline" : "ghost",
+				onClick: () => ze.mutate({
+					id: e.id,
+					isActive: !e.isActive
+				}),
+				children: e.isActive ? "Active" : "Inactive"
+			})
+		}
+	], $ = O.map((e) => /* @__PURE__ */ u(C, {
+		value: e.id,
+		children: e.name
+	}, e.id)), Je = N.data?.items ?? [];
+	return /* @__PURE__ */ d(e, {
+		title: "Monitoring",
+		description: "Environmental sensors, readings and alert thresholds across every monitored site.",
+		actions: D === "measurements" ? /* @__PURE__ */ d(f, {
+			onClick: () => {
+				Q(null), F(!0);
+			},
+			children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
+		}) : D === "sensors" ? /* @__PURE__ */ d(f, {
+			onClick: () => {
+				Q(null), H(!0);
+			},
+			children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), " Add sensor"]
+		}) : /* @__PURE__ */ d(f, {
+			onClick: () => {
+				Q(null), J(!0);
+			},
+			children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
+		}),
+		children: [
+			/* @__PURE__ */ u(fe, {
+				items: Ve,
+				value: D,
+				onChange: Te,
+				className: "mb-5"
+			}),
+			D === "measurements" && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+				className: "mb-5 flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ d(x, {
+					value: A,
+					onValueChange: (e) => {
+						Oe(e), M.reset();
+					},
+					children: [/* @__PURE__ */ u(w, {
+						className: "w-52",
+						children: /* @__PURE__ */ u(T, { placeholder: "All sites" })
+					}), /* @__PURE__ */ d(S, { children: [/* @__PURE__ */ u(C, {
+						value: E,
+						children: "All sites"
+					}), $] })]
+				}), /* @__PURE__ */ u(me, {
+					options: Ce,
+					value: j,
+					onChange: (e) => {
+						ke(e), M.reset();
+					}
+				})]
+			}), N.isLoading ? /* @__PURE__ */ u(ee, { label: "Loading measurements…" }) : N.isError ? /* @__PURE__ */ u(a, {
+				message: "Couldn't load measurements.",
+				onRetry: () => N.refetch()
+			}) : Je.length === 0 ? /* @__PURE__ */ u(te, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ u(ge, { className: "h-10 w-10" }),
+				title: "No measurements",
+				description: A === E && j === "ALL" ? "Record a measurement to start building a reading history." : "No measurements match these filters.",
+				action: /* @__PURE__ */ d(f, {
+					onClick: () => {
+						Q(null), F(!0);
+					},
+					children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
+				})
+			}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(o, {
+				columns: Ge,
+				rows: Je,
+				rowKey: (e) => e.id
+			}), /* @__PURE__ */ u(pe, {
+				page: M.page,
+				pageSize: we,
+				itemCount: Je.length,
+				hasMore: N.data?.pageInfo?.hasMore ?? !1,
+				onPageChange: (e) => M.onPageChange(e, N.data?.pageInfo?.cursor)
+			})] })] }),
+			D === "sensors" && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+				className: "mb-5 flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ d(x, {
+					value: R,
+					onValueChange: Me,
+					children: [/* @__PURE__ */ u(w, {
+						className: "w-52",
+						children: /* @__PURE__ */ u(T, { placeholder: "All sites" })
+					}), /* @__PURE__ */ d(S, { children: [/* @__PURE__ */ u(C, {
+						value: E,
+						children: "All sites"
+					}), $] })]
+				}), /* @__PURE__ */ d(x, {
+					value: z,
+					onValueChange: (e) => Ne(e),
+					children: [/* @__PURE__ */ u(w, {
+						className: "w-44",
+						children: /* @__PURE__ */ u(T, { placeholder: "All statuses" })
+					}), /* @__PURE__ */ d(S, { children: [/* @__PURE__ */ u(C, {
+						value: E,
+						children: "All statuses"
+					}), be.map((e) => /* @__PURE__ */ u(C, {
+						value: e,
+						children: n(e)
+					}, e))] })]
+				})]
+			}), B.isLoading ? /* @__PURE__ */ u(ee, { label: "Loading sensors…" }) : B.isError ? /* @__PURE__ */ u(a, {
+				message: "Couldn't load sensors.",
+				onRetry: () => B.refetch()
+			}) : Pe.length === 0 ? /* @__PURE__ */ u(te, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ u(ve, { className: "h-10 w-10" }),
+				title: "No sensors",
+				description: R === E && z === E ? "Add a sensor to begin streaming or logging readings." : "No sensors match these filters.",
+				action: /* @__PURE__ */ d(f, {
+					onClick: () => {
+						Q(null), H(!0);
+					},
+					children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), " Add sensor"]
+				})
+			}) : /* @__PURE__ */ u(o, {
+				columns: Ke,
+				rows: Pe,
+				rowKey: (e) => e.id
+			})] }),
+			D === "thresholds" && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
+				className: "mb-5 flex flex-wrap items-center gap-3",
+				children: /* @__PURE__ */ d(x, {
+					value: G,
+					onValueChange: Le,
+					children: [/* @__PURE__ */ u(w, {
+						className: "w-52",
+						children: /* @__PURE__ */ u(T, { placeholder: "All sites" })
+					}), /* @__PURE__ */ d(S, { children: [/* @__PURE__ */ u(C, {
+						value: E,
+						children: "All sites"
+					}), $] })]
+				})
+			}), K.isLoading ? /* @__PURE__ */ u(ee, { label: "Loading thresholds…" }) : K.isError ? /* @__PURE__ */ u(a, {
+				message: "Couldn't load thresholds.",
+				onRetry: () => K.refetch()
+			}) : Re.length === 0 ? /* @__PURE__ */ u(te, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ u(_e, { className: "h-10 w-10" }),
+				title: "No thresholds",
+				description: G === E ? "Define a threshold to flag readings that drift out of range." : "This site has no thresholds yet.",
+				action: /* @__PURE__ */ d(f, {
+					onClick: () => {
+						Q(null), J(!0);
+					},
+					children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
+				})
+			}) : /* @__PURE__ */ u(o, {
+				columns: qe,
+				rows: Re,
+				rowKey: (e) => e.id
+			})] }),
+			/* @__PURE__ */ u(h, {
+				open: Ae,
+				onOpenChange: (e) => {
+					F(e), e || Q(null);
+				},
+				children: /* @__PURE__ */ d(g, { children: [
+					/* @__PURE__ */ d(y, { children: [/* @__PURE__ */ u(b, { children: "Record measurement" }), /* @__PURE__ */ u(_, { children: "Log a reading. It is checked against the site's active thresholds and flagged if it breaches." })] }),
+					/* @__PURE__ */ d("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ u(m, {
+									htmlFor: "mSite",
+									children: "Site *"
+								}), /* @__PURE__ */ d(x, {
+									value: I.siteId,
+									onValueChange: (e) => L({
+										...I,
+										siteId: e,
+										sensorId: ""
+									}),
+									children: [/* @__PURE__ */ u(w, {
+										id: "mSite",
+										children: /* @__PURE__ */ u(T, { placeholder: "Select a site" })
+									}), /* @__PURE__ */ u(S, { children: $ })]
+								})]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-2 sm:grid-cols-3",
+								children: [
+									/* @__PURE__ */ d("div", {
+										className: "grid gap-1.5 sm:col-span-1",
+										children: [/* @__PURE__ */ u(m, {
+											htmlFor: "mParam",
+											children: "Parameter *"
+										}), /* @__PURE__ */ u(p, {
+											id: "mParam",
+											value: I.parameter,
+											onChange: (e) => L({
+												...I,
+												parameter: e.target.value
+											}),
+											placeholder: "PM2.5"
+										})]
+									}),
+									/* @__PURE__ */ d("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ u(m, {
+											htmlFor: "mValue",
+											children: "Value *"
+										}), /* @__PURE__ */ u(p, {
+											id: "mValue",
+											type: "number",
+											step: "any",
+											value: I.value,
+											onChange: (e) => L({
+												...I,
+												value: e.target.value
+											}),
+											placeholder: "42"
+										})]
+									}),
+									/* @__PURE__ */ d("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ u(m, {
+											htmlFor: "mUnit",
+											children: "Unit *"
+										}), /* @__PURE__ */ u(p, {
+											id: "mUnit",
+											value: I.unit,
+											onChange: (e) => L({
+												...I,
+												unit: e.target.value
+											}),
+											placeholder: "µg/m³"
+										})]
+									})
+								]
+							}),
+							I.siteId && je.length > 0 && /* @__PURE__ */ d("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ u(m, {
+									htmlFor: "mSensor",
+									children: "Sensor (optional)"
+								}), /* @__PURE__ */ d(x, {
+									value: I.sensorId,
+									onValueChange: (e) => L({
+										...I,
+										sensorId: e
+									}),
+									children: [/* @__PURE__ */ u(w, {
+										id: "mSensor",
+										children: /* @__PURE__ */ u(T, { placeholder: "Manual entry" })
+									}), /* @__PURE__ */ u(S, { children: je.map((e) => /* @__PURE__ */ u(C, {
+										value: e.id,
+										children: e.name
+									}, e.id)) })]
+								})]
+							}),
+							Z && /* @__PURE__ */ u("p", {
+								className: "text-sm text-status-error-text",
+								children: Z
+							})
+						]
+					}),
+					/* @__PURE__ */ d(v, { children: [/* @__PURE__ */ u(f, {
+						variant: "outline",
+						onClick: () => F(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ u(f, {
+						onClick: He,
+						disabled: P.isPending,
+						children: P.isPending ? "Recording…" : "Record"
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ u(h, {
+				open: Ie,
+				onOpenChange: (e) => {
+					H(e), e || Q(null);
+				},
+				children: /* @__PURE__ */ d(g, { children: [
+					/* @__PURE__ */ d(y, { children: [/* @__PURE__ */ u(b, { children: "Add sensor" }), /* @__PURE__ */ u(_, { children: "Register a sensor and attribute it to a monitored site." })] }),
+					/* @__PURE__ */ d("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ u(m, {
+									htmlFor: "sSite",
+									children: "Site *"
+								}), /* @__PURE__ */ d(x, {
+									value: U.siteId,
+									onValueChange: (e) => W({
+										...U,
+										siteId: e
+									}),
+									children: [/* @__PURE__ */ u(w, {
+										id: "sSite",
+										children: /* @__PURE__ */ u(T, { placeholder: "Select a site" })
+									}), /* @__PURE__ */ u(S, { children: $ })]
+								})]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ u(m, {
+									htmlFor: "sName",
+									children: "Name *"
+								}), /* @__PURE__ */ u(p, {
+									id: "sName",
+									value: U.name,
+									onChange: (e) => W({
+										...U,
+										name: e.target.value
+									}),
+									placeholder: "North gate PM2.5"
+								})]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "sKind",
+										children: "Kind"
+									}), /* @__PURE__ */ d(x, {
+										value: U.kind,
+										onValueChange: (e) => W({
+											...U,
+											kind: e
+										}),
+										children: [/* @__PURE__ */ u(w, {
+											id: "sKind",
+											children: /* @__PURE__ */ u(T, {})
+										}), /* @__PURE__ */ u(S, { children: ye.map((e) => /* @__PURE__ */ u(C, {
+											value: e,
+											children: n(e)
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "sUnit",
+										children: "Unit"
+									}), /* @__PURE__ */ u(p, {
+										id: "sUnit",
+										value: U.unit,
+										onChange: (e) => W({
+											...U,
+											unit: e.target.value
+										}),
+										placeholder: "µg/m³"
+									})]
+								})]
+							}),
+							Z && /* @__PURE__ */ u("p", {
+								className: "text-sm text-status-error-text",
+								children: Z
+							})
+						]
+					}),
+					/* @__PURE__ */ d(v, { children: [/* @__PURE__ */ u(f, {
+						variant: "outline",
+						onClick: () => H(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ u(f, {
+						onClick: Ue,
+						disabled: V.isPending,
+						children: V.isPending ? "Adding…" : "Add sensor"
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ u(h, {
+				open: Be,
+				onOpenChange: (e) => {
+					J(e), e || Q(null);
+				},
+				children: /* @__PURE__ */ d(g, { children: [
+					/* @__PURE__ */ d(y, { children: [/* @__PURE__ */ u(b, { children: "Add alert threshold" }), /* @__PURE__ */ u(_, { children: "Flag readings that drift out of an acceptable range." })] }),
+					/* @__PURE__ */ d("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ u(m, {
+									htmlFor: "tSite",
+									children: "Site *"
+								}), /* @__PURE__ */ d(x, {
+									value: Y.siteId,
+									onValueChange: (e) => X({
+										...Y,
+										siteId: e
+									}),
+									children: [/* @__PURE__ */ u(w, {
+										id: "tSite",
+										children: /* @__PURE__ */ u(T, { placeholder: "Select a site" })
+									}), /* @__PURE__ */ u(S, { children: $ })]
+								})]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "tParam",
+										children: "Parameter *"
+									}), /* @__PURE__ */ u(p, {
+										id: "tParam",
+										value: Y.parameter,
+										onChange: (e) => X({
+											...Y,
+											parameter: e.target.value
+										}),
+										placeholder: "PM2.5"
+									})]
+								}), /* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "tUnit",
+										children: "Unit *"
+									}), /* @__PURE__ */ u(p, {
+										id: "tUnit",
+										value: Y.unit,
+										onChange: (e) => X({
+											...Y,
+											unit: e.target.value
+										}),
+										placeholder: "µg/m³"
+									})]
+								})]
+							}),
+							/* @__PURE__ */ d("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "tDir",
+										children: "Direction"
+									}), /* @__PURE__ */ d(x, {
+										value: Y.direction,
+										onValueChange: (e) => X({
+											...Y,
+											direction: e
+										}),
+										children: [/* @__PURE__ */ u(w, {
+											id: "tDir",
+											children: /* @__PURE__ */ u(T, {})
+										}), /* @__PURE__ */ u(S, { children: xe.map((e) => /* @__PURE__ */ u(C, {
+											value: e,
+											children: n(e)
+										}, e)) })]
+									})]
+								}), /* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "tSev",
+										children: "Severity"
+									}), /* @__PURE__ */ d(x, {
+										value: Y.severity,
+										onValueChange: (e) => X({
+											...Y,
+											severity: e
+										}),
+										children: [/* @__PURE__ */ u(w, {
+											id: "tSev",
+											children: /* @__PURE__ */ u(T, {})
+										}), /* @__PURE__ */ u(S, { children: Se.map((e) => /* @__PURE__ */ u(C, {
+											value: e,
+											children: n(e)
+										}, e)) })]
+									})]
+								})]
+							}),
+							Y.direction === "OUTSIDE_RANGE" ? /* @__PURE__ */ d("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "tMin",
+										children: "Min value"
+									}), /* @__PURE__ */ u(p, {
+										id: "tMin",
+										type: "number",
+										step: "any",
+										value: Y.minValue,
+										onChange: (e) => X({
+											...Y,
+											minValue: e.target.value
+										})
+									})]
+								}), /* @__PURE__ */ d("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ u(m, {
+										htmlFor: "tMax",
+										children: "Max value"
+									}), /* @__PURE__ */ u(p, {
+										id: "tMax",
+										type: "number",
+										step: "any",
+										value: Y.maxValue,
+										onChange: (e) => X({
+											...Y,
+											maxValue: e.target.value
+										})
+									})]
+								})]
+							}) : /* @__PURE__ */ d("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ u(m, {
+									htmlFor: "tLimit",
+									children: "Limit value"
+								}), /* @__PURE__ */ u(p, {
+									id: "tLimit",
+									type: "number",
+									step: "any",
+									value: Y.limitValue,
+									onChange: (e) => X({
+										...Y,
+										limitValue: e.target.value
+									}),
+									placeholder: "35"
+								})]
+							}),
+							Z && /* @__PURE__ */ u("p", {
+								className: "text-sm text-status-error-text",
+								children: Z
+							})
+						]
+					}),
+					/* @__PURE__ */ d(v, { children: [/* @__PURE__ */ u(f, {
+						variant: "outline",
+						onClick: () => J(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ u(f, {
+						onClick: We,
+						disabled: q.isPending,
+						children: q.isPending ? "Adding…" : "Add threshold"
+					})] })
+				] })
+			})
+		]
+	});
+}
+//#endregion
+export { D as MonitoringPage };
+
+//# sourceMappingURL=MonitoringPage.js.map