@burdenoff/microfe-eventfullymanaged 2026.625.1 → 2026.625.2

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

@@ -4,88 +4,129 @@ 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 } from "@burdenoff/fe-libs/ui";
+import { GlassCard as f, GradientText as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/dashboard/DashboardPage.tsx
-function m() {
-	let { t: m } = d(), h = (e, t) => {
-		let n = m(e);
+function g() {
+	let { t: g } = d(), _ = (e, t) => {
+		let n = g(e);
 		return n === e ? t : n;
-	}, { navigate: g } = e(), { data: _, loading: v } = t(), y = _?.dashboardSummary, b = [
+	}, { navigate: v } = e(), { data: y, loading: b } = t(), x = y?.dashboardSummary, S = [
 		{
-			label: h("eventfullymanaged.dashboard.cards.activeEvents", "Active Events"),
-			value: y?.activeEvents ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.activeEvents", "Active Events"),
+			value: x?.activeEvents ?? 0,
 			icon: s,
 			path: "/events"
 		},
 		{
-			label: h("eventfullymanaged.dashboard.cards.venues", "Venues"),
-			value: y?.totalVenues ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.venues", "Venues"),
+			value: x?.totalVenues ?? 0,
 			icon: o,
 			path: "/venues"
 		},
 		{
-			label: h("eventfullymanaged.dashboard.cards.registrations", "Registrations"),
-			value: y?.totalRegistrations ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.registrations", "Registrations"),
+			value: x?.totalRegistrations ?? 0,
 			icon: l,
 			path: "/registration"
 		},
 		{
-			label: h("eventfullymanaged.dashboard.cards.campaigns", "Campaigns"),
-			value: y?.totalSponsors ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.campaigns", "Campaigns"),
+			value: x?.totalSponsors ?? 0,
 			icon: c,
 			path: "/communication"
 		},
 		{
-			label: h("eventfullymanaged.dashboard.cards.analyticsReports", "Analytics Reports"),
-			value: y?.totalEvents ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.analyticsReports", "Analytics Reports"),
+			value: x?.totalEvents ?? 0,
 			icon: a,
 			path: "/analytics"
 		},
 		{
-			label: h("eventfullymanaged.dashboard.cards.networkMatches", "Network Matches"),
-			value: y?.upcomingSessions ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.networkMatches", "Network Matches"),
+			value: x?.upcomingSessions ?? 0,
 			icon: u,
 			path: "/networking"
 		}
 	];
-	return /* @__PURE__ */ r(n, {
+	return /* @__PURE__ */ i(n, {
 		hero: !0,
 		title: /* @__PURE__ */ r(p, {
 			as: "span",
-			children: h("eventfullymanaged.dashboard.title", "EventfullyManaged")
+			children: _("eventfullymanaged.dashboard.title", "EventfullyManaged")
 		}),
-		description: v ? h("eventfullymanaged.dashboard.description.loading", "Loading real-time event operations summary...") : h("eventfullymanaged.dashboard.description.ready", "Unified event operations dashboard."),
-		children: /* @__PURE__ */ r("div", {
-			className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
-			children: b.map((e, t) => {
-				let n = e.icon, a = t === 0;
-				return /* @__PURE__ */ i(f, {
-					treatment: a ? "glass" : "metric",
-					glow: a,
-					role: "button",
-					tabIndex: 0,
-					"aria-label": `${e.label}: ${e.value.toLocaleString()}`,
-					onClick: () => g(e.path),
-					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), g(e.path));
+		description: b ? _("eventfullymanaged.dashboard.description.loading", "Loading real-time event operations summary...") : _("eventfullymanaged.dashboard.description.ready", "Unified event operations dashboard."),
+		children: [
+			/* @__PURE__ */ r(h, {
+				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.")
+			}),
+			/* @__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,
+						role: "button",
+						tabIndex: 0,
+						"aria-label": `${e.label}: ${e.value.toLocaleString()}`,
+						onClick: () => v(e.path),
+						onKeyDown: (t) => {
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(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",
+								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()
+						})]
+					}, e.label);
+				})
+			}),
+			/* @__PURE__ */ r(m, {
+				className: "mt-6",
+				storageKey: "eventfullymanaged-dashboard",
+				title: _("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")
 					},
-					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",
-							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()
-					})]
-				}, e.label);
+					{
+						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")
+					},
+					{
+						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")
+					},
+					{
+						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")
+					}
+				]
 			})
-		})
+		]
 	});
 }
 //#endregion
-export { m as default };
+export { g 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 } 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      <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    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,IAAgB;CACtC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,gBAAa,GAAsB,EACrC,EAAE,SAAM,eAAY,GAA0B,EAE9C,IAAU,GAAM,kBAChB,IAAoB;EACxB;GACE,OAAO,EAAE,kDAAkD,gBAAgB;GAC3E,OAAO,GAAS,gBAAgB;GAChC,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,4CAA4C,SAAS;GAC9D,OAAO,GAAS,eAAe;GAC/B,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,mDAAmD,gBAAgB;GAC5E,OAAO,GAAS,sBAAsB;GACtC,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,+CAA+C,YAAY;GACpE,OAAO,GAAS,iBAAiB;GACjC,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,sDAAsD,oBAAoB;GACnF,OAAO,GAAS,eAAe;GAC/B,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,oDAAoD,kBAAkB;GAC/E,OAAO,GAAS,oBAAoB;GACpC,MAAM;GACN,MAAM;GACP;EACF;AAED,QACE,kBAAC,GAAD;EACE,MAAA;EACA,OAAO,kBAAC,GAAD;GAAc,IAAG;aAAQ,EAAE,qCAAqC,oBAAoB;GAAgB,CAAA;EAC3G,aACE,IACI,EAAE,mDAAmD,gDAAgD,GACrG,EAAE,iDAAiD,sCAAsC;YAG/F,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,GAAM,MAAU;IAC1B,IAAM,IAAO,EAAK,MACZ,IAAW,MAAU;AAC3B,WACE,kBAAC,GAAD;KAEE,WAAW,IAAW,UAAU;KAChC,MAAM;KACN,MAAK;KACL,UAAU;KACV,cAAY,GAAG,EAAK,MAAM,IAAI,EAAK,MAAM,gBAAgB;KACzD,eAAe,EAAS,EAAK,KAAK;KAClC,YAAY,MAAU;AACpB,OAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAS,EAAK,KAAK;;KAGvB,WAAU;eAdZ,CAgBE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAA+B,EAAK;OAAa,CAAA,EACjE,kBAAC,GAAD,EAAM,WAAU,kCAAmC,CAAA,CAC/C;SACN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAK,MAAM,gBAAgB;MACxB,CAAA,CACI;OAtBL,EAAK,MAsBA;KAEd;GACE,CAAA;EACK,CAAA"}
+{"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":";;;;;;;;AAeA,SAAwB,IAAgB;CACtC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,gBAAa,GAAsB,EACrC,EAAE,SAAM,eAAY,GAA0B,EAE9C,IAAU,GAAM,kBAChB,IAAoB;EACxB;GACE,OAAO,EAAE,kDAAkD,gBAAgB;GAC3E,OAAO,GAAS,gBAAgB;GAChC,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,4CAA4C,SAAS;GAC9D,OAAO,GAAS,eAAe;GAC/B,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,mDAAmD,gBAAgB;GAC5E,OAAO,GAAS,sBAAsB;GACtC,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,+CAA+C,YAAY;GACpE,OAAO,GAAS,iBAAiB;GACjC,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,sDAAsD,oBAAoB;GACnF,OAAO,GAAS,eAAe;GAC/B,MAAM;GACN,MAAM;GACP;EACD;GACE,OAAO,EAAE,oDAAoD,kBAAkB;GAC/E,OAAO,GAAS,oBAAoB;GACpC,MAAM;GACN,MAAM;GACP;EACF;AAED,QACE,kBAAC,GAAD;EACE,MAAA;EACA,OAAO,kBAAC,GAAD;GAAc,IAAG;aAAQ,EAAE,qCAAqC,oBAAoB;GAAgB,CAAA;EAC3G,aACE,IACI,EAAE,mDAAmD,gDAAgD,GACrG,EAAE,iDAAiD,sCAAsC;YANjG;GASE,kBAAC,GAAD;IAAa,WAAU;cACpB,EACC,uCACA,0RACD;IACW,CAAA;GAEd,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,GAAM,MAAU;KAC1B,IAAM,IAAO,EAAK,MACZ,IAAW,MAAU;AAC3B,YACE,kBAAC,GAAD;MAEE,WAAW,IAAW,UAAU;MAChC,MAAM;MACN,MAAK;MACL,UAAU;MACV,cAAY,GAAG,EAAK,MAAM,IAAI,EAAK,MAAM,gBAAgB;MACzD,eAAe,EAAS,EAAK,KAAK;MAClC,YAAY,MAAU;AACpB,QAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAS,EAAK,KAAK;;MAGvB,WAAU;gBAdZ,CAgBE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA+B,EAAK;QAAa,CAAA,EACjE,kBAAC,GAAD,EAAM,WAAU,kCAAmC,CAAA,CAC/C;UACN,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAK,MAAM,gBAAgB;OACxB,CAAA,CACI;QAtBL,EAAK,MAsBA;MAEd;IACE,CAAA;GAEN,kBAAC,GAAD;IACE,WAAU;IACV,YAAW;IACX,OAAO,EAAE,+CAA+C,+BAA+B;IACvF,OAAO;KACL;MACE,IAAI;MACJ,OAAO,EAAE,qDAAqD,kBAAkB;MAChF,aAAa,EACX,yDACA,oDACD;MACD,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MAC1C,eAAe,EAAS,UAAU;MACnC;KACD;MACE,IAAI;MACJ,OAAO,EAAE,kDAAkD,cAAc;MACzE,aAAa,EACX,sDACA,2DACD;MACD,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,eAAe,EAAS,iBAAiB;MAC1C;KACD;MACE,IAAI;MACJ,OAAO,EAAE,0DAA0D,oBAAoB;MACvF,aAAa,EACX,8DACA,mDACD;MACD,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,eAAe,EAAS,gBAAgB;MACzC;KACD;MACE,IAAI;MACJ,OAAO,EAAE,wDAAwD,mBAAmB;MACpF,aAAa,EACX,4DACA,mDACD;MACD,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,eAAe,EAAS,iBAAiB;MAC1C;KACF;IACD,CAAA;GACS"}

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

@@ -3,59 +3,63 @@ import { EntityListSection as n } from "./EntityListSection.js";
 import { useMemo as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { BarChart3 as s } from "lucide-react";
-import { Button as c, EmphasisPanel as l, GradientText as u, Input as d } from "@burdenoff/fe-libs/ui";
+import { Button as c, EmphasisPanel as l, GradientText as u, Input as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/AnalyticsPage.tsx
-function f() {
-	let f = e({
+function p() {
+	let p = e({
 		limit: 100,
 		offset: 0
-	}), [p, { loading: m }] = t(), [h, g] = i("overview"), _ = r(() => f.data?.analyticsSnapshots.items ?? [], [f.data]);
+	}), [m, { loading: h }] = t(), [g, _] = i("overview"), v = r(() => p.data?.analyticsSnapshots.items ?? [], [p.data]);
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ o(l, { children: [
-			/* @__PURE__ */ a("h1", {
-				className: "text-2xl font-bold text-text-primary",
-				children: /* @__PURE__ */ a(u, { children: "Analytics" })
-			}),
-			/* @__PURE__ */ a("p", {
-				className: "mt-1 text-sm text-text-secondary",
-				children: "Generate and track analytics snapshots from event operations data."
-			}),
-			/* @__PURE__ */ o("div", {
-				className: "mt-4 flex flex-col gap-3 sm:flex-row",
-				children: [/* @__PURE__ */ a(d, {
-					value: h,
-					onChange: (e) => g(e.target.value),
-					placeholder: "daily-summary",
-					"aria-label": "Snapshot name",
-					className: "flex-1"
-				}), /* @__PURE__ */ o(c, {
-					type: "button",
-					disabled: m,
-					onClick: async () => {
-						h.trim() && await p({ variables: { input: {
-							name: h,
-							title: h,
-							status: "created",
-							metadata: {}
-						} } });
-					},
-					children: [/* @__PURE__ */ a(s, { className: "h-4 w-4" }), m ? "Generating..." : "Generate Snapshot"]
-				})]
+		children: [
+			/* @__PURE__ */ a(f, { children: "Snapshots capture a point-in-time picture of how your events are performing — registrations, attendance, revenue and engagement frozen at the moment you generate them. Use this page to take a daily or post-event snapshot so you can compare trends over time and report on outcomes." }),
+			/* @__PURE__ */ o(l, { children: [
+				/* @__PURE__ */ a("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: /* @__PURE__ */ a(u, { children: "Analytics" })
+				}),
+				/* @__PURE__ */ a("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Generate and track analytics snapshots from event operations data."
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "mt-4 flex flex-col gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ a(d, {
+						value: g,
+						onChange: (e) => _(e.target.value),
+						placeholder: "daily-summary",
+						"aria-label": "Snapshot name",
+						className: "flex-1"
+					}), /* @__PURE__ */ o(c, {
+						type: "button",
+						disabled: h,
+						onClick: async () => {
+							g.trim() && await m({ variables: { input: {
+								name: g,
+								title: g,
+								status: "created",
+								metadata: {}
+							} } });
+						},
+						children: [/* @__PURE__ */ a(s, { className: "h-4 w-4" }), h ? "Generating..." : "Generate Snapshot"]
+					})]
+				})
+			] }),
+			/* @__PURE__ */ a(n, {
+				heading: p.loading ? "Loading snapshots..." : `Snapshots (${v.length})`,
+				emptyLabel: "No analytics snapshots available yet.",
+				emptyIllustration: "empty-data",
+				rows: v.map((e) => ({
+					id: e.id,
+					title: e.title ?? e.name ?? `Snapshot ${e.id}`,
+					status: e.status ?? void 0
+				}))
 			})
-		] }), /* @__PURE__ */ a(n, {
-			heading: f.loading ? "Loading snapshots..." : `Snapshots (${_.length})`,
-			emptyLabel: "No analytics snapshots available yet.",
-			emptyIllustration: "empty-data",
-			rows: _.map((e) => ({
-				id: e.id,
-				title: e.title ?? e.name ?? `Snapshot ${e.id}`,
-				status: e.status ?? void 0
-			}))
-		})]
+		]
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };
 
 //# sourceMappingURL=AnalyticsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AnalyticsPage.tsx"],"sourcesContent":["import { BarChart3 } from 'lucide-react';\nimport { Button, EmphasisPanel, GradientText, Input } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useAnalyticsSnapshotsQuery, useUpsertAnalyticsSnapshotMutation } from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype SnapshotRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function AnalyticsPage() {\n  const snapshotsQuery = useAnalyticsSnapshotsQuery({ limit: 100, offset: 0 });\n  const [upsertSnapshot, { loading: creating }] = useUpsertAnalyticsSnapshotMutation();\n  const [snapshotName, setSnapshotName] = useState('overview');\n\n  const snapshots = useMemo(\n    () => (snapshotsQuery.data?.analyticsSnapshots.items ?? []) as SnapshotRow[],\n    [snapshotsQuery.data]\n  );\n\n  const onCreate = async () => {\n    if (!snapshotName.trim()) return;\n    await upsertSnapshot({\n      variables: {\n        input: {\n          name: snapshotName,\n          title: snapshotName,\n          status: 'created',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Analytics</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Generate and track analytics snapshots from event operations data.\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row\">\n          <Input\n            value={snapshotName}\n            onChange={(e) => setSnapshotName(e.target.value)}\n            placeholder=\"daily-summary\"\n            aria-label=\"Snapshot name\"\n            className=\"flex-1\"\n          />\n          <Button type=\"button\" disabled={creating} onClick={onCreate}>\n            <BarChart3 className=\"h-4 w-4\" />\n            {creating ? 'Generating...' : 'Generate Snapshot'}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={snapshotsQuery.loading ? 'Loading snapshots...' : `Snapshots (${snapshots.length})`}\n        emptyLabel=\"No analytics snapshots available yet.\"\n        emptyIllustration=\"empty-data\"\n        rows={snapshots.map((row) => ({\n          id: row.id,\n          title: row.title ?? row.name ?? `Snapshot ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAwB,IAAgB;CACtC,IAAM,IAAiB,EAA2B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACtE,CAAC,GAAgB,EAAE,SAAS,OAAc,GAAoC,EAC9E,CAAC,GAAc,KAAmB,EAAS,WAAW,EAEtD,IAAY,QACT,EAAe,MAAM,mBAAmB,SAAS,EAAE,EAC1D,CAAC,EAAe,KAAK,CACtB;AAgBD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,aAAwB,CAAA;IACnC,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAE5C,CAAA;GACJ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;KAChD,aAAY;KACZ,cAAW;KACX,WAAU;KACV,CAAA,EACF,kBAAC,GAAD;KAAQ,MAAK;KAAS,UAAU;KAAU,SA/BjC,YAAY;AACtB,QAAa,MAAM,IACxB,MAAM,EAAe,EACnB,WAAW,EACT,OAAO;OACL,MAAM;OACN,OAAO;OACP,QAAQ;OACR,UAAU,EAAE;OACb,EACF,EACF,CAAC;;eAoBI,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,IAAW,kBAAkB,oBACvB;OACL;;GACQ,EAAA,CAAA,EAEhB,kBAAC,GAAD;GACE,SAAS,EAAe,UAAU,yBAAyB,cAAc,EAAU,OAAO;GAC1F,YAAW;GACX,mBAAkB;GAClB,MAAM,EAAU,KAAK,OAAS;IAC5B,IAAI,EAAI;IACR,OAAO,EAAI,SAAS,EAAI,QAAQ,YAAY,EAAI;IAChD,QAAQ,EAAI,UAAU,KAAA;IACvB,EAAE;GACH,CAAA,CACE"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AnalyticsPage.tsx"],"sourcesContent":["import { BarChart3 } from 'lucide-react';\nimport { Button, EmphasisPanel, GradientText, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useAnalyticsSnapshotsQuery, useUpsertAnalyticsSnapshotMutation } from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype SnapshotRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function AnalyticsPage() {\n  const snapshotsQuery = useAnalyticsSnapshotsQuery({ limit: 100, offset: 0 });\n  const [upsertSnapshot, { loading: creating }] = useUpsertAnalyticsSnapshotMutation();\n  const [snapshotName, setSnapshotName] = useState('overview');\n\n  const snapshots = useMemo(\n    () => (snapshotsQuery.data?.analyticsSnapshots.items ?? []) as SnapshotRow[],\n    [snapshotsQuery.data]\n  );\n\n  const onCreate = async () => {\n    if (!snapshotName.trim()) return;\n    await upsertSnapshot({\n      variables: {\n        input: {\n          name: snapshotName,\n          title: snapshotName,\n          status: 'created',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Snapshots capture a point-in-time picture of how your events are performing — registrations, attendance,\n        revenue and engagement frozen at the moment you generate them. Use this page to take a daily or post-event\n        snapshot so you can compare trends over time and report on outcomes.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Analytics</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Generate and track analytics snapshots from event operations data.\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row\">\n          <Input\n            value={snapshotName}\n            onChange={(e) => setSnapshotName(e.target.value)}\n            placeholder=\"daily-summary\"\n            aria-label=\"Snapshot name\"\n            className=\"flex-1\"\n          />\n          <Button type=\"button\" disabled={creating} onClick={onCreate}>\n            <BarChart3 className=\"h-4 w-4\" />\n            {creating ? 'Generating...' : 'Generate Snapshot'}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={snapshotsQuery.loading ? 'Loading snapshots...' : `Snapshots (${snapshots.length})`}\n        emptyLabel=\"No analytics snapshots available yet.\"\n        emptyIllustration=\"empty-data\"\n        rows={snapshots.map((row) => ({\n          id: row.id,\n          title: row.title ?? row.name ?? `Snapshot ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAwB,IAAgB;CACtC,IAAM,IAAiB,EAA2B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACtE,CAAC,GAAgB,EAAE,SAAS,OAAc,GAAoC,EAC9E,CAAC,GAAc,KAAmB,EAAS,WAAW,EAEtD,IAAY,QACT,EAAe,MAAM,mBAAmB,SAAS,EAAE,EAC1D,CAAC,EAAe,KAAK,CACtB;AAgBD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,4RAIC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,aAAwB,CAAA;KACnC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;MAChD,aAAY;MACZ,cAAW;MACX,WAAU;MACV,CAAA,EACF,kBAAC,GAAD;MAAQ,MAAK;MAAS,UAAU;MAAU,SArCjC,YAAY;AACtB,SAAa,MAAM,IACxB,MAAM,EAAe,EACnB,WAAW,EACT,OAAO;QACL,MAAM;QACN,OAAO;QACP,QAAQ;QACR,UAAU,EAAE;QACb,EACF,EACF,CAAC;;gBA0BI,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,IAAW,kBAAkB,oBACvB;QACL;;IACQ,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SAAS,EAAe,UAAU,yBAAyB,cAAc,EAAU,OAAO;IAC1F,YAAW;IACX,mBAAkB;IAClB,MAAM,EAAU,KAAK,OAAS;KAC5B,IAAI,EAAI;KACR,OAAO,EAAI,SAAS,EAAI,QAAQ,YAAY,EAAI;KAChD,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GACE"}

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

@@ -1,91 +1,124 @@
-import { useAttendeesQuery as e, useRegistrationsQuery as t } from "../../api/eventApi.js";
-import { EntityListSection as n } from "./EntityListSection.js";
-import { useMemo as r } from "react";
-import { useParams as i } from "react-router-dom";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { EmphasisPanel as s, GlassCard as c, GradientText as l } from "@burdenoff/fe-libs/ui";
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { useAttendeesQuery as t, useRegistrationsQuery as n } from "../../api/eventApi.js";
+import { EntityListSection as r } from "./EntityListSection.js";
+import { useMemo as i } from "react";
+import { useParams as a } from "react-router-dom";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Megaphone as c, Ticket as l, Users as u } from "lucide-react";
+import { EmphasisPanel as d, GlassCard as f, GradientText as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx
-function u() {
-	let { id: u = "" } = i(), d = e({
+function g() {
+	let { id: g = "" } = a(), { navigate: _ } = e(), v = t({
 		limit: 100,
 		offset: 0
-	}), f = t({
+	}), y = n({
 		limit: 100,
 		offset: 0
-	}), p = r(() => (d.data?.attendees.items ?? []).find((e) => e.id === u), [u, d.data]), m = r(() => (f.data?.registrations.items ?? []).filter((e) => e.attendeeId === u), [u, f.data]);
-	return /* @__PURE__ */ o("div", {
+	}), b = i(() => (v.data?.attendees.items ?? []).find((e) => e.id === g), [g, v.data]), x = i(() => (y.data?.registrations.items ?? []).filter((e) => e.attendeeId === g), [g, y.data]);
+	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ o(s, { children: [
-			/* @__PURE__ */ o("h1", {
-				className: "text-2xl font-bold text-text-primary",
-				children: [/* @__PURE__ */ a(l, { children: "Attendee" }), " Profile"]
+		children: [
+			/* @__PURE__ */ o(h, { children: "A single view of one attendee — who they are and everything they have registered for. Use this when you need to look someone up: verify their ticket, answer a support question, or understand their history with your events before reaching out." }),
+			/* @__PURE__ */ s(d, { children: [
+				/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: [/* @__PURE__ */ o(p, { children: "Attendee" }), " Profile"]
+				}),
+				/* @__PURE__ */ o("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: v.loading ? "Loading attendee profile..." : b ? `${b.fullName ?? b.id} profile from registration and attendee APIs.` : "Attendee not found in current query scope."
+				}),
+				b ? /* @__PURE__ */ s("div", {
+					className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Name"
+							}), /* @__PURE__ */ o("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: b.fullName ?? b.id
+							})]
+						}),
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Email"
+							}), /* @__PURE__ */ o("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: b.email ?? "Unavailable"
+							})]
+						}),
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Company"
+							}), /* @__PURE__ */ o("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: b.company ?? "Unavailable"
+							})]
+						}),
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Role"
+							}), /* @__PURE__ */ o("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: b.role ?? "Unavailable"
+							})]
+						})
+					]
+				}) : null
+			] }),
+			/* @__PURE__ */ o(r, {
+				heading: y.loading ? "Loading attendee registrations..." : `Registrations (${x.length})`,
+				emptyLabel: "No registrations linked to this attendee.",
+				rows: x.map((e) => ({
+					id: e.id,
+					title: `Registration ${e.id}`,
+					subtitle: [e.quantity ? `Qty ${e.quantity}` : void 0, e.totalAmount ? `${e.totalAmount} ${e.currency ?? ""}` : void 0].filter(Boolean).join(" • "),
+					status: e.status
+				}))
 			}),
-			/* @__PURE__ */ a("p", {
-				className: "mt-1 text-sm text-text-secondary",
-				children: d.loading ? "Loading attendee profile..." : p ? `${p.fullName ?? p.id} profile from registration and attendee APIs.` : "Attendee not found in current query scope."
-			}),
-			p ? /* @__PURE__ */ o("div", {
-				className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Name"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.fullName ?? p.id
-						})]
-					}),
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Email"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.email ?? "Unavailable"
-						})]
-					}),
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Company"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.company ?? "Unavailable"
-						})]
-					}),
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Role"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.role ?? "Unavailable"
-						})]
-					})
+			/* @__PURE__ */ o(m, {
+				storageKey: "eventfullymanaged-attendee-profile",
+				title: "Act on this attendee",
+				steps: [
+					{
+						id: "view-registrations",
+						label: "Review all registrations",
+						description: "See the full registration list to manage tickets and payments.",
+						icon: /* @__PURE__ */ o(l, { className: "h-4 w-4" }),
+						onClick: () => _("/registration")
+					},
+					{
+						id: "networking",
+						label: "Find networking matches",
+						description: "Connect this attendee with relevant people and meetings.",
+						icon: /* @__PURE__ */ o(u, { className: "h-4 w-4" }),
+						onClick: () => _("/networking")
+					},
+					{
+						id: "reach-out",
+						label: "Send a message",
+						description: "Reach this attendee through an announcement or campaign.",
+						icon: /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
+						onClick: () => _("/communication")
+					}
 				]
-			}) : null
-		] }), /* @__PURE__ */ a(n, {
-			heading: f.loading ? "Loading attendee registrations..." : `Registrations (${m.length})`,
-			emptyLabel: "No registrations linked to this attendee.",
-			rows: m.map((e) => ({
-				id: e.id,
-				title: `Registration ${e.id}`,
-				subtitle: [e.quantity ? `Qty ${e.quantity}` : void 0, e.totalAmount ? `${e.totalAmount} ${e.currency ?? ""}` : void 0].filter(Boolean).join(" • "),
-				status: e.status
-			}))
-		})]
+			})
+		]
 	});
 }
 //#endregion
-export { u as default };
+export { g as default };
 
 //# sourceMappingURL=AttendeeProfilePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AttendeeProfilePage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx"],"sourcesContent":["import { EmphasisPanel, GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useAttendeesQuery, useRegistrationsQuery } from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype AttendeeRow = {\n  id: string;\n  fullName?: string;\n  email?: string;\n  company?: string;\n  role?: string;\n};\n\ntype RegistrationRow = {\n  id: string;\n  attendeeId?: string;\n  status?: string;\n  quantity?: number;\n  currency?: string;\n  totalAmount?: string;\n};\n\nexport default function AttendeeProfilePage() {\n  const { id = '' } = useParams();\n  const attendeesQuery = useAttendeesQuery({ limit: 100, offset: 0 });\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n\n  const attendee = useMemo(\n    () => ((attendeesQuery.data?.attendees.items ?? []) as AttendeeRow[]).find((item) => item.id === id),\n    [id, attendeesQuery.data]\n  );\n  const registrations = useMemo(\n    () =>\n      ((registrationsQuery.data?.registrations.items ?? []) as RegistrationRow[]).filter(\n        (registration) => registration.attendeeId === id\n      ),\n    [id, registrationsQuery.data]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Attendee</GradientText> Profile\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {attendeesQuery.loading\n            ? 'Loading attendee profile...'\n            : attendee\n              ? `${attendee.fullName ?? attendee.id} profile from registration and attendee APIs.`\n              : 'Attendee not found in current query scope.'}\n        </p>\n        {attendee ? (\n          <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Name</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.fullName ?? attendee.id}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Email</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.email ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Company</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.company ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Role</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.role ?? 'Unavailable'}</p>\n            </GlassCard>\n          </div>\n        ) : null}\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          registrationsQuery.loading ? 'Loading attendee registrations...' : `Registrations (${registrations.length})`\n        }\n        emptyLabel=\"No registrations linked to this attendee.\"\n        rows={registrations.map((registration) => ({\n          id: registration.id,\n          title: `Registration ${registration.id}`,\n          subtitle: [\n            registration.quantity ? `Qty ${registration.quantity}` : undefined,\n            registration.totalAmount ? `${registration.totalAmount} ${registration.currency ?? ''}` : undefined,\n          ]\n            .filter(Boolean)\n            .join(' • '),\n          status: registration.status,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAwBA,SAAwB,IAAsB;CAC5C,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,IAAiB,EAAkB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC7D,IAAqB,EAAsB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAErE,IAAW,SACP,EAAe,MAAM,UAAU,SAAS,EAAE,EAAoB,MAAM,MAAS,EAAK,OAAO,EAAG,EACpG,CAAC,GAAI,EAAe,KAAK,CAC1B,EACK,IAAgB,SAEhB,EAAmB,MAAM,cAAc,SAAS,EAAE,EAAwB,QACzE,MAAiB,EAAa,eAAe,EAC/C,EACH,CAAC,GAAI,EAAmB,KAAK,CAC9B;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,GAAD,EAAA,UAAc,YAAuB,CAAA,EAAA,WAClC;;GACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAe,UACZ,gCACA,IACE,GAAG,EAAS,YAAY,EAAS,GAAG,iDACpC;IACJ,CAAA;GACH,IACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsD;OAAQ,CAAA,EAC3E,kBAAC,KAAD;OAAG,WAAU;iBAAsC,EAAS,YAAY,EAAS;OAAO,CAAA,CAC9E;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsD;OAAS,CAAA,EAC5E,kBAAC,KAAD;OAAG,WAAU;iBAAsC,EAAS,SAAS;OAAkB,CAAA,CAC7E;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsD;OAAW,CAAA,EAC9E,kBAAC,KAAD;OAAG,WAAU;iBAAsC,EAAS,WAAW;OAAkB,CAAA,CAC/E;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAsD;OAAQ,CAAA,EAC3E,kBAAC,KAAD;OAAG,WAAU;iBAAsC,EAAS,QAAQ;OAAkB,CAAA,CAC5E;;KACR;QACJ;GACU,EAAA,CAAA,EAEhB,kBAAC,GAAD;GACE,SACE,EAAmB,UAAU,sCAAsC,kBAAkB,EAAc,OAAO;GAE5G,YAAW;GACX,MAAM,EAAc,KAAK,OAAkB;IACzC,IAAI,EAAa;IACjB,OAAO,gBAAgB,EAAa;IACpC,UAAU,CACR,EAAa,WAAW,OAAO,EAAa,aAAa,KAAA,GACzD,EAAa,cAAc,GAAG,EAAa,YAAY,GAAG,EAAa,YAAY,OAAO,KAAA,EAC3F,CACE,OAAO,QAAQ,CACf,KAAK,MAAM;IACd,QAAQ,EAAa;IACtB,EAAE;GACH,CAAA,CACE"}
+{"version":3,"file":"AttendeeProfilePage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx"],"sourcesContent":["import { Megaphone, Ticket, Users } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useAttendeesQuery, useRegistrationsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype AttendeeRow = {\n  id: string;\n  fullName?: string;\n  email?: string;\n  company?: string;\n  role?: string;\n};\n\ntype RegistrationRow = {\n  id: string;\n  attendeeId?: string;\n  status?: string;\n  quantity?: number;\n  currency?: string;\n  totalAmount?: string;\n};\n\nexport default function AttendeeProfilePage() {\n  const { id = '' } = useParams();\n  const { navigate } = useEventfullyManaged();\n  const attendeesQuery = useAttendeesQuery({ limit: 100, offset: 0 });\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n\n  const attendee = useMemo(\n    () => ((attendeesQuery.data?.attendees.items ?? []) as AttendeeRow[]).find((item) => item.id === id),\n    [id, attendeesQuery.data]\n  );\n  const registrations = useMemo(\n    () =>\n      ((registrationsQuery.data?.registrations.items ?? []) as RegistrationRow[]).filter(\n        (registration) => registration.attendeeId === id\n      ),\n    [id, registrationsQuery.data]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        A single view of one attendee — who they are and everything they have registered for. Use this when you need\n        to look someone up: verify their ticket, answer a support question, or understand their history with your\n        events before reaching out.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Attendee</GradientText> Profile\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {attendeesQuery.loading\n            ? 'Loading attendee profile...'\n            : attendee\n              ? `${attendee.fullName ?? attendee.id} profile from registration and attendee APIs.`\n              : 'Attendee not found in current query scope.'}\n        </p>\n        {attendee ? (\n          <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Name</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.fullName ?? attendee.id}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Email</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.email ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Company</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.company ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Role</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.role ?? 'Unavailable'}</p>\n            </GlassCard>\n          </div>\n        ) : null}\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          registrationsQuery.loading ? 'Loading attendee registrations...' : `Registrations (${registrations.length})`\n        }\n        emptyLabel=\"No registrations linked to this attendee.\"\n        rows={registrations.map((registration) => ({\n          id: registration.id,\n          title: `Registration ${registration.id}`,\n          subtitle: [\n            registration.quantity ? `Qty ${registration.quantity}` : undefined,\n            registration.totalAmount ? `${registration.totalAmount} ${registration.currency ?? ''}` : undefined,\n          ]\n            .filter(Boolean)\n            .join(' • '),\n          status: registration.status,\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-attendee-profile\"\n        title=\"Act on this attendee\"\n        steps={[\n          {\n            id: 'view-registrations',\n            label: 'Review all registrations',\n            description: 'See the full registration list to manage tickets and payments.',\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'networking',\n            label: 'Find networking matches',\n            description: 'Connect this attendee with relevant people and meetings.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'reach-out',\n            label: 'Send a message',\n            description: 'Reach this attendee through an announcement or campaign.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}