@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

package/dist/timecampus/pages/geofencing/GeofencingPage.js

@@ -1,31 +1,67 @@
-import { getStatusColor as e } from "../../utils/helpers.js";
-import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
-import { useCreateGeofenceMutation as n, useDeleteGeofenceMutation as r, useListGeofencesQuery as i, useToggleGeofenceMutation as a, useUpdateGeofenceMutation as o } from "../../../generated/wspace-operations.js";
-import { PageLayout as s } from "../../components/PageLayout.js";
-import { EmptyState as c } from "../../components/EmptyState.js";
-import { GeofenceTrigger as l } from "../../../generated/wspace-types.js";
-import { Modal as u } from "../../components/Modal.js";
-import { useState as d } from "react";
-import { MapPin as f, Pencil as p, Plus as m, Power as h, Trash2 as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { cn as e, formatRelativeTime as t } from "../../utils/helpers.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useCreateGeofenceMutation as i, useDeleteGeofenceMutation as a, useListGeofencesQuery as o, useToggleGeofenceMutation as s, useUpdateGeofenceMutation as c } from "../../../generated/wspace-operations.js";
+import { PageLayout as l } from "../../components/PageLayout.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { ChartCard as d } from "../../components/ChartCard.js";
+import { Modal as f } from "../../components/Modal.js";
+import { BarsChart as ee } from "../../components/charts/BarsChart.js";
+import { DonutChart as p } from "../../components/charts/DonutChart.js";
+import "../../components/index.js";
+import { GeofenceEventType as m, GeofenceTrigger as h } from "../../../generated/wspace-types.js";
+import { useState as g } from "react";
+import { LogIn as _, LogOut as v, MapPin as y, Pencil as b, Plus as te, Radio as ne, ShieldCheck as re, Trash2 as ie } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { GlassCard as w } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/geofencing/GeofencingPage.tsx
-var b = 25, x = {
+var T = 25, E = {
 	name: "",
 	latitude: "",
 	longitude: "",
 	radius: "100",
-	trigger: l.Both,
+	trigger: h.Both,
 	address: "",
 	isActive: !0
-}, S = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary";
-function C() {
-	let { data: C, loading: w, error: T, refetch: E, fetchMore: D } = i({ variables: {
-		limit: b,
+}, D = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary";
+function O({ checked: t, onChange: n, label: r, disabled: i }) {
+	return /* @__PURE__ */ S("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": t,
+		"aria-label": r,
+		disabled: i,
+		onClick: () => n(!t),
+		className: e("relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50", t ? "border-transparent bg-action-primary-bg" : "border-border-subtle bg-bg-sunken"),
+		children: /* @__PURE__ */ S("span", { className: e("inline-block h-3.5 w-3.5 transform rounded-full shadow-sm transition-transform", t ? "translate-x-4 bg-action-primary-text" : "translate-x-0.5 bg-text-secondary") })
+	});
+}
+function k() {
+	let { data: k, loading: ae, error: oe, refetch: A, fetchMore: j } = o({ variables: {
+		limit: T,
 		offset: 0
-	} }), [ee, { loading: O, error: k }] = n(), [A, { loading: j, error: M }] = o(), [N, { loading: P }] = r(), [F] = a(), [I, L] = d(!1), [R, z] = d(null), [B, V] = d(x), [H, U] = d(null), [W, G] = d(!1), K = C?.geofences?.items ?? [], q = C?.geofences?.hasMore ?? !1, J = () => {
-		z(null), V(x), L(!0);
-	}, Y = (e) => {
-		z(e), V({
+	} }), [M, { loading: N, error: se }] = i(), [P, { loading: F, error: ce }] = c(), [le, { loading: I }] = a(), [L] = s(), [R, z] = g(!1), [B, V] = g(null), [H, U] = g(E), [W, G] = g(null), [K, q] = g(!1), J = k?.geofences?.items ?? [], ue = k?.geofences?.hasMore ?? !1, de = k?.geofences?.total ?? J.length, fe = J.filter((e) => e.isActive).length, Y = 0, X = 0;
+	for (let e of J) for (let t of e.events) t.type === m.Enter ? Y += 1 : X += 1;
+	let pe = [
+		{
+			name: "Entry & exit",
+			value: J.filter((e) => e.trigger === h.Both).length
+		},
+		{
+			name: "On entry",
+			value: J.filter((e) => e.trigger === h.Enter).length
+		},
+		{
+			name: "On exit",
+			value: J.filter((e) => e.trigger === h.Exit).length
+		}
+	], me = J.map((e) => ({
+		zone: e.name,
+		events: e.events.length
+	})).filter((e) => e.events > 0).sort((e, t) => t.events - e.events).slice(0, 8), he = () => {
+		V(null), U(E), z(!0);
+	}, Z = (e) => {
+		V(e), U({
 			name: e.name,
 			latitude: String(e.latitude),
 			longitude: String(e.longitude),
@@ -33,36 +69,43 @@ function C() {
 			trigger: e.trigger,
 			address: e.address ?? "",
 			isActive: e.isActive
-		}), L(!0);
-	}, X = async () => {
-		if (!B.name.trim()) return;
+		}), z(!0);
+	}, ge = async () => {
+		if (!H.name.trim()) return;
 		let e = {
-			name: B.name.trim(),
-			latitude: Number(B.latitude),
-			longitude: Number(B.longitude),
-			radius: Number(B.radius),
-			trigger: B.trigger,
-			address: B.address.trim() || void 0,
-			isActive: B.isActive
+			name: H.name.trim(),
+			latitude: Number(H.latitude),
+			longitude: Number(H.longitude),
+			radius: Number(H.radius),
+			trigger: H.trigger,
+			address: H.address.trim() || void 0,
+			isActive: H.isActive
 		};
-		R ? await A({ variables: {
-			id: R.id,
+		B ? await P({ variables: {
+			id: B.id,
 			input: e
-		} }) : await ee({ variables: { input: e } }), L(!1), await E();
-	}, Z = async () => {
-		H && (await N({ variables: { id: H.id } }), U(null), await E());
-	}, Q = async (e) => {
-		await F({ variables: {
+		} }) : await M({ variables: { input: e } }), z(!1), await A();
+	}, _e = async () => {
+		W && (await le({ variables: { id: W.id } }), G(null), await A());
+	}, ve = async (e) => {
+		await L({ variables: {
 			id: e.id,
 			isActive: !e.isActive
-		} }), await E();
-	}, te = async () => {
-		G(!0);
+		} }), await A();
+	}, Q = async (e, t, n) => {
+		if (!t && !n) return;
+		let r = t && n ? h.Both : t ? h.Enter : h.Exit;
+		r !== e.trigger && (await P({ variables: {
+			id: e.id,
+			input: { trigger: r }
+		} }), await A());
+	}, ye = async () => {
+		q(!0);
 		try {
-			await D({
+			await j({
 				variables: {
-					limit: b,
-					offset: K.length
+					limit: T,
+					offset: J.length
 				},
 				updateQuery: (e, { fetchMoreResult: t }) => t ? { geofences: {
 					...t.geofences,
@@ -70,227 +113,372 @@ function C() {
 				} } : e
 			});
 		} finally {
-			G(!1);
+			q(!1);
 		}
-	}, $ = /* @__PURE__ */ y("button", {
-		onClick: J,
+	}, $ = /* @__PURE__ */ C("button", {
+		onClick: he,
 		className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-		children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), "Create Geofence"]
+		children: [/* @__PURE__ */ S(te, { className: "h-4 w-4" }), "Create Geofence"]
 	});
-	return w ? /* @__PURE__ */ v(s, {
+	return ae ? /* @__PURE__ */ S(l, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
-		children: /* @__PURE__ */ v(t, {
+		children: /* @__PURE__ */ S(r, {
 			variant: "card",
 			count: 4
 		})
-	}) : T ? /* @__PURE__ */ v(s, {
+	}) : oe ? /* @__PURE__ */ S(l, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load geofences. Please try again later."
 		})
-	}) : /* @__PURE__ */ y(s, {
+	}) : /* @__PURE__ */ C(l, {
 		title: "Geofencing",
 		description: "Set up location-based triggers and zones",
 		purpose: "Draw zones around your worksites — offices, client sites, job locations — and have time tracking start and stop automatically as people move in and out, so on-site hours record themselves.",
 		actions: $,
 		children: [
-			K.length === 0 ? /* @__PURE__ */ v(c, {
+			J.length === 0 ? /* @__PURE__ */ S(u, {
 				illustration: "empty-generic",
 				title: "No geofences configured yet",
 				description: "Create your first zone to trigger automatic time tracking when people arrive or leave a location.",
 				action: $
-			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: K.map((t) => /* @__PURE__ */ y("div", {
-					className: "flex flex-col rounded-xl border border-border-seam bg-gloss-card shadow-pop p-5 transition-colors hover:bg-bg-sunken/50",
+			}) : /* @__PURE__ */ C(x, { children: [
+				/* @__PURE__ */ C("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ y("div", {
-							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ y("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ v(f, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-									className: "text-sm font-semibold text-text-primary",
-									children: t.name
-								}), /* @__PURE__ */ y("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										t.trigger,
-										" · ",
-										t.radius,
-										"m radius"
-									]
-								})] })]
-							}), /* @__PURE__ */ v("span", {
-								className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${e(t.isActive ? "active" : "inactive")}`,
-								children: t.isActive ? "Active" : "Inactive"
-							})]
+						/* @__PURE__ */ S(n, {
+							featured: !0,
+							title: "Total Zones",
+							value: String(de),
+							icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" })
+						}),
+						/* @__PURE__ */ S(n, {
+							title: "Active Zones",
+							value: String(fe),
+							icon: /* @__PURE__ */ S(ne, { className: "h-5 w-5" }),
+							description: "Currently tracking"
 						}),
-						/* @__PURE__ */ y("div", {
-							className: "mt-3 flex items-center justify-between text-xs text-text-secondary",
-							children: [/* @__PURE__ */ v("span", { children: t.address ?? "No address" }), /* @__PURE__ */ y("span", { children: [t.events?.length ?? 0, " events"] })]
+						/* @__PURE__ */ S(n, {
+							title: "Entry Events",
+							value: String(Y),
+							icon: /* @__PURE__ */ S(_, { className: "h-5 w-5" })
 						}),
-						/* @__PURE__ */ y("div", {
-							className: "mt-4 flex items-center gap-2 border-t border-border-seam pt-3",
+						/* @__PURE__ */ S(n, {
+							title: "Exit Events",
+							value: String(X),
+							icon: /* @__PURE__ */ S(v, { className: "h-5 w-5" })
+						})
+					]
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-2",
+					children: [/* @__PURE__ */ S(d, {
+						title: "Trigger configuration",
+						description: "How your zones fire",
+						children: /* @__PURE__ */ S(p, {
+							data: pe,
+							centerLabel: "Zones",
+							centerValue: J.length,
+							ariaLabel: "Geofence trigger configuration mix",
+							emptyLabel: "No zones to summarize yet"
+						})
+					}), /* @__PURE__ */ S(d, {
+						title: "Activity by zone",
+						description: "Recorded enter/exit events per zone",
+						children: /* @__PURE__ */ S(ee, {
+							data: me,
+							xKey: "zone",
+							orientation: "horizontal",
+							series: [{
+								key: "events",
+								label: "Events"
+							}],
+							categoryWidth: 120,
+							ariaLabel: "Recorded events by zone",
+							emptyLabel: "No geofence events recorded yet"
+						})
+					})]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
+					children: J.map((n) => {
+						let r = n.trigger === h.Enter || n.trigger === h.Both, i = n.trigger === h.Exit || n.trigger === h.Both, a = n.events.filter((e) => e.type === m.Enter).length, o = n.events.length - a, s = n.events.reduce((e, t) => t.timestamp > e ? t.timestamp : e, "");
+						return /* @__PURE__ */ C(w, {
+							treatment: "glass",
+							glow: n.isActive,
+							className: "flex flex-col p-5",
 							children: [
-								/* @__PURE__ */ y("button", {
-									onClick: () => Q(t),
-									className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken/50",
-									children: [/* @__PURE__ */ v(h, { className: "h-3.5 w-3.5" }), t.isActive ? "Deactivate" : "Activate"]
+								/* @__PURE__ */ C("div", {
+									className: "flex items-start justify-between gap-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex min-w-0 items-start gap-2",
+										children: [/* @__PURE__ */ S("span", {
+											className: "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+											children: /* @__PURE__ */ S(y, { className: "h-5 w-5" })
+										}), /* @__PURE__ */ C("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ S("p", {
+												className: "truncate text-sm font-semibold text-text-primary",
+												children: n.name
+											}), /* @__PURE__ */ C("p", {
+												className: "truncate text-xs text-text-secondary",
+												children: [
+													n.address ?? "No address",
+													" ·",
+													" ",
+													n.radius,
+													"m radius"
+												]
+											})]
+										})]
+									}), /* @__PURE__ */ C("div", {
+										className: "flex shrink-0 flex-col items-end gap-1",
+										children: [/* @__PURE__ */ S(O, {
+											checked: n.isActive,
+											onChange: () => ve(n),
+											label: `Toggle ${n.name} active`
+										}), /* @__PURE__ */ S("span", {
+											className: e("text-xs font-medium", n.isActive ? "text-status-success-text" : "text-text-muted"),
+											children: n.isActive ? "Active" : "Inactive"
+										})]
+									})]
+								}),
+								/* @__PURE__ */ C("div", {
+									className: "mt-4 grid grid-cols-2 gap-2",
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface/60 px-3 py-2",
+										children: [/* @__PURE__ */ C("span", {
+											className: "flex items-center gap-1.5 text-xs font-medium text-text-secondary",
+											children: [/* @__PURE__ */ S(_, { className: "h-3.5 w-3.5" }), "Enter"]
+										}), /* @__PURE__ */ S(O, {
+											checked: r,
+											onChange: (e) => Q(n, e, i),
+											label: `Enter trigger for ${n.name}`
+										})]
+									}), /* @__PURE__ */ C("div", {
+										className: "flex items-center justify-between rounded-lg border border-border-subtle bg-bg-surface/60 px-3 py-2",
+										children: [/* @__PURE__ */ C("span", {
+											className: "flex items-center gap-1.5 text-xs font-medium text-text-secondary",
+											children: [/* @__PURE__ */ S(v, { className: "h-3.5 w-3.5" }), "Exit"]
+										}), /* @__PURE__ */ S(O, {
+											checked: i,
+											onChange: (e) => Q(n, r, e),
+											label: `Exit trigger for ${n.name}`
+										})]
+									})]
 								}),
-								/* @__PURE__ */ y("button", {
-									onClick: () => Y(t),
-									className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken/50",
-									children: [/* @__PURE__ */ v(p, { className: "h-3.5 w-3.5" }), "Edit"]
+								/* @__PURE__ */ C("div", {
+									className: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-text-secondary",
+									children: [
+										/* @__PURE__ */ C("span", { children: [
+											"Entries",
+											" ",
+											/* @__PURE__ */ S("span", {
+												className: "font-semibold tabular-nums text-text-primary",
+												children: a
+											})
+										] }),
+										/* @__PURE__ */ C("span", { children: [
+											"Exits",
+											" ",
+											/* @__PURE__ */ S("span", {
+												className: "font-semibold tabular-nums text-text-primary",
+												children: o
+											})
+										] }),
+										s ? /* @__PURE__ */ C("span", {
+											className: "ml-auto",
+											children: [
+												"Last",
+												" ",
+												/* @__PURE__ */ S("span", {
+													className: "text-text-primary",
+													children: t(s)
+												})
+											]
+										}) : /* @__PURE__ */ S("span", {
+											className: "ml-auto text-text-muted",
+											children: "No events yet"
+										})
+									]
 								}),
-								/* @__PURE__ */ y("button", {
-									onClick: () => U(t),
-									className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-status-error-text hover:bg-status-error-bg",
-									children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5" }), "Delete"]
+								/* @__PURE__ */ C("div", {
+									className: "mt-4 flex items-center gap-2 border-t border-border-seam pt-3",
+									children: [/* @__PURE__ */ C("button", {
+										onClick: () => Z(n),
+										className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-text-primary hover:bg-bg-sunken/50",
+										children: [/* @__PURE__ */ S(b, { className: "h-3.5 w-3.5" }), "Edit"]
+									}), /* @__PURE__ */ C("button", {
+										onClick: () => G(n),
+										className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2 py-1 text-xs font-medium text-status-error-text hover:bg-status-error-bg",
+										children: [/* @__PURE__ */ S(ie, { className: "h-3.5 w-3.5" }), "Delete"]
+									})]
 								})
 							]
-						})
-					]
-				}, t.id))
-			}), q && /* @__PURE__ */ v("div", {
-				className: "mt-6 flex justify-center",
-				children: /* @__PURE__ */ v("button", {
-					onClick: te,
-					disabled: W,
-					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-					children: W ? "Loading..." : "Load more"
+						}, n.id);
+					})
+				}),
+				/* @__PURE__ */ S(w, {
+					treatment: "insight",
+					className: "mt-6 p-4",
+					children: /* @__PURE__ */ C("div", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ S("span", {
+							className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+							children: /* @__PURE__ */ S(re, { className: "h-5 w-5" })
+						}), /* @__PURE__ */ C("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Privacy first"
+							}), /* @__PURE__ */ S("p", {
+								className: "mt-0.5 text-xs text-text-secondary",
+								children: "Time is recorded only when someone enters or leaves a zone you define — never through continuous background tracking. Location data stays encrypted and visible only within your workspace."
+							})]
+						})]
+					})
+				}),
+				ue && /* @__PURE__ */ S("div", {
+					className: "mt-6 flex justify-center",
+					children: /* @__PURE__ */ S("button", {
+						onClick: ye,
+						disabled: K,
+						className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+						children: K ? "Loading..." : "Load more"
+					})
 				})
-			})] }),
-			/* @__PURE__ */ y(u, {
-				open: I,
-				onClose: () => L(!1),
-				title: R ? "Edit Geofence" : "Create Geofence",
+			] }),
+			/* @__PURE__ */ C(f, {
+				open: R,
+				onClose: () => z(!1),
+				title: B ? "Edit Geofence" : "Create Geofence",
 				description: "Define a zone that triggers automatic time tracking.",
 				size: "lg",
-				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
-					onClick: () => L(!1),
+				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
+					onClick: () => z(!1),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ v("button", {
-					onClick: X,
-					disabled: O || j || !B.name.trim(),
+				}), /* @__PURE__ */ S("button", {
+					onClick: ge,
+					disabled: N || F || !H.name.trim(),
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-					children: O || j ? "Saving..." : R ? "Save Changes" : "Create Geofence"
+					children: N || F ? "Saving..." : B ? "Save Changes" : "Create Geofence"
 				})] }),
-				children: [(k || M) && /* @__PURE__ */ v("div", {
+				children: [(se || ce) && /* @__PURE__ */ S("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to save geofence. Please check the values and try again."
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Name"
-						}), /* @__PURE__ */ v("input", {
+						}), /* @__PURE__ */ S("input", {
 							type: "text",
 							placeholder: "e.g. Head Office",
-							value: B.name,
-							onChange: (e) => V({
-								...B,
+							value: H.name,
+							onChange: (e) => U({
+								...H,
 								name: e.target.value
 							}),
-							className: S
+							className: D
 						})] }),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Latitude"
-							}), /* @__PURE__ */ v("input", {
+							}), /* @__PURE__ */ S("input", {
 								type: "number",
 								step: "any",
 								placeholder: "0.000000",
-								value: B.latitude,
-								onChange: (e) => V({
-									...B,
+								value: H.latitude,
+								onChange: (e) => U({
+									...H,
 									latitude: e.target.value
 								}),
-								className: S
-							})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								className: D
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Longitude"
-							}), /* @__PURE__ */ v("input", {
+							}), /* @__PURE__ */ S("input", {
 								type: "number",
 								step: "any",
 								placeholder: "0.000000",
-								value: B.longitude,
-								onChange: (e) => V({
-									...B,
+								value: H.longitude,
+								onChange: (e) => U({
+									...H,
 									longitude: e.target.value
 								}),
-								className: S
+								className: D
 							})] })]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ C("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Radius (meters)"
-							}), /* @__PURE__ */ v("input", {
+							}), /* @__PURE__ */ S("input", {
 								type: "number",
 								placeholder: "100",
-								value: B.radius,
-								onChange: (e) => V({
-									...B,
+								value: H.radius,
+								onChange: (e) => U({
+									...H,
 									radius: e.target.value
 								}),
-								className: S
-							})] }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								className: D
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Trigger"
-							}), /* @__PURE__ */ y("select", {
-								value: B.trigger,
-								onChange: (e) => V({
-									...B,
+							}), /* @__PURE__ */ C("select", {
+								value: H.trigger,
+								onChange: (e) => U({
+									...H,
 									trigger: e.target.value
 								}),
-								className: S,
+								className: D,
 								children: [
-									/* @__PURE__ */ v("option", {
-										value: l.Enter,
+									/* @__PURE__ */ S("option", {
+										value: h.Enter,
 										children: "On entry"
 									}),
-									/* @__PURE__ */ v("option", {
-										value: l.Exit,
+									/* @__PURE__ */ S("option", {
+										value: h.Exit,
 										children: "On exit"
 									}),
-									/* @__PURE__ */ v("option", {
-										value: l.Both,
+									/* @__PURE__ */ S("option", {
+										value: h.Both,
 										children: "Entry & exit"
 									})
 								]
 							})] })]
 						}),
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Address (optional)"
-						}), /* @__PURE__ */ v("input", {
+						}), /* @__PURE__ */ S("input", {
 							type: "text",
 							placeholder: "Street address for reference",
-							value: B.address,
-							onChange: (e) => V({
-								...B,
+							value: H.address,
+							onChange: (e) => U({
+								...H,
 								address: e.target.value
 							}),
-							className: S
+							className: D
 						})] }),
-						/* @__PURE__ */ y("label", {
+						/* @__PURE__ */ C("label", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ v("span", {
+							children: [/* @__PURE__ */ S("span", {
 								className: "text-sm font-medium text-text-primary",
 								children: "Active"
-							}), /* @__PURE__ */ v("input", {
+							}), /* @__PURE__ */ S("input", {
 								type: "checkbox",
-								checked: B.isActive,
-								onChange: (e) => V({
-									...B,
+								checked: H.isActive,
+								onChange: (e) => U({
+									...H,
 									isActive: e.target.checked
 								}),
 								className: "h-4 w-4 rounded border-border-subtle"
@@ -299,29 +487,29 @@ function C() {
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(u, {
-				open: H !== null,
-				onClose: () => U(null),
+			/* @__PURE__ */ S(f, {
+				open: W !== null,
+				onClose: () => G(null),
 				title: "Delete Geofence",
 				description: "This action cannot be undone.",
-				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
-					onClick: () => U(null),
+				footer: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("button", {
+					onClick: () => G(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ v("button", {
-					onClick: Z,
-					disabled: P,
+				}), /* @__PURE__ */ S("button", {
+					onClick: _e,
+					disabled: I,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
-					children: P ? "Deleting..." : "Delete"
+					children: I ? "Deleting..." : "Delete"
 				})] }),
-				children: /* @__PURE__ */ y("p", {
+				children: /* @__PURE__ */ C("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Are you sure you want to delete",
 						" ",
-						/* @__PURE__ */ v("span", {
+						/* @__PURE__ */ S("span", {
 							className: "font-medium text-text-primary",
-							children: H?.name
+							children: W?.name
 						}),
 						"? Any automatic tracking tied to this zone will stop."
 					]
@@ -331,6 +519,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as GeofencingPage };
+export { k as GeofencingPage };
 
 //# sourceMappingURL=GeofencingPage.js.map