@burdenoff/microfe-eventfullymanaged 2026.722.1 → 2026.728.1

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

@@ -1,21 +1,23 @@
 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 { 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, useScanCheckInMutation as u, useUpdateCheckInRecordMutation as d, useUpdateCheckInStationMutation as f } from "../../api/eventApi.js";
+import { ActionMenu as p } from "../../components/ActionMenu.js";
+import { Pagination as m, usePagination as h } from "../../components/Pagination.js";
+import { describeError as g, mutationSucceeded as _ } from "../../lib/mutationResult.js";
 import "../../components/index.js";
-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";
+import { enqueuePendingScan as v } from "../../lib/offlineCheckInQueue.js";
+import { useOfflineCheckInSync as y } from "../../lib/useOfflineCheckInSync.js";
+import { useCallback as b, useEffect as x, useMemo as S, useRef as C, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { ArrowLeftFromLine as O, ArrowRightToLine as k, Camera as A, CameraOff as j, CloudOff as M, Keyboard as N, LogIn as ee, Plus as P, QrCode as te, RefreshCw as F, ScanLine as ne } from "lucide-react";
+import { Badge as re, Button as I, EmphasisPanel as ie, GlassCard as L, GradientText as R, IllustratedEmptyState as z, Input as B, Label as V, PagePurpose as ae, ResponsiveDialog as H, ResponsiveDialogContent as U, ResponsiveDialogDescription as W, ResponsiveDialogFooter as G, ResponsiveDialogHeader as K, ResponsiveDialogTitle as q, ScrollArea as oe, Select as J, SelectContent as Y, SelectItem as X, SelectTrigger as Z, SelectValue as Q, Switch as se } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/KioskPage.tsx
-var ce = [
+var ce = /^[^.\s]+\.[0-9a-f]{64}$/i, le = [
 	"DESK",
 	"GATE",
 	"SELF_SERVICE",
 	"MOBILE"
-], J = ["QR", "MANUAL"], le = ["IN", "OUT"];
-function Y(e) {
+], ue = ["QR", "MANUAL"], de = ["IN", "OUT"];
+function fe(e) {
 	if (!e || typeof e != "object") return {};
 	let t = e;
 	return {
@@ -25,30 +27,30 @@ function Y(e) {
 		isActive: typeof t.isActive == "boolean" ? t.isActive : void 0
 	};
 }
-function X(e) {
+function pe(e) {
 	return e.trim().toUpperCase().replace(/[^A-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 24) || "STATION";
 }
-function ue(e) {
+function me(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) {
+function he(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 = _(() => {
+function ge({ onDetected: e }) {
+	let t = typeof window < "u" && !!window.BarcodeDetector, n = C(null), r = C(null), i = C(null), [a, o] = w(!1), [s, c] = w(null), l = b(() => {
 		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 () => {
+	x(() => l, [l]);
+	let u = b(async () => {
 		if (!(!t || !window.BarcodeDetector)) {
 			c(null);
 			try {
@@ -76,63 +78,63 @@ function Z({ onDetected: e }) {
 		l,
 		t
 	]);
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ D("div", {
 		className: "relative aspect-square w-full overflow-hidden rounded-card border-2 border-accent-primary/70 bg-bg-sunken",
 		children: [
-			/* @__PURE__ */ C("video", {
+			/* @__PURE__ */ E("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", {
+			/* @__PURE__ */ E("div", {
 				className: "pointer-events-none absolute inset-0 p-5",
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ D("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
+						/* @__PURE__ */ E("span", { className: "absolute left-0 top-0 h-10 w-10 rounded-tl-lg border-l-4 border-t-4 border-accent-primary" }),
+						/* @__PURE__ */ E("span", { className: "absolute right-0 top-0 h-10 w-10 rounded-tr-lg border-r-4 border-t-4 border-accent-primary" }),
+						/* @__PURE__ */ E("span", { className: "absolute bottom-0 left-0 h-10 w-10 rounded-bl-lg border-b-4 border-l-4 border-accent-primary" }),
+						/* @__PURE__ */ E("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__ */ E("span", { className: "absolute inset-x-6 top-1/2 h-0.5 animate-pulse bg-accent-primary/80" }) : null
 					]
 				})
 			}),
-			a ? /* @__PURE__ */ w("div", {
+			a ? /* @__PURE__ */ D("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", {
+				children: [/* @__PURE__ */ D("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, {
+					children: [/* @__PURE__ */ E("span", { className: "h-2 w-2 animate-pulse rounded-full bg-status-success-text" }), "Scanning…"]
+				}), /* @__PURE__ */ D(I, {
 					type: "button",
 					size: "sm",
 					variant: "outline",
 					onClick: l,
-					children: [/* @__PURE__ */ C(O, { className: "h-4 w-4" }), "Stop"]
+					children: [/* @__PURE__ */ E(j, { className: "h-4 w-4" }), "Stop"]
 				})]
-			}) : /* @__PURE__ */ w("div", {
+			}) : /* @__PURE__ */ D("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-3 text-center",
 				children: [
-					/* @__PURE__ */ C(M, {
+					/* @__PURE__ */ E(te, {
 						className: "h-16 w-16 text-text-muted",
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ E("p", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Scan attendee QR"
 					}),
-					t ? /* @__PURE__ */ w(P, {
+					t ? /* @__PURE__ */ D(I, {
 						type: "button",
 						size: "sm",
 						variant: "secondary",
 						onClick: () => void u(),
-						children: [/* @__PURE__ */ C(D, { className: "h-4 w-4" }), "Start camera"]
-					}) : /* @__PURE__ */ C("p", {
+						children: [/* @__PURE__ */ E(A, { className: "h-4 w-4" }), "Start camera"]
+					}) : /* @__PURE__ */ E("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", {
+					s ? /* @__PURE__ */ E("p", {
 						className: "max-w-56 text-xs text-status-danger-text",
 						children: s
 					}) : null
@@ -141,31 +143,31 @@ function Z({ onDetected: e }) {
 		]
 	});
 }
-function Q({ label: e, value: t, options: n, onChange: r }) {
-	return /* @__PURE__ */ w("div", {
+function $({ label: e, value: t, options: n, onChange: r }) {
+	return /* @__PURE__ */ D("div", {
 		className: "space-y-1.5",
-		children: [/* @__PURE__ */ C("span", {
+		children: [/* @__PURE__ */ E("span", {
 			className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ C("div", {
+		}), /* @__PURE__ */ E("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", {
+				return /* @__PURE__ */ D("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]
+					children: [n ? /* @__PURE__ */ E(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(() => {
+function _e({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o }) {
+	let s = !!o, [c, { loading: l }] = a(), [u, { loading: d }] = f(), p = S(() => {
 		if (!o) return {
 			name: "",
 			code: "",
@@ -173,38 +175,38 @@ function fe({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o })
 			type: "DESK",
 			isActive: !0
 		};
-		let e = Y(o.metadata);
+		let e = fe(o.metadata);
 		return {
 			name: o.name ?? "",
-			code: e.code ?? X(o.name ?? ""),
+			code: e.code ?? pe(o.name ?? ""),
 			location: e.location ?? "",
 			type: e.type ?? "DESK",
 			isActive: e.isActive ?? !0
 		};
-	}, [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) => {
-		_((n) => ({
+	}, [o]), [m, h] = w(p), [v, y] = w(null), b = `${t ? "open" : "closed"}:${o?.id ?? "new"}`;
+	t && v !== b && (y(b), h(p)), !t && v !== null && y(null);
+	let x = (e, t) => {
+		h((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, E = l || f;
-	return /* @__PURE__ */ C(L, {
+	}, C = l || d;
+	return /* @__PURE__ */ E(H, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ w(R, {
+		children: /* @__PURE__ */ D(U, {
 			className: "max-w-lg",
 			children: [
-				/* @__PURE__ */ w(V, { children: [/* @__PURE__ */ C(H, { children: s ? "Edit check-in station" : "New check-in station" }), /* @__PURE__ */ w(z, { children: [
+				/* @__PURE__ */ D(K, { children: [/* @__PURE__ */ E(q, { children: s ? "Edit check-in station" : "New check-in station" }), /* @__PURE__ */ D(W, { children: [
 					"A station is a desk, gate or device where attendees scan in at ",
 					i,
 					"."
 				] })] }),
-				/* @__PURE__ */ w("form", {
+				/* @__PURE__ */ D("form", {
 					id: "station-form",
 					onSubmit: async (t) => {
 						t.preventDefault();
-						let a = m.code.trim() || X(m.name), l = {
+						let a = m.code.trim() || pe(m.name), l = {
 							eventId: r,
 							name: m.name.trim(),
 							code: a,
@@ -224,132 +226,132 @@ function fe({ open: t, onOpenChange: n, eventId: r, eventName: i, station: o })
 									id: o.id,
 									input: l
 								} });
-								if (!g(t, t.data?.updateCheckInStation?.id, "Could not update station")) return;
+								if (!_(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;
+								if (!_(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));
+							e.error("Could not save station", g(t));
 						}
 					},
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ w("label", {
+							children: [/* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Name"
-								}), /* @__PURE__ */ C(I, {
+								}), /* @__PURE__ */ E(B, {
 									value: m.name,
-									onChange: (e) => T("name", e.target.value),
+									onChange: (e) => x("name", e.target.value),
 									placeholder: "Main entrance",
 									required: !0
 								})]
-							}), /* @__PURE__ */ w("label", {
+							}), /* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Code"
-								}), /* @__PURE__ */ C(I, {
+								}), /* @__PURE__ */ E(B, {
 									value: m.code,
-									onChange: (e) => T("code", e.target.value),
+									onChange: (e) => x("code", e.target.value),
 									placeholder: "Auto from name"
 								})]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ w("label", {
+							children: [/* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Location"
-								}), /* @__PURE__ */ C(I, {
+								}), /* @__PURE__ */ E(B, {
 									value: m.location,
-									onChange: (e) => T("location", e.target.value),
+									onChange: (e) => x("location", e.target.value),
 									placeholder: "North lobby"
 								})]
-							}), /* @__PURE__ */ w("label", {
+							}), /* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Type"
-								}), /* @__PURE__ */ w(U, {
+								}), /* @__PURE__ */ D(J, {
 									value: m.type,
-									onValueChange: (e) => T("type", e),
-									children: [/* @__PURE__ */ C(K, {
+									onValueChange: (e) => x("type", e),
+									children: [/* @__PURE__ */ E(Z, {
 										"aria-label": "Station type",
-										children: /* @__PURE__ */ C(q, {})
-									}), /* @__PURE__ */ C(W, { children: ce.map((e) => /* @__PURE__ */ C(G, {
+										children: /* @__PURE__ */ E(Q, {})
+									}), /* @__PURE__ */ E(Y, { children: le.map((e) => /* @__PURE__ */ E(X, {
 										value: e,
 										children: e.replace("_", " ")
 									}, e)) })]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex items-center justify-between rounded-card border border-border-seam bg-bg-surface p-3",
-							children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(ie, {
+							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(V, {
 								htmlFor: "station-active",
 								className: "text-text-primary",
 								children: "Active"
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-xs text-text-secondary",
 								children: "Disabled stations stay configured but cannot accept scans."
-							})] }), /* @__PURE__ */ C(se, {
+							})] }), /* @__PURE__ */ E(se, {
 								id: "station-active",
 								checked: m.isActive,
-								onCheckedChange: (e) => T("isActive", e),
+								onCheckedChange: (e) => x("isActive", e),
 								"aria-label": "Station active"
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ w(B, { children: [/* @__PURE__ */ C(P, {
+				/* @__PURE__ */ D(G, { children: [/* @__PURE__ */ E(I, {
 					type: "button",
 					variant: "outline",
 					onClick: () => n(!1),
-					disabled: E,
+					disabled: C,
 					children: "Cancel"
-				}), /* @__PURE__ */ C(P, {
+				}), /* @__PURE__ */ E(I, {
 					type: "submit",
 					form: "station-form",
-					disabled: E,
-					children: E ? "Saving…" : s ? "Save station" : "Create station"
+					disabled: C,
+					children: C ? "Saving…" : s ? "Save station" : "Create station"
 				})] })
 			]
 		})
 	});
 }
-function pe({ open: t, onOpenChange: n, record: r, stations: i }) {
-	let [a, { loading: o }] = u(), s = y(() => ({
+function ve({ open: t, onOpenChange: n, record: r, stations: i }) {
+	let [a, { loading: o }] = d(), s = S(() => ({
 		method: r?.method ?? "MANUAL",
 		direction: r?.direction ?? "IN",
 		status: r?.status ?? "checked_in",
 		stationId: r?.stationId ?? "",
 		attendeeId: r?.attendeeId ?? ""
-	}), [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);
+	}), [r]), [c, l] = w(s), [u, f] = w(null), p = `${t ? "open" : "closed"}:${r?.id ?? "none"}`;
+	t && u !== p && (f(p), l(s)), !t && u !== null && f(null);
 	let m = (e, t) => {
 		l((n) => ({
 			...n,
 			[e]: t
 		}));
 	};
-	return /* @__PURE__ */ C(L, {
+	return /* @__PURE__ */ E(H, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ w(R, {
+		children: /* @__PURE__ */ D(U, {
 			className: "max-w-lg",
 			children: [
-				/* @__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", {
+				/* @__PURE__ */ D(K, { children: [/* @__PURE__ */ E(q, { children: "Edit check-in record" }), /* @__PURE__ */ E(W, { children: "Correct the direction, method or station for this scan." })] }),
+				/* @__PURE__ */ D("form", {
 					id: "record-form",
 					onSubmit: async (t) => {
 						if (t.preventDefault(), !r) return;
@@ -368,86 +370,86 @@ function pe({ open: t, onOpenChange: n, record: r, stations: i }) {
 								id: r.id,
 								input: i
 							} });
-							if (!g(t, t.data?.updateCheckInRecord?.id, "Could not update record")) return;
+							if (!_(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));
+							e.error("Could not update record", g(t));
 						}
 					},
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ w("label", {
+						/* @__PURE__ */ D("label", {
 							className: "block space-y-1 text-sm",
-							children: [/* @__PURE__ */ C("span", {
+							children: [/* @__PURE__ */ E("span", {
 								className: "font-medium text-text-primary",
 								children: "Attendee ID"
-							}), /* @__PURE__ */ C(I, {
+							}), /* @__PURE__ */ E(B, {
 								value: c.attendeeId,
 								onChange: (e) => m("attendeeId", e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ w("label", {
+							children: [/* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Method"
-								}), /* @__PURE__ */ w(U, {
+								}), /* @__PURE__ */ D(J, {
 									value: c.method,
 									onValueChange: (e) => m("method", e),
-									children: [/* @__PURE__ */ C(K, {
+									children: [/* @__PURE__ */ E(Z, {
 										"aria-label": "Method",
-										children: /* @__PURE__ */ C(q, {})
-									}), /* @__PURE__ */ C(W, { children: J.map((e) => /* @__PURE__ */ C(G, {
+										children: /* @__PURE__ */ E(Q, {})
+									}), /* @__PURE__ */ E(Y, { children: ue.map((e) => /* @__PURE__ */ E(X, {
 										value: e,
 										children: e
 									}, e)) })]
 								})]
-							}), /* @__PURE__ */ w("label", {
+							}), /* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Direction"
-								}), /* @__PURE__ */ w(U, {
+								}), /* @__PURE__ */ D(J, {
 									value: c.direction,
 									onValueChange: (e) => m("direction", e),
-									children: [/* @__PURE__ */ C(K, {
+									children: [/* @__PURE__ */ E(Z, {
 										"aria-label": "Direction",
-										children: /* @__PURE__ */ C(q, {})
-									}), /* @__PURE__ */ C(W, { children: le.map((e) => /* @__PURE__ */ C(G, {
+										children: /* @__PURE__ */ E(Q, {})
+									}), /* @__PURE__ */ E(Y, { children: de.map((e) => /* @__PURE__ */ E(X, {
 										value: e,
 										children: e
 									}, e)) })]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ D("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ w("label", {
+							children: [/* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Status"
-								}), /* @__PURE__ */ C(I, {
+								}), /* @__PURE__ */ E(B, {
 									value: c.status,
 									onChange: (e) => m("status", e.target.value)
 								})]
-							}), /* @__PURE__ */ w("label", {
+							}), /* @__PURE__ */ D("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "font-medium text-text-primary",
 									children: "Station"
-								}), /* @__PURE__ */ w(U, {
+								}), /* @__PURE__ */ D(J, {
 									value: c.stationId || "none",
 									onValueChange: (e) => m("stationId", e === "none" ? "" : e),
-									children: [/* @__PURE__ */ C(K, {
+									children: [/* @__PURE__ */ E(Z, {
 										"aria-label": "Station",
-										children: /* @__PURE__ */ C(q, {})
-									}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
+										children: /* @__PURE__ */ E(Q, {})
+									}), /* @__PURE__ */ D(Y, { children: [/* @__PURE__ */ E(X, {
 										value: "none",
 										children: "No station"
-									}), i.map((e) => /* @__PURE__ */ C(G, {
+									}), i.map((e) => /* @__PURE__ */ E(X, {
 										value: e.id,
 										children: e.name ?? e.id
 									}, e.id))] })]
@@ -456,13 +458,13 @@ function pe({ open: t, onOpenChange: n, record: r, stations: i }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ w(B, { children: [/* @__PURE__ */ C(P, {
+				/* @__PURE__ */ D(G, { children: [/* @__PURE__ */ E(I, {
 					type: "button",
 					variant: "outline",
 					onClick: () => n(!1),
 					disabled: o,
 					children: "Cancel"
-				}), /* @__PURE__ */ C(P, {
+				}), /* @__PURE__ */ E(I, {
 					type: "submit",
 					form: "record-form",
 					disabled: o,
@@ -472,12 +474,12 @@ function pe({ open: t, onOpenChange: n, record: r, stations: i }) {
 		})
 	});
 }
-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({
+function ye({ eventId: t, eventName: n, stations: r, attendees: a, activeStationId: o, onStationChange: s, onCheckedIn: l }) {
+	let [d, f] = w(""), [p, m] = w("QR"), [h, b] = w("IN"), [x, S] = w(""), T = C(null), [A, { loading: j }] = i(), [P] = u(), ie = c({
 		eventId: t,
 		limit: 100,
 		offset: 0
-	}).data?.eventSessions.items ?? [], ee = (e) => {
+	}).data?.eventSessions.items ?? [], { isOnline: R, pendingCount: z, syncNow: V } = y(P, l), ae = (e) => {
 		let t = e.trim();
 		if (!t) return {
 			attendeeId: null,
@@ -498,147 +500,215 @@ function me({ eventId: t, eventName: n, stations: r, attendees: a, activeStation
 			label: n?.fullName ?? `attendee ${t}`,
 			matched: !!n
 		};
+	}, H = (t) => {
+		f(t), m("QR"), e.info("QR captured", "Confirm the details and tap Check in."), T.current?.focus();
+	}, U = async (t) => {
+		let n = crypto.randomUUID(), i = (/* @__PURE__ */ new Date()).toISOString(), a = {
+			clientScanId: n,
+			token: t,
+			stationId: o || null,
+			sessionId: x || null,
+			method: "QR",
+			direction: h,
+			scannedAt: i
+		}, s = async (t) => {
+			await v(a), e.success("Saved on this device", t), f(""), T.current?.focus();
+		};
+		if (typeof navigator < "u" && !navigator.onLine) {
+			await s("No connection right now — this check-in will sync automatically once you're back online.");
+			return;
+		}
+		try {
+			let a = await P({ variables: { input: {
+				token: t,
+				stationId: o || null,
+				sessionId: x || null,
+				method: "QR",
+				direction: h,
+				recordedAt: i,
+				clientScanId: n
+			} } });
+			if (a.error) {
+				e.error("Could not record check-in", a.error.message);
+				return;
+			}
+			if (!a.data?.scanCheckIn?.id) {
+				e.error("Could not record check-in", "The server did not confirm the change.");
+				return;
+			}
+			let s = r.find((e) => e.id === o);
+			e.success(`Checked ${h === "OUT" ? "out" : "in"}`, `Recorded via QR${s?.name ? ` • ${s.name}` : ""}.`), f(""), T.current?.focus(), l();
+		} catch {
+			await s("Connection dropped — this check-in will sync automatically once you're back online.");
+		}
 	};
-	return /* @__PURE__ */ w(F, {
+	return /* @__PURE__ */ D(L, {
 		treatment: "glass",
 		glow: !0,
 		className: "border-border-seam p-5 sm:p-6",
 		children: [
-			/* @__PURE__ */ w("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ C(N, {
-					className: "h-5 w-5 text-accent-primary",
-					"aria-hidden": "true"
-				}), /* @__PURE__ */ C("h2", {
-					className: "text-lg font-semibold text-text-primary",
-					children: "Kiosk mode"
-				})]
+			/* @__PURE__ */ D("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ D("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ E(ne, {
+						className: "h-5 w-5 text-accent-primary",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ E("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "Kiosk mode"
+					})]
+				}), !R || z > 0 ? /* @__PURE__ */ D("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ D(re, {
+						variant: R ? "secondary" : "destructive",
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ E(M, {
+								className: "h-3 w-3",
+								"aria-hidden": "true"
+							}),
+							R ? "Syncing…" : "Offline",
+							z > 0 ? ` · ${z} queued` : ""
+						]
+					}), R && z > 0 ? /* @__PURE__ */ D(I, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						onClick: V,
+						children: [/* @__PURE__ */ E(F, { className: "h-3.5 w-3.5" }), "Sync now"]
+					}) : null]
+				}) : null]
 			}),
-			/* @__PURE__ */ w("p", {
+			/* @__PURE__ */ D("p", {
 				className: "mt-1 text-sm text-text-secondary",
 				children: [
 					"Scan an attendee badge or look them up, set the direction, and check them into ",
 					n,
-					"."
+					".",
+					z > 0 ? " Scans queue on this device and sync automatically once you have a connection." : ""
 				]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ E("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();
-				} })
+				children: /* @__PURE__ */ E(ge, { onDetected: H })
 			}),
-			/* @__PURE__ */ w("form", {
+			/* @__PURE__ */ D("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()}”.`);
+					let i = d.trim();
+					if (p === "QR" && ce.test(i)) {
+						await U(i);
 						return;
 					}
-					let s = {
+					let { attendeeId: a, label: s } = ae(d);
+					if (d.trim().includes("@") && !a) {
+						e.error("Attendee not found", `No attendee at this event matches “${d.trim()}”.`);
+						return;
+					}
+					let c = {
 						eventId: t,
-						attendeeId: i,
+						attendeeId: a,
 						stationId: o || null,
-						method: f,
-						direction: m,
-						status: m === "OUT" ? "checked_out" : "checked_in",
+						method: p,
+						direction: h,
+						status: h === "OUT" ? "checked_out" : "checked_in",
 						recordedAt: (/* @__PURE__ */ new Date()).toISOString(),
-						metadata: v ? { sessionId: v } : {}
+						metadata: x ? { sessionId: x } : {}
 					};
 					try {
-						let t = await D({ variables: { input: s } });
-						if (!g(t, t.data?.createCheckInRecord?.id, "Could not record check-in")) return;
+						let t = await A({ variables: { input: c } });
+						if (!_(t, t.data?.createCheckInRecord?.id, "Could not record check-in")) return;
 						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();
+						e.success(`${s} checked ${h === "OUT" ? "out" : "in"}`, `Recorded via ${p}${n?.name ? ` • ${n.name}` : ""}.`), f(""), T.current?.focus(), l();
 					} catch (t) {
-						e.error("Could not record check-in", h(t));
+						e.error("Could not record check-in", g(t));
 					}
 				},
 				className: "mt-5 space-y-5",
 				children: [
-					/* @__PURE__ */ w("label", {
+					/* @__PURE__ */ D("label", {
 						className: "block space-y-1.5",
-						children: [/* @__PURE__ */ w("span", {
+						children: [/* @__PURE__ */ D("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),
+							children: [/* @__PURE__ */ E(N, { className: "h-3.5 w-3.5" }), "Manual lookup"]
+						}), /* @__PURE__ */ E(B, {
+							ref: T,
+							value: d,
+							onChange: (e) => f(e.target.value),
 							placeholder: "Enter name, email or attendee ID",
 							autoComplete: "off",
 							className: "h-12 text-base"
 						})]
 					}),
-					/* @__PURE__ */ w("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex flex-wrap gap-5",
 						children: [
-							/* @__PURE__ */ C(Q, {
+							/* @__PURE__ */ E($, {
 								label: "Method",
-								value: f,
-								onChange: p,
+								value: p,
+								onChange: m,
 								options: [{
 									value: "QR",
 									label: "QR",
-									icon: M
+									icon: te
 								}, {
 									value: "MANUAL",
 									label: "Manual",
-									icon: k
+									icon: N
 								}]
 							}),
-							/* @__PURE__ */ C(Q, {
+							/* @__PURE__ */ E($, {
 								label: "Direction",
-								value: m,
-								onChange: _,
+								value: h,
+								onChange: b,
 								options: [{
 									value: "IN",
 									label: "In",
-									icon: E
+									icon: k
 								}, {
 									value: "OUT",
 									label: "Out",
-									icon: T
+									icon: O
 								}]
 							}),
-							/* @__PURE__ */ w("label", {
+							/* @__PURE__ */ D("label", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 									children: "Station"
-								}), /* @__PURE__ */ w(U, {
+								}), /* @__PURE__ */ D(J, {
 									value: o || "none",
 									onValueChange: (e) => s(e === "none" ? "" : e),
-									children: [/* @__PURE__ */ C(K, {
+									children: [/* @__PURE__ */ E(Z, {
 										"aria-label": "Station",
 										className: "min-w-40",
-										children: /* @__PURE__ */ C(q, { placeholder: "No station" })
-									}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
+										children: /* @__PURE__ */ E(Q, { placeholder: "No station" })
+									}), /* @__PURE__ */ D(Y, { children: [/* @__PURE__ */ E(X, {
 										value: "none",
 										children: "No station"
-									}), r.map((e) => /* @__PURE__ */ C(G, {
+									}), r.map((e) => /* @__PURE__ */ E(X, {
 										value: e.id,
 										children: e.name ?? e.id
 									}, e.id))] })]
 								})]
 							}),
-							/* @__PURE__ */ w("label", {
+							/* @__PURE__ */ D("label", {
 								className: "space-y-1.5",
-								children: [/* @__PURE__ */ C("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 									children: "Session"
-								}), /* @__PURE__ */ w(U, {
-									value: v || "none",
-									onValueChange: (e) => y(e === "none" ? "" : e),
-									children: [/* @__PURE__ */ C(K, {
+								}), /* @__PURE__ */ D(J, {
+									value: x || "none",
+									onValueChange: (e) => S(e === "none" ? "" : e),
+									children: [/* @__PURE__ */ E(Z, {
 										"aria-label": "Session",
 										className: "min-w-40",
-										children: /* @__PURE__ */ C(q, { placeholder: "Whole event" })
-									}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
+										children: /* @__PURE__ */ E(Q, { placeholder: "Whole event" })
+									}), /* @__PURE__ */ D(Y, { children: [/* @__PURE__ */ E(X, {
 										value: "none",
 										children: "Whole event"
-									}), j.map((e) => /* @__PURE__ */ C(G, {
+									}), ie.map((e) => /* @__PURE__ */ E(X, {
 										value: e.id,
 										children: e.title
 									}, e.id))] })]
@@ -646,52 +716,52 @@ function me({ eventId: t, eventName: n, stations: r, attendees: a, activeStation
 							})
 						]
 					}),
-					/* @__PURE__ */ w(P, {
+					/* @__PURE__ */ D(I, {
 						type: "submit",
 						size: "lg",
-						disabled: O || !u.trim(),
+						disabled: j || !d.trim(),
 						className: "h-12 w-full text-base",
-						children: [/* @__PURE__ */ C(A, { className: "h-5 w-5" }), O ? "Recording…" : `Check ${m === "OUT" ? "out" : "in"}`]
+						children: [/* @__PURE__ */ E(ee, { className: "h-5 w-5" }), j ? "Recording…" : `Check ${h === "OUT" ? "out" : "in"}`]
 					})
 				]
 			})
 		]
 	});
 }
-var he = 10, ge = 500;
-function _e() {
+var be = 10, xe = 500;
+function Se() {
 	let i = l({
 		limit: 100,
 		offset: 0
-	}).data?.events.items ?? [], [a, c] = x(""), u = a || void 0, d = i.find((e) => e.id === a), [h, _] = x(""), v = m({
-		pageSize: he,
+	}).data?.events.items ?? [], [a, c] = w(""), u = a || void 0, d = i.find((e) => e.id === a), [f, g] = w(""), v = h({
+		pageSize: be,
 		resetKey: a
-	}), b = r({
+	}), y = r({
 		eventId: u,
 		limit: 100,
 		offset: 0
-	}), T = n({
+	}), b = n({
 		eventId: u,
 		limit: v.limit,
 		offset: v.offset
-	}), E = n({
+	}), x = n({
 		eventId: u,
-		limit: ge,
+		limit: xe,
 		offset: 0
-	}), D = t({
+	}), C = 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(() => {
+	}), O = S(() => y.data?.checkInStations.items ?? [], [y.data]), k = b.data?.checkInRecords.items ?? [], A = b.data?.checkInRecords.total ?? 0, j = S(() => x.data?.checkInRecords.items ?? [], [x.data]), M = S(() => C.data?.attendees.items ?? [], [C.data]), N = C.data?.attendees.total ?? 0, ee = S(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of N) e.set(t.id, t.fullName);
+		for (let t of M) e.set(t.id, t.fullName);
 		return e;
-	}, [N]), L = y(() => {
+	}, [M]), te = S(() => {
 		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());
+	}, [O]), { checkedInCount: F, stationCounts: ne } = S(() => {
+		let e = /* @__PURE__ */ new Set(), t = { count: 0 }, n = /* @__PURE__ */ new Map(), r = [...j].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") {
@@ -705,138 +775,138 @@ function _e() {
 			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) => {
+	}, [j]), B = N, V = B > 0 ? Math.min(100, Math.round(F / B * 100)) : 0, [H] = s(), [U] = o(), [W, G] = w(!1), [K, q] = w(void 0), [se, ce] = w(!1), [le, ue] = w(null), de = () => {
+		q(void 0), G(!0);
+	}, fe = (e) => {
+		q(e), G(!0);
+	}, pe = (e) => {
+		ue(e), ce(!0);
+	}, ge = 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");
+		_(n, n.data?.deleteCheckInStation ? t.id : null, "Could not delete station") && (f === t.id && g(""), e.success("Station deleted", `“${t.name ?? t.id}” was removed.`));
+	}, $ = async (t) => {
+		let n = await U({ variables: { id: t.id } });
+		_(n, n.data?.deleteCheckInRecord ? t.id : null, "Could not delete record") && e.success("Check-in record deleted");
 	}, 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", {
+		b.refetch(), x.refetch();
+	}, Ce = (e) => e.attendeeId ? ee.get(e.attendeeId) ?? `Attendee ${e.attendeeId.slice(0, 8)}` : "Walk-in guest", we = !!a;
+	return /* @__PURE__ */ D("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__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", {
+			/* @__PURE__ */ E(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__ */ E(ie, { children: /* @__PURE__ */ D("div", {
 				className: "flex flex-wrap items-start justify-between gap-4",
-				children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("h1", {
+				children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: [/* @__PURE__ */ C(ne, { children: "Kiosk" }), " & Check-In"]
-				}), /* @__PURE__ */ C("p", {
+					children: [/* @__PURE__ */ E(R, { children: "Kiosk" }), " & Check-In"]
+				}), /* @__PURE__ */ E("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Manage check-in stations and record attendee arrivals against a live backend."
-				})] }), /* @__PURE__ */ w("div", {
+				})] }), /* @__PURE__ */ D("div", {
 					className: "flex flex-wrap items-end gap-3",
-					children: [/* @__PURE__ */ w("label", {
+					children: [/* @__PURE__ */ D("label", {
 						className: "space-y-1 text-sm",
-						children: [/* @__PURE__ */ C("span", {
+						children: [/* @__PURE__ */ E("span", {
 							className: "font-medium text-text-primary",
 							children: "Event"
-						}), /* @__PURE__ */ w(U, {
+						}), /* @__PURE__ */ D(J, {
 							value: a || "all",
 							onValueChange: (e) => c(e === "all" ? "" : e),
-							children: [/* @__PURE__ */ C(K, {
+							children: [/* @__PURE__ */ E(Z, {
 								"aria-label": "Event",
 								className: "min-w-52",
-								children: /* @__PURE__ */ C(q, { placeholder: "All events" })
-							}), /* @__PURE__ */ w(W, { children: [/* @__PURE__ */ C(G, {
+								children: /* @__PURE__ */ E(Q, { placeholder: "All events" })
+							}), /* @__PURE__ */ D(Y, { children: [/* @__PURE__ */ E(X, {
 								value: "all",
 								children: "All events"
-							}), i.map((e) => /* @__PURE__ */ C(G, {
+							}), i.map((e) => /* @__PURE__ */ E(X, {
 								value: e.id,
 								children: e.name
 							}, e.id))] })]
 						})]
-					}), /* @__PURE__ */ w(P, {
+					}), /* @__PURE__ */ D(I, {
 						type: "button",
-						onClick: $,
+						onClick: de,
 						disabled: !we,
-						children: [/* @__PURE__ */ C(j, { className: "h-4 w-4" }), "New station"]
+						children: [/* @__PURE__ */ E(P, { className: "h-4 w-4" }), "New station"]
 					})]
 				})]
 			}) }),
-			we ? /* @__PURE__ */ w("div", {
+			we ? /* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-12",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "lg:col-span-5",
-					children: /* @__PURE__ */ C(me, {
+					children: /* @__PURE__ */ E(ye, {
 						eventId: a,
 						eventName: d?.name ?? "this event",
 						stations: O,
-						attendees: N,
-						activeStationId: h,
-						onStationChange: _,
+						attendees: M,
+						activeStationId: f,
+						onStationChange: g,
 						onCheckedIn: Se
 					})
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "space-y-6 lg:col-span-7",
-					children: [/* @__PURE__ */ w("section", { children: [
-						/* @__PURE__ */ C("h2", {
+					children: [/* @__PURE__ */ D("section", { children: [
+						/* @__PURE__ */ E("h2", {
 							className: "text-sm font-semibold uppercase tracking-wide text-text-secondary",
 							children: "Stations"
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ D("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", {
+								let t = f === e.id, n = ne.get(e.id) ?? 0;
+								return /* @__PURE__ */ D("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", {
+									children: [/* @__PURE__ */ D("button", {
 										type: "button",
 										"aria-pressed": t,
-										onClick: () => _(t ? "" : e.id),
+										onClick: () => g(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", {
+										children: [e.name ?? e.id, n > 0 ? /* @__PURE__ */ E("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, {
+									}), /* @__PURE__ */ E(p, {
 										ariaLabel: `Station ${e.name ?? e.id} actions`,
 										entityName: e.name ?? void 0,
-										onEdit: () => ve(e),
-										onDelete: () => be(e)
+										onEdit: () => fe(e),
+										onDelete: () => ge(e)
 									})]
 								}, e.id);
-							}), /* @__PURE__ */ w("button", {
+							}), /* @__PURE__ */ D("button", {
 								type: "button",
-								onClick: $,
+								onClick: de,
 								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"]
+								children: [/* @__PURE__ */ E(P, { className: "h-3.5 w-3.5" }), "New station"]
 							})]
 						}),
-						b.loading && O.length === 0 ? /* @__PURE__ */ C("p", {
+						y.loading && O.length === 0 ? /* @__PURE__ */ E("p", {
 							className: "mt-2 text-sm text-text-secondary",
 							children: "Loading stations…"
 						}) : null
-					] }), /* @__PURE__ */ w(F, {
+					] }), /* @__PURE__ */ D(L, {
 						treatment: "plain",
 						className: "border-border-seam p-5",
 						children: [
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ D("div", {
 								className: "flex flex-wrap items-center justify-between gap-2",
-								children: [/* @__PURE__ */ C("h2", {
+								children: [/* @__PURE__ */ E("h2", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Check-In Records"
-								}), /* @__PURE__ */ w("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										"Checked in",
 										" ",
-										/* @__PURE__ */ C("span", {
+										/* @__PURE__ */ E("span", {
 											className: "text-lg font-bold tabular-nums text-text-primary",
-											children: R.toLocaleString()
+											children: F.toLocaleString()
 										}),
-										B > 0 ? /* @__PURE__ */ w(S, { children: [
+										B > 0 ? /* @__PURE__ */ D(T, { children: [
 											" ",
 											"/ ",
-											/* @__PURE__ */ C("span", {
+											/* @__PURE__ */ E("span", {
 												className: "tabular-nums",
 												children: B.toLocaleString()
 											})
@@ -844,69 +914,69 @@ function _e() {
 									]
 								})]
 							}),
-							B > 0 ? /* @__PURE__ */ C("div", {
+							B > 0 ? /* @__PURE__ */ E("div", {
 								className: "mt-3 h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 								role: "progressbar",
-								"aria-valuenow": R,
+								"aria-valuenow": F,
 								"aria-valuemin": 0,
 								"aria-valuemax": B,
 								"aria-label": "Attendees checked in",
-								children: /* @__PURE__ */ C("div", {
+								children: /* @__PURE__ */ E("div", {
 									className: "h-full rounded-full bg-action-primary-bg transition-[width] duration-500",
 									style: { width: `${V}%` }
 								})
 							}) : null,
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "mt-4",
-								children: k.length === 0 ? /* @__PURE__ */ C(re, {
+								children: k.length === 0 ? /* @__PURE__ */ E(z, {
 									illustration: "empty-data",
-									title: T.loading ? "Loading check-in records…" : "No check-in records yet",
+									title: b.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, {
+								}) : /* @__PURE__ */ E(oe, {
 									className: "max-h-[28rem] pr-3",
-									children: /* @__PURE__ */ C("ul", {
+									children: /* @__PURE__ */ E("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", {
+											let t = Ce(e), n = e.direction === "OUT", r = e.stationId ? te.get(e.stationId) : null;
+											return /* @__PURE__ */ D("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", {
+													/* @__PURE__ */ E("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)
+														children: me(t)
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ D("div", {
 														className: "min-w-0 flex-1",
-														children: [/* @__PURE__ */ C("p", {
+														children: [/* @__PURE__ */ E("p", {
 															className: "truncate font-medium text-text-primary",
 															children: t
-														}), /* @__PURE__ */ w("p", {
+														}), /* @__PURE__ */ D("p", {
 															className: "mt-0.5 truncate text-sm text-text-secondary",
 															children: [
-																de(e.recordedAt),
+																he(e.recordedAt),
 																" • ",
 																e.method
 															]
 														})]
 													}),
-													/* @__PURE__ */ w("div", {
+													/* @__PURE__ */ D("div", {
 														className: "flex shrink-0 items-center gap-2",
 														children: [
-															/* @__PURE__ */ C(ee, {
+															/* @__PURE__ */ E(re, {
 																variant: n ? "secondary" : "success",
 																className: "uppercase",
 																children: n ? "Checked out" : "Checked in"
 															}),
-															r ? /* @__PURE__ */ C("span", {
+															r ? /* @__PURE__ */ E("span", {
 																className: "hidden text-sm text-text-secondary sm:inline",
 																children: r
 															}) : null,
-															/* @__PURE__ */ C(f, {
+															/* @__PURE__ */ E(p, {
 																ariaLabel: `Check-in record ${e.id} actions`,
-																onEdit: () => ye(e),
-																onDelete: () => xe(e)
+																onEdit: () => pe(e),
+																onDelete: () => $(e)
 															})
 														]
 													})
@@ -916,7 +986,7 @@ function _e() {
 									})
 								})
 							}),
-							/* @__PURE__ */ C(p, {
+							/* @__PURE__ */ E(m, {
 								offset: v.offset,
 								limit: v.limit,
 								loadedCount: k.length,
@@ -924,38 +994,38 @@ function _e() {
 								onPrev: v.prevPage,
 								onNext: v.nextPage,
 								itemLabel: "records",
-								loading: T.loading
+								loading: b.loading
 							})
 						]
 					})]
 				})]
-			}) : /* @__PURE__ */ C(F, {
+			}) : /* @__PURE__ */ E(L, {
 				treatment: "plain",
 				className: "border-border-seam p-5",
-				children: /* @__PURE__ */ C(re, {
+				children: /* @__PURE__ */ E(z, {
 					illustration: "empty-data",
 					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"
 				})
 			}),
-			a ? /* @__PURE__ */ C(fe, {
-				open: ce,
-				onOpenChange: J,
+			a ? /* @__PURE__ */ E(_e, {
+				open: W,
+				onOpenChange: G,
 				eventId: a,
 				eventName: d?.name ?? "this event",
-				station: le
+				station: K
 			}) : null,
-			/* @__PURE__ */ C(pe, {
-				open: X,
-				onOpenChange: Z,
-				record: Q,
+			/* @__PURE__ */ E(ve, {
+				open: se,
+				onOpenChange: ce,
+				record: le,
 				stations: O
 			})
 		]
 	});
 }
 //#endregion
-export { _e as default };
+export { Se as default };
 
 //# sourceMappingURL=KioskPage.js.map