@burdenoff/microfe-eventfullymanaged 2026.716.1 → 2026.719.1

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

@@ -1,16 +1,16 @@
 import { gql as e } from "../../../node_modules/graphql-tag/lib/index.js";
 import { useQuery as t } from "../../../node_modules/@apollo/client/react/hooks/useQuery.js";
 import { notify as n } from "../../lib/toast.js";
-import { useDashboardSummaryQuery as r, useRegistrationsQuery as i, useUpsertAnalyticsSnapshotMutation as a } from "../../api/eventApi.js";
-import { CHART_SERIES_COLORS as o, ChartLegend as s, EventAreaChart as c, EventBarChart as l, EventDonutChart as u } from "../../components/EventCharts.js";
-import { Pagination as d, usePagination as f } from "../../components/Pagination.js";
-import { describeError as p, mutationSucceeded as m } from "../../lib/mutationResult.js";
-import { useMemo as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { BarChart3 as y, CalendarDays as b, ClipboardList as ee, MapPin as te, QrCode as ne, Sparkles as re, Ticket as x, Trophy as S, Users as C } from "lucide-react";
-import { Badge as w, Button as T, EmphasisPanel as E, GlassCard as D, GradientText as O, IllustratedEmptyState as k, Input as A, PagePurpose as j, Skeleton as M } from "@burdenoff/fe-libs/ui";
+import { useCheckInThroughputQuery as r, useDashboardSummaryQuery as ee, useEventsQuery as i, useRegistrationsQuery as a, useUpsertAnalyticsSnapshotMutation as te } from "../../api/eventApi.js";
+import { CHART_SERIES_COLORS as o, ChartLegend as ne, EventAreaChart as s, EventBarChart as c, EventDonutChart as l } from "../../components/EventCharts.js";
+import { Pagination as u, usePagination as d } from "../../components/Pagination.js";
+import { describeError as re, mutationSucceeded as f } from "../../lib/mutationResult.js";
+import { useMemo as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { BarChart3 as ie, CalendarDays as ae, ClipboardList as oe, MapPin as se, QrCode as ce, Sparkles as le, Ticket as ue, Trophy as de, Users as fe } from "lucide-react";
+import { Badge as pe, Button as _, EmphasisPanel as v, GlassCard as y, GradientText as b, IllustratedEmptyState as x, Input as S, PagePurpose as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Skeleton as k } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/AnalyticsPage.tsx
-var N = e`
+var A = e`
   query EventfullymanagedAnalyticsSnapshotsWithMetrics($limit: Int, $offset: Int) {
     analyticsSnapshots: eventfullyManagedAnalyticsSnapshots(limit: $limit, offset: $offset) {
       total
@@ -24,7 +24,7 @@ var N = e`
       }
     }
   }
-`, P = [
+`, j = [
 	{
 		key: "totalEvents",
 		label: "Events"
@@ -54,7 +54,7 @@ var N = e`
 		label: "Upcoming Sessions"
 	}
 ];
-function F(e) {
+function M(e) {
 	let t = e.toLowerCase();
 	return [
 		"active",
@@ -72,12 +72,12 @@ function F(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-function I(e) {
+function N(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleString();
 }
-function ie(e) {
+function P(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
@@ -85,54 +85,60 @@ function ie(e) {
 		day: "numeric"
 	});
 }
-function L(e) {
+function F(e) {
 	return e.replace(/[_-]+/g, " ").split(" ").filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()).join(" ");
 }
-function R({ icon: e, label: t, value: n }) {
-	return /* @__PURE__ */ v(D, {
+function I({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ g(y, {
 		treatment: "metric",
 		className: "p-4",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "flex items-center gap-2 text-text-secondary",
-			children: [/* @__PURE__ */ _(e, { className: "h-4 w-4 text-accent-primary" }), /* @__PURE__ */ _("p", {
+			children: [/* @__PURE__ */ h(e, { className: "h-4 w-4 text-accent-primary" }), /* @__PURE__ */ h("p", {
 				className: "text-xs font-medium uppercase tracking-wide",
 				children: t
 			})]
-		}), /* @__PURE__ */ _("p", {
+		}), /* @__PURE__ */ h("p", {
 			className: "mt-2 text-2xl font-bold tabular-nums text-text-primary",
 			children: n.toLocaleString()
 		})]
 	});
 }
-function z() {
-	let e = f({ pageSize: 8 }), { data: z, loading: B, refetch: V } = t(N, { variables: {
+function L() {
+	let e = d({ pageSize: 8 }), { data: L, loading: R, refetch: z } = t(A, { variables: {
 		limit: e.limit,
 		offset: e.offset
-	} }), H = r(), U = i({
+	} }), B = ee(), V = a({
 		limit: 200,
 		offset: 0
-	}), [W, { loading: G }] = a(), [K, q] = g("overview"), J = h(() => z?.analyticsSnapshots.items ?? [], [z]), Y = z?.analyticsSnapshots.total ?? 0, X = H.data?.dashboardSummary, Z = h(() => U.data?.registrations.items ?? [], [U.data]), Q = h(() => Z.filter((e) => !!e.checkedInAt).length, [Z]), ae = h(() => J.map((e) => {
+	}), [me, { loading: H }] = te(), [U, he] = m("overview"), W = i({
+		limit: 50,
+		offset: 0
+	}), G = p(() => W.data?.events.items ?? [], [W.data]), [ge, _e] = m(""), K = ge || G[0]?.id || "", q = r({ eventId: K }), ve = p(() => (q.data?.checkInThroughput ?? []).map((e) => ({
+		name: new Date(e.hour).toLocaleTimeString(void 0, { hour: "numeric" }),
+		value: e.count
+	})), [q.data]), J = p(() => L?.analyticsSnapshots.items ?? [], [L]), Y = L?.analyticsSnapshots.total ?? 0, X = B.data?.dashboardSummary, Z = p(() => V.data?.registrations.items ?? [], [V.data]), Q = p(() => Z.filter((e) => !!e.checkedInAt).length, [Z]), ye = p(() => J.map((e) => {
 		let t = e.metrics?.generatedAt ?? e.createdAt ?? null, n = t ? new Date(t) : null, r = typeof e.metrics?.totalRegistrations == "number" ? e.metrics.totalRegistrations : null;
 		return n && !Number.isNaN(n.getTime()) && r !== null ? {
 			time: n.getTime(),
-			label: ie(t),
+			label: P(t),
 			value: r
 		} : null;
 	}).filter((e) => e !== null).sort((e, t) => e.time - t.time).map(({ label: e, value: t }) => ({
 		label: e,
 		value: t
-	})), [J]), $ = h(() => {
+	})), [J]), $ = p(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of Z) {
 			let n = (t.status || "unknown").toLowerCase();
 			e.set(n, (e.get(n) ?? 0) + 1);
 		}
 		return Array.from(e.entries()).sort((e, t) => t[1] - e[1]).map(([e, t], n) => ({
-			name: L(e),
+			name: F(e),
 			value: t,
 			color: o[n % o.length]
 		}));
-	}, [Z]), oe = Z.length, se = h(() => X ? [
+	}, [Z]), be = Z.length, xe = p(() => X ? [
 		{
 			name: "Events",
 			value: X.totalEvents
@@ -161,136 +167,136 @@ function z() {
 			name: "Sessions",
 			value: X.upcomingSessions
 		}
-	] : [], [X, Q]), ce = async () => {
-		if (K.trim()) try {
-			let e = await W({ variables: { input: {
-				name: K,
-				title: K,
+	] : [], [X, Q]), Se = async () => {
+		if (U.trim()) try {
+			let e = await me({ variables: { input: {
+				name: U,
+				title: U,
 				status: "created",
 				metadata: {}
 			} } });
-			if (!m(e, e.data?.upsertAnalyticsSnapshot?.id, "Could not generate snapshot")) return;
-			n.success("Snapshot generated"), await V();
+			if (!f(e, e.data?.upsertAnalyticsSnapshot?.id, "Could not generate snapshot")) return;
+			n.success("Snapshot generated"), await z();
 		} catch (e) {
-			n.error("Could not generate snapshot", p(e));
+			n.error("Could not generate snapshot", re(e));
 		}
-	}, le = H.loading && !X;
-	return /* @__PURE__ */ v("div", {
+	}, Ce = B.loading && !X;
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ _(j, { children: "Analytics gives you the live pulse of your event operations — registrations over time, how those registrations break down by status, and totals across every entity you manage. Generate a snapshot to freeze today's numbers so you can compare trends over time and report on outcomes." }),
-			/* @__PURE__ */ _(E, { children: /* @__PURE__ */ v("div", {
+			/* @__PURE__ */ h(C, { children: "Analytics gives you the live pulse of your event operations — registrations over time, how those registrations break down by status, and totals across every entity you manage. Generate a snapshot to freeze today's numbers so you can compare trends over time and report on outcomes." }),
+			/* @__PURE__ */ h(v, { children: /* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
-				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ _(O, { children: "Analytics" })
-				}), /* @__PURE__ */ _("p", {
+					children: /* @__PURE__ */ h(b, { children: "Analytics" })
+				}), /* @__PURE__ */ h("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Real-time metrics from live event operations, plus point-in-time snapshots you control."
-				})] }), /* @__PURE__ */ v("div", {
+				})] }), /* @__PURE__ */ g("div", {
 					className: "flex w-full flex-col gap-2 sm:w-auto sm:flex-row",
-					children: [/* @__PURE__ */ _(A, {
-						value: K,
-						onChange: (e) => q(e.target.value),
+					children: [/* @__PURE__ */ h(S, {
+						value: U,
+						onChange: (e) => he(e.target.value),
 						placeholder: "daily-summary",
 						"aria-label": "Snapshot name",
 						className: "sm:w-48"
-					}), /* @__PURE__ */ v(T, {
+					}), /* @__PURE__ */ g(_, {
 						type: "button",
-						disabled: G,
-						onClick: ce,
-						children: [/* @__PURE__ */ _(re, { className: "h-4 w-4" }), G ? "Generating..." : "Generate snapshot"]
+						disabled: H,
+						onClick: Se,
+						children: [/* @__PURE__ */ h(le, { className: "h-4 w-4" }), H ? "Generating..." : "Generate snapshot"]
 					})]
 				})]
 			}) }),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1fr)_320px]",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "space-y-6",
 					children: [
-						le ? /* @__PURE__ */ _("div", {
+						Ce ? /* @__PURE__ */ h("div", {
 							className: "grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-4",
-							children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ _(M, { className: "h-[92px] rounded-card" }, t))
-						}) : X ? /* @__PURE__ */ v("div", {
+							children: Array.from({ length: 7 }).map((e, t) => /* @__PURE__ */ h(k, { className: "h-[92px] rounded-card" }, t))
+						}) : X ? /* @__PURE__ */ g("div", {
 							className: "grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-4",
 							children: [
-								/* @__PURE__ */ _(R, {
-									icon: b,
+								/* @__PURE__ */ h(I, {
+									icon: ae,
 									label: "Events",
 									value: X.totalEvents
 								}),
-								/* @__PURE__ */ _(R, {
-									icon: ee,
+								/* @__PURE__ */ h(I, {
+									icon: oe,
 									label: "Registrations",
 									value: X.totalRegistrations
 								}),
-								/* @__PURE__ */ _(R, {
-									icon: C,
+								/* @__PURE__ */ h(I, {
+									icon: fe,
 									label: "Attendees",
 									value: X.totalAttendees
 								}),
-								/* @__PURE__ */ _(R, {
-									icon: ne,
+								/* @__PURE__ */ h(I, {
+									icon: ce,
 									label: "Check-ins",
 									value: Q
 								}),
-								/* @__PURE__ */ _(R, {
-									icon: te,
+								/* @__PURE__ */ h(I, {
+									icon: se,
 									label: "Venues",
 									value: X.totalVenues
 								}),
-								/* @__PURE__ */ _(R, {
-									icon: S,
+								/* @__PURE__ */ h(I, {
+									icon: de,
 									label: "Sponsors",
 									value: X.totalSponsors
 								}),
-								/* @__PURE__ */ _(R, {
-									icon: x,
+								/* @__PURE__ */ h(I, {
+									icon: ue,
 									label: "Upcoming Sessions",
 									value: X.upcomingSessions
 								})
 							]
 						}) : null,
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ g("div", {
 							className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-							children: [/* @__PURE__ */ v(D, {
+							children: [/* @__PURE__ */ g(y, {
 								treatment: "insight",
 								className: "p-5",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ _("h2", {
+									children: [/* @__PURE__ */ h("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Registrations over time"
-									}), /* @__PURE__ */ _("span", {
+									}), /* @__PURE__ */ h("span", {
 										className: "text-xs text-text-muted",
 										children: "By snapshot"
 									})]
-								}), /* @__PURE__ */ _("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "mt-4",
-									children: /* @__PURE__ */ _(c, {
-										data: ae,
+									children: /* @__PURE__ */ h(s, {
+										data: ye,
 										emptyLabel: "Generate a few snapshots to chart the trend"
 									})
 								})]
-							}), /* @__PURE__ */ v(D, {
+							}), /* @__PURE__ */ g(y, {
 								treatment: "insight",
 								className: "p-5",
-								children: [/* @__PURE__ */ _("h2", {
+								children: [/* @__PURE__ */ h("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Registrations by status"
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "mt-4 flex flex-col items-center gap-4 sm:flex-row",
-									children: [/* @__PURE__ */ _("div", {
+									children: [/* @__PURE__ */ h("div", {
 										className: "w-full sm:w-1/2",
-										children: /* @__PURE__ */ _(u, {
+										children: /* @__PURE__ */ h(l, {
 											data: $,
-											centerValue: oe.toLocaleString(),
+											centerValue: be.toLocaleString(),
 											centerLabel: "Registrations",
 											emptyLabel: "No registrations yet"
 										})
-									}), /* @__PURE__ */ _("div", {
+									}), /* @__PURE__ */ h("div", {
 										className: "w-full sm:w-1/2",
-										children: /* @__PURE__ */ _(s, { items: $.map((e) => ({
+										children: /* @__PURE__ */ h(ne, { items: $.map((e) => ({
 											label: e.name,
 											color: e.color ?? "var(--color-chart-1)",
 											value: e.value.toLocaleString()
@@ -299,35 +305,66 @@ function z() {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ v(D, {
+						/* @__PURE__ */ g(y, {
 							treatment: "insight",
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ _("h2", {
+								/* @__PURE__ */ h("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Portfolio totals"
 								}),
-								/* @__PURE__ */ _("p", {
+								/* @__PURE__ */ h("p", {
 									className: "mt-0.5 text-xs text-text-muted",
 									children: "Live counts across every entity you manage."
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ h("div", {
 									className: "mt-4",
-									children: /* @__PURE__ */ _(l, {
-										data: se,
+									children: /* @__PURE__ */ h(c, {
+										data: xe,
 										emptyLabel: "No operational data yet"
 									})
 								})
 							]
+						}),
+						/* @__PURE__ */ g(y, {
+							treatment: "insight",
+							className: "p-5",
+							children: [/* @__PURE__ */ g("div", {
+								className: "flex flex-wrap items-center justify-between gap-3",
+								children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h2", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Check-in throughput"
+								}), /* @__PURE__ */ h("p", {
+									className: "mt-0.5 text-xs text-text-muted",
+									children: "Scans per hour at the door for the selected event."
+								})] }), G.length > 0 ? /* @__PURE__ */ g(w, {
+									value: K,
+									onValueChange: _e,
+									children: [/* @__PURE__ */ h(D, {
+										className: "w-full sm:w-56",
+										"aria-label": "Select event for check-in throughput",
+										children: /* @__PURE__ */ h(O, { placeholder: "Select event" })
+									}), /* @__PURE__ */ h(T, { children: G.map((e) => /* @__PURE__ */ h(E, {
+										value: e.id,
+										children: e.name
+									}, e.id)) })]
+								}) : null]
+							}), /* @__PURE__ */ h("div", {
+								className: "mt-4",
+								children: /* @__PURE__ */ h(c, {
+									data: ve,
+									emptyLabel: K ? "No check-ins recorded yet for this event" : "Select an event to see throughput"
+								})
+							})]
 						})
 					]
-				}), /* @__PURE__ */ v("aside", {
+				}), /* @__PURE__ */ g("aside", {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ v("h2", {
+						children: [/* @__PURE__ */ g("h2", {
 							className: "text-base font-semibold text-text-primary",
-							children: ["Saved snapshots ", Y > 0 ? /* @__PURE__ */ v("span", {
+							children: ["Saved snapshots ", Y > 0 ? /* @__PURE__ */ g("span", {
 								className: "text-text-muted",
 								children: [
 									"(",
@@ -335,66 +372,66 @@ function z() {
 									")"
 								]
 							}) : null]
-						}), /* @__PURE__ */ _(y, { className: "h-4 w-4 text-text-muted" })]
-					}), B && J.length === 0 ? /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ h(ie, { className: "h-4 w-4 text-text-muted" })]
+					}), R && J.length === 0 ? /* @__PURE__ */ h("div", {
 						className: "space-y-3",
-						children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ _(M, { className: "h-24 rounded-card" }, t))
-					}) : J.length === 0 ? /* @__PURE__ */ _(D, {
+						children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ h(k, { className: "h-24 rounded-card" }, t))
+					}) : J.length === 0 ? /* @__PURE__ */ h(y, {
 						treatment: "plain",
 						className: "border-border-seam",
-						children: /* @__PURE__ */ _(k, {
+						children: /* @__PURE__ */ h(x, {
 							illustration: "empty-data",
 							title: "No snapshots yet",
 							description: "Generate your first snapshot to freeze the current metrics.",
 							className: "py-8"
 						})
-					}) : /* @__PURE__ */ v("div", {
+					}) : /* @__PURE__ */ g("div", {
 						className: "space-y-3",
 						children: [J.map((e) => {
-							let t = I(e.metrics?.generatedAt) ?? I(e.createdAt), n = P.map((t) => {
+							let t = N(e.metrics?.generatedAt) ?? N(e.createdAt), n = j.map((t) => {
 								let n = e.metrics?.[t.key];
 								return {
 									label: t.label,
 									value: typeof n == "number" ? n : null
 								};
 							}).filter((e) => e.value !== null);
-							return /* @__PURE__ */ v(D, {
+							return /* @__PURE__ */ g(y, {
 								treatment: "plain",
 								className: "border-border-seam p-4",
-								children: [/* @__PURE__ */ v("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "flex items-start justify-between gap-2",
-									children: [/* @__PURE__ */ v("div", {
+									children: [/* @__PURE__ */ g("div", {
 										className: "min-w-0",
-										children: [/* @__PURE__ */ _("h3", {
+										children: [/* @__PURE__ */ h("h3", {
 											className: "truncate text-sm font-semibold text-text-primary",
 											children: e.title ?? e.name ?? `Snapshot ${e.id}`
-										}), t ? /* @__PURE__ */ _("p", {
+										}), t ? /* @__PURE__ */ h("p", {
 											className: "mt-0.5 text-xs text-text-muted",
 											children: t
 										}) : null]
-									}), e.status ? /* @__PURE__ */ _(w, {
-										variant: F(e.status),
+									}), e.status ? /* @__PURE__ */ h(pe, {
+										variant: M(e.status),
 										className: "shrink-0 uppercase",
 										children: e.status
 									}) : null]
-								}), n.length > 0 ? /* @__PURE__ */ _("dl", {
+								}), n.length > 0 ? /* @__PURE__ */ h("dl", {
 									className: "mt-3 space-y-1.5",
-									children: n.map((e) => /* @__PURE__ */ v("div", {
+									children: n.map((e) => /* @__PURE__ */ g("div", {
 										className: "flex items-center justify-between text-xs",
-										children: [/* @__PURE__ */ _("dt", {
+										children: [/* @__PURE__ */ h("dt", {
 											className: "text-text-secondary",
 											children: e.label
-										}), /* @__PURE__ */ _("dd", {
+										}), /* @__PURE__ */ h("dd", {
 											className: "font-semibold tabular-nums text-text-primary",
 											children: (e.value ?? 0).toLocaleString()
 										})]
 									}, e.label))
-								}) : /* @__PURE__ */ _("p", {
+								}) : /* @__PURE__ */ h("p", {
 									className: "mt-3 text-xs text-text-muted",
 									children: "No metrics captured."
 								})]
 							}, e.id);
-						}), /* @__PURE__ */ _(d, {
+						}), /* @__PURE__ */ h(u, {
 							offset: e.offset,
 							limit: e.limit,
 							loadedCount: J.length,
@@ -402,7 +439,7 @@ function z() {
 							onPrev: e.prevPage,
 							onNext: e.nextPage,
 							itemLabel: "snapshots",
-							loading: B
+							loading: R
 						})]
 					})]
 				})]
@@ -411,6 +448,6 @@ function z() {
 	});
 }
 //#endregion
-export { z as default };
+export { L as default };
 
 //# sourceMappingURL=AnalyticsPage.js.map