@burdenoff/microfe-eventfullymanaged 2026.704.7 → 2026.710.1

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

@@ -1,17 +1,17 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
 import { gql as t } from "../../../node_modules/graphql-tag/lib/index.js";
 import { useQuery as n } from "../../../node_modules/@apollo/client/react/hooks/useQuery.js";
-import { useEventsQuery as r, useVenuesQuery as i } from "../../api/eventApi.js";
-import { formatDateTime as a } from "../events/eventFormUtils.js";
-import { ActionMenu as o } from "../../components/ActionMenu.js";
-import { Pagination as s, usePagination as c } from "../../components/Pagination.js";
-import { useMemo as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { CalendarClock as p, CalendarPlus as m, MapPin as h, Search as g, Ticket as _, UserCheck as v, Users as y } from "lucide-react";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as x, Button as S, EmphasisPanel as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, Input as D, NextSteps as O, PagePurpose as k, Skeleton as A } from "@burdenoff/fe-libs/ui";
+import { useEventsQuery as r, useSponsorsQuery as i, useVenuesQuery as a } from "../../api/eventApi.js";
+import { formatDateTime as o } from "../events/eventFormUtils.js";
+import { ActionMenu as s } from "../../components/ActionMenu.js";
+import { Pagination as c, usePagination as l } from "../../components/Pagination.js";
+import { useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Award as m, CalendarClock as h, CalendarDays as g, CalendarPlus as _, MapPin as v, Search as ee, Ticket as y, UserCheck as b, Users as x } from "lucide-react";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as C, Button as w, EmphasisPanel as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, Input as k, NextSteps as te, PagePurpose as ne, Skeleton as A, Tabs as re, TabsList as ie, TabsTrigger as j } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/EventsPage.tsx
-var j = t`
+var M = t`
   query EventfullymanagedEventsRegistrations($limit: Int) {
     registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {
       total
@@ -23,7 +23,7 @@ var j = t`
     }
   }
 `;
-function M(e) {
+function N(e) {
 	let t = e.toLowerCase();
 	return [
 		"active",
@@ -45,44 +45,73 @@ function M(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-function N(e, t) {
-	let n = e ? a(e) : "", r = t ? a(t) : "";
+function P(e, t) {
+	let n = e ? o(e) : "", r = t ? o(t) : "";
 	return n && r ? `${n} — ${r}` : n || r || "No schedule set";
 }
-function P({ icon: e, label: t, value: n }) {
-	return /* @__PURE__ */ f("div", {
+function F(e, t) {
+	let n = Date.now(), r = e ? new Date(e).getTime() : NaN, i = t ? new Date(t).getTime() : NaN, a = !Number.isNaN(r), o = !Number.isNaN(i);
+	return !a && !o ? null : a && n < r ? "upcoming" : o && n > i ? "past" : a ? "live" : "upcoming";
+}
+function I({ icon: e, label: t, value: n, loading: r }) {
+	return /* @__PURE__ */ f(E, {
+		treatment: "plain",
+		className: "border-border-seam p-4",
+		children: /* @__PURE__ */ p("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ f("span", {
+				className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary",
+				children: /* @__PURE__ */ f(e, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ p("div", {
+				className: "min-w-0",
+				children: [r ? /* @__PURE__ */ f(A, { className: "h-6 w-12" }) : /* @__PURE__ */ f("p", {
+					className: "truncate text-xl font-bold tabular-nums text-text-primary",
+					children: n
+				}), /* @__PURE__ */ f("p", {
+					className: "truncate text-xs text-text-muted",
+					children: t
+				})]
+			})]
+		})
+	});
+}
+function L({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ p("div", {
 		className: "flex items-center gap-1.5",
 		children: [
-			/* @__PURE__ */ d(e, { className: "h-3.5 w-3.5 text-text-muted" }),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ f(e, { className: "h-3.5 w-3.5 text-text-muted" }),
+			/* @__PURE__ */ f("span", {
 				className: "tabular-nums font-medium text-text-primary",
 				children: n
 			}),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ f("span", {
 				className: "text-text-muted",
 				children: t
 			})
 		]
 	});
 }
-function F() {
-	let { t } = b(), a = (e, n) => {
+function R() {
+	let { t } = S(), o = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, { navigate: F } = e(), [I, L] = u(""), R = c({ resetKey: I }), { data: z, loading: B } = r({
-		search: I,
-		limit: R.limit,
-		offset: R.offset
-	}), { data: V } = i({
+	}, { navigate: R } = e(), [z, B] = d(""), [V, H] = d("all"), U = l({ resetKey: z }), { data: W, loading: G } = r({
+		search: z,
+		limit: U.limit,
+		offset: U.offset
+	}), { data: K, loading: q } = a({
 		limit: 100,
 		offset: 0
-	}), { data: H } = n(j, { variables: { limit: 500 } }), U = z?.events?.total ?? 0, W = l(() => z?.events?.items ?? [], [z]), G = l(() => {
+	}), { data: J, loading: ae } = i({
+		limit: 1,
+		offset: 0
+	}), { data: Y, loading: oe } = n(M, { variables: { limit: 500 } }), X = W?.events?.total ?? 0, Z = u(() => W?.events?.items ?? [], [W]), se = Y?.registrations?.total ?? 0, Q = K?.venues?.total ?? 0, ce = J?.sponsors?.total ?? 0, $ = u(() => V === "all" ? Z : Z.filter((e) => F(e.startAt, e.endAt) === V), [Z, V]), le = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of V?.venues?.items ?? []) e.set(t.id, t.name);
+		for (let t of K?.venues?.items ?? []) e.set(t.id, t.name);
 		return e;
-	}, [V]), K = l(() => {
+	}, [K]), ue = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of H?.registrations?.items ?? []) {
+		for (let t of Y?.registrations?.items ?? []) {
 			let n = e.get(t.eventId) ?? {
 				registrations: 0,
 				checkedIn: 0
@@ -90,176 +119,252 @@ function F() {
 			n.registrations += 1, t.checkedInAt && (n.checkedIn += 1), e.set(t.eventId, n);
 		}
 		return e;
-	}, [H]);
-	return /* @__PURE__ */ f("div", {
+	}, [Y]);
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d(k, { children: a("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.") }),
-			/* @__PURE__ */ d(C, { children: /* @__PURE__ */ f("div", {
+			/* @__PURE__ */ f(ne, { children: o("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.") }),
+			/* @__PURE__ */ f(T, { children: /* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ d(T, { children: a("eventfullymanaged.events.title", "Events") })
-				}), /* @__PURE__ */ d("p", {
+					children: /* @__PURE__ */ f(D, { children: o("eventfullymanaged.events.title", "Events") })
+				}), /* @__PURE__ */ f("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: a("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
-				})] }), /* @__PURE__ */ f(S, {
+					children: o("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
+				})] }), /* @__PURE__ */ p(w, {
 					type: "button",
-					onClick: () => F("/events/create"),
-					children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), a("eventfullymanaged.events.actions.create", "Create Event")]
+					onClick: () => R("/events/create"),
+					children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 				})]
 			}) }),
-			/* @__PURE__ */ f("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ d(g, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ d(D, {
-					type: "text",
-					value: I,
-					onChange: (e) => L(e.target.value),
-					placeholder: a("eventfullymanaged.events.searchPlaceholder", "Search events"),
-					"aria-label": a("eventfullymanaged.events.searchPlaceholder", "Search events"),
-					className: "pl-10"
+			/* @__PURE__ */ p("div", {
+				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ f(I, {
+						icon: g,
+						label: o("eventfullymanaged.events.portfolio.events", "Events"),
+						value: X.toLocaleString(),
+						loading: G && X === 0
+					}),
+					/* @__PURE__ */ f(I, {
+						icon: x,
+						label: o("eventfullymanaged.events.portfolio.registrations", "Registrations"),
+						value: se.toLocaleString(),
+						loading: oe && !Y
+					}),
+					/* @__PURE__ */ f(I, {
+						icon: v,
+						label: o("eventfullymanaged.events.portfolio.venues", "Venues"),
+						value: Q.toLocaleString(),
+						loading: q && !K
+					}),
+					/* @__PURE__ */ f(I, {
+						icon: m,
+						label: o("eventfullymanaged.events.portfolio.sponsors", "Sponsors"),
+						value: ce.toLocaleString(),
+						loading: ae && !J
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ p("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ f(ee, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ f(k, {
+						type: "text",
+						value: z,
+						onChange: (e) => B(e.target.value),
+						placeholder: o("eventfullymanaged.events.searchPlaceholder", "Search events"),
+						"aria-label": o("eventfullymanaged.events.searchPlaceholder", "Search events"),
+						className: "pl-10"
+					})]
+				}), /* @__PURE__ */ f(re, {
+					value: V,
+					onValueChange: (e) => H(e),
+					className: "w-full sm:w-auto",
+					children: /* @__PURE__ */ p(ie, {
+						className: "w-full overflow-x-auto sm:w-auto",
+						children: [
+							/* @__PURE__ */ f(j, {
+								value: "all",
+								children: o("eventfullymanaged.events.filters.all", "All")
+							}),
+							/* @__PURE__ */ f(j, {
+								value: "upcoming",
+								children: o("eventfullymanaged.events.filters.upcoming", "Upcoming")
+							}),
+							/* @__PURE__ */ f(j, {
+								value: "live",
+								children: o("eventfullymanaged.events.filters.live", "Live")
+							}),
+							/* @__PURE__ */ f(j, {
+								value: "past",
+								children: o("eventfullymanaged.events.filters.past", "Past")
+							})
+						]
+					})
 				})]
 			}),
-			B ? /* @__PURE__ */ f("div", {
+			G ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
 				children: [
-					/* @__PURE__ */ d(A, { className: "h-28 w-full rounded-card" }),
-					/* @__PURE__ */ d(A, { className: "h-28 w-full rounded-card" }),
-					/* @__PURE__ */ d(A, { className: "h-28 w-full rounded-card" })
+					/* @__PURE__ */ f(A, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(A, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(A, { className: "h-28 w-full rounded-card" })
 				]
-			}) : W.length === 0 ? /* @__PURE__ */ d(w, {
+			}) : Z.length === 0 ? /* @__PURE__ */ f(E, {
 				treatment: "plain",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ d(E, {
-					illustration: I ? "empty-search" : "empty-data",
-					title: I ? a("eventfullymanaged.events.list.emptySearch", "No events match your search.") : a("eventfullymanaged.events.list.empty", "No events yet."),
-					description: I ? a("eventfullymanaged.events.list.emptySearchHint", "Try a different name.") : a("eventfullymanaged.events.list.emptyHint", "Create your first event to get started."),
-					action: I ? void 0 : /* @__PURE__ */ f(S, {
+				children: /* @__PURE__ */ f(O, {
+					illustration: z ? "empty-search" : "empty-data",
+					title: z ? o("eventfullymanaged.events.list.emptySearch", "No events match your search.") : o("eventfullymanaged.events.list.empty", "No events yet."),
+					description: z ? o("eventfullymanaged.events.list.emptySearchHint", "Try a different name.") : o("eventfullymanaged.events.list.emptyHint", "Create your first event to get started."),
+					action: z ? void 0 : /* @__PURE__ */ p(w, {
 						type: "button",
-						onClick: () => F("/events/create"),
-						children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), a("eventfullymanaged.events.actions.create", "Create Event")]
+						onClick: () => R("/events/create"),
+						children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 					})
 				})
-			}) : /* @__PURE__ */ f("div", {
+			}) : $.length === 0 ? /* @__PURE__ */ p("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ f(E, {
+					treatment: "plain",
+					className: "border-border-seam",
+					children: /* @__PURE__ */ f("p", {
+						className: "px-2 py-8 text-center text-sm text-text-secondary",
+						children: o("eventfullymanaged.events.filters.empty", `No ${V} events on this page. Switch tabs or move to another page.`)
+					})
+				}), /* @__PURE__ */ f(c, {
+					offset: U.offset,
+					limit: U.limit,
+					loadedCount: Z.length,
+					total: X,
+					onPrev: U.prevPage,
+					onNext: U.nextPage,
+					itemLabel: "events",
+					loading: G
+				})]
+			}) : /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: [W.map((e) => {
-					let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? G.get(n) : void 0, i = K.get(e.id), s = i?.registrations ?? 0, c = s > 0 ? Math.round((i?.checkedIn ?? 0) / s * 100) : 0;
-					return /* @__PURE__ */ f(w, {
+				children: [$.map((e) => {
+					let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? le.get(n) : void 0, i = ue.get(e.id), a = i?.registrations ?? 0, c = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
+					return /* @__PURE__ */ p(E, {
 						treatment: "plain",
 						role: "button",
 						tabIndex: 0,
 						"aria-label": e.name,
 						className: "group relative cursor-pointer overflow-hidden border-border-seam p-0 outline-none transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1 focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
-						onClick: () => F(`/events/${e.id}`),
+						onClick: () => R(`/events/${e.id}`),
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), F(`/events/${e.id}`));
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), R(`/events/${e.id}`));
 						},
-						children: [/* @__PURE__ */ d("span", {
+						children: [/* @__PURE__ */ f("span", {
 							"aria-hidden": "true",
 							className: "absolute inset-y-0 left-0 w-1.5 bg-gradient-to-b from-[var(--color-chart-1)] to-[var(--color-chart-2)]"
-						}), /* @__PURE__ */ f("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "flex flex-col gap-3 py-4 pl-5 pr-4 sm:flex-row sm:items-center sm:justify-between",
-							children: [/* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "min-w-0 space-y-2",
 								children: [
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [
-											/* @__PURE__ */ d("p", {
+											/* @__PURE__ */ f("p", {
 												className: "truncate text-lg font-semibold text-text-primary",
 												children: e.name
 											}),
-											e.status ? /* @__PURE__ */ d(x, {
-												variant: M(e.status),
+											e.status ? /* @__PURE__ */ f(C, {
+												variant: N(e.status),
 												className: "uppercase",
 												children: e.status
 											}) : null,
-											e.type ? /* @__PURE__ */ d(x, {
+											e.type ? /* @__PURE__ */ f(C, {
 												variant: "secondary",
 												className: "capitalize",
 												children: e.type.toLowerCase().replace(/_/g, " ")
 											}) : null
 										]
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ f("span", {
+										children: [/* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ d(p, { className: "h-4 w-4 shrink-0 text-text-muted" }), N(e.startAt, e.endAt)]
-										}), /* @__PURE__ */ f("span", {
+											children: [/* @__PURE__ */ f(h, { className: "h-4 w-4 shrink-0 text-text-muted" }), P(e.startAt, e.endAt)]
+										}), /* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ d(h, { className: "h-4 w-4 shrink-0 text-text-muted" }), r ?? a("eventfullymanaged.events.card.noVenue", "No venue")]
+											children: [/* @__PURE__ */ f(v, { className: "h-4 w-4 shrink-0 text-text-muted" }), r ?? o("eventfullymanaged.events.card.noVenue", "No venue")]
 										})]
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs",
 										children: [
-											/* @__PURE__ */ d(P, {
-												icon: v,
-												label: a("eventfullymanaged.events.card.registered", "registered"),
-												value: s.toLocaleString()
+											/* @__PURE__ */ f(L, {
+												icon: b,
+												label: o("eventfullymanaged.events.card.registered", "registered"),
+												value: a.toLocaleString()
 											}),
-											/* @__PURE__ */ d(P, {
-												icon: v,
-												label: a("eventfullymanaged.events.card.checkedIn", "checked in"),
+											/* @__PURE__ */ f(L, {
+												icon: b,
+												label: o("eventfullymanaged.events.card.checkedIn", "checked in"),
 												value: `${c}%`
 											}),
-											/* @__PURE__ */ d(P, {
-												icon: y,
-												label: a("eventfullymanaged.events.card.capacity", "capacity"),
+											/* @__PURE__ */ f(L, {
+												icon: x,
+												label: o("eventfullymanaged.events.card.capacity", "capacity"),
 												value: e.capacity == null ? "—" : e.capacity.toLocaleString()
 											})
 										]
 									})
 								]
-							}), /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "flex shrink-0 items-center gap-2 self-start sm:self-center",
 								onClick: (e) => e.stopPropagation(),
 								onKeyDown: (e) => e.stopPropagation(),
 								role: "presentation",
-								children: /* @__PURE__ */ d(o, {
+								children: /* @__PURE__ */ f(s, {
 									ariaLabel: `Event actions for ${e.name}`,
-									onView: () => F(`/events/${e.id}`),
-									onEdit: () => F(`/events/${e.id}/edit`)
+									onView: () => R(`/events/${e.id}`),
+									onEdit: () => R(`/events/${e.id}/edit`)
 								})
 							})]
 						})]
 					}, e.id);
-				}), /* @__PURE__ */ d(s, {
-					offset: R.offset,
-					limit: R.limit,
-					loadedCount: W.length,
-					total: U,
-					onPrev: R.prevPage,
-					onNext: R.nextPage,
+				}), /* @__PURE__ */ f(c, {
+					offset: U.offset,
+					limit: U.limit,
+					loadedCount: Z.length,
+					total: X,
+					onPrev: U.prevPage,
+					onNext: U.nextPage,
 					itemLabel: "events",
-					loading: B
+					loading: G
 				})]
 			}),
-			/* @__PURE__ */ d(O, {
+			/* @__PURE__ */ f(te, {
 				storageKey: "eventfullymanaged-events",
-				title: a("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
+				title: o("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
 				steps: [
 					{
 						id: "configure-registration",
-						label: a("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
-						description: a("eventfullymanaged.events.nextSteps.registrationDesc", "Open an event and define ticket types so people can register."),
-						icon: /* @__PURE__ */ d(_, { className: "h-4 w-4" }),
-						onClick: () => F("/registration")
+						label: o("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
+						description: o("eventfullymanaged.events.nextSteps.registrationDesc", "Open an event and define ticket types so people can register."),
+						icon: /* @__PURE__ */ f(y, { className: "h-4 w-4" }),
+						onClick: () => R("/registration")
 					},
 					{
 						id: "plan-networking",
-						label: a("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
-						description: a("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
-						icon: /* @__PURE__ */ d(y, { className: "h-4 w-4" }),
-						onClick: () => F("/networking")
+						label: o("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
+						description: o("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
+						icon: /* @__PURE__ */ f(x, { className: "h-4 w-4" }),
+						onClick: () => R("/networking")
 					},
 					{
 						id: "announce",
-						label: a("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
-						description: a("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
-						icon: /* @__PURE__ */ d(m, { className: "h-4 w-4" }),
-						onClick: () => F("/communication")
+						label: o("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
+						description: o("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
+						icon: /* @__PURE__ */ f(_, { className: "h-4 w-4" }),
+						onClick: () => R("/communication")
 					}
 				]
 			})
@@ -267,6 +372,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as default };
+export { R as default };
 
 //# sourceMappingURL=EventsPage.js.map

package/dist/eventfullymanaged/pages/modules/EventsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/EventsPage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { CalendarClock, CalendarPlus, MapPin, Search, Ticket, UserCheck, Users } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  NextSteps,\n  PagePurpose,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useEventsQuery, useVenuesQuery } from '../../api/eventApi';\nimport { ActionMenu } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { formatDateTime } from '../events/eventFormUtils';\n\ntype EventRow = {\n  id: string;\n  name: string;\n  type?: string;\n  status?: string;\n  startAt?: string;\n  endAt?: string;\n  capacity?: number | null;\n  visibility?: string;\n  metadata?: Record<string, unknown> | null;\n};\n\n// Per-event registration + check-in counts, computed once from a real registrations\n// read (no per-row queries) so each card can show live mini-stats.\nconst EVENTS_REGISTRATIONS_QUERY = gql`\n  query EventfullymanagedEventsRegistrations($limit: Int) {\n    registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {\n      total\n      items {\n        id\n        eventId\n        checkedInAt\n      }\n    }\n  }\n`;\n\ntype RegistrationStat = { id: string; eventId: string; checkedInAt?: string | null };\ntype EventsRegistrationsResponse = { registrations: { total: number; items: RegistrationStat[] } };\n\nfunction statusVariant(status: string): 'success' | 'warning' | 'secondary' | 'info' {\n  const value = status.toLowerCase();\n  if (['active', 'published', 'live', 'confirmed', 'completed', 'approved'].includes(value)) {\n    return 'success';\n  }\n  if (['inactive', 'cancelled', 'archived', 'closed', 'expired'].includes(value)) {\n    return 'warning';\n  }\n  if (['draft', 'created', 'pending', 'scheduled'].includes(value)) {\n    return 'info';\n  }\n  return 'secondary';\n}\n\nfunction formatDateRange(startAt?: string, endAt?: string): string {\n  const start = startAt ? formatDateTime(startAt) : '';\n  const end = endAt ? formatDateTime(endAt) : '';\n  if (start && end) {\n    return `${start} — ${end}`;\n  }\n  return start || end || 'No schedule set';\n}\n\nfunction MiniStat({\n  icon: Icon,\n  label,\n  value,\n}: {\n  icon: React.ComponentType<{ className?: string }>;\n  label: string;\n  value: string;\n}) {\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Icon className=\"h-3.5 w-3.5 text-text-muted\" />\n      <span className=\"tabular-nums font-medium text-text-primary\">{value}</span>\n      <span className=\"text-text-muted\">{label}</span>\n    </div>\n  );\n}\n\nexport default function EventsPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const pagination = usePagination({ resetKey: search });\n  const { data, loading } = useEventsQuery({ search, limit: pagination.limit, offset: pagination.offset });\n  const { data: venuesData } = useVenuesQuery({ limit: 100, offset: 0 });\n  const { data: registrationsData } = useQuery<EventsRegistrationsResponse, { limit: number }>(\n    EVENTS_REGISTRATIONS_QUERY,\n    { variables: { limit: 500 } }\n  );\n\n  const total = data?.events?.total ?? 0;\n  const rows = useMemo(() => (data?.events?.items ?? []) as EventRow[], [data]);\n\n  const venueNameById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const venue of venuesData?.venues?.items ?? []) {\n      map.set(venue.id, venue.name);\n    }\n    return map;\n  }, [venuesData]);\n\n  const statsByEvent = useMemo(() => {\n    const map = new Map<string, { registrations: number; checkedIn: number }>();\n    for (const registration of registrationsData?.registrations?.items ?? []) {\n      const entry = map.get(registration.eventId) ?? { registrations: 0, checkedIn: 0 };\n      entry.registrations += 1;\n      if (registration.checkedInAt) {\n        entry.checkedIn += 1;\n      }\n      map.set(registration.eventId, entry);\n    }\n    return map;\n  }, [registrationsData]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.events.purpose',\n          'Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              <GradientText>{t('eventfullymanaged.events.title', 'Events')}</GradientText>\n            </h1>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              {t('eventfullymanaged.events.description', 'Create and manage live events from the workspace graph.')}\n            </p>\n          </div>\n          <Button type=\"button\" onClick={() => navigate('/events/create')}>\n            <CalendarPlus className=\"h-4 w-4\" />\n            {t('eventfullymanaged.events.actions.create', 'Create Event')}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      <div className=\"relative\">\n        <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <Input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder={t('eventfullymanaged.events.searchPlaceholder', 'Search events')}\n          aria-label={t('eventfullymanaged.events.searchPlaceholder', 'Search events')}\n          className=\"pl-10\"\n        />\n      </div>\n\n      {loading ? (\n        <div className=\"space-y-3\">\n          <Skeleton className=\"h-28 w-full rounded-card\" />\n          <Skeleton className=\"h-28 w-full rounded-card\" />\n          <Skeleton className=\"h-28 w-full rounded-card\" />\n        </div>\n      ) : rows.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={\n              search\n                ? t('eventfullymanaged.events.list.emptySearch', 'No events match your search.')\n                : t('eventfullymanaged.events.list.empty', 'No events yet.')\n            }\n            description={\n              search\n                ? t('eventfullymanaged.events.list.emptySearchHint', 'Try a different name.')\n                : t('eventfullymanaged.events.list.emptyHint', 'Create your first event to get started.')\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/events/create')}>\n                  <CalendarPlus className=\"h-4 w-4\" />\n                  {t('eventfullymanaged.events.actions.create', 'Create Event')}\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"space-y-3\">\n          {rows.map((event) => {\n            const metadata = (event.metadata ?? {}) as Record<string, unknown>;\n            const venueId = typeof metadata.venueId === 'string' ? metadata.venueId : '';\n            const venueName = venueId ? venueNameById.get(venueId) : undefined;\n            const stat = statsByEvent.get(event.id);\n            const registrations = stat?.registrations ?? 0;\n            const checkInPct = registrations > 0 ? Math.round(((stat?.checkedIn ?? 0) / registrations) * 100) : 0;\n            return (\n              <GlassCard\n                key={event.id}\n                treatment=\"plain\"\n                role=\"button\"\n                tabIndex={0}\n                aria-label={event.name}\n                className=\"group relative cursor-pointer overflow-hidden border-border-seam p-0 outline-none transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1 focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                onClick={() => navigate(`/events/${event.id}`)}\n                onKeyDown={(keyEvent) => {\n                  if (keyEvent.key === 'Enter' || keyEvent.key === ' ') {\n                    keyEvent.preventDefault();\n                    navigate(`/events/${event.id}`);\n                  }\n                }}\n              >\n                {/* Cover accent strip */}\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-y-0 left-0 w-1.5 bg-gradient-to-b from-[var(--color-chart-1)] to-[var(--color-chart-2)]\"\n                />\n                <div className=\"flex flex-col gap-3 py-4 pl-5 pr-4 sm:flex-row sm:items-center sm:justify-between\">\n                  <div className=\"min-w-0 space-y-2\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <p className=\"truncate text-lg font-semibold text-text-primary\">{event.name}</p>\n                      {event.status ? (\n                        <Badge variant={statusVariant(event.status)} className=\"uppercase\">\n                          {event.status}\n                        </Badge>\n                      ) : null}\n                      {event.type ? (\n                        <Badge variant=\"secondary\" className=\"capitalize\">\n                          {event.type.toLowerCase().replace(/_/g, ' ')}\n                        </Badge>\n                      ) : null}\n                    </div>\n                    <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary\">\n                      <span className=\"flex items-center gap-1.5\">\n                        <CalendarClock className=\"h-4 w-4 shrink-0 text-text-muted\" />\n                        {formatDateRange(event.startAt, event.endAt)}\n                      </span>\n                      <span className=\"flex items-center gap-1.5\">\n                        <MapPin className=\"h-4 w-4 shrink-0 text-text-muted\" />\n                        {venueName ?? t('eventfullymanaged.events.card.noVenue', 'No venue')}\n                      </span>\n                    </div>\n                    <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs\">\n                      <MiniStat\n                        icon={UserCheck}\n                        label={t('eventfullymanaged.events.card.registered', 'registered')}\n                        value={registrations.toLocaleString()}\n                      />\n                      <MiniStat\n                        icon={UserCheck}\n                        label={t('eventfullymanaged.events.card.checkedIn', 'checked in')}\n                        value={`${checkInPct}%`}\n                      />\n                      <MiniStat\n                        icon={Users}\n                        label={t('eventfullymanaged.events.card.capacity', 'capacity')}\n                        value={event.capacity != null ? event.capacity.toLocaleString() : '—'}\n                      />\n                    </div>\n                  </div>\n                  <div\n                    className=\"flex shrink-0 items-center gap-2 self-start sm:self-center\"\n                    onClick={(clickEvent) => clickEvent.stopPropagation()}\n                    onKeyDown={(keyEvent) => keyEvent.stopPropagation()}\n                    role=\"presentation\"\n                  >\n                    <ActionMenu\n                      ariaLabel={`Event actions for ${event.name}`}\n                      onView={() => navigate(`/events/${event.id}`)}\n                      onEdit={() => navigate(`/events/${event.id}/edit`)}\n                    />\n                  </div>\n                </div>\n              </GlassCard>\n            );\n          })}\n\n          <Pagination\n            offset={pagination.offset}\n            limit={pagination.limit}\n            loadedCount={rows.length}\n            total={total}\n            onPrev={pagination.prevPage}\n            onNext={pagination.nextPage}\n            itemLabel=\"events\"\n            loading={loading}\n          />\n        </div>\n      )}\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-events\"\n        title={t('eventfullymanaged.events.nextSteps.title', 'Finish setting up your event')}\n        steps={[\n          {\n            id: 'configure-registration',\n            label: t('eventfullymanaged.events.nextSteps.registration', 'Configure registration & tickets'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.registrationDesc',\n              'Open an event and define ticket types so people can register.'\n            ),\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'plan-networking',\n            label: t('eventfullymanaged.events.nextSteps.networking', 'Plan networking & sessions'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.networkingDesc',\n              'Set up attendee matchmaking and meeting schedules.'\n            ),\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'announce',\n            label: t('eventfullymanaged.events.nextSteps.announce', 'Announce to attendees'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.announceDesc',\n              'Send announcements and run communication campaigns.'\n            ),\n            icon: <CalendarPlus className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAsCA,IAAM,IAA6B,CAAG;;;;;;;;;;;;AAgBtC,SAAS,EAAc,GAA8D;CACnF,IAAM,IAAQ,EAAO,aAAa;AAUlC,QATI;EAAC;EAAU;EAAa;EAAQ;EAAa;EAAa;EAAW,CAAC,SAAS,EAAM,GAChF,YAEL;EAAC;EAAY;EAAa;EAAY;EAAU;EAAU,CAAC,SAAS,EAAM,GACrE,YAEL;EAAC;EAAS;EAAW;EAAW;EAAY,CAAC,SAAS,EAAM,GACvD,SAEF;;AAGT,SAAS,EAAgB,GAAkB,GAAwB;CACjE,IAAM,IAAQ,IAAU,EAAe,EAAQ,GAAG,IAC5C,IAAM,IAAQ,EAAe,EAAM,GAAG;AAI5C,QAHI,KAAS,IACJ,GAAG,EAAM,KAAK,MAEhB,KAAS,KAAO;;AAGzB,SAAS,EAAS,EAChB,MAAM,GACN,UACA,YAKC;AACD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAM,WAAU,+BAAgC,CAAA;GAChD,kBAAC,QAAD;IAAM,WAAU;cAA8C;IAAa,CAAA;GAC3E,kBAAC,QAAD;IAAM,WAAU;cAAmB;IAAa,CAAA;GAC5C;;;AAIV,SAAwB,IAAa;CACnC,IAAM,EAAK,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,gBAAa,GAAsB,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAa,EAAc,EAAE,UAAU,GAAQ,CAAC,EAChD,EAAE,SAAM,eAAY,EAAe;EAAE;EAAQ,OAAO,EAAW;EAAO,QAAQ,EAAW;EAAQ,CAAC,EAClG,EAAE,MAAM,MAAe,EAAe;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAChE,EAAE,MAAM,MAAsB,EAClC,GACA,EAAE,WAAW,EAAE,OAAO,KAAK,EAAE,CAC9B,EAEK,IAAQ,GAAM,QAAQ,SAAS,GAC/B,IAAO,QAAe,GAAM,QAAQ,SAAS,EAAE,EAAiB,CAAC,EAAK,CAAC,EAEvE,IAAgB,QAAc;EAClC,IAAM,oBAAM,IAAI,KAAqB;AACrC,OAAK,IAAM,KAAS,GAAY,QAAQ,SAAS,EAAE,CACjD,GAAI,IAAI,EAAM,IAAI,EAAM,KAAK;AAE/B,SAAO;IACN,CAAC,EAAW,CAAC,EAEV,IAAe,QAAc;EACjC,IAAM,oBAAM,IAAI,KAA2D;AAC3E,OAAK,IAAM,KAAgB,GAAmB,eAAe,SAAS,EAAE,EAAE;GACxE,IAAM,IAAQ,EAAI,IAAI,EAAa,QAAQ,IAAI;IAAE,eAAe;IAAG,WAAW;IAAG;AAKjF,GAJA,EAAM,iBAAiB,GACnB,EAAa,gBACf,EAAM,aAAa,IAErB,EAAI,IAAI,EAAa,SAAS,EAAM;;AAEtC,SAAO;IACN,CAAC,EAAkB,CAAC;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UACG,EACC,oCACA,8OACD,EACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,kCAAkC,SAAS,EAAgB,CAAA;KACzE,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,wCAAwC,0DAA0D;KACnG,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAS,eAAe,EAAS,iBAAiB;eAA/D,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EACnC,EAAE,2CAA2C,eAAe,CACtD;OACL;OACQ,CAAA;GAEhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wFAAyF,CAAA,EAC3G,kBAAC,GAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;KAClD,aAAa,EAAE,8CAA8C,gBAAgB;KAC7E,cAAY,EAAE,8CAA8C,gBAAgB;KAC5E,WAAU;KACV,CAAA,CACE;;GAEL,IACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAU,WAAU,4BAA6B,CAAA;KACjD,kBAAC,GAAD,EAAU,WAAU,4BAA6B,CAAA;KACjD,kBAAC,GAAD,EAAU,WAAU,4BAA6B,CAAA;KAC7C;QACJ,EAAK,WAAW,IAClB,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KACE,cAAc,IAAS,iBAAiB;KACxC,OACE,IACI,EAAE,6CAA6C,+BAA+B,GAC9E,EAAE,uCAAuC,iBAAiB;KAEhE,aACE,IACI,EAAE,iDAAiD,wBAAwB,GAC3E,EAAE,2CAA2C,0CAA0C;KAE7F,QACG,IAKG,KAAA,IAJF,kBAAC,GAAD;MAAQ,MAAK;MAAS,eAAe,EAAS,iBAAiB;gBAA/D,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EACnC,EAAE,2CAA2C,eAAe,CACtD;;KAGb,CAAA;IACQ,CAAA,GAEZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAK,KAAK,MAAU;KACnB,IAAM,IAAY,EAAM,YAAY,EAAE,EAChC,IAAU,OAAO,EAAS,WAAY,WAAW,EAAS,UAAU,IACpE,IAAY,IAAU,EAAc,IAAI,EAAQ,GAAG,KAAA,GACnD,IAAO,EAAa,IAAI,EAAM,GAAG,EACjC,IAAgB,GAAM,iBAAiB,GACvC,IAAa,IAAgB,IAAI,KAAK,OAAQ,GAAM,aAAa,KAAK,IAAiB,IAAI,GAAG;AACpG,YACE,kBAAC,GAAD;MAEE,WAAU;MACV,MAAK;MACL,UAAU;MACV,cAAY,EAAM;MAClB,WAAU;MACV,eAAe,EAAS,WAAW,EAAM,KAAK;MAC9C,YAAY,MAAa;AACvB,QAAI,EAAS,QAAQ,WAAW,EAAS,QAAQ,SAC/C,EAAS,gBAAgB,EACzB,EAAS,WAAW,EAAM,KAAK;;gBAXrC,CAgBE,kBAAC,QAAD;OACE,eAAY;OACZ,WAAU;OACV,CAAA,EACF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,KAAD;YAAG,WAAU;sBAAoD,EAAM;YAAS,CAAA;WAC/E,EAAM,SACL,kBAAC,GAAD;YAAO,SAAS,EAAc,EAAM,OAAO;YAAE,WAAU;sBACpD,EAAM;YACD,CAAA,GACN;WACH,EAAM,OACL,kBAAC,GAAD;YAAO,SAAQ;YAAY,WAAU;sBAClC,EAAM,KAAK,aAAa,CAAC,QAAQ,MAAM,IAAI;YACtC,CAAA,GACN;WACA;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAe,WAAU,oCAAqC,CAAA,EAC7D,EAAgB,EAAM,SAAS,EAAM,MAAM,CACvC;cACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,oCAAqC,CAAA,EACtD,KAAa,EAAE,yCAAyC,WAAW,CAC/D;aACH;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,GAAD;YACE,MAAM;YACN,OAAO,EAAE,4CAA4C,aAAa;YAClE,OAAO,EAAc,gBAAgB;YACrC,CAAA;WACF,kBAAC,GAAD;YACE,MAAM;YACN,OAAO,EAAE,2CAA2C,aAAa;YACjE,OAAO,GAAG,EAAW;YACrB,CAAA;WACF,kBAAC,GAAD;YACE,MAAM;YACN,OAAO,EAAE,0CAA0C,WAAW;YAC9D,OAAO,EAAM,YAAY,OAAyC,MAAlC,EAAM,SAAS,gBAAgB;YAC/D,CAAA;WACE;;SACF;WACN,kBAAC,OAAD;QACE,WAAU;QACV,UAAU,MAAe,EAAW,iBAAiB;QACrD,YAAY,MAAa,EAAS,iBAAiB;QACnD,MAAK;kBAEL,kBAAC,GAAD;SACE,WAAW,qBAAqB,EAAM;SACtC,cAAc,EAAS,WAAW,EAAM,KAAK;SAC7C,cAAc,EAAS,WAAW,EAAM,GAAG,OAAO;SAClD,CAAA;QACE,CAAA,CACF;SACI;QA3EL,EAAM,GA2ED;MAEd,EAEF,kBAAC,GAAD;KACE,QAAQ,EAAW;KACnB,OAAO,EAAW;KAClB,aAAa,EAAK;KACX;KACP,QAAQ,EAAW;KACnB,QAAQ,EAAW;KACnB,WAAU;KACD;KACT,CAAA,CACE;;GAGR,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,EAAE,4CAA4C,+BAA+B;IACpF,OAAO;KACL;MACE,IAAI;MACJ,OAAO,EAAE,mDAAmD,mCAAmC;MAC/F,aAAa,EACX,uDACA,gEACD;MACD,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,eAAe,EAAS,gBAAgB;MACzC;KACD;MACE,IAAI;MACJ,OAAO,EAAE,iDAAiD,6BAA6B;MACvF,aAAa,EACX,qDACA,qDACD;MACD,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,eAAe,EAAS,cAAc;MACvC;KACD;MACE,IAAI;MACJ,OAAO,EAAE,+CAA+C,wBAAwB;MAChF,aAAa,EACX,mDACA,sDACD;MACD,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MAC1C,eAAe,EAAS,iBAAiB;MAC1C;KACF;IACD,CAAA;GACE"}
+{"version":3,"file":"EventsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/EventsPage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Award,\n  CalendarClock,\n  CalendarDays,\n  CalendarPlus,\n  MapPin,\n  Search,\n  Ticket,\n  UserCheck,\n  Users,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  NextSteps,\n  PagePurpose,\n  Skeleton,\n  Tabs,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useEventsQuery, useSponsorsQuery, useVenuesQuery } from '../../api/eventApi';\nimport { ActionMenu } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { formatDateTime } from '../events/eventFormUtils';\n\ntype EventRow = {\n  id: string;\n  name: string;\n  type?: string;\n  status?: string;\n  startAt?: string;\n  endAt?: string;\n  capacity?: number | null;\n  visibility?: string;\n  metadata?: Record<string, unknown> | null;\n};\n\n// Per-event registration + check-in counts, computed once from a real registrations\n// read (no per-row queries) so each card can show live mini-stats.\nconst EVENTS_REGISTRATIONS_QUERY = gql`\n  query EventfullymanagedEventsRegistrations($limit: Int) {\n    registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {\n      total\n      items {\n        id\n        eventId\n        checkedInAt\n      }\n    }\n  }\n`;\n\ntype RegistrationStat = { id: string; eventId: string; checkedInAt?: string | null };\ntype EventsRegistrationsResponse = { registrations: { total: number; items: RegistrationStat[] } };\n\nfunction statusVariant(status: string): 'success' | 'warning' | 'secondary' | 'info' {\n  const value = status.toLowerCase();\n  if (['active', 'published', 'live', 'confirmed', 'completed', 'approved'].includes(value)) {\n    return 'success';\n  }\n  if (['inactive', 'cancelled', 'archived', 'closed', 'expired'].includes(value)) {\n    return 'warning';\n  }\n  if (['draft', 'created', 'pending', 'scheduled'].includes(value)) {\n    return 'info';\n  }\n  return 'secondary';\n}\n\nfunction formatDateRange(startAt?: string, endAt?: string): string {\n  const start = startAt ? formatDateTime(startAt) : '';\n  const end = endAt ? formatDateTime(endAt) : '';\n  if (start && end) {\n    return `${start} — ${end}`;\n  }\n  return start || end || 'No schedule set';\n}\n\ntype Lifecycle = 'upcoming' | 'live' | 'past';\ntype LifecycleFilter = 'all' | Lifecycle;\n\n// Derive an event's lifecycle from its schedule (DateTime scalars arrive as ISO\n// strings, so parse via `new Date(...)`). Upcoming = starts in the future, Live =\n// now falls within start–end (open-ended if no end), Past = already ended.\nfunction eventLifecycle(startAt?: string, endAt?: string): Lifecycle | null {\n  const now = Date.now();\n  const start = startAt ? new Date(startAt).getTime() : Number.NaN;\n  const end = endAt ? new Date(endAt).getTime() : Number.NaN;\n  const hasStart = !Number.isNaN(start);\n  const hasEnd = !Number.isNaN(end);\n  if (!hasStart && !hasEnd) {\n    return null;\n  }\n  if (hasStart && now < start) {\n    return 'upcoming';\n  }\n  if (hasEnd && now > end) {\n    return 'past';\n  }\n  if (hasStart) {\n    return 'live';\n  }\n  return 'upcoming';\n}\n\nfunction PortfolioStat({\n  icon: Icon,\n  label,\n  value,\n  loading,\n}: {\n  icon: React.ComponentType<{ className?: string }>;\n  label: string;\n  value: string;\n  loading: boolean;\n}) {\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-4\">\n      <div className=\"flex items-center gap-3\">\n        <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary\">\n          <Icon className=\"h-4 w-4\" />\n        </span>\n        <div className=\"min-w-0\">\n          {loading ? (\n            <Skeleton className=\"h-6 w-12\" />\n          ) : (\n            <p className=\"truncate text-xl font-bold tabular-nums text-text-primary\">{value}</p>\n          )}\n          <p className=\"truncate text-xs text-text-muted\">{label}</p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction MiniStat({\n  icon: Icon,\n  label,\n  value,\n}: {\n  icon: React.ComponentType<{ className?: string }>;\n  label: string;\n  value: string;\n}) {\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Icon className=\"h-3.5 w-3.5 text-text-muted\" />\n      <span className=\"tabular-nums font-medium text-text-primary\">{value}</span>\n      <span className=\"text-text-muted\">{label}</span>\n    </div>\n  );\n}\n\nexport default function EventsPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const [statusFilter, setStatusFilter] = useState<LifecycleFilter>('all');\n  const pagination = usePagination({ resetKey: search });\n  const { data, loading } = useEventsQuery({ search, limit: pagination.limit, offset: pagination.offset });\n  const { data: venuesData, loading: venuesLoading } = useVenuesQuery({ limit: 100, offset: 0 });\n  const { data: sponsorsData, loading: sponsorsLoading } = useSponsorsQuery({ limit: 1, offset: 0 });\n  const { data: registrationsData, loading: registrationsLoading } = useQuery<\n    EventsRegistrationsResponse,\n    { limit: number }\n  >(EVENTS_REGISTRATIONS_QUERY, { variables: { limit: 500 } });\n\n  const total = data?.events?.total ?? 0;\n  const rows = useMemo(() => (data?.events?.items ?? []) as EventRow[], [data]);\n\n  const registrationsTotal = registrationsData?.registrations?.total ?? 0;\n  const venuesTotal = venuesData?.venues?.total ?? 0;\n  const sponsorsTotal = sponsorsData?.sponsors?.total ?? 0;\n\n  const visibleRows = useMemo(() => {\n    if (statusFilter === 'all') {\n      return rows;\n    }\n    return rows.filter((event) => eventLifecycle(event.startAt, event.endAt) === statusFilter);\n  }, [rows, statusFilter]);\n\n  const venueNameById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const venue of venuesData?.venues?.items ?? []) {\n      map.set(venue.id, venue.name);\n    }\n    return map;\n  }, [venuesData]);\n\n  const statsByEvent = useMemo(() => {\n    const map = new Map<string, { registrations: number; checkedIn: number }>();\n    for (const registration of registrationsData?.registrations?.items ?? []) {\n      const entry = map.get(registration.eventId) ?? { registrations: 0, checkedIn: 0 };\n      entry.registrations += 1;\n      if (registration.checkedInAt) {\n        entry.checkedIn += 1;\n      }\n      map.set(registration.eventId, entry);\n    }\n    return map;\n  }, [registrationsData]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.events.purpose',\n          'Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              <GradientText>{t('eventfullymanaged.events.title', 'Events')}</GradientText>\n            </h1>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              {t('eventfullymanaged.events.description', 'Create and manage live events from the workspace graph.')}\n            </p>\n          </div>\n          <Button type=\"button\" onClick={() => navigate('/events/create')}>\n            <CalendarPlus className=\"h-4 w-4\" />\n            {t('eventfullymanaged.events.actions.create', 'Create Event')}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      {/* Portfolio summary — real aggregate totals across the whole workspace graph. */}\n      <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <PortfolioStat\n          icon={CalendarDays}\n          label={t('eventfullymanaged.events.portfolio.events', 'Events')}\n          value={total.toLocaleString()}\n          loading={loading && total === 0}\n        />\n        <PortfolioStat\n          icon={Users}\n          label={t('eventfullymanaged.events.portfolio.registrations', 'Registrations')}\n          value={registrationsTotal.toLocaleString()}\n          loading={registrationsLoading && !registrationsData}\n        />\n        <PortfolioStat\n          icon={MapPin}\n          label={t('eventfullymanaged.events.portfolio.venues', 'Venues')}\n          value={venuesTotal.toLocaleString()}\n          loading={venuesLoading && !venuesData}\n        />\n        <PortfolioStat\n          icon={Award}\n          label={t('eventfullymanaged.events.portfolio.sponsors', 'Sponsors')}\n          value={sponsorsTotal.toLocaleString()}\n          loading={sponsorsLoading && !sponsorsData}\n        />\n      </div>\n\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative flex-1\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n          <Input\n            type=\"text\"\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            placeholder={t('eventfullymanaged.events.searchPlaceholder', 'Search events')}\n            aria-label={t('eventfullymanaged.events.searchPlaceholder', 'Search events')}\n            className=\"pl-10\"\n          />\n        </div>\n        <Tabs\n          value={statusFilter}\n          onValueChange={(value) => setStatusFilter(value as LifecycleFilter)}\n          className=\"w-full sm:w-auto\"\n        >\n          <TabsList className=\"w-full overflow-x-auto sm:w-auto\">\n            <TabsTrigger value=\"all\">{t('eventfullymanaged.events.filters.all', 'All')}</TabsTrigger>\n            <TabsTrigger value=\"upcoming\">{t('eventfullymanaged.events.filters.upcoming', 'Upcoming')}</TabsTrigger>\n            <TabsTrigger value=\"live\">{t('eventfullymanaged.events.filters.live', 'Live')}</TabsTrigger>\n            <TabsTrigger value=\"past\">{t('eventfullymanaged.events.filters.past', 'Past')}</TabsTrigger>\n          </TabsList>\n        </Tabs>\n      </div>\n\n      {loading ? (\n        <div className=\"space-y-3\">\n          <Skeleton className=\"h-28 w-full rounded-card\" />\n          <Skeleton className=\"h-28 w-full rounded-card\" />\n          <Skeleton className=\"h-28 w-full rounded-card\" />\n        </div>\n      ) : rows.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={\n              search\n                ? t('eventfullymanaged.events.list.emptySearch', 'No events match your search.')\n                : t('eventfullymanaged.events.list.empty', 'No events yet.')\n            }\n            description={\n              search\n                ? t('eventfullymanaged.events.list.emptySearchHint', 'Try a different name.')\n                : t('eventfullymanaged.events.list.emptyHint', 'Create your first event to get started.')\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/events/create')}>\n                  <CalendarPlus className=\"h-4 w-4\" />\n                  {t('eventfullymanaged.events.actions.create', 'Create Event')}\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : visibleRows.length === 0 ? (\n        <div className=\"space-y-3\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <p className=\"px-2 py-8 text-center text-sm text-text-secondary\">\n              {t(\n                'eventfullymanaged.events.filters.empty',\n                `No ${statusFilter} events on this page. Switch tabs or move to another page.`\n              )}\n            </p>\n          </GlassCard>\n          <Pagination\n            offset={pagination.offset}\n            limit={pagination.limit}\n            loadedCount={rows.length}\n            total={total}\n            onPrev={pagination.prevPage}\n            onNext={pagination.nextPage}\n            itemLabel=\"events\"\n            loading={loading}\n          />\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {visibleRows.map((event) => {\n            const metadata = (event.metadata ?? {}) as Record<string, unknown>;\n            const venueId = typeof metadata.venueId === 'string' ? metadata.venueId : '';\n            const venueName = venueId ? venueNameById.get(venueId) : undefined;\n            const stat = statsByEvent.get(event.id);\n            const registrations = stat?.registrations ?? 0;\n            const checkInPct = registrations > 0 ? Math.round(((stat?.checkedIn ?? 0) / registrations) * 100) : 0;\n            return (\n              <GlassCard\n                key={event.id}\n                treatment=\"plain\"\n                role=\"button\"\n                tabIndex={0}\n                aria-label={event.name}\n                className=\"group relative cursor-pointer overflow-hidden border-border-seam p-0 outline-none transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1 focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                onClick={() => navigate(`/events/${event.id}`)}\n                onKeyDown={(keyEvent) => {\n                  if (keyEvent.key === 'Enter' || keyEvent.key === ' ') {\n                    keyEvent.preventDefault();\n                    navigate(`/events/${event.id}`);\n                  }\n                }}\n              >\n                {/* Cover accent strip */}\n                <span\n                  aria-hidden=\"true\"\n                  className=\"absolute inset-y-0 left-0 w-1.5 bg-gradient-to-b from-[var(--color-chart-1)] to-[var(--color-chart-2)]\"\n                />\n                <div className=\"flex flex-col gap-3 py-4 pl-5 pr-4 sm:flex-row sm:items-center sm:justify-between\">\n                  <div className=\"min-w-0 space-y-2\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <p className=\"truncate text-lg font-semibold text-text-primary\">{event.name}</p>\n                      {event.status ? (\n                        <Badge variant={statusVariant(event.status)} className=\"uppercase\">\n                          {event.status}\n                        </Badge>\n                      ) : null}\n                      {event.type ? (\n                        <Badge variant=\"secondary\" className=\"capitalize\">\n                          {event.type.toLowerCase().replace(/_/g, ' ')}\n                        </Badge>\n                      ) : null}\n                    </div>\n                    <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary\">\n                      <span className=\"flex items-center gap-1.5\">\n                        <CalendarClock className=\"h-4 w-4 shrink-0 text-text-muted\" />\n                        {formatDateRange(event.startAt, event.endAt)}\n                      </span>\n                      <span className=\"flex items-center gap-1.5\">\n                        <MapPin className=\"h-4 w-4 shrink-0 text-text-muted\" />\n                        {venueName ?? t('eventfullymanaged.events.card.noVenue', 'No venue')}\n                      </span>\n                    </div>\n                    <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs\">\n                      <MiniStat\n                        icon={UserCheck}\n                        label={t('eventfullymanaged.events.card.registered', 'registered')}\n                        value={registrations.toLocaleString()}\n                      />\n                      <MiniStat\n                        icon={UserCheck}\n                        label={t('eventfullymanaged.events.card.checkedIn', 'checked in')}\n                        value={`${checkInPct}%`}\n                      />\n                      <MiniStat\n                        icon={Users}\n                        label={t('eventfullymanaged.events.card.capacity', 'capacity')}\n                        value={event.capacity != null ? event.capacity.toLocaleString() : '—'}\n                      />\n                    </div>\n                  </div>\n                  <div\n                    className=\"flex shrink-0 items-center gap-2 self-start sm:self-center\"\n                    onClick={(clickEvent) => clickEvent.stopPropagation()}\n                    onKeyDown={(keyEvent) => keyEvent.stopPropagation()}\n                    role=\"presentation\"\n                  >\n                    <ActionMenu\n                      ariaLabel={`Event actions for ${event.name}`}\n                      onView={() => navigate(`/events/${event.id}`)}\n                      onEdit={() => navigate(`/events/${event.id}/edit`)}\n                    />\n                  </div>\n                </div>\n              </GlassCard>\n            );\n          })}\n\n          <Pagination\n            offset={pagination.offset}\n            limit={pagination.limit}\n            loadedCount={rows.length}\n            total={total}\n            onPrev={pagination.prevPage}\n            onNext={pagination.nextPage}\n            itemLabel=\"events\"\n            loading={loading}\n          />\n        </div>\n      )}\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-events\"\n        title={t('eventfullymanaged.events.nextSteps.title', 'Finish setting up your event')}\n        steps={[\n          {\n            id: 'configure-registration',\n            label: t('eventfullymanaged.events.nextSteps.registration', 'Configure registration & tickets'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.registrationDesc',\n              'Open an event and define ticket types so people can register.'\n            ),\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'plan-networking',\n            label: t('eventfullymanaged.events.nextSteps.networking', 'Plan networking & sessions'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.networkingDesc',\n              'Set up attendee matchmaking and meeting schedules.'\n            ),\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'announce',\n            label: t('eventfullymanaged.events.nextSteps.announce', 'Announce to attendees'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.announceDesc',\n              'Send announcements and run communication campaigns.'\n            ),\n            icon: <CalendarPlus className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/modules/KioskPage.d.ts

@@ -0,0 +1,19 @@
+interface DetectedBarcode {
+    rawValue: string;
+}
+interface BarcodeDetectorLike {
+    detect(source: CanvasImageSource): Promise<DetectedBarcode[]>;
+}
+interface BarcodeDetectorCtor {
+    new (options?: {
+        formats: string[];
+    }): BarcodeDetectorLike;
+}
+declare global {
+    interface Window {
+        BarcodeDetector?: BarcodeDetectorCtor;
+    }
+}
+export default function KioskPage(): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KioskPage.d.ts.map

package/dist/eventfullymanaged/pages/modules/KioskPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KioskPage.d.ts","sourceRoot":"","sources":["../../../../src/eventfullymanaged/pages/modules/KioskPage.tsx"],"names":[],"mappings":"AA4DA,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,UAAU,mBAAmB;IAC3B,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,CAAC;CAC/D;AACD,UAAU,mBAAmB;IAC3B,KAAK,OAAO,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,mBAAmB,CAAC;CAC5D;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,eAAe,CAAC,EAAE,mBAAmB,CAAC;KACvC;CACF;AA6xBD,MAAM,CAAC,OAAO,UAAU,SAAS,4CA0XhC"}