@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.7

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

@@ -4,17 +4,17 @@ 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";
+import { useCallback as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { ArrowLeftFromLine as T, ArrowRightToLine as E, Camera as D, CameraOff as O, Keyboard as k, LogIn as A, Plus as j, QrCode as M, ScanLine as N } from "lucide-react";
+import { Badge as ee, Button as P, EmphasisPanel as te, GlassCard as F, GradientText as ne, IllustratedEmptyState as re, Input as I, Label as ie, PagePurpose as ae, ResponsiveDialog as L, ResponsiveDialogContent as R, ResponsiveDialogDescription as z, ResponsiveDialogFooter as B, ResponsiveDialogHeader as V, ResponsiveDialogTitle as H, ScrollArea as oe, Select as U, SelectContent as W, SelectItem as G, SelectTrigger as K, SelectValue as q, Switch as se } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/KioskPage.tsx
-var K = [
+var ce = [
 	"DESK",
 	"GATE",
 	"SELF_SERVICE",
 	"MOBILE"
-], q = ["QR", "MANUAL"], J = ["IN", "OUT"];
+], J = ["QR", "MANUAL"], le = ["IN", "OUT"];
 function Y(e) {
 	if (!e || typeof e != "object") return {};
 	let t = e;
@@ -28,8 +28,144 @@ function Y(e) {
 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 = _(() => {
+function ue(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+function de(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toLocaleTimeString([], {
+		hour: "numeric",
+		minute: "2-digit"
+	});
+}
+function Z({ onDetected: e }) {
+	let t = typeof window < "u" && !!window.BarcodeDetector, n = b(null), r = b(null), i = b(null), [a, o] = x(!1), [s, c] = x(null), l = _(() => {
+		if (i.current &&= (clearInterval(i.current), null), r.current) {
+			for (let e of r.current.getTracks()) e.stop();
+			r.current = null;
+		}
+		n.current && (n.current.srcObject = null), o(!1);
+	}, []);
+	v(() => l, [l]);
+	let u = _(async () => {
+		if (!(!t || !window.BarcodeDetector)) {
+			c(null);
+			try {
+				let t = await navigator.mediaDevices.getUserMedia({
+					video: { facingMode: "environment" },
+					audio: !1
+				});
+				r.current = t, o(!0);
+				let a = n.current;
+				a && (a.srcObject = t, await a.play().catch(() => void 0));
+				let s = new window.BarcodeDetector({ formats: ["qr_code"] });
+				i.current = setInterval(async () => {
+					let t = n.current;
+					if (!(!t || t.readyState < 2)) try {
+						let n = (await s.detect(t)).find((e) => e.rawValue.trim());
+						n && (e(n.rawValue.trim()), l());
+					} catch {}
+				}, 350);
+			} catch {
+				c("Camera unavailable. Grant camera access or use manual lookup."), l();
+			}
+		}
+	}, [
+		e,
+		l,
+		t
+	]);
+	return /* @__PURE__ */ w("div", {
+		className: "relative aspect-square w-full overflow-hidden rounded-card border-2 border-accent-primary/70 bg-bg-sunken",
+		children: [
+			/* @__PURE__ */ C("video", {
+				ref: n,
+				className: `h-full w-full object-cover transition-opacity duration-300 ${a ? "opacity-100" : "opacity-0"}`,
+				muted: !0,
+				playsInline: !0,
+				"aria-label": "Attendee QR camera preview"
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "pointer-events-none absolute inset-0 p-5",
+				children: /* @__PURE__ */ w("div", {
+					className: "relative h-full w-full",
+					children: [
+						/* @__PURE__ */ C("span", { className: "absolute left-0 top-0 h-10 w-10 rounded-tl-lg border-l-4 border-t-4 border-accent-primary" }),
+						/* @__PURE__ */ C("span", { className: "absolute right-0 top-0 h-10 w-10 rounded-tr-lg border-r-4 border-t-4 border-accent-primary" }),
+						/* @__PURE__ */ C("span", { className: "absolute bottom-0 left-0 h-10 w-10 rounded-bl-lg border-b-4 border-l-4 border-accent-primary" }),
+						/* @__PURE__ */ C("span", { className: "absolute bottom-0 right-0 h-10 w-10 rounded-br-lg border-b-4 border-r-4 border-accent-primary" }),
+						a ? /* @__PURE__ */ C("span", { className: "absolute inset-x-6 top-1/2 h-0.5 animate-pulse bg-accent-primary/80" }) : null
+					]
+				})
+			}),
+			a ? /* @__PURE__ */ w("div", {
+				className: "absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-bg-canvas/70 p-3 backdrop-blur",
+				children: [/* @__PURE__ */ w("span", {
+					className: "flex items-center gap-1.5 text-xs font-medium text-text-primary",
+					children: [/* @__PURE__ */ C("span", { className: "h-2 w-2 animate-pulse rounded-full bg-status-success-text" }), "Scanning…"]
+				}), /* @__PURE__ */ w(P, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: l,
+					children: [/* @__PURE__ */ C(O, { className: "h-4 w-4" }), "Stop"]
+				})]
+			}) : /* @__PURE__ */ w("div", {
+				className: "absolute inset-0 flex flex-col items-center justify-center gap-3 text-center",
+				children: [
+					/* @__PURE__ */ C(M, {
+						className: "h-16 w-16 text-text-muted",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ C("p", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "Scan attendee QR"
+					}),
+					t ? /* @__PURE__ */ w(P, {
+						type: "button",
+						size: "sm",
+						variant: "secondary",
+						onClick: () => void u(),
+						children: [/* @__PURE__ */ C(D, { className: "h-4 w-4" }), "Start camera"]
+					}) : /* @__PURE__ */ C("p", {
+						className: "max-w-56 text-xs text-text-secondary",
+						children: "Camera scanning isn't available in this browser — use manual lookup below."
+					}),
+					s ? /* @__PURE__ */ C("p", {
+						className: "max-w-56 text-xs text-status-danger-text",
+						children: s
+					}) : null
+				]
+			})
+		]
+	});
+}
+function Q({ label: e, value: t, options: n, onChange: r }) {
+	return /* @__PURE__ */ w("div", {
+		className: "space-y-1.5",
+		children: [/* @__PURE__ */ C("span", {
+			className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+			children: e
+		}), /* @__PURE__ */ C("div", {
+			role: "group",
+			"aria-label": e,
+			className: "inline-flex rounded-input border border-border-default bg-bg-sunken p-0.5",
+			children: n.map((e) => {
+				let n = e.icon, i = e.value === t;
+				return /* @__PURE__ */ w("button", {
+					type: "button",
+					"aria-pressed": i,
+					onClick: () => r(e.value),
+					className: `inline-flex items-center gap-1.5 rounded-[calc(var(--radius-input)-2px)] px-3 py-1.5 text-sm font-medium transition-colors ${i ? "bg-action-primary-bg text-action-primary-text shadow-elevation-1" : "text-text-secondary hover:text-text-primary"}`,
+					children: [n ? /* @__PURE__ */ C(n, { className: "h-4 w-4" }) : null, e.label]
+				}, e.value);
+			})
+		})]
+	});
+}
+function fe({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o }) {
+	let s = !!o, [c, { loading: l }] = a(), [u, { loading: f }] = d(), p = y(() => {
 		if (!o) return {
 			name: "",
 			code: "",
@@ -45,26 +181,26 @@ function ee({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o })
 			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);
+	}, [o]), [m, _] = x(p), [v, b] = x(null), S = `${t ? "open" : "closed"}:${o?.id ?? "new"}`;
+	t && v !== S && (b(S), _(p)), !t && v !== null && b(null);
 	let T = (e, t) => {
-		x((n) => ({
+		_((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, D = l || f;
-	return /* @__PURE__ */ y(P, {
+	}, E = l || f;
+	return /* @__PURE__ */ C(L, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ b(F, {
+		children: /* @__PURE__ */ w(R, {
 			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: [
+				/* @__PURE__ */ w(V, { children: [/* @__PURE__ */ C(H, { children: s ? "Edit check-in station" : "New check-in station" }), /* @__PURE__ */ w(z, { children: [
 					"A station is a desk, gate or device where attendees scan in at ",
 					i,
 					"."
 				] })] }),
-				/* @__PURE__ */ b("form", {
+				/* @__PURE__ */ w("form", {
 					id: "station-form",
 					onSubmit: async (t) => {
 						t.preventDefault();
@@ -102,71 +238,71 @@ function ee({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o })
 					},
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ b("label", {
+							children: [/* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Name"
-								}), /* @__PURE__ */ y(j, {
+								}), /* @__PURE__ */ C(I, {
 									value: m.name,
 									onChange: (e) => T("name", e.target.value),
 									placeholder: "Main entrance",
 									required: !0
 								})]
-							}), /* @__PURE__ */ b("label", {
+							}), /* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Code"
-								}), /* @__PURE__ */ y(j, {
+								}), /* @__PURE__ */ C(I, {
 									value: m.code,
 									onChange: (e) => T("code", e.target.value),
 									placeholder: "Auto from name"
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ b("label", {
+							children: [/* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Location"
-								}), /* @__PURE__ */ y(j, {
+								}), /* @__PURE__ */ C(I, {
 									value: m.location,
 									onChange: (e) => T("location", e.target.value),
 									placeholder: "North lobby"
 								})]
-							}), /* @__PURE__ */ b("label", {
+							}), /* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Type"
-								}), /* @__PURE__ */ b(B, {
+								}), /* @__PURE__ */ w(U, {
 									value: m.type,
 									onValueChange: (e) => T("type", e),
-									children: [/* @__PURE__ */ y(U, {
+									children: [/* @__PURE__ */ C(K, {
 										"aria-label": "Station type",
-										children: /* @__PURE__ */ y(W, {})
-									}), /* @__PURE__ */ y(V, { children: K.map((e) => /* @__PURE__ */ y(H, {
+										children: /* @__PURE__ */ C(q, {})
+									}), /* @__PURE__ */ C(W, { children: ce.map((e) => /* @__PURE__ */ C(G, {
 										value: e,
 										children: e.replace("_", " ")
 									}, e)) })]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ w("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, {
+							children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(ie, {
 								htmlFor: "station-active",
 								className: "text-text-primary",
 								children: "Active"
-							}), /* @__PURE__ */ y("p", {
+							}), /* @__PURE__ */ C("p", {
 								className: "text-xs text-text-secondary",
 								children: "Disabled stations stay configured but cannot accept scans."
-							})] }), /* @__PURE__ */ y(G, {
+							})] }), /* @__PURE__ */ C(se, {
 								id: "station-active",
 								checked: m.isActive,
 								onCheckedChange: (e) => T("isActive", e),
@@ -175,30 +311,30 @@ function ee({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o })
 						})
 					]
 				}),
-				/* @__PURE__ */ b(L, { children: [/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ w(B, { children: [/* @__PURE__ */ C(P, {
 					type: "button",
 					variant: "outline",
 					onClick: () => n(!1),
-					disabled: D,
+					disabled: E,
 					children: "Cancel"
-				}), /* @__PURE__ */ y(E, {
+				}), /* @__PURE__ */ C(P, {
 					type: "submit",
 					form: "station-form",
-					disabled: D,
-					children: D ? "Saving…" : s ? "Save station" : "Create station"
+					disabled: E,
+					children: E ? "Saving…" : s ? "Save station" : "Create station"
 				})] })
 			]
 		})
 	});
 }
-function te({ open: t, onOpenChange: n, record: r, stations: i }) {
-	let [a, { loading: o }] = u(), s = _(() => ({
+function pe({ open: t, onOpenChange: n, record: r, stations: i }) {
+	let [a, { loading: o }] = u(), s = y(() => ({
 		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"}`;
+	}), [r]), [c, l] = x(s), [d, f] = x(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) => ({
@@ -206,14 +342,14 @@ function te({ open: t, onOpenChange: n, record: r, stations: i }) {
 			[e]: t
 		}));
 	};
-	return /* @__PURE__ */ y(P, {
+	return /* @__PURE__ */ C(L, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ b(F, {
+		children: /* @__PURE__ */ w(R, {
 			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", {
+				/* @__PURE__ */ w(V, { children: [/* @__PURE__ */ C(H, { children: "Edit check-in record" }), /* @__PURE__ */ C(z, { children: "Correct the direction, method or station for this scan." })] }),
+				/* @__PURE__ */ w("form", {
 					id: "record-form",
 					onSubmit: async (t) => {
 						if (t.preventDefault(), !r) return;
@@ -240,78 +376,78 @@ function te({ open: t, onOpenChange: n, record: r, stations: i }) {
 					},
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ b("label", {
+						/* @__PURE__ */ w("label", {
 							className: "block space-y-1 text-sm",
-							children: [/* @__PURE__ */ y("span", {
+							children: [/* @__PURE__ */ C("span", {
 								className: "font-medium text-text-primary",
 								children: "Attendee ID"
-							}), /* @__PURE__ */ y(j, {
+							}), /* @__PURE__ */ C(I, {
 								value: c.attendeeId,
 								onChange: (e) => m("attendeeId", e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ b("label", {
+							children: [/* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Method"
-								}), /* @__PURE__ */ b(B, {
+								}), /* @__PURE__ */ w(U, {
 									value: c.method,
 									onValueChange: (e) => m("method", e),
-									children: [/* @__PURE__ */ y(U, {
+									children: [/* @__PURE__ */ C(K, {
 										"aria-label": "Method",
-										children: /* @__PURE__ */ y(W, {})
-									}), /* @__PURE__ */ y(V, { children: q.map((e) => /* @__PURE__ */ y(H, {
+										children: /* @__PURE__ */ C(q, {})
+									}), /* @__PURE__ */ C(W, { children: J.map((e) => /* @__PURE__ */ C(G, {
 										value: e,
 										children: e
 									}, e)) })]
 								})]
-							}), /* @__PURE__ */ b("label", {
+							}), /* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Direction"
-								}), /* @__PURE__ */ b(B, {
+								}), /* @__PURE__ */ w(U, {
 									value: c.direction,
 									onValueChange: (e) => m("direction", e),
-									children: [/* @__PURE__ */ y(U, {
+									children: [/* @__PURE__ */ C(K, {
 										"aria-label": "Direction",
-										children: /* @__PURE__ */ y(W, {})
-									}), /* @__PURE__ */ y(V, { children: J.map((e) => /* @__PURE__ */ y(H, {
+										children: /* @__PURE__ */ C(q, {})
+									}), /* @__PURE__ */ C(W, { children: le.map((e) => /* @__PURE__ */ C(G, {
 										value: e,
 										children: e
 									}, e)) })]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ w("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ b("label", {
+							children: [/* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Status"
-								}), /* @__PURE__ */ y(j, {
+								}), /* @__PURE__ */ C(I, {
 									value: c.status,
 									onChange: (e) => m("status", e.target.value)
 								})]
-							}), /* @__PURE__ */ b("label", {
+							}), /* @__PURE__ */ w("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "font-medium text-text-primary",
 									children: "Station"
-								}), /* @__PURE__ */ b(B, {
+								}), /* @__PURE__ */ w(U, {
 									value: c.stationId || "none",
 									onValueChange: (e) => m("stationId", e === "none" ? "" : e),
-									children: [/* @__PURE__ */ y(U, {
+									children: [/* @__PURE__ */ C(K, {
 										"aria-label": "Station",
-										children: /* @__PURE__ */ y(W, {})
-									}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+										children: /* @__PURE__ */ C(q, {})
+									}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
 										value: "none",
 										children: "No station"
-									}), i.map((e) => /* @__PURE__ */ y(H, {
+									}), i.map((e) => /* @__PURE__ */ C(G, {
 										value: e.id,
 										children: e.name ?? e.id
 									}, e.id))] })]
@@ -320,13 +456,13 @@ function te({ open: t, onOpenChange: n, record: r, stations: i }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ b(L, { children: [/* @__PURE__ */ y(E, {
+				/* @__PURE__ */ w(B, { children: [/* @__PURE__ */ C(P, {
 					type: "button",
 					variant: "outline",
 					onClick: () => n(!1),
 					disabled: o,
 					children: "Cancel"
-				}), /* @__PURE__ */ y(E, {
+				}), /* @__PURE__ */ C(P, {
 					type: "submit",
 					form: "record-form",
 					disabled: o,
@@ -336,163 +472,173 @@ function te({ open: t, onOpenChange: n, record: r, stations: i }) {
 		})
 	});
 }
-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
-	}), k = c({
-		eventId: n,
+function me({ eventId: t, eventName: n, stations: r, attendees: a, activeStationId: o, onStationChange: s, onCheckedIn: l }) {
+	let [u, d] = x(""), [f, p] = x("QR"), [m, _] = x("IN"), [v, y] = x(""), S = b(null), [D, { loading: O }] = i(), j = c({
+		eventId: t,
 		limit: 100,
 		offset: 0
-	}), A = D.data?.attendees.items ?? [], M = k.data?.eventSessions.items ?? [], N = (e) => {
+	}).data?.eventSessions.items ?? [], ee = (e) => {
 		let t = e.trim();
 		if (!t) return {
 			attendeeId: null,
-			label: "attendee"
+			label: "attendee",
+			matched: !1
 		};
 		if (t.includes("@")) {
-			let e = A.find((e) => e.email?.toLowerCase() === t.toLowerCase());
+			let e = a.find((e) => e.email?.toLowerCase() === t.toLowerCase());
 			return {
 				attendeeId: e?.id ?? null,
-				label: e?.fullName ?? t
+				label: e?.fullName ?? t,
+				matched: !!e
 			};
 		}
+		let n = a.find((e) => e.id === t);
 		return {
 			attendeeId: t,
-			label: A.find((e) => e.id === t)?.fullName ?? `attendee ${t}`
+			label: n?.fullName ?? `attendee ${t}`,
+			matched: !!n
 		};
 	};
-	return /* @__PURE__ */ b(O, {
-		treatment: "plain",
-		className: "border-border-seam p-5",
+	return /* @__PURE__ */ w(F, {
+		treatment: "glass",
+		glow: !0,
+		className: "border-border-seam p-5 sm:p-6",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ y(w, {
-					className: "h-5 w-5 text-text-secondary",
+				children: [/* @__PURE__ */ C(N, {
+					className: "h-5 w-5 text-accent-primary",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ y("h2", {
+				}), /* @__PURE__ */ C("h2", {
 					className: "text-lg font-semibold text-text-primary",
-					children: "Check in an attendee"
+					children: "Kiosk mode"
 				})]
 			}),
-			/* @__PURE__ */ y("p", {
+			/* @__PURE__ */ w("p", {
 				className: "mt-1 text-sm text-text-secondary",
-				children: "Scan a QR badge or type an attendee ID or email, then record the arrival."
+				children: [
+					"Scan an attendee badge or look them up, set the direction, and check them into ",
+					n,
+					"."
+				]
 			}),
-			/* @__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()}”.`);
+			/* @__PURE__ */ C("div", {
+				className: "mt-5",
+				children: /* @__PURE__ */ C(Z, { onDetected: (t) => {
+					d(t), p("QR"), e.info("QR captured", "Confirm the details and tap Check in."), S.current?.focus();
+				} })
+			}),
+			/* @__PURE__ */ w("form", {
+				onSubmit: async (n) => {
+					n.preventDefault();
+					let { attendeeId: i, label: a } = ee(u);
+					if (u.trim().includes("@") && !i) {
+						e.error("Attendee not found", `No attendee at this event matches “${u.trim()}”.`);
 						return;
 					}
-					let c = {
-						eventId: n,
-						attendeeId: r,
-						stationId: p || null,
-						method: l,
-						direction: d,
-						status: "checked_in",
+					let s = {
+						eventId: t,
+						attendeeId: i,
+						stationId: o || null,
+						method: f,
+						direction: m,
+						status: m === "OUT" ? "checked_out" : "checked_in",
 						recordedAt: (/* @__PURE__ */ new Date()).toISOString(),
-						metadata: _ ? { sessionId: _ } : {}
+						metadata: v ? { sessionId: v } : {}
 					};
 					try {
-						let t = await C({ variables: { input: c } });
+						let t = await D({ variables: { input: s } });
 						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();
+						let n = r.find((e) => e.id === o);
+						e.success(`${a} checked ${m === "OUT" ? "out" : "in"}`, `Recorded via ${f}${n?.name ? ` • ${n.name}` : ""}.`), d(""), S.current?.focus(), l();
 					} catch (t) {
 						e.error("Could not record check-in", h(t));
 					}
 				},
-				className: "mt-4 space-y-4",
+				className: "mt-5 space-y-5",
 				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__ */ w("label", {
+						className: "block space-y-1.5",
+						children: [/* @__PURE__ */ w("span", {
+							className: "flex items-center gap-1.5 text-xs font-medium uppercase tracking-wide text-text-secondary",
+							children: [/* @__PURE__ */ C(k, { className: "h-3.5 w-3.5" }), "Manual lookup"]
+						}), /* @__PURE__ */ C(I, {
+							ref: S,
+							value: u,
+							onChange: (e) => d(e.target.value),
+							placeholder: "Enter name, email or attendee ID",
+							autoComplete: "off",
+							className: "h-12 text-base"
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
-						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					/* @__PURE__ */ w("div", {
+						className: "flex flex-wrap gap-5",
 						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__ */ C(Q, {
+								label: "Method",
+								value: f,
+								onChange: p,
+								options: [{
+									value: "QR",
+									label: "QR",
+									icon: M
+								}, {
+									value: "MANUAL",
+									label: "Manual",
+									icon: k
+								}]
 							}),
-							/* @__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__ */ C(Q, {
+								label: "Direction",
+								value: m,
+								onChange: _,
+								options: [{
+									value: "IN",
+									label: "In",
+									icon: E
+								}, {
+									value: "OUT",
+									label: "Out",
+									icon: T
+								}]
 							}),
-							/* @__PURE__ */ b("label", {
-								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ y("span", {
-									className: "font-medium text-text-primary",
+							/* @__PURE__ */ w("label", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ C("span", {
+									className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 									children: "Station"
-								}), /* @__PURE__ */ b(B, {
-									value: p || "none",
-									onValueChange: (e) => m(e === "none" ? "" : e),
-									children: [/* @__PURE__ */ y(U, {
+								}), /* @__PURE__ */ w(U, {
+									value: o || "none",
+									onValueChange: (e) => s(e === "none" ? "" : e),
+									children: [/* @__PURE__ */ C(K, {
 										"aria-label": "Station",
-										children: /* @__PURE__ */ y(W, {})
-									}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+										className: "min-w-40",
+										children: /* @__PURE__ */ C(q, { placeholder: "No station" })
+									}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
 										value: "none",
 										children: "No station"
-									}), r.map((e) => /* @__PURE__ */ y(H, {
+									}), r.map((e) => /* @__PURE__ */ C(G, {
 										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",
+							/* @__PURE__ */ w("label", {
+								className: "space-y-1.5",
+								children: [/* @__PURE__ */ C("span", {
+									className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 									children: "Session"
-								}), /* @__PURE__ */ b(B, {
-									value: _ || "none",
-									onValueChange: (e) => S(e === "none" ? "" : e),
-									children: [/* @__PURE__ */ y(U, {
+								}), /* @__PURE__ */ w(U, {
+									value: v || "none",
+									onValueChange: (e) => y(e === "none" ? "" : e),
+									children: [/* @__PURE__ */ C(K, {
 										"aria-label": "Session",
-										children: /* @__PURE__ */ y(W, {})
-									}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+										className: "min-w-40",
+										children: /* @__PURE__ */ C(q, { placeholder: "Whole event" })
+									}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
 										value: "none",
 										children: "Whole event"
-									}), M.map((e) => /* @__PURE__ */ y(H, {
+									}), j.map((e) => /* @__PURE__ */ C(G, {
 										value: e.id,
 										children: e.title
 									}, e.id))] })]
@@ -500,262 +646,316 @@ function ne({ eventId: n, stations: r, onCheckedIn: a }) {
 							})
 						]
 					}),
-					/* @__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"]
-						})
+					/* @__PURE__ */ w(P, {
+						type: "submit",
+						size: "lg",
+						disabled: O || !u.trim(),
+						className: "h-12 w-full text-base",
+						children: [/* @__PURE__ */ C(A, { className: "h-5 w-5" }), O ? "Recording…" : `Check ${m === "OUT" ? "out" : "in"}`]
 					})
 				]
 			})
 		]
 	});
 }
-var Z = 10;
-function Q() {
-	let t = l({
+var he = 10, ge = 500;
+function _e() {
+	let i = 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 } });
+	}).data?.events.items ?? [], [a, c] = x(""), u = a || void 0, d = i.find((e) => e.id === a), [h, _] = x(""), v = m({
+		pageSize: he,
+		resetKey: a
+	}), b = r({
+		eventId: u,
+		limit: 100,
+		offset: 0
+	}), T = n({
+		eventId: u,
+		limit: v.limit,
+		offset: v.offset
+	}), E = n({
+		eventId: u,
+		limit: ge,
+		offset: 0
+	}), D = t({
+		eventId: u,
+		limit: 200,
+		offset: 0
+	}), O = y(() => b.data?.checkInStations.items ?? [], [b.data]), k = T.data?.checkInRecords.items ?? [], A = T.data?.checkInRecords.total ?? 0, M = y(() => E.data?.checkInRecords.items ?? [], [E.data]), N = y(() => D.data?.attendees.items ?? [], [D.data]), I = D.data?.attendees.total ?? 0, ie = y(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of N) e.set(t.id, t.fullName);
+		return e;
+	}, [N]), L = y(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of O) e.set(t.id, t.name ?? t.id);
+		return e;
+	}, [O]), { checkedInCount: R, stationCounts: z } = y(() => {
+		let e = /* @__PURE__ */ new Set(), t = { count: 0 }, n = /* @__PURE__ */ new Map(), r = [...M].sort((e, t) => new Date(e.recordedAt).getTime() - new Date(t.recordedAt).getTime());
+		for (let i of r) {
+			let r = i.attendeeId ?? "";
+			if (i.direction === "OUT" ? r ? e.delete(r) : t.count > 0 && --t.count : r ? e.add(r) : t.count += 1, i.stationId && i.direction !== "OUT") {
+				let e = n.get(i.stationId) ?? /* @__PURE__ */ new Set();
+				e.add(i.id), n.set(i.stationId, e);
+			}
+		}
+		let i = /* @__PURE__ */ new Map();
+		for (let [e, t] of n) i.set(e, t.size);
+		return {
+			checkedInCount: e.size + t.count,
+			stationCounts: i
+		};
+	}, [M]), B = I, V = B > 0 ? Math.min(100, Math.round(R / B * 100)) : 0, [H] = s(), [se] = o(), [ce, J] = x(!1), [le, Y] = x(void 0), [X, Z] = x(!1), [Q, _e] = x(null), $ = () => {
+		Y(void 0), J(!0);
+	}, ve = (e) => {
+		Y(e), J(!0);
+	}, ye = (e) => {
+		_e(e), Z(!0);
+	}, be = async (t) => {
+		let n = await H({ variables: { id: t.id } });
+		g(n, n.data?.deleteCheckInStation ? t.id : null, "Could not delete station") && (h === t.id && _(""), e.success("Station deleted", `“${t.name ?? t.id}” was removed.`));
+	}, xe = async (t) => {
+		let n = await se({ 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", {
+	}, Se = () => {
+		T.refetch(), E.refetch();
+	}, Ce = (e) => e.attendeeId ? ie.get(e.attendeeId) ?? `Attendee ${e.attendeeId.slice(0, 8)}` : "Walk-in guest", we = !!a;
+	return /* @__PURE__ */ w("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", {
+			/* @__PURE__ */ C(ae, { 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__ */ C(te, { children: /* @__PURE__ */ w("div", {
 				className: "flex flex-wrap items-start justify-between gap-4",
-				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("h1", {
+				children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: [/* @__PURE__ */ y(k, { children: "Kiosk" }), " & Check-In"]
-				}), /* @__PURE__ */ y("p", {
+					children: [/* @__PURE__ */ C(ne, { children: "Kiosk" }), " & Check-In"]
+				}), /* @__PURE__ */ C("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", {
+				})] }), /* @__PURE__ */ w("div", {
 					className: "flex flex-wrap items-end gap-3",
-					children: [/* @__PURE__ */ b("label", {
+					children: [/* @__PURE__ */ w("label", {
 						className: "space-y-1 text-sm",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ C("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, {
+						}), /* @__PURE__ */ w(U, {
+							value: a || "all",
+							onValueChange: (e) => c(e === "all" ? "" : e),
+							children: [/* @__PURE__ */ C(K, {
 								"aria-label": "Event",
 								className: "min-w-52",
-								children: /* @__PURE__ */ y(W, { placeholder: "All events" })
-							}), /* @__PURE__ */ b(V, { children: [/* @__PURE__ */ y(H, {
+								children: /* @__PURE__ */ C(q, { placeholder: "All events" })
+							}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
 								value: "all",
 								children: "All events"
-							}), t.map((e) => /* @__PURE__ */ y(H, {
+							}), i.map((e) => /* @__PURE__ */ C(G, {
 								value: e.id,
 								children: e.name
 							}, e.id))] })]
 						})]
-					}), /* @__PURE__ */ b(E, {
+					}), /* @__PURE__ */ w(P, {
 						type: "button",
-						onClick: Q,
-						disabled: !$,
-						children: [/* @__PURE__ */ y(C, { className: "h-4 w-4" }), "New station"]
+						onClick: $,
+						disabled: !we,
+						children: [/* @__PURE__ */ C(j, { className: "h-4 w-4" }), "New station"]
 					})]
 				})]
 			}) }),
-			$ ? /* @__PURE__ */ y(ne, {
-				eventId: i,
-				stations: w,
-				onCheckedIn: () => {
-					h.reset(), x.refetch();
-				}
-			}) : /* @__PURE__ */ y(O, {
+			we ? /* @__PURE__ */ w("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-12",
+				children: [/* @__PURE__ */ C("div", {
+					className: "lg:col-span-5",
+					children: /* @__PURE__ */ C(me, {
+						eventId: a,
+						eventName: d?.name ?? "this event",
+						stations: O,
+						attendees: N,
+						activeStationId: h,
+						onStationChange: _,
+						onCheckedIn: Se
+					})
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-6 lg:col-span-7",
+					children: [/* @__PURE__ */ w("section", { children: [
+						/* @__PURE__ */ C("h2", {
+							className: "text-sm font-semibold uppercase tracking-wide text-text-secondary",
+							children: "Stations"
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "mt-3 flex flex-wrap gap-2",
+							children: [O.map((e) => {
+								let t = h === e.id, n = z.get(e.id) ?? 0;
+								return /* @__PURE__ */ w("div", {
+									className: `group inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors ${t ? "border-accent-primary bg-accent-primary/10 text-accent-primary" : "border-border-default bg-bg-surface text-text-secondary hover:border-border-strong"}`,
+									children: [/* @__PURE__ */ w("button", {
+										type: "button",
+										"aria-pressed": t,
+										onClick: () => _(t ? "" : e.id),
+										className: "inline-flex items-center gap-1.5 font-medium outline-none",
+										children: [e.name ?? e.id, n > 0 ? /* @__PURE__ */ C("span", {
+											className: "rounded-full bg-bg-sunken px-1.5 py-0.5 text-xs tabular-nums text-text-secondary",
+											children: n
+										}) : null]
+									}), /* @__PURE__ */ C(f, {
+										ariaLabel: `Station ${e.name ?? e.id} actions`,
+										entityName: e.name ?? void 0,
+										onEdit: () => ve(e),
+										onDelete: () => be(e)
+									})]
+								}, e.id);
+							}), /* @__PURE__ */ w("button", {
+								type: "button",
+								onClick: $,
+								className: "inline-flex items-center gap-1.5 rounded-full border border-dashed border-border-strong px-3 py-1.5 text-sm font-medium text-text-secondary transition-colors hover:border-accent-primary hover:text-accent-primary",
+								children: [/* @__PURE__ */ C(j, { className: "h-3.5 w-3.5" }), "New station"]
+							})]
+						}),
+						b.loading && O.length === 0 ? /* @__PURE__ */ C("p", {
+							className: "mt-2 text-sm text-text-secondary",
+							children: "Loading stations…"
+						}) : null
+					] }), /* @__PURE__ */ w(F, {
+						treatment: "plain",
+						className: "border-border-seam p-5",
+						children: [
+							/* @__PURE__ */ w("div", {
+								className: "flex flex-wrap items-center justify-between gap-2",
+								children: [/* @__PURE__ */ C("h2", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Check-In Records"
+								}), /* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: [
+										"Checked in",
+										" ",
+										/* @__PURE__ */ C("span", {
+											className: "text-lg font-bold tabular-nums text-text-primary",
+											children: R.toLocaleString()
+										}),
+										B > 0 ? /* @__PURE__ */ w(S, { children: [
+											" ",
+											"/ ",
+											/* @__PURE__ */ C("span", {
+												className: "tabular-nums",
+												children: B.toLocaleString()
+											})
+										] }) : null
+									]
+								})]
+							}),
+							B > 0 ? /* @__PURE__ */ C("div", {
+								className: "mt-3 h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
+								role: "progressbar",
+								"aria-valuenow": R,
+								"aria-valuemin": 0,
+								"aria-valuemax": B,
+								"aria-label": "Attendees checked in",
+								children: /* @__PURE__ */ C("div", {
+									className: "h-full rounded-full bg-action-primary-bg transition-[width] duration-500",
+									style: { width: `${V}%` }
+								})
+							}) : null,
+							/* @__PURE__ */ C("div", {
+								className: "mt-4",
+								children: k.length === 0 ? /* @__PURE__ */ C(re, {
+									illustration: "empty-data",
+									title: T.loading ? "Loading check-in records…" : "No check-in records yet",
+									description: "Arrivals recorded from this kiosk show up here, newest first.",
+									className: "py-8"
+								}) : /* @__PURE__ */ C(oe, {
+									className: "max-h-[28rem] pr-3",
+									children: /* @__PURE__ */ C("ul", {
+										className: "space-y-2.5",
+										children: k.map((e) => {
+											let t = Ce(e), n = e.direction === "OUT", r = e.stationId ? L.get(e.stationId) : null;
+											return /* @__PURE__ */ w("li", {
+												className: "flex items-center gap-3 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__ */ C("span", {
+														className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-accent-primary/10 text-sm font-semibold text-accent-primary",
+														"aria-hidden": "true",
+														children: ue(t)
+													}),
+													/* @__PURE__ */ w("div", {
+														className: "min-w-0 flex-1",
+														children: [/* @__PURE__ */ C("p", {
+															className: "truncate font-medium text-text-primary",
+															children: t
+														}), /* @__PURE__ */ w("p", {
+															className: "mt-0.5 truncate text-sm text-text-secondary",
+															children: [
+																de(e.recordedAt),
+																" • ",
+																e.method
+															]
+														})]
+													}),
+													/* @__PURE__ */ w("div", {
+														className: "flex shrink-0 items-center gap-2",
+														children: [
+															/* @__PURE__ */ C(ee, {
+																variant: n ? "secondary" : "success",
+																className: "uppercase",
+																children: n ? "Checked out" : "Checked in"
+															}),
+															r ? /* @__PURE__ */ C("span", {
+																className: "hidden text-sm text-text-secondary sm:inline",
+																children: r
+															}) : null,
+															/* @__PURE__ */ C(f, {
+																ariaLabel: `Check-in record ${e.id} actions`,
+																onEdit: () => ye(e),
+																onDelete: () => xe(e)
+															})
+														]
+													})
+												]
+											}, e.id);
+										})
+									})
+								})
+							}),
+							/* @__PURE__ */ C(p, {
+								offset: v.offset,
+								limit: v.limit,
+								loadedCount: k.length,
+								total: A,
+								onPrev: v.prevPage,
+								onNext: v.nextPage,
+								itemLabel: "records",
+								loading: T.loading
+							})
+						]
+					})]
+				})]
+			}) : /* @__PURE__ */ C(F, {
 				treatment: "plain",
 				className: "border-border-seam p-5",
-				children: /* @__PURE__ */ y(A, {
+				children: /* @__PURE__ */ C(re, {
 					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.",
+					title: "Select an event to open the kiosk",
+					description: "Check-in stations and records belong to a specific event. Pick one above to start scanning attendees in.",
 					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
-					})
-				]
-			}),
-			i ? /* @__PURE__ */ y(ee, {
-				open: L,
-				onOpenChange: R,
-				eventId: i,
-				eventName: u?.name ?? "this event",
-				station: z
+			a ? /* @__PURE__ */ C(fe, {
+				open: ce,
+				onOpenChange: J,
+				eventId: a,
+				eventName: d?.name ?? "this event",
+				station: le
 			}) : null,
-			/* @__PURE__ */ y(te, {
-				open: K,
-				onOpenChange: q,
-				record: J,
-				stations: w
+			/* @__PURE__ */ C(pe, {
+				open: X,
+				onOpenChange: Z,
+				record: Q,
+				stations: O
 			})
 		]
 	});
 }
 //#endregion
-export { Q as default };
+export { _e as default };
 
 //# sourceMappingURL=KioskPage.js.map