@burdenoff/microfe-eventfullymanaged 2026.716.1 → 2026.719.2

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

@@ -7,11 +7,11 @@ 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";
+import { Award as ee, CalendarClock as te, CalendarDays as ne, CalendarPlus as m, LayoutGrid as h, MapPin as g, Rows3 as re, Search as _, Ticket as v, UserCheck as y, Users as b } from "lucide-react";
+import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as x, Button as S, EmphasisPanel as ae, GlassCard as C, GradientText as oe, IllustratedEmptyState as se, Input as ce, NextSteps as le, PagePurpose as ue, Skeleton as w, Table as T, TableBody as E, TableCell as D, TableHead as O, TableHeader as de, TableRow as k, Tabs as A, TabsList as fe, TabsTrigger as j } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/EventsPage.tsx
-var M = t`
+var pe = t`
   query EventfullymanagedEventsRegistrations($limit: Int) {
     registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {
       total
@@ -23,7 +23,7 @@ var M = t`
     }
   }
 `;
-function N(e) {
+function M(e) {
 	let t = e.toLowerCase();
 	return [
 		"active",
@@ -45,16 +45,16 @@ function N(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-function P(e, t) {
+function N(e, t) {
 	let n = e ? o(e) : "", r = t ? o(t) : "";
 	return n && r ? `${n} — ${r}` : n || r || "No schedule set";
 }
-function F(e, t) {
+function P(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, {
+function F({ icon: e, label: t, value: n, loading: r }) {
+	return /* @__PURE__ */ f(C, {
 		treatment: "plain",
 		className: "border-border-seam p-4",
 		children: /* @__PURE__ */ p("div", {
@@ -64,7 +64,7 @@ function I({ icon: e, label: t, value: n, loading: r }) {
 				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", {
+				children: [r ? /* @__PURE__ */ f(w, { className: "h-6 w-12" }) : /* @__PURE__ */ f("p", {
 					className: "truncate text-xl font-bold tabular-nums text-text-primary",
 					children: n
 				}), /* @__PURE__ */ f("p", {
@@ -75,7 +75,7 @@ function I({ icon: e, label: t, value: n, loading: r }) {
 		})
 	});
 }
-function L({ icon: e, label: t, value: n }) {
+function I({ icon: e, label: t, value: n }) {
 	return /* @__PURE__ */ p("div", {
 		className: "flex items-center gap-1.5",
 		children: [
@@ -91,27 +91,27 @@ function L({ icon: e, label: t, value: n }) {
 		]
 	});
 }
-function R() {
-	let { t } = S(), o = (e, n) => {
+function L() {
+	let { t } = ie(), o = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, { navigate: R } = e(), [z, B] = d(""), [V, H] = d("all"), U = l({ resetKey: z }), { data: W, loading: G } = r({
-		search: z,
+	}, { navigate: L } = e(), [R, z] = d(""), [B, me] = d("all"), [V, H] = d("table"), U = l({ resetKey: R }), { data: W, loading: G } = r({
+		search: R,
 		limit: U.limit,
 		offset: U.offset
-	}), { data: K, loading: q } = a({
+	}), { data: K, loading: he } = a({
 		limit: 100,
 		offset: 0
-	}), { data: J, loading: ae } = i({
+	}), { data: q, loading: ge } = 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(() => {
+	}), { data: J, loading: _e } = n(pe, { variables: { limit: 500 } }), Y = W?.events?.total ?? 0, X = u(() => W?.events?.items ?? [], [W]), ve = J?.registrations?.total ?? 0, ye = K?.venues?.total ?? 0, be = q?.sponsors?.total ?? 0, Z = u(() => B === "all" ? X : X.filter((e) => P(e.startAt, e.endAt) === B), [X, B]), Q = u(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of K?.venues?.items ?? []) e.set(t.id, t.name);
 		return e;
-	}, [K]), ue = u(() => {
+	}, [K]), $ = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of Y?.registrations?.items ?? []) {
+		for (let t of J?.registrations?.items ?? []) {
 			let n = e.get(t.eventId) ?? {
 				registrations: 0,
 				checkedIn: 0
@@ -119,127 +119,238 @@ function R() {
 			n.registrations += 1, t.checkedInAt && (n.checkedIn += 1), e.set(t.eventId, n);
 		}
 		return e;
-	}, [Y]);
+	}, [J]);
 	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__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", {
+			/* @__PURE__ */ f(ue, { 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(ae, { children: /* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ f(D, { children: o("eventfullymanaged.events.title", "Events") })
+					children: /* @__PURE__ */ f(oe, { children: o("eventfullymanaged.events.title", "Events") })
 				}), /* @__PURE__ */ f("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: o("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
-				})] }), /* @__PURE__ */ p(w, {
+				})] }), /* @__PURE__ */ p(S, {
 					type: "button",
-					onClick: () => R("/events/create"),
-					children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
+					onClick: () => L("/events/create"),
+					children: [/* @__PURE__ */ f(m, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 				})]
 			}) }),
 			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ f(I, {
-						icon: g,
+					/* @__PURE__ */ f(F, {
+						icon: ne,
 						label: o("eventfullymanaged.events.portfolio.events", "Events"),
-						value: X.toLocaleString(),
-						loading: G && X === 0
+						value: Y.toLocaleString(),
+						loading: G && Y === 0
 					}),
-					/* @__PURE__ */ f(I, {
-						icon: x,
+					/* @__PURE__ */ f(F, {
+						icon: b,
 						label: o("eventfullymanaged.events.portfolio.registrations", "Registrations"),
-						value: se.toLocaleString(),
-						loading: oe && !Y
+						value: ve.toLocaleString(),
+						loading: _e && !J
 					}),
-					/* @__PURE__ */ f(I, {
-						icon: v,
+					/* @__PURE__ */ f(F, {
+						icon: g,
 						label: o("eventfullymanaged.events.portfolio.venues", "Venues"),
-						value: Q.toLocaleString(),
-						loading: q && !K
+						value: ye.toLocaleString(),
+						loading: he && !K
 					}),
-					/* @__PURE__ */ f(I, {
-						icon: m,
+					/* @__PURE__ */ f(F, {
+						icon: ee,
 						label: o("eventfullymanaged.events.portfolio.sponsors", "Sponsors"),
-						value: ce.toLocaleString(),
-						loading: ae && !J
+						value: be.toLocaleString(),
+						loading: ge && !q
 					})
 				]
 			}),
 			/* @__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")
-							})
-						]
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ f(_, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ f(ce, {
+							type: "text",
+							value: R,
+							onChange: (e) => z(e.target.value),
+							placeholder: o("eventfullymanaged.events.searchPlaceholder", "Search events"),
+							"aria-label": o("eventfullymanaged.events.searchPlaceholder", "Search events"),
+							className: "pl-10"
+						})]
+					}),
+					/* @__PURE__ */ f(A, {
+						value: B,
+						onValueChange: (e) => me(e),
+						className: "w-full sm:w-auto",
+						children: /* @__PURE__ */ p(fe, {
+							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")
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "flex shrink-0 items-center gap-1 self-start rounded-button border border-border-seam p-1 sm:self-auto",
+						children: [/* @__PURE__ */ f(S, {
+							type: "button",
+							variant: V === "table" ? "default" : "ghost",
+							size: "sm",
+							"aria-pressed": V === "table",
+							"aria-label": o("eventfullymanaged.events.view.table", "Table view"),
+							onClick: () => H("table"),
+							children: /* @__PURE__ */ f(re, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ f(S, {
+							type: "button",
+							variant: V === "cards" ? "default" : "ghost",
+							size: "sm",
+							"aria-pressed": V === "cards",
+							"aria-label": o("eventfullymanaged.events.view.cards", "Card view"),
+							onClick: () => H("cards"),
+							children: /* @__PURE__ */ f(h, { className: "h-4 w-4" })
+						})]
 					})
-				})]
+				]
 			}),
 			G ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
 				children: [
-					/* @__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" })
+					/* @__PURE__ */ f(w, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(w, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(w, { className: "h-28 w-full rounded-card" })
 				]
-			}) : Z.length === 0 ? /* @__PURE__ */ f(E, {
+			}) : X.length === 0 ? /* @__PURE__ */ f(C, {
 				treatment: "plain",
 				className: "border-border-seam",
-				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, {
+				children: /* @__PURE__ */ f(se, {
+					illustration: R ? "empty-search" : "empty-data",
+					title: R ? o("eventfullymanaged.events.list.emptySearch", "No events match your search.") : o("eventfullymanaged.events.list.empty", "No events yet."),
+					description: R ? o("eventfullymanaged.events.list.emptySearchHint", "Try a different name.") : o("eventfullymanaged.events.list.emptyHint", "Create your first event to get started."),
+					action: R ? void 0 : /* @__PURE__ */ p(S, {
 						type: "button",
-						onClick: () => R("/events/create"),
-						children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
+						onClick: () => L("/events/create"),
+						children: [/* @__PURE__ */ f(m, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 					})
 				})
-			}) : $.length === 0 ? /* @__PURE__ */ p("div", {
+			}) : Z.length === 0 ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ f(E, {
+				children: [/* @__PURE__ */ f(C, {
 					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.`)
+						children: o("eventfullymanaged.events.filters.empty", `No ${B} 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,
+					loadedCount: X.length,
+					total: Y,
+					onPrev: U.prevPage,
+					onNext: U.nextPage,
+					itemLabel: "events",
+					loading: G
+				})]
+			}) : V === "table" ? /* @__PURE__ */ p("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ f("div", {
+					className: "overflow-hidden rounded-card border border-border-seam",
+					children: /* @__PURE__ */ p(T, { children: [/* @__PURE__ */ f(de, { children: /* @__PURE__ */ p(k, { children: [
+						/* @__PURE__ */ f(O, { children: o("eventfullymanaged.events.table.name", "Event") }),
+						/* @__PURE__ */ f(O, { children: o("eventfullymanaged.events.table.date", "Date") }),
+						/* @__PURE__ */ f(O, { children: o("eventfullymanaged.events.table.venue", "Venue") }),
+						/* @__PURE__ */ f(O, { children: o("eventfullymanaged.events.table.status", "Status") }),
+						/* @__PURE__ */ f(O, {
+							className: "text-right",
+							children: o("eventfullymanaged.events.table.attendees", "Attendees")
+						}),
+						/* @__PURE__ */ f(O, {
+							className: "w-10",
+							"aria-label": o("eventfullymanaged.events.table.actions", "Actions")
+						})
+					] }) }), /* @__PURE__ */ f(E, { children: Z.map((e) => {
+						let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? Q.get(n) : void 0, i = $.get(e.id), a = i?.registrations ?? 0, c = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
+						return /* @__PURE__ */ p(k, {
+							className: "cursor-pointer",
+							tabIndex: 0,
+							"aria-label": e.name,
+							onClick: () => L(`/events/${e.id}`),
+							onKeyDown: (t) => {
+								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), L(`/events/${e.id}`));
+							},
+							children: [
+								/* @__PURE__ */ f(D, {
+									className: "max-w-[18rem]",
+									children: /* @__PURE__ */ p("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ f("span", {
+											className: "truncate font-medium text-text-primary",
+											children: e.name
+										}), e.type ? /* @__PURE__ */ f(x, {
+											variant: "secondary",
+											className: "shrink-0 capitalize",
+											children: e.type.toLowerCase().replace(/_/g, " ")
+										}) : null]
+									})
+								}),
+								/* @__PURE__ */ f(D, {
+									className: "whitespace-nowrap text-text-secondary",
+									children: N(e.startAt, e.endAt)
+								}),
+								/* @__PURE__ */ f(D, {
+									className: "text-text-secondary",
+									children: r ?? o("eventfullymanaged.events.card.noVenue", "No venue")
+								}),
+								/* @__PURE__ */ f(D, { children: e.status ? /* @__PURE__ */ f(x, {
+									variant: M(e.status),
+									className: "uppercase",
+									children: e.status
+								}) : "—" }),
+								/* @__PURE__ */ p(D, {
+									className: "whitespace-nowrap text-right tabular-nums text-text-primary",
+									children: [a.toLocaleString(), /* @__PURE__ */ p("span", {
+										className: "ml-1 text-xs text-text-muted",
+										children: [
+											"(",
+											c,
+											"%)"
+										]
+									})]
+								}),
+								/* @__PURE__ */ f(D, {
+									onClick: (e) => e.stopPropagation(),
+									onKeyDown: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ f(s, {
+										ariaLabel: `Event actions for ${e.name}`,
+										onView: () => L(`/events/${e.id}`),
+										onEdit: () => L(`/events/${e.id}/edit`)
+									})
+								})
+							]
+						}, e.id);
+					}) })] })
+				}), /* @__PURE__ */ f(c, {
+					offset: U.offset,
+					limit: U.limit,
+					loadedCount: X.length,
+					total: Y,
 					onPrev: U.prevPage,
 					onNext: U.nextPage,
 					itemLabel: "events",
@@ -247,17 +358,17 @@ function R() {
 				})]
 			}) : /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				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, {
+				children: [Z.map((e) => {
+					let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? Q.get(n) : void 0, i = $.get(e.id), a = i?.registrations ?? 0, c = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
+					return /* @__PURE__ */ p(C, {
 						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: () => R(`/events/${e.id}`),
+						onClick: () => L(`/events/${e.id}`),
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), R(`/events/${e.id}`));
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), L(`/events/${e.id}`));
 						},
 						children: [/* @__PURE__ */ f("span", {
 							"aria-hidden": "true",
@@ -274,12 +385,12 @@ function R() {
 												className: "truncate text-lg font-semibold text-text-primary",
 												children: e.name
 											}),
-											e.status ? /* @__PURE__ */ f(C, {
-												variant: N(e.status),
+											e.status ? /* @__PURE__ */ f(x, {
+												variant: M(e.status),
 												className: "uppercase",
 												children: e.status
 											}) : null,
-											e.type ? /* @__PURE__ */ f(C, {
+											e.type ? /* @__PURE__ */ f(x, {
 												variant: "secondary",
 												className: "capitalize",
 												children: e.type.toLowerCase().replace(/_/g, " ")
@@ -290,27 +401,27 @@ function R() {
 										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
 										children: [/* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ f(h, { className: "h-4 w-4 shrink-0 text-text-muted" }), P(e.startAt, e.endAt)]
+											children: [/* @__PURE__ */ f(te, { className: "h-4 w-4 shrink-0 text-text-muted" }), N(e.startAt, e.endAt)]
 										}), /* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ f(v, { className: "h-4 w-4 shrink-0 text-text-muted" }), r ?? o("eventfullymanaged.events.card.noVenue", "No venue")]
+											children: [/* @__PURE__ */ f(g, { className: "h-4 w-4 shrink-0 text-text-muted" }), r ?? o("eventfullymanaged.events.card.noVenue", "No venue")]
 										})]
 									}),
 									/* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs",
 										children: [
-											/* @__PURE__ */ f(L, {
-												icon: b,
+											/* @__PURE__ */ f(I, {
+												icon: y,
 												label: o("eventfullymanaged.events.card.registered", "registered"),
 												value: a.toLocaleString()
 											}),
-											/* @__PURE__ */ f(L, {
-												icon: b,
+											/* @__PURE__ */ f(I, {
+												icon: y,
 												label: o("eventfullymanaged.events.card.checkedIn", "checked in"),
 												value: `${c}%`
 											}),
-											/* @__PURE__ */ f(L, {
-												icon: x,
+											/* @__PURE__ */ f(I, {
+												icon: b,
 												label: o("eventfullymanaged.events.card.capacity", "capacity"),
 												value: e.capacity == null ? "—" : e.capacity.toLocaleString()
 											})
@@ -324,8 +435,8 @@ function R() {
 								role: "presentation",
 								children: /* @__PURE__ */ f(s, {
 									ariaLabel: `Event actions for ${e.name}`,
-									onView: () => R(`/events/${e.id}`),
-									onEdit: () => R(`/events/${e.id}/edit`)
+									onView: () => L(`/events/${e.id}`),
+									onEdit: () => L(`/events/${e.id}/edit`)
 								})
 							})]
 						})]
@@ -333,15 +444,15 @@ function R() {
 				}), /* @__PURE__ */ f(c, {
 					offset: U.offset,
 					limit: U.limit,
-					loadedCount: Z.length,
-					total: X,
+					loadedCount: X.length,
+					total: Y,
 					onPrev: U.prevPage,
 					onNext: U.nextPage,
 					itemLabel: "events",
 					loading: G
 				})]
 			}),
-			/* @__PURE__ */ f(te, {
+			/* @__PURE__ */ f(le, {
 				storageKey: "eventfullymanaged-events",
 				title: o("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
 				steps: [
@@ -349,22 +460,22 @@ function R() {
 						id: "configure-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")
+						icon: /* @__PURE__ */ f(v, { className: "h-4 w-4" }),
+						onClick: () => L("/registration")
 					},
 					{
 						id: "plan-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")
+						icon: /* @__PURE__ */ f(b, { className: "h-4 w-4" }),
+						onClick: () => L("/networking")
 					},
 					{
 						id: "announce",
 						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")
+						icon: /* @__PURE__ */ f(m, { className: "h-4 w-4" }),
+						onClick: () => L("/communication")
 					}
 				]
 			})
@@ -372,6 +483,6 @@ function R() {
 	});
 }
 //#endregion
-export { R as default };
+export { L as default };
 
 //# sourceMappingURL=EventsPage.js.map