@burdenoff/microfe-eventfullymanaged 2026.703.2 → 2026.704.2

package/dist/eventfullymanaged/pages/modules/KioskPage.js

@@ -1,51 +1,761 @@
-import { useCheckInRecordsQuery as e, useCheckInStationsQuery as t } from "../../api/eventApi.js";
-import { EntityListSection as n } from "./EntityListSection.js";
-import { useMemo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { EmphasisPanel as o, GradientText as s, PagePurpose as c } from "@burdenoff/fe-libs/ui";
+import { notify as e } from "../../lib/toast.js";
+import { useAttendeesQuery as t, useCheckInRecordsQuery as n, useCheckInStationsQuery as r, useCreateCheckInRecordMutation as i, useCreateCheckInStationMutation as a, useDeleteCheckInRecordMutation as o, useDeleteCheckInStationMutation as s, useEventSessionsQuery as c, useEventsQuery as l, useUpdateCheckInRecordMutation as u, useUpdateCheckInStationMutation as d } from "../../api/eventApi.js";
+import { ActionMenu as f } from "../../components/ActionMenu.js";
+import { Pagination as p, usePagination as m } from "../../components/Pagination.js";
+import { describeError as h, mutationSucceeded as g } from "../../lib/mutationResult.js";
+import "../../components/index.js";
+import { useMemo as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { LogIn as x, MonitorSmartphone as S, Plus as C, ScanLine as w } from "lucide-react";
+import { Badge as T, Button as E, EmphasisPanel as D, GlassCard as O, GradientText as k, IllustratedEmptyState as A, Input as j, Label as M, PagePurpose as N, ResponsiveDialog as P, ResponsiveDialogContent as F, ResponsiveDialogDescription as I, ResponsiveDialogFooter as L, ResponsiveDialogHeader as R, ResponsiveDialogTitle as z, Select as B, SelectContent as V, SelectItem as H, SelectTrigger as U, SelectValue as W, Switch as G } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/KioskPage.tsx
-function l() {
-	let l = t({
+var K = [
+	"DESK",
+	"GATE",
+	"SELF_SERVICE",
+	"MOBILE"
+], q = ["QR", "MANUAL"], J = ["IN", "OUT"];
+function Y(e) {
+	if (!e || typeof e != "object") return {};
+	let t = e;
+	return {
+		code: typeof t.code == "string" ? t.code : void 0,
+		location: typeof t.location == "string" ? t.location : void 0,
+		type: typeof t.type == "string" ? t.type : void 0,
+		isActive: typeof t.isActive == "boolean" ? t.isActive : void 0
+	};
+}
+function X(e) {
+	return e.trim().toUpperCase().replace(/[^A-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 24) || "STATION";
+}
+function ee({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o }) {
+	let s = !!o, [c, { loading: l }] = a(), [u, { loading: f }] = d(), p = _(() => {
+		if (!o) return {
+			name: "",
+			code: "",
+			location: "",
+			type: "DESK",
+			isActive: !0
+		};
+		let e = Y(o.metadata);
+		return {
+			name: o.name ?? "",
+			code: e.code ?? X(o.name ?? ""),
+			location: e.location ?? "",
+			type: e.type ?? "DESK",
+			isActive: e.isActive ?? !0
+		};
+	}, [o]), [m, x] = v(p), [S, C] = v(null), w = `${t ? "open" : "closed"}:${o?.id ?? "new"}`;
+	t && S !== w && (C(w), x(p)), !t && S !== null && C(null);
+	let T = (e, t) => {
+		x((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, D = l || f;
+	return /* @__PURE__ */ y(P, {
+		open: t,
+		onOpenChange: n,
+		children: /* @__PURE__ */ b(F, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ b(R, { children: [/* @__PURE__ */ y(z, { children: s ? "Edit check-in station" : "New check-in station" }), /* @__PURE__ */ b(I, { children: [
+					"A station is a desk, gate or device where attendees scan in at ",
+					i,
+					"."
+				] })] }),
+				/* @__PURE__ */ b("form", {
+					id: "station-form",
+					onSubmit: async (t) => {
+						t.preventDefault();
+						let a = m.code.trim() || X(m.name), l = {
+							eventId: r,
+							name: m.name.trim(),
+							code: a,
+							location: m.location.trim() || null,
+							isActive: m.isActive,
+							kioskConfig: { type: m.type },
+							metadata: {
+								code: a,
+								location: m.location.trim(),
+								type: m.type,
+								isActive: m.isActive
+							}
+						};
+						try {
+							if (s && o) {
+								let t = await u({ variables: {
+									id: o.id,
+									input: l
+								} });
+								if (!g(t, t.data?.updateCheckInStation?.id, "Could not update station")) return;
+								e.success("Station updated", `“${l.name}” is now ${m.isActive ? "active" : "disabled"}.`);
+							} else {
+								let t = await c({ variables: { input: l } });
+								if (!g(t, t.data?.createCheckInStation?.id, "Could not create station")) return;
+								e.success("Station created", `“${l.name}” is ready at ${i}.`);
+							}
+							n(!1);
+						} catch (t) {
+							e.error("Could not save station", h(t));
+						}
+					},
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Name"
+								}), /* @__PURE__ */ y(j, {
+									value: m.name,
+									onChange: (e) => T("name", e.target.value),
+									placeholder: "Main entrance",
+									required: !0
+								})]
+							}), /* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Code"
+								}), /* @__PURE__ */ y(j, {
+									value: m.code,
+									onChange: (e) => T("code", e.target.value),
+									placeholder: "Auto from name"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Location"
+								}), /* @__PURE__ */ y(j, {
+									value: m.location,
+									onChange: (e) => T("location", e.target.value),
+									placeholder: "North lobby"
+								})]
+							}), /* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Type"
+								}), /* @__PURE__ */ b(B, {
+									value: m.type,
+									onValueChange: (e) => T("type", e),
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Station type",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ y(V, { children: K.map((e) => /* @__PURE__ */ y(H, {
+										value: e,
+										children: e.replace("_", " ")
+									}, e)) })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "flex items-center justify-between rounded-card border border-border-seam bg-bg-surface p-3",
+							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y(M, {
+								htmlFor: "station-active",
+								className: "text-text-primary",
+								children: "Active"
+							}), /* @__PURE__ */ y("p", {
+								className: "text-xs text-text-secondary",
+								children: "Disabled stations stay configured but cannot accept scans."
+							})] }), /* @__PURE__ */ y(G, {
+								id: "station-active",
+								checked: m.isActive,
+								onCheckedChange: (e) => T("isActive", e),
+								"aria-label": "Station active"
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ b(L, { children: [/* @__PURE__ */ y(E, {
+					type: "button",
+					variant: "outline",
+					onClick: () => n(!1),
+					disabled: D,
+					children: "Cancel"
+				}), /* @__PURE__ */ y(E, {
+					type: "submit",
+					form: "station-form",
+					disabled: D,
+					children: D ? "Saving…" : s ? "Save station" : "Create station"
+				})] })
+			]
+		})
+	});
+}
+function te({ open: t, onOpenChange: n, record: r, stations: i }) {
+	let [a, { loading: o }] = u(), s = _(() => ({
+		method: r?.method ?? "MANUAL",
+		direction: r?.direction ?? "IN",
+		status: r?.status ?? "checked_in",
+		stationId: r?.stationId ?? "",
+		attendeeId: r?.attendeeId ?? ""
+	}), [r]), [c, l] = v(s), [d, f] = v(null), p = `${t ? "open" : "closed"}:${r?.id ?? "none"}`;
+	t && d !== p && (f(p), l(s)), !t && d !== null && f(null);
+	let m = (e, t) => {
+		l((n) => ({
+			...n,
+			[e]: t
+		}));
+	};
+	return /* @__PURE__ */ y(P, {
+		open: t,
+		onOpenChange: n,
+		children: /* @__PURE__ */ b(F, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ b(R, { children: [/* @__PURE__ */ y(z, { children: "Edit check-in record" }), /* @__PURE__ */ y(I, { children: "Correct the direction, method or station for this scan." })] }),
+				/* @__PURE__ */ b("form", {
+					id: "record-form",
+					onSubmit: async (t) => {
+						if (t.preventDefault(), !r) return;
+						let i = {
+							eventId: r.eventId,
+							attendeeId: c.attendeeId.trim() || null,
+							registrationId: r.registrationId ?? null,
+							stationId: c.stationId || null,
+							method: c.method,
+							direction: c.direction,
+							status: c.status.trim() || "checked_in",
+							metadata: r.metadata ?? {}
+						};
+						try {
+							let t = await a({ variables: {
+								id: r.id,
+								input: i
+							} });
+							if (!g(t, t.data?.updateCheckInRecord?.id, "Could not update record")) return;
+							e.success("Check-in updated"), n(!1);
+						} catch (t) {
+							e.error("Could not update record", h(t));
+						}
+					},
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ b("label", {
+							className: "block space-y-1 text-sm",
+							children: [/* @__PURE__ */ y("span", {
+								className: "font-medium text-text-primary",
+								children: "Attendee ID"
+							}), /* @__PURE__ */ y(j, {
+								value: c.attendeeId,
+								onChange: (e) => m("attendeeId", e.target.value)
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Method"
+								}), /* @__PURE__ */ b(B, {
+									value: c.method,
+									onValueChange: (e) => m("method", e),
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Method",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ y(V, { children: q.map((e) => /* @__PURE__ */ y(H, {
+										value: e,
+										children: e
+									}, e)) })]
+								})]
+							}), /* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Direction"
+								}), /* @__PURE__ */ b(B, {
+									value: c.direction,
+									onValueChange: (e) => m("direction", e),
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Direction",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ y(V, { children: J.map((e) => /* @__PURE__ */ y(H, {
+										value: e,
+										children: e
+									}, e)) })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Status"
+								}), /* @__PURE__ */ y(j, {
+									value: c.status,
+									onChange: (e) => m("status", e.target.value)
+								})]
+							}), /* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Station"
+								}), /* @__PURE__ */ b(B, {
+									value: c.stationId || "none",
+									onValueChange: (e) => m("stationId", e === "none" ? "" : e),
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Station",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+										value: "none",
+										children: "No station"
+									}), i.map((e) => /* @__PURE__ */ y(H, {
+										value: e.id,
+										children: e.name ?? e.id
+									}, e.id))] })]
+								})]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ b(L, { children: [/* @__PURE__ */ y(E, {
+					type: "button",
+					variant: "outline",
+					onClick: () => n(!1),
+					disabled: o,
+					children: "Cancel"
+				}), /* @__PURE__ */ y(E, {
+					type: "submit",
+					form: "record-form",
+					disabled: o,
+					children: o ? "Saving…" : "Save record"
+				})] })
+			]
+		})
+	});
+}
+function ne({ eventId: n, stations: r, onCheckedIn: a }) {
+	let [o, s] = v(""), [l, u] = v("QR"), [d, f] = v("IN"), [p, m] = v(""), [_, S] = v(""), [C, { loading: T }] = i(), D = t({
+		eventId: n,
 		limit: 100,
 		offset: 0
-	}), u = e({
+	}), k = c({
+		eventId: n,
 		limit: 100,
 		offset: 0
-	}), d = r(() => l.data?.checkInStations.items ?? [], [l.data]), f = r(() => u.data?.checkInRecords.items ?? [], [u.data]);
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-6 p-6",
+	}), A = D.data?.attendees.items ?? [], M = k.data?.eventSessions.items ?? [], N = (e) => {
+		let t = e.trim();
+		if (!t) return {
+			attendeeId: null,
+			label: "attendee"
+		};
+		if (t.includes("@")) {
+			let e = A.find((e) => e.email?.toLowerCase() === t.toLowerCase());
+			return {
+				attendeeId: e?.id ?? null,
+				label: e?.fullName ?? t
+			};
+		}
+		return {
+			attendeeId: t,
+			label: A.find((e) => e.id === t)?.fullName ?? `attendee ${t}`
+		};
+	};
+	return /* @__PURE__ */ b(O, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
 		children: [
-			/* @__PURE__ */ i(c, { children: "Kiosks are the front desk of your event. Each check-in station is a device or counter where attendees scan in, and check-in records are the live log of who arrived and when. Use this page to confirm your stations are online before doors open and to watch arrivals flow in on the day." }),
-			/* @__PURE__ */ a(o, { children: [/* @__PURE__ */ a("h1", {
-				className: "text-2xl font-bold text-text-primary",
-				children: [/* @__PURE__ */ i(s, { children: "Kiosk" }), " & Check-In"]
-			}), /* @__PURE__ */ i("p", {
+			/* @__PURE__ */ b("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ y(w, {
+					className: "h-5 w-5 text-text-secondary",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ y("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Check in an attendee"
+				})]
+			}),
+			/* @__PURE__ */ y("p", {
 				className: "mt-1 text-sm text-text-secondary",
-				children: "View configured check-in stations and station status."
-			})] }),
-			/* @__PURE__ */ i(n, {
-				heading: l.loading ? "Loading check-in stations..." : `Stations (${d.length})`,
-				emptyLabel: "No check-in stations configured yet.",
-				rows: d.map((e) => ({
-					id: e.id,
-					title: e.name ?? e.title ?? `Station ${e.id}`,
-					status: e.status ?? void 0
-				}))
+				children: "Scan a QR badge or type an attendee ID or email, then record the arrival."
+			}),
+			/* @__PURE__ */ b("form", {
+				onSubmit: async (t) => {
+					t.preventDefault();
+					let { attendeeId: r, label: i } = N(o);
+					if (o.trim().includes("@") && !r) {
+						e.error("Attendee not found", `No attendee at this event matches “${o.trim()}”.`);
+						return;
+					}
+					let c = {
+						eventId: n,
+						attendeeId: r,
+						stationId: p || null,
+						method: l,
+						direction: d,
+						status: "checked_in",
+						recordedAt: (/* @__PURE__ */ new Date()).toISOString(),
+						metadata: _ ? { sessionId: _ } : {}
+					};
+					try {
+						let t = await C({ variables: { input: c } });
+						if (!g(t, t.data?.createCheckInRecord?.id, "Could not record check-in")) return;
+						e.success(`${i} checked ${d === "OUT" ? "out" : "in"}`, `Recorded via ${l}${p ? "" : " • no station"}.`), s(""), a();
+					} catch (t) {
+						e.error("Could not record check-in", h(t));
+					}
+				},
+				className: "mt-4 space-y-4",
+				children: [
+					/* @__PURE__ */ b("label", {
+						className: "block space-y-1 text-sm",
+						children: [/* @__PURE__ */ y("span", {
+							className: "font-medium text-text-primary",
+							children: "Attendee ID / email / QR"
+						}), /* @__PURE__ */ y(j, {
+							value: o,
+							onChange: (e) => s(e.target.value),
+							placeholder: "Scan badge or paste attendee ID / email",
+							autoComplete: "off"
+						})]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+						children: [
+							/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Method"
+								}), /* @__PURE__ */ b(B, {
+									value: l,
+									onValueChange: u,
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Check-in method",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ y(V, { children: q.map((e) => /* @__PURE__ */ y(H, {
+										value: e,
+										children: e
+									}, e)) })]
+								})]
+							}),
+							/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Direction"
+								}), /* @__PURE__ */ b(B, {
+									value: d,
+									onValueChange: f,
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Direction",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ y(V, { children: J.map((e) => /* @__PURE__ */ y(H, {
+										value: e,
+										children: e
+									}, e)) })]
+								})]
+							}),
+							/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Station"
+								}), /* @__PURE__ */ b(B, {
+									value: p || "none",
+									onValueChange: (e) => m(e === "none" ? "" : e),
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Station",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+										value: "none",
+										children: "No station"
+									}), r.map((e) => /* @__PURE__ */ y(H, {
+										value: e.id,
+										children: e.name ?? e.id
+									}, e.id))] })]
+								})]
+							}),
+							/* @__PURE__ */ b("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ y("span", {
+									className: "font-medium text-text-primary",
+									children: "Session"
+								}), /* @__PURE__ */ b(B, {
+									value: _ || "none",
+									onValueChange: (e) => S(e === "none" ? "" : e),
+									children: [/* @__PURE__ */ y(U, {
+										"aria-label": "Session",
+										children: /* @__PURE__ */ y(W, {})
+									}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+										value: "none",
+										children: "Whole event"
+									}), M.map((e) => /* @__PURE__ */ y(H, {
+										value: e.id,
+										children: e.title
+									}, e.id))] })]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "flex justify-end",
+						children: /* @__PURE__ */ b(E, {
+							type: "submit",
+							disabled: T || !o.trim(),
+							children: [/* @__PURE__ */ y(x, { className: "h-4 w-4" }), T ? "Recording…" : "Record check-in"]
+						})
+					})
+				]
+			})
+		]
+	});
+}
+var Z = 10;
+function Q() {
+	let t = l({
+		limit: 100,
+		offset: 0
+	}).data?.events.items ?? [], [i, a] = v(""), c = i || void 0, u = t.find((e) => e.id === i), d = m({
+		pageSize: Z,
+		resetKey: i
+	}), h = m({
+		pageSize: Z,
+		resetKey: i
+	}), _ = r({
+		eventId: c,
+		limit: d.limit,
+		offset: d.offset
+	}), x = n({
+		eventId: c,
+		limit: h.limit,
+		offset: h.offset
+	}), w = _.data?.checkInStations.items ?? [], j = _.data?.checkInStations.total ?? 0, M = x.data?.checkInRecords.items ?? [], P = x.data?.checkInRecords.total ?? 0, [F] = s(), [I] = o(), [L, R] = v(!1), [z, G] = v(void 0), [K, q] = v(!1), [J, X] = v(null), Q = () => {
+		G(void 0), R(!0);
+	}, re = (e) => {
+		G(e), R(!0);
+	}, ie = (e) => {
+		X(e), q(!0);
+	}, ae = async (t) => {
+		let n = await F({ variables: { id: t.id } });
+		g(n, n.data?.deleteCheckInStation ? t.id : null, "Could not delete station") && e.success("Station deleted", `“${t.name ?? t.id}” was removed.`);
+	}, oe = async (t) => {
+		let n = await I({ variables: { id: t.id } });
+		g(n, n.data?.deleteCheckInRecord ? t.id : null, "Could not delete record") && e.success("Check-in record deleted");
+	}, $ = !!i;
+	return /* @__PURE__ */ b("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ y(N, { children: "Kiosks are the front desk of your event. Each check-in station is a device or counter where attendees scan in, and check-in records are the live log of who arrived and when. Configure your stations before doors open, then check attendees in from this page and watch arrivals flow in on the day." }),
+			/* @__PURE__ */ y(D, { children: /* @__PURE__ */ b("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: [/* @__PURE__ */ y(k, { children: "Kiosk" }), " & Check-In"]
+				}), /* @__PURE__ */ y("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Manage check-in stations and record attendee arrivals against a live backend."
+				})] }), /* @__PURE__ */ b("div", {
+					className: "flex flex-wrap items-end gap-3",
+					children: [/* @__PURE__ */ b("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ y("span", {
+							className: "font-medium text-text-primary",
+							children: "Event"
+						}), /* @__PURE__ */ b(B, {
+							value: i || "all",
+							onValueChange: (e) => a(e === "all" ? "" : e),
+							children: [/* @__PURE__ */ y(U, {
+								"aria-label": "Event",
+								className: "min-w-52",
+								children: /* @__PURE__ */ y(W, { placeholder: "All events" })
+							}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+								value: "all",
+								children: "All events"
+							}), t.map((e) => /* @__PURE__ */ y(H, {
+								value: e.id,
+								children: e.name
+							}, e.id))] })]
+						})]
+					}), /* @__PURE__ */ b(E, {
+						type: "button",
+						onClick: Q,
+						disabled: !$,
+						children: [/* @__PURE__ */ y(C, { className: "h-4 w-4" }), "New station"]
+					})]
+				})]
+			}) }),
+			$ ? /* @__PURE__ */ y(ne, {
+				eventId: i,
+				stations: w,
+				onCheckedIn: () => {
+					h.reset(), x.refetch();
+				}
+			}) : /* @__PURE__ */ y(O, {
+				treatment: "plain",
+				className: "border-border-seam p-5",
+				children: /* @__PURE__ */ y(A, {
+					illustration: "empty-data",
+					title: "Select an event to check attendees in",
+					description: "Check-in stations and records belong to a specific event. Pick one above to configure stations and record arrivals.",
+					className: "py-8"
+				})
+			}),
+			/* @__PURE__ */ b(O, {
+				treatment: "plain",
+				className: "border-border-seam p-5",
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ y(S, {
+							className: "h-5 w-5 text-text-secondary",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ y("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: _.loading ? "Loading stations…" : `Stations (${j})`
+						})]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "mt-4",
+						children: w.length === 0 ? /* @__PURE__ */ y(A, {
+							illustration: "empty-data",
+							title: "No check-in stations yet",
+							description: $ ? "Create a station to start scanning attendees in." : "No stations configured.",
+							className: "py-8"
+						}) : /* @__PURE__ */ y("ul", {
+							className: "space-y-2.5",
+							children: w.map((e) => {
+								let t = Y(e.metadata), n = t.isActive ?? !0, r = [
+									t.type?.replace("_", " "),
+									t.location,
+									t.code
+								].filter(Boolean).join(" • ");
+								return /* @__PURE__ */ y("li", {
+									className: "rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
+									children: /* @__PURE__ */ b("div", {
+										className: "flex items-center justify-between gap-3",
+										children: [/* @__PURE__ */ b("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ y("p", {
+												className: "truncate font-medium text-text-primary",
+												children: e.name ?? e.id
+											}), r ? /* @__PURE__ */ y("p", {
+												className: "mt-0.5 truncate text-sm text-text-secondary",
+												children: r
+											}) : null]
+										}), /* @__PURE__ */ b("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ y(T, {
+												variant: n ? "success" : "warning",
+												className: "shrink-0 uppercase",
+												children: n ? "active" : "disabled"
+											}), /* @__PURE__ */ y(f, {
+												ariaLabel: `Station ${e.name ?? e.id} actions`,
+												entityName: e.name ?? void 0,
+												onEdit: () => re(e),
+												onDelete: () => ae(e)
+											})]
+										})]
+									})
+								}, e.id);
+							})
+						})
+					}),
+					/* @__PURE__ */ y(p, {
+						offset: d.offset,
+						limit: d.limit,
+						loadedCount: w.length,
+						total: j,
+						onPrev: d.prevPage,
+						onNext: d.nextPage,
+						itemLabel: "stations",
+						loading: _.loading
+					})
+				]
+			}),
+			/* @__PURE__ */ b(O, {
+				treatment: "plain",
+				className: "border-border-seam p-5",
+				children: [
+					/* @__PURE__ */ y("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: x.loading ? "Loading check-in records…" : `Check-In Records (${P})`
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "mt-4",
+						children: M.length === 0 ? /* @__PURE__ */ y(A, {
+							illustration: "empty-data",
+							title: "No check-in records yet",
+							description: "Arrivals recorded from this page show up here, newest first.",
+							className: "py-8"
+						}) : /* @__PURE__ */ y("ul", {
+							className: "space-y-2.5",
+							children: M.map((e) => /* @__PURE__ */ y("li", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
+								children: /* @__PURE__ */ b("div", {
+									className: "flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ b("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ y("p", {
+											className: "truncate font-medium text-text-primary",
+											children: e.attendeeId ? `Attendee ${e.attendeeId}` : `Record ${e.id}`
+										}), /* @__PURE__ */ b("p", {
+											className: "mt-0.5 truncate text-sm text-text-secondary",
+											children: [
+												e.method,
+												" • ",
+												e.direction,
+												" • ",
+												new Date(e.recordedAt).toLocaleString()
+											]
+										})]
+									}), /* @__PURE__ */ b("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ y(T, {
+											variant: "secondary",
+											className: "shrink-0 uppercase",
+											children: e.status
+										}), /* @__PURE__ */ y(f, {
+											ariaLabel: `Check-in record ${e.id} actions`,
+											onEdit: () => ie(e),
+											onDelete: () => oe(e)
+										})]
+									})]
+								})
+							}, e.id))
+						})
+					}),
+					/* @__PURE__ */ y(p, {
+						offset: h.offset,
+						limit: h.limit,
+						loadedCount: M.length,
+						total: P,
+						onPrev: h.prevPage,
+						onNext: h.nextPage,
+						itemLabel: "records",
+						loading: x.loading
+					})
+				]
 			}),
-			/* @__PURE__ */ i(n, {
-				heading: u.loading ? "Loading check-in records..." : `Check-In Records (${f.length})`,
-				emptyLabel: "No check-in records found.",
-				rows: f.map((e) => ({
-					id: e.id,
-					title: e.attendeeId ? `Attendee ${e.attendeeId}` : `Record ${e.id}`,
-					subtitle: `${e.method} • ${e.direction}`,
-					status: e.status
-				}))
+			i ? /* @__PURE__ */ y(ee, {
+				open: L,
+				onOpenChange: R,
+				eventId: i,
+				eventName: u?.name ?? "this event",
+				station: z
+			}) : null,
+			/* @__PURE__ */ y(te, {
+				open: K,
+				onOpenChange: q,
+				record: J,
+				stations: w
 			})
 		]
 	});
 }
 //#endregion
-export { l as default };
+export { Q as default };
 
 //# sourceMappingURL=KioskPage.js.map