@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.8

package/dist/eventfullymanaged/pages/dashboard/DashboardPage.js

@@ -1,125 +1,269 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useDashboardSummaryQuery as t } from "../../api/eventApi.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { BarChart3 as a, Building2 as o, CalendarDays as s, Megaphone as c, Ticket as l, Users as u } from "lucide-react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { GlassCard as f, GradientText as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+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 { useDashboardSummaryQuery as r } from "../../api/eventApi.js";
+import { EventAreaChart as i } from "../../components/EventCharts.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { formatDateTime as o } from "../events/eventFormUtils.js";
+import { useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Building2 as d, CalendarClock as f, CalendarDays as p, ChevronRight as m, Handshake as h, PlayCircle as g, Ticket as _, UserPlus as v, Users as y } from "lucide-react";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { GlassCard as x, GradientText as S, IllustratedEmptyState as C, NextSteps as w, PagePurpose as T, Skeleton as E } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/dashboard/DashboardPage.tsx
-function g() {
-	let { t: g } = d(), _ = (e, t) => {
-		let n = g(e);
-		return n === e ? t : n;
-	}, { navigate: v } = e(), { data: y, loading: b } = t(), x = y?.dashboardSummary, S = [
+var D = t`
+  query EventfullymanagedDashboardRegistrations($limit: Int) {
+    registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {
+      total
+      items {
+        id
+        status
+        registeredAt
+      }
+    }
+  }
+`, O = t`
+  query EventfullymanagedDashboardUpcomingSessions($limit: Int) {
+    eventSessions: eventfullyManagedEventSessions(limit: $limit, offset: 0) {
+      total
+      items {
+        id
+        eventId
+        title
+        sessionType
+        track
+        startsAt
+        endsAt
+        status
+      }
+    }
+  }
+`, k = 1440 * 60 * 1e3, A = 30;
+function j(e, t) {
+	let n = new Date(t), r = new Date(n.getFullYear(), n.getMonth(), n.getDate());
+	r.setTime(r.getTime() - (A - 1) * k);
+	let i = Array(A).fill(0), a = 0;
+	for (let t of e) {
+		let e = new Date(t.registeredAt);
+		if (Number.isNaN(e.getTime())) continue;
+		let n = Math.floor((e.getTime() - r.getTime()) / k);
+		n < 0 ? a += 1 : n < A && (i[n] += 1);
+	}
+	let o = a;
+	return i.map((e, t) => (o += e, {
+		label: new Date(r.getTime() + t * k).toLocaleDateString(void 0, {
+			month: "short",
+			day: "numeric"
+		}),
+		value: o
+	}));
+}
+function M() {
+	let { t } = b(), k = (e, n) => {
+		let r = t(e);
+		return r === e ? n : r;
+	}, { navigate: A } = e(), { data: M, loading: N } = r(), { data: P, loading: F } = n(D, { variables: { limit: 500 } }), { data: I, loading: L } = n(O, { variables: { limit: 100 } }), R = M?.dashboardSummary, [z] = c(() => Date.now()), B = s(() => j(P?.registrations?.items ?? [], z), [P, z]), V = s(() => (I?.eventSessions?.items ?? []).filter((e) => {
+		let t = new Date(e.startsAt).getTime();
+		return !Number.isNaN(t) && t >= z;
+	}).sort((e, t) => new Date(e.startsAt).getTime() - new Date(t.startsAt).getTime()).slice(0, 4), [I, z]), H = [
 		{
-			label: _("eventfullymanaged.dashboard.cards.activeEvents", "Active Events"),
-			value: x?.activeEvents ?? 0,
-			icon: s,
-			path: "/events"
+			label: k("eventfullymanaged.dashboard.cards.totalEvents", "Total Events"),
+			value: R?.totalEvents ?? 0,
+			sublabel: k("eventfullymanaged.dashboard.cards.totalEventsSub", "across your workspace"),
+			icon: p,
+			path: "/events",
+			featured: !0
 		},
 		{
-			label: _("eventfullymanaged.dashboard.cards.venues", "Venues"),
-			value: x?.totalVenues ?? 0,
-			icon: o,
-			path: "/venues"
+			label: k("eventfullymanaged.dashboard.cards.activeEvents", "Active Events"),
+			value: R?.activeEvents ?? 0,
+			sublabel: k("eventfullymanaged.dashboard.cards.activeEventsSub", "live or published now"),
+			icon: g,
+			path: "/events"
 		},
 		{
-			label: _("eventfullymanaged.dashboard.cards.registrations", "Registrations"),
-			value: x?.totalRegistrations ?? 0,
-			icon: l,
+			label: k("eventfullymanaged.dashboard.cards.registrations", "Registrations"),
+			value: R?.totalRegistrations ?? 0,
+			sublabel: k("eventfullymanaged.dashboard.cards.registrationsSub", "sign-ups received"),
+			icon: v,
 			path: "/registration"
 		},
 		{
-			label: _("eventfullymanaged.dashboard.cards.campaigns", "Campaigns"),
-			value: x?.totalSponsors ?? 0,
-			icon: c,
-			path: "/communication"
+			label: k("eventfullymanaged.dashboard.cards.attendees", "Attendees"),
+			value: R?.totalAttendees ?? 0,
+			sublabel: k("eventfullymanaged.dashboard.cards.attendeesSub", "people in your audience"),
+			icon: y,
+			path: "/registration"
 		},
 		{
-			label: _("eventfullymanaged.dashboard.cards.analyticsReports", "Analytics Reports"),
-			value: x?.totalEvents ?? 0,
-			icon: a,
-			path: "/analytics"
+			label: k("eventfullymanaged.dashboard.cards.venues", "Venues"),
+			value: R?.totalVenues ?? 0,
+			sublabel: k("eventfullymanaged.dashboard.cards.venuesSub", "spaces mapped"),
+			icon: d,
+			path: "/venues"
 		},
 		{
-			label: _("eventfullymanaged.dashboard.cards.networkMatches", "Network Matches"),
-			value: x?.upcomingSessions ?? 0,
-			icon: u,
-			path: "/networking"
+			label: k("eventfullymanaged.dashboard.cards.sponsors", "Sponsors"),
+			value: R?.totalSponsors ?? 0,
+			sublabel: k("eventfullymanaged.dashboard.cards.sponsorsSub", "partners onboarded"),
+			icon: h,
+			path: "/sponsors"
 		}
 	];
-	return /* @__PURE__ */ i(n, {
+	return /* @__PURE__ */ u(a, {
 		hero: !0,
-		title: /* @__PURE__ */ r(p, {
+		title: /* @__PURE__ */ l(S, {
 			as: "span",
-			children: _("eventfullymanaged.dashboard.title", "EventfullyManaged")
+			children: k("eventfullymanaged.dashboard.title", "Dashboard")
 		}),
-		description: b ? _("eventfullymanaged.dashboard.description.loading", "Loading real-time event operations summary...") : _("eventfullymanaged.dashboard.description.ready", "Unified event operations dashboard."),
+		description: N ? k("eventfullymanaged.dashboard.description.loading", "Loading real-time event operations summary…") : k("eventfullymanaged.dashboard.description.ready", "Your live event operations, at a glance."),
 		children: [
-			/* @__PURE__ */ r(h, {
+			/* @__PURE__ */ l(T, {
 				className: "mb-6",
-				children: _("eventfullymanaged.dashboard.purpose", "Your event control center. Each tile below is a live count from a different part of your event operations — events, venues, registrations, campaigns, analytics and networking. Open any tile to manage that area, or follow the suggested next steps to set up a new event end to end.")
+				children: k("eventfullymanaged.dashboard.purpose", "Your event control center. Each tile below is a live count from a different part of your event operations. Open any tile to manage that area, watch registrations climb in the trend chart, and jump straight to the sessions coming up next.")
 			}),
-			/* @__PURE__ */ r("div", {
-				className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
-				children: S.map((e, t) => {
-					let n = e.icon, a = t === 0;
-					return /* @__PURE__ */ i(f, {
-						treatment: a ? "glass" : "metric",
-						glow: a,
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-6",
+				children: H.map((e) => {
+					let t = e.icon;
+					return /* @__PURE__ */ u(x, {
+						treatment: e.featured ? "glass" : "metric",
+						glow: e.featured,
 						role: "button",
 						tabIndex: 0,
 						"aria-label": `${e.label}: ${e.value.toLocaleString()}`,
-						onClick: () => v(e.path),
+						onClick: () => A(e.path),
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(e.path));
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), A(e.path));
 						},
-						className: "cursor-pointer p-5 outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
-						children: [/* @__PURE__ */ i("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ r("span", {
-								className: "text-sm text-text-secondary",
+						className: "group cursor-pointer p-4 outline-none transition-[transform,box-shadow] duration-200 hover:shadow-elevation-1 focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
+						children: [
+							/* @__PURE__ */ l("span", {
+								className: "flex h-9 w-9 items-center justify-center rounded-button bg-accent-wash text-action-primary-bg",
+								children: /* @__PURE__ */ l(t, { className: "h-5 w-5" })
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "mt-3 text-2xl font-semibold tabular-nums text-text-primary",
+								children: N ? /* @__PURE__ */ l(E, { className: "h-7 w-14" }) : e.value.toLocaleString()
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "mt-1 text-sm font-medium text-text-primary",
 								children: e.label
-							}), /* @__PURE__ */ r(n, { className: "h-5 w-5 text-action-primary-bg" })]
-						}), /* @__PURE__ */ r("div", {
-							className: "mt-3 text-3xl font-semibold tabular-nums text-text-primary",
-							children: e.value.toLocaleString()
-						})]
+							}),
+							/* @__PURE__ */ l("div", {
+								className: "mt-0.5 truncate text-xs text-text-muted",
+								children: e.sublabel
+							})
+						]
 					}, e.label);
 				})
 			}),
-			/* @__PURE__ */ r(m, {
+			/* @__PURE__ */ u("div", {
+				className: "mt-6 grid grid-cols-1 gap-4 lg:grid-cols-5",
+				children: [/* @__PURE__ */ u(x, {
+					treatment: "glass",
+					className: "p-5 lg:col-span-3",
+					children: [/* @__PURE__ */ u("div", {
+						className: "flex items-start justify-between gap-4",
+						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: k("eventfullymanaged.dashboard.trend.title", "Registrations over time")
+						}), /* @__PURE__ */ l("p", {
+							className: "mt-0.5 text-xs text-text-muted",
+							children: k("eventfullymanaged.dashboard.trend.subtitle", "Cumulative sign-ups, last 30 days")
+						})] }), /* @__PURE__ */ l("div", {
+							className: "text-2xl font-semibold tabular-nums text-text-primary",
+							children: (R?.totalRegistrations ?? 0).toLocaleString()
+						})]
+					}), /* @__PURE__ */ l("div", {
+						className: "mt-4",
+						children: F ? /* @__PURE__ */ l(E, { className: "h-[260px] w-full rounded-card" }) : B.some((e) => e.value > 0) ? /* @__PURE__ */ l(i, { data: B }) : /* @__PURE__ */ l(C, {
+							illustration: "empty-data",
+							title: k("eventfullymanaged.dashboard.trend.empty", "No registrations yet."),
+							description: k("eventfullymanaged.dashboard.trend.emptyHint", "Once attendees start signing up, their momentum shows here."),
+							className: "py-10"
+						})
+					})]
+				}), /* @__PURE__ */ u(x, {
+					treatment: "plain",
+					className: "border-border-seam p-5 lg:col-span-2",
+					children: [/* @__PURE__ */ l("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: k("eventfullymanaged.dashboard.upcoming.title", "Upcoming sessions")
+					}), /* @__PURE__ */ l("div", {
+						className: "mt-3",
+						children: L ? /* @__PURE__ */ u("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ l(E, { className: "h-14 w-full rounded-card" }),
+								/* @__PURE__ */ l(E, { className: "h-14 w-full rounded-card" }),
+								/* @__PURE__ */ l(E, { className: "h-14 w-full rounded-card" })
+							]
+						}) : V.length === 0 ? /* @__PURE__ */ l(C, {
+							illustration: "empty-data",
+							title: k("eventfullymanaged.dashboard.upcoming.empty", "Nothing scheduled yet."),
+							description: k("eventfullymanaged.dashboard.upcoming.emptyHint", "Sessions you schedule will surface here as they approach."),
+							className: "py-8"
+						}) : /* @__PURE__ */ l("ul", {
+							className: "divide-y divide-border-subtle",
+							children: V.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("button", {
+								type: "button",
+								onClick: () => A(`/events/${e.eventId}`),
+								className: "group flex w-full items-center gap-3 py-3 text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
+								children: [
+									/* @__PURE__ */ l("span", {
+										className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-button bg-accent-wash text-action-primary-bg",
+										children: /* @__PURE__ */ l(f, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ u("span", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ l("span", {
+											className: "block truncate text-sm font-medium text-text-primary",
+											children: e.title
+										}), /* @__PURE__ */ l("span", {
+											className: "mt-0.5 block truncate text-xs text-text-muted",
+											children: [o(e.startsAt), e.track].filter(Boolean).join(" • ")
+										})]
+									}),
+									/* @__PURE__ */ l(m, { className: "h-4 w-4 shrink-0 text-text-muted transition-transform group-hover:translate-x-0.5" })
+								]
+							}) }, e.id))
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ l(w, {
 				className: "mt-6",
 				storageKey: "eventfullymanaged-dashboard",
-				title: _("eventfullymanaged.dashboard.nextSteps.title", "Get your first event running"),
+				title: k("eventfullymanaged.dashboard.nextSteps.title", "Get your first event running"),
 				steps: [
 					{
 						id: "create-event",
-						label: _("eventfullymanaged.dashboard.nextSteps.createEvent", "Create an event"),
-						description: _("eventfullymanaged.dashboard.nextSteps.createEventDesc", "Start with the basics — name, dates and capacity."),
-						icon: /* @__PURE__ */ r(s, { className: "h-4 w-4" }),
-						onClick: () => v("/events")
+						label: k("eventfullymanaged.dashboard.nextSteps.createEvent", "Create an event"),
+						description: k("eventfullymanaged.dashboard.nextSteps.createEventDesc", "Start with the basics — name, dates and capacity."),
+						icon: /* @__PURE__ */ l(p, { className: "h-4 w-4" }),
+						onClick: () => A("/events/create")
 					},
 					{
 						id: "add-venue",
-						label: _("eventfullymanaged.dashboard.nextSteps.addVenue", "Add a venue"),
-						description: _("eventfullymanaged.dashboard.nextSteps.addVenueDesc", "Map your event to a space with capacity and floor plans."),
-						icon: /* @__PURE__ */ r(o, { className: "h-4 w-4" }),
-						onClick: () => v("/venues/create")
+						label: k("eventfullymanaged.dashboard.nextSteps.addVenue", "Add a venue"),
+						description: k("eventfullymanaged.dashboard.nextSteps.addVenueDesc", "Map your event to a space with capacity and floor plans."),
+						icon: /* @__PURE__ */ l(d, { className: "h-4 w-4" }),
+						onClick: () => A("/venues/create")
 					},
 					{
 						id: "open-registration",
-						label: _("eventfullymanaged.dashboard.nextSteps.openRegistration", "Open registration"),
-						description: _("eventfullymanaged.dashboard.nextSteps.openRegistrationDesc", "Set up ticket types and track attendee sign-ups."),
-						icon: /* @__PURE__ */ r(l, { className: "h-4 w-4" }),
-						onClick: () => v("/registration")
+						label: k("eventfullymanaged.dashboard.nextSteps.openRegistration", "Open registration"),
+						description: k("eventfullymanaged.dashboard.nextSteps.openRegistrationDesc", "Set up ticket types and track attendee sign-ups."),
+						icon: /* @__PURE__ */ l(_, { className: "h-4 w-4" }),
+						onClick: () => A("/registration")
 					},
 					{
 						id: "invite-sponsors",
-						label: _("eventfullymanaged.dashboard.nextSteps.inviteSponsors", "Onboard sponsors"),
-						description: _("eventfullymanaged.dashboard.nextSteps.inviteSponsorsDesc", "Add sponsors and start tracking value and leads."),
-						icon: /* @__PURE__ */ r(c, { className: "h-4 w-4" }),
-						onClick: () => v("/communication")
+						label: k("eventfullymanaged.dashboard.nextSteps.inviteSponsors", "Onboard sponsors"),
+						description: k("eventfullymanaged.dashboard.nextSteps.inviteSponsorsDesc", "Add sponsors and start tracking value and leads."),
+						icon: /* @__PURE__ */ l(h, { className: "h-4 w-4" }),
+						onClick: () => A("/sponsors")
 					}
 				]
 			})
@@ -127,6 +271,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as default };
+export { M as default };
 
 //# sourceMappingURL=DashboardPage.js.map

package/dist/eventfullymanaged/pages/dashboard/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/dashboard/DashboardPage.tsx"],"sourcesContent":["import { BarChart3, Building2, CalendarDays, Megaphone, Ticket, Users } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { GlassCard, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { useDashboardSummaryQuery } from '../../api/eventApi';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype StatCard = {\n  label: string;\n  value: number;\n  icon: React.ComponentType<{ className?: string }>;\n  path: string;\n};\n\nexport default function DashboardPage() {\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 { data, loading } = useDashboardSummaryQuery();\n\n  const summary = data?.dashboardSummary;\n  const cards: StatCard[] = [\n    {\n      label: t('eventfullymanaged.dashboard.cards.activeEvents', 'Active Events'),\n      value: summary?.activeEvents ?? 0,\n      icon: CalendarDays,\n      path: '/events',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.venues', 'Venues'),\n      value: summary?.totalVenues ?? 0,\n      icon: Building2,\n      path: '/venues',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.registrations', 'Registrations'),\n      value: summary?.totalRegistrations ?? 0,\n      icon: Ticket,\n      path: '/registration',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.campaigns', 'Campaigns'),\n      value: summary?.totalSponsors ?? 0,\n      icon: Megaphone,\n      path: '/communication',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.analyticsReports', 'Analytics Reports'),\n      value: summary?.totalEvents ?? 0,\n      icon: BarChart3,\n      path: '/analytics',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.networkMatches', 'Network Matches'),\n      value: summary?.upcomingSessions ?? 0,\n      icon: Users,\n      path: '/networking',\n    },\n  ];\n\n  return (\n    <PageLayout\n      hero\n      title={<GradientText as=\"span\">{t('eventfullymanaged.dashboard.title', 'EventfullyManaged')}</GradientText>}\n      description={\n        loading\n          ? t('eventfullymanaged.dashboard.description.loading', 'Loading real-time event operations summary...')\n          : t('eventfullymanaged.dashboard.description.ready', 'Unified event operations dashboard.')\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        {t(\n          'eventfullymanaged.dashboard.purpose',\n          'Your event control center. Each tile below is a live count from a different part of your event operations — events, venues, registrations, campaigns, analytics and networking. Open any tile to manage that area, or follow the suggested next steps to set up a new event end to end.'\n        )}\n      </PagePurpose>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n        {cards.map((card, index) => {\n          const Icon = card.icon;\n          const featured = index === 0;\n          return (\n            <GlassCard\n              key={card.label}\n              treatment={featured ? 'glass' : 'metric'}\n              glow={featured}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`${card.label}: ${card.value.toLocaleString()}`}\n              onClick={() => navigate(card.path)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  navigate(card.path);\n                }\n              }}\n              className=\"cursor-pointer p-5 outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-text-secondary\">{card.label}</span>\n                <Icon className=\"h-5 w-5 text-action-primary-bg\" />\n              </div>\n              <div className=\"mt-3 text-3xl font-semibold tabular-nums text-text-primary\">\n                {card.value.toLocaleString()}\n              </div>\n            </GlassCard>\n          );\n        })}\n      </div>\n\n      <NextSteps\n        className=\"mt-6\"\n        storageKey=\"eventfullymanaged-dashboard\"\n        title={t('eventfullymanaged.dashboard.nextSteps.title', 'Get your first event running')}\n        steps={[\n          {\n            id: 'create-event',\n            label: t('eventfullymanaged.dashboard.nextSteps.createEvent', 'Create an event'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.createEventDesc',\n              'Start with the basics — name, dates and capacity.'\n            ),\n            icon: <CalendarDays className=\"h-4 w-4\" />,\n            onClick: () => navigate('/events'),\n          },\n          {\n            id: 'add-venue',\n            label: t('eventfullymanaged.dashboard.nextSteps.addVenue', 'Add a venue'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.addVenueDesc',\n              'Map your event to a space with capacity and floor plans.'\n            ),\n            icon: <Building2 className=\"h-4 w-4\" />,\n            onClick: () => navigate('/venues/create'),\n          },\n          {\n            id: 'open-registration',\n            label: t('eventfullymanaged.dashboard.nextSteps.openRegistration', 'Open registration'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.openRegistrationDesc',\n              'Set up ticket types and track attendee sign-ups.'\n            ),\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'invite-sponsors',\n            label: t('eventfullymanaged.dashboard.nextSteps.inviteSponsors', 'Onboard sponsors'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.inviteSponsorsDesc',\n              'Add sponsors and start tracking value and leads.'\n            ),\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/dashboard/DashboardPage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Building2,\n  CalendarClock,\n  CalendarDays,\n  ChevronRight,\n  Handshake,\n  PlayCircle,\n  Ticket,\n  UserPlus,\n  Users,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useDashboardSummaryQuery } from '../../api/eventApi';\nimport { EventAreaChart, type AreaPoint } from '../../components/EventCharts';\nimport { PageLayout } from '../../components/PageLayout';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { formatDateTime } from '../events/eventFormUtils';\n\n// ---------------------------------------------------------------------------\n// Real supporting data for the trend chart + upcoming-sessions panel. Both are\n// dedicated operations (distinct names) so they can select the exact fields the\n// dashboard needs without touching the shared list hooks.\n// ---------------------------------------------------------------------------\n\nconst DASHBOARD_REGISTRATIONS_QUERY = gql`\n  query EventfullymanagedDashboardRegistrations($limit: Int) {\n    registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {\n      total\n      items {\n        id\n        status\n        registeredAt\n      }\n    }\n  }\n`;\n\nconst DASHBOARD_UPCOMING_SESSIONS_QUERY = gql`\n  query EventfullymanagedDashboardUpcomingSessions($limit: Int) {\n    eventSessions: eventfullyManagedEventSessions(limit: $limit, offset: 0) {\n      total\n      items {\n        id\n        eventId\n        title\n        sessionType\n        track\n        startsAt\n        endsAt\n        status\n      }\n    }\n  }\n`;\n\ntype DashboardRegistration = { id: string; status: string; registeredAt: string };\ntype DashboardRegistrationsResponse = { registrations: { total: number; items: DashboardRegistration[] } };\n\ntype DashboardSession = {\n  id: string;\n  eventId: string;\n  title: string;\n  sessionType: string;\n  track?: string | null;\n  startsAt: string;\n  endsAt: string;\n  status: string;\n};\ntype DashboardSessionsResponse = { eventSessions: { total: number; items: DashboardSession[] } };\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst TREND_DAYS = 30;\n\n/** Build a cumulative registrations-over-time series from real `registeredAt` timestamps. */\nfunction buildTrendSeries(registrations: DashboardRegistration[], nowMs: number): AreaPoint[] {\n  const now = new Date(nowMs);\n  const start = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  start.setTime(start.getTime() - (TREND_DAYS - 1) * DAY_MS);\n\n  const perDay = new Array<number>(TREND_DAYS).fill(0);\n  let baseline = 0; // registrations older than the window still count toward the cumulative total.\n\n  for (const registration of registrations) {\n    const when = new Date(registration.registeredAt);\n    if (Number.isNaN(when.getTime())) {\n      continue;\n    }\n    const dayIndex = Math.floor((when.getTime() - start.getTime()) / DAY_MS);\n    if (dayIndex < 0) {\n      baseline += 1;\n    } else if (dayIndex < TREND_DAYS) {\n      perDay[dayIndex] += 1;\n    }\n  }\n\n  let running = baseline;\n  return perDay.map((count, index) => {\n    running += count;\n    const day = new Date(start.getTime() + index * DAY_MS);\n    return {\n      label: day.toLocaleDateString(undefined, { month: 'short', day: 'numeric' }),\n      value: running,\n    };\n  });\n}\n\ntype StatCard = {\n  label: string;\n  value: number;\n  sublabel: string;\n  icon: React.ComponentType<{ className?: string }>;\n  path: string;\n  featured?: boolean;\n};\n\nexport default function DashboardPage() {\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 { data, loading } = useDashboardSummaryQuery();\n  const { data: registrationsData, loading: registrationsLoading } = useQuery<\n    DashboardRegistrationsResponse,\n    { limit: number }\n  >(DASHBOARD_REGISTRATIONS_QUERY, { variables: { limit: 500 } });\n  const { data: sessionsData, loading: sessionsLoading } = useQuery<DashboardSessionsResponse, { limit: number }>(\n    DASHBOARD_UPCOMING_SESSIONS_QUERY,\n    { variables: { limit: 100 } }\n  );\n\n  const summary = data?.dashboardSummary;\n  // Capture \"now\" once (state initialisers may run impure code) so the memoised\n  // trend + upcoming filters stay pure across re-renders.\n  const [nowMs] = useState(() => Date.now());\n\n  const trend = useMemo(\n    () => buildTrendSeries(registrationsData?.registrations?.items ?? [], nowMs),\n    [registrationsData, nowMs]\n  );\n\n  const upcomingSessions = useMemo(() => {\n    return (sessionsData?.eventSessions?.items ?? [])\n      .filter((session) => {\n        const startMs = new Date(session.startsAt).getTime();\n        return !Number.isNaN(startMs) && startMs >= nowMs;\n      })\n      .sort((a, b) => new Date(a.startsAt).getTime() - new Date(b.startsAt).getTime())\n      .slice(0, 4);\n  }, [sessionsData, nowMs]);\n\n  const cards: StatCard[] = [\n    {\n      label: t('eventfullymanaged.dashboard.cards.totalEvents', 'Total Events'),\n      value: summary?.totalEvents ?? 0,\n      sublabel: t('eventfullymanaged.dashboard.cards.totalEventsSub', 'across your workspace'),\n      icon: CalendarDays,\n      path: '/events',\n      featured: true,\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.activeEvents', 'Active Events'),\n      value: summary?.activeEvents ?? 0,\n      sublabel: t('eventfullymanaged.dashboard.cards.activeEventsSub', 'live or published now'),\n      icon: PlayCircle,\n      path: '/events',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.registrations', 'Registrations'),\n      value: summary?.totalRegistrations ?? 0,\n      sublabel: t('eventfullymanaged.dashboard.cards.registrationsSub', 'sign-ups received'),\n      icon: UserPlus,\n      path: '/registration',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.attendees', 'Attendees'),\n      value: summary?.totalAttendees ?? 0,\n      sublabel: t('eventfullymanaged.dashboard.cards.attendeesSub', 'people in your audience'),\n      icon: Users,\n      path: '/registration',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.venues', 'Venues'),\n      value: summary?.totalVenues ?? 0,\n      sublabel: t('eventfullymanaged.dashboard.cards.venuesSub', 'spaces mapped'),\n      icon: Building2,\n      path: '/venues',\n    },\n    {\n      label: t('eventfullymanaged.dashboard.cards.sponsors', 'Sponsors'),\n      value: summary?.totalSponsors ?? 0,\n      sublabel: t('eventfullymanaged.dashboard.cards.sponsorsSub', 'partners onboarded'),\n      icon: Handshake,\n      path: '/sponsors',\n    },\n  ];\n\n  return (\n    <PageLayout\n      hero\n      title={<GradientText as=\"span\">{t('eventfullymanaged.dashboard.title', 'Dashboard')}</GradientText>}\n      description={\n        loading\n          ? t('eventfullymanaged.dashboard.description.loading', 'Loading real-time event operations summary…')\n          : t('eventfullymanaged.dashboard.description.ready', 'Your live event operations, at a glance.')\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        {t(\n          'eventfullymanaged.dashboard.purpose',\n          'Your event control center. Each tile below is a live count from a different part of your event operations. Open any tile to manage that area, watch registrations climb in the trend chart, and jump straight to the sessions coming up next.'\n        )}\n      </PagePurpose>\n\n      <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-6\">\n        {cards.map((card) => {\n          const Icon = card.icon;\n          return (\n            <GlassCard\n              key={card.label}\n              treatment={card.featured ? 'glass' : 'metric'}\n              glow={card.featured}\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`${card.label}: ${card.value.toLocaleString()}`}\n              onClick={() => navigate(card.path)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  navigate(card.path);\n                }\n              }}\n              className=\"group cursor-pointer p-4 outline-none transition-[transform,box-shadow] duration-200 hover:shadow-elevation-1 focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <span className=\"flex h-9 w-9 items-center justify-center rounded-button bg-accent-wash text-action-primary-bg\">\n                <Icon className=\"h-5 w-5\" />\n              </span>\n              <div className=\"mt-3 text-2xl font-semibold tabular-nums text-text-primary\">\n                {loading ? <Skeleton className=\"h-7 w-14\" /> : card.value.toLocaleString()}\n              </div>\n              <div className=\"mt-1 text-sm font-medium text-text-primary\">{card.label}</div>\n              <div className=\"mt-0.5 truncate text-xs text-text-muted\">{card.sublabel}</div>\n            </GlassCard>\n          );\n        })}\n      </div>\n\n      <div className=\"mt-6 grid grid-cols-1 gap-4 lg:grid-cols-5\">\n        <GlassCard treatment=\"glass\" className=\"p-5 lg:col-span-3\">\n          <div className=\"flex items-start justify-between gap-4\">\n            <div>\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('eventfullymanaged.dashboard.trend.title', 'Registrations over time')}\n              </h2>\n              <p className=\"mt-0.5 text-xs text-text-muted\">\n                {t('eventfullymanaged.dashboard.trend.subtitle', 'Cumulative sign-ups, last 30 days')}\n              </p>\n            </div>\n            <div className=\"text-2xl font-semibold tabular-nums text-text-primary\">\n              {(summary?.totalRegistrations ?? 0).toLocaleString()}\n            </div>\n          </div>\n          <div className=\"mt-4\">\n            {registrationsLoading ? (\n              <Skeleton className=\"h-[260px] w-full rounded-card\" />\n            ) : trend.some((point) => point.value > 0) ? (\n              <EventAreaChart data={trend} />\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title={t('eventfullymanaged.dashboard.trend.empty', 'No registrations yet.')}\n                description={t(\n                  'eventfullymanaged.dashboard.trend.emptyHint',\n                  'Once attendees start signing up, their momentum shows here.'\n                )}\n                className=\"py-10\"\n              />\n            )}\n          </div>\n        </GlassCard>\n\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-5 lg:col-span-2\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {t('eventfullymanaged.dashboard.upcoming.title', 'Upcoming sessions')}\n          </h2>\n          <div className=\"mt-3\">\n            {sessionsLoading ? (\n              <div className=\"space-y-3\">\n                <Skeleton className=\"h-14 w-full rounded-card\" />\n                <Skeleton className=\"h-14 w-full rounded-card\" />\n                <Skeleton className=\"h-14 w-full rounded-card\" />\n              </div>\n            ) : upcomingSessions.length === 0 ? (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title={t('eventfullymanaged.dashboard.upcoming.empty', 'Nothing scheduled yet.')}\n                description={t(\n                  'eventfullymanaged.dashboard.upcoming.emptyHint',\n                  'Sessions you schedule will surface here as they approach.'\n                )}\n                className=\"py-8\"\n              />\n            ) : (\n              <ul className=\"divide-y divide-border-subtle\">\n                {upcomingSessions.map((session) => (\n                  <li key={session.id}>\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`/events/${session.eventId}`)}\n                      className=\"group flex w-full items-center gap-3 py-3 text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                    >\n                      <span className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-button bg-accent-wash text-action-primary-bg\">\n                        <CalendarClock className=\"h-4 w-4\" />\n                      </span>\n                      <span className=\"min-w-0 flex-1\">\n                        <span className=\"block truncate text-sm font-medium text-text-primary\">{session.title}</span>\n                        <span className=\"mt-0.5 block truncate text-xs text-text-muted\">\n                          {[formatDateTime(session.startsAt), session.track].filter(Boolean).join(' • ')}\n                        </span>\n                      </span>\n                      <ChevronRight className=\"h-4 w-4 shrink-0 text-text-muted transition-transform group-hover:translate-x-0.5\" />\n                    </button>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n        </GlassCard>\n      </div>\n\n      <NextSteps\n        className=\"mt-6\"\n        storageKey=\"eventfullymanaged-dashboard\"\n        title={t('eventfullymanaged.dashboard.nextSteps.title', 'Get your first event running')}\n        steps={[\n          {\n            id: 'create-event',\n            label: t('eventfullymanaged.dashboard.nextSteps.createEvent', 'Create an event'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.createEventDesc',\n              'Start with the basics — name, dates and capacity.'\n            ),\n            icon: <CalendarDays className=\"h-4 w-4\" />,\n            onClick: () => navigate('/events/create'),\n          },\n          {\n            id: 'add-venue',\n            label: t('eventfullymanaged.dashboard.nextSteps.addVenue', 'Add a venue'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.addVenueDesc',\n              'Map your event to a space with capacity and floor plans.'\n            ),\n            icon: <Building2 className=\"h-4 w-4\" />,\n            onClick: () => navigate('/venues/create'),\n          },\n          {\n            id: 'open-registration',\n            label: t('eventfullymanaged.dashboard.nextSteps.openRegistration', 'Open registration'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.openRegistrationDesc',\n              'Set up ticket types and track attendee sign-ups.'\n            ),\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'invite-sponsors',\n            label: t('eventfullymanaged.dashboard.nextSteps.inviteSponsors', 'Onboard sponsors'),\n            description: t(\n              'eventfullymanaged.dashboard.nextSteps.inviteSponsorsDesc',\n              'Add sponsors and start tracking value and leads.'\n            ),\n            icon: <Handshake className=\"h-4 w-4\" />,\n            onClick: () => navigate('/sponsors'),\n          },\n        ]}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}