@burdenoff/microfe-eventfullymanaged 2026.608.1 → 2026.625.2

package/dist/eventfullymanaged/components/PageLayout.js

@@ -1,53 +1,59 @@
 import { useEventfullyManaged as e } from "../context/EventfullyManagedContext.js";
 import { cn as t } from "../utils/cn.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { AuroraBackground as i } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/components/PageLayout.tsx
-function i({ title: i, description: a, actions: o, children: s, backPath: c }) {
-	let { navigate: l } = e();
+function a({ title: a, description: o, actions: s, children: c, backPath: l, hero: u = !1 }) {
+	let { navigate: d } = e();
 	return /* @__PURE__ */ r("div", {
 		className: t("flex flex-col h-full bg-bg-surface"),
 		children: [/* @__PURE__ */ r("div", {
-			className: t("flex items-start justify-between px-6 py-4 border-b border-border-default bg-bg-surface"),
-			children: [/* @__PURE__ */ r("div", {
-				className: "flex flex-col gap-1",
-				children: [
-					c && /* @__PURE__ */ r("button", {
-						type: "button",
-						onClick: () => l(c),
-						className: t("flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors mb-1"),
-						children: [/* @__PURE__ */ n("svg", {
-							xmlns: "http://www.w3.org/2000/svg",
-							width: "16",
-							height: "16",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: "2",
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							children: /* @__PURE__ */ n("path", { d: "m15 18-6-6 6-6" })
-						}), "Back"]
-					}),
-					/* @__PURE__ */ n("h1", {
-						className: t("text-2xl font-semibold text-text-primary"),
-						children: i
-					}),
-					a && /* @__PURE__ */ n("p", {
-						className: t("text-sm text-text-secondary mt-0.5"),
-						children: a
-					})
-				]
-			}), o && /* @__PURE__ */ n("div", {
-				className: "flex items-center gap-2",
-				children: o
-			})]
+			className: t("relative flex items-start justify-between gap-4 overflow-hidden border-b border-border-seam px-6 py-5", u ? "bg-accent-wash" : "bg-bg-surface"),
+			children: [
+				u ? /* @__PURE__ */ n(i, { intensity: "subtle" }) : null,
+				/* @__PURE__ */ r("div", {
+					className: "flex min-w-0 flex-col gap-1",
+					children: [
+						l && /* @__PURE__ */ r("button", {
+							type: "button",
+							onClick: () => d(l),
+							className: t("flex w-fit items-center gap-1 rounded-button text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]"),
+							children: [/* @__PURE__ */ n("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ n("path", { d: "m15 18-6-6 6-6" })
+							}), "Back"]
+						}),
+						/* @__PURE__ */ n("h1", {
+							className: t("text-2xl font-semibold text-text-primary"),
+							children: a
+						}),
+						o && /* @__PURE__ */ n("p", {
+							className: t("mt-0.5 text-sm text-text-secondary"),
+							children: o
+						})
+					]
+				}),
+				s && /* @__PURE__ */ n("div", {
+					className: "relative flex shrink-0 items-center gap-2",
+					children: s
+				})
+			]
 		}), /* @__PURE__ */ n("div", {
 			className: t("flex-1 overflow-auto p-6"),
-			children: s
+			children: c
 		})]
 	});
 }
 //#endregion
-export { i as PageLayout };
+export { a as PageLayout };
 
 //# sourceMappingURL=PageLayout.js.map

package/dist/eventfullymanaged/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/eventfullymanaged/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useEventfullyManaged } from '../context/EventfullyManagedContext';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n}\n\nexport function PageLayout({ title, description, actions, children, backPath }: PageLayoutProps) {\n  const { navigate } = useEventfullyManaged();\n\n  return (\n    <div className={cn('flex flex-col h-full bg-bg-surface')}>\n      {/* Header */}\n      <div className={cn('flex items-start justify-between px-6 py-4 border-b border-border-default bg-bg-surface')}>\n        <div className=\"flex flex-col gap-1\">\n          {backPath && (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className={cn(\n                'flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors mb-1'\n              )}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <path d=\"m15 18-6-6 6-6\" />\n              </svg>\n              Back\n            </button>\n          )}\n          <h1 className={cn('text-2xl font-semibold text-text-primary')}>{title}</h1>\n          {description && <p className={cn('text-sm text-text-secondary mt-0.5')}>{description}</p>}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div className={cn('flex-1 overflow-auto p-6')}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAW,EAAE,UAAO,gBAAa,YAAS,aAAU,eAA6B;CAC/F,IAAM,EAAE,gBAAa,GAAsB;AAE3C,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,qCAAqC;YAAxD,CAEE,kBAAC,OAAD;GAAK,WAAW,EAAG,0FAA0F;aAA7G,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAS,EAAS;MACjC,WAAW,EACT,qGACD;gBALH,CAOE,kBAAC,OAAD;OACE,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,aAAY;OACZ,eAAc;OACd,gBAAe;iBAEf,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;OACvB,CAAA,EAAA,OAEC;;KAEX,kBAAC,MAAD;MAAI,WAAW,EAAG,2CAA2C;gBAAG;MAAW,CAAA;KAC1E,KAAe,kBAAC,KAAD;MAAG,WAAW,EAAG,qCAAqC;gBAAG;MAAgB,CAAA;KACrF;OACL,KAAW,kBAAC,OAAD;IAAK,WAAU;cAA2B;IAAc,CAAA,CAChE;MAGN,kBAAC,OAAD;GAAK,WAAW,EAAG,2BAA2B;GAAG;GAAe,CAAA,CAC5D"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/eventfullymanaged/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { useEventfullyManaged } from '../context/EventfullyManagedContext';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n  /** Render the page header with the living-glass aurora backdrop (MFE hero). */\n  hero?: boolean;\n}\n\nexport function PageLayout({ title, description, actions, children, backPath, hero = false }: PageLayoutProps) {\n  const { navigate } = useEventfullyManaged();\n\n  return (\n    <div className={cn('flex flex-col h-full bg-bg-surface')}>\n      {/* Header */}\n      <div\n        className={cn(\n          'relative flex items-start justify-between gap-4 overflow-hidden border-b border-border-seam px-6 py-5',\n          hero ? 'bg-accent-wash' : 'bg-bg-surface'\n        )}\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className=\"flex min-w-0 flex-col gap-1\">\n          {backPath && (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className={cn(\n                'flex w-fit items-center gap-1 rounded-button text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]'\n              )}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"m15 18-6-6 6-6\" />\n              </svg>\n              Back\n            </button>\n          )}\n          <h1 className={cn('text-2xl font-semibold text-text-primary')}>{title}</h1>\n          {description && <p className={cn('mt-0.5 text-sm text-text-secondary')}>{description}</p>}\n        </div>\n        {actions && <div className=\"relative flex shrink-0 items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div className={cn('flex-1 overflow-auto p-6')}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAeA,SAAgB,EAAW,EAAE,UAAO,gBAAa,YAAS,aAAU,aAAU,UAAO,MAA0B;CAC7G,IAAM,EAAE,gBAAa,GAAsB;AAE3C,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,qCAAqC;YAAxD,CAEE,kBAAC,OAAD;GACE,WAAW,EACT,yGACA,IAAO,mBAAmB,gBAC3B;aAJH;IAMG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,EAAS,EAAS;OACjC,WAAW,EACT,kNACD;iBALH,CAOE,kBAAC,OAAD;QACE,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,QAAO;QACP,aAAY;QACZ,eAAc;QACd,gBAAe;QACf,eAAY;kBAEZ,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;QACvB,CAAA,EAAA,OAEC;;MAEX,kBAAC,MAAD;OAAI,WAAW,EAAG,2CAA2C;iBAAG;OAAW,CAAA;MAC1E,KAAe,kBAAC,KAAD;OAAG,WAAW,EAAG,qCAAqC;iBAAG;OAAgB,CAAA;MACrF;;IACL,KAAW,kBAAC,OAAD;KAAK,WAAU;eAA6C;KAAc,CAAA;IAClF;MAGN,kBAAC,OAAD;GAAK,WAAW,EAAG,2BAA2B;GAAG;GAAe,CAAA,CAC5D"}

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

@@ -4,76 +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, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/dashboard/DashboardPage.tsx
-function f() {
-	let { t: f } = d(), p = (e, t) => {
-		let n = f(e);
+function g() {
+	let { t: g } = d(), _ = (e, t) => {
+		let n = g(e);
 		return n === e ? t : n;
-	}, { navigate: m } = e(), { data: h, loading: g } = t(), _ = h?.dashboardSummary, v = [
+	}, { navigate: v } = e(), { data: y, loading: b } = t(), x = y?.dashboardSummary, S = [
 		{
-			label: p("eventfullymanaged.dashboard.cards.activeEvents", "Active Events"),
-			value: _?.activeEvents ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.activeEvents", "Active Events"),
+			value: x?.activeEvents ?? 0,
 			icon: s,
 			path: "/events"
 		},
 		{
-			label: p("eventfullymanaged.dashboard.cards.venues", "Venues"),
-			value: _?.totalVenues ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.venues", "Venues"),
+			value: x?.totalVenues ?? 0,
 			icon: o,
 			path: "/venues"
 		},
 		{
-			label: p("eventfullymanaged.dashboard.cards.registrations", "Registrations"),
-			value: _?.totalRegistrations ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.registrations", "Registrations"),
+			value: x?.totalRegistrations ?? 0,
 			icon: l,
 			path: "/registration"
 		},
 		{
-			label: p("eventfullymanaged.dashboard.cards.campaigns", "Campaigns"),
-			value: _?.totalSponsors ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.campaigns", "Campaigns"),
+			value: x?.totalSponsors ?? 0,
 			icon: c,
 			path: "/communication"
 		},
 		{
-			label: p("eventfullymanaged.dashboard.cards.analyticsReports", "Analytics Reports"),
-			value: _?.totalEvents ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.analyticsReports", "Analytics Reports"),
+			value: x?.totalEvents ?? 0,
 			icon: a,
 			path: "/analytics"
 		},
 		{
-			label: p("eventfullymanaged.dashboard.cards.networkMatches", "Network Matches"),
-			value: _?.upcomingSessions ?? 0,
+			label: _("eventfullymanaged.dashboard.cards.networkMatches", "Network Matches"),
+			value: x?.upcomingSessions ?? 0,
 			icon: u,
 			path: "/networking"
 		}
 	];
-	return /* @__PURE__ */ r(n, {
-		title: p("eventfullymanaged.dashboard.title", "EventfullyManaged"),
-		description: g ? p("eventfullymanaged.dashboard.description.loading", "Loading real-time event operations summary...") : p("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: v.map((e) => {
-				let t = e.icon;
-				return /* @__PURE__ */ i("button", {
-					type: "button",
-					onClick: () => m(e.path),
-					className: "rounded-lg border border-border-default bg-bg-surface p-5 text-left transition hover:bg-bg-elevated",
-					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(t, { className: "h-5 w-5 text-text-secondary" })]
-					}), /* @__PURE__ */ r("div", {
-						className: "mt-3 text-3xl font-semibold text-text-primary",
-						children: e.value.toLocaleString()
-					})]
-				}, e.label);
+	return /* @__PURE__ */ i(n, {
+		hero: !0,
+		title: /* @__PURE__ */ r(p, {
+			as: "span",
+			children: _("eventfullymanaged.dashboard.title", "EventfullyManaged")
+		}),
+		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")
+					},
+					{
+						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 { f 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';\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      title={t('eventfullymanaged.dashboard.title', 'EventfullyManaged')}\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) => {\n          const Icon = card.icon;\n          return (\n            <button\n              key={card.label}\n              type=\"button\"\n              onClick={() => navigate(card.path)}\n              className=\"rounded-lg border border-border-default bg-bg-surface p-5 text-left transition hover:bg-bg-elevated\"\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-text-secondary\" />\n              </div>\n              <div className=\"mt-3 text-3xl font-semibold text-text-primary\">{card.value.toLocaleString()}</div>\n            </button>\n          );\n        })}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAcA,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,OAAO,EAAE,qCAAqC,oBAAoB;EAClE,aACE,IACI,EAAE,mDAAmD,gDAAgD,GACrG,EAAE,iDAAiD,sCAAsC;YAG/F,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MAAS;IACnB,IAAM,IAAO,EAAK;AAClB,WACE,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAS,EAAK,KAAK;KAClC,WAAU;eAJZ,CAME,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAA+B,EAAK;OAAa,CAAA,EACjE,kBAAC,GAAD,EAAM,WAAU,+BAAgC,CAAA,CAC5C;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAiD,EAAK,MAAM,gBAAgB;MAAO,CAAA,CAC3F;OAVF,EAAK,MAUH;KAEX;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":"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"}

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

@@ -3,20 +3,21 @@ 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, PagePurpose as f } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/AnalyticsPage.tsx
-function c() {
-	let c = e({
+function p() {
+	let p = e({
 		limit: 100,
 		offset: 0
-	}), [l, { loading: u }] = t(), [d, f] = i("overview"), p = r(() => c.data?.analyticsSnapshots.items ?? [], [c.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("section", {
-			className: "rounded-lg border border-border-default bg-bg-surface p-5",
-			children: [
+		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: "Analytics"
+					children: /* @__PURE__ */ a(u, { children: "Analytics" })
 				}),
 				/* @__PURE__ */ a("p", {
 					className: "mt-1 text-sm text-text-secondary",
@@ -24,39 +25,41 @@ function c() {
 				}),
 				/* @__PURE__ */ o("div", {
 					className: "mt-4 flex flex-col gap-3 sm:flex-row",
-					children: [/* @__PURE__ */ a("input", {
-						value: d,
-						onChange: (e) => f(e.target.value),
+					children: [/* @__PURE__ */ a(d, {
+						value: g,
+						onChange: (e) => _(e.target.value),
 						placeholder: "daily-summary",
-						className: "flex-1 rounded-md border border-border-default px-3 py-2"
-					}), /* @__PURE__ */ o("button", {
+						"aria-label": "Snapshot name",
+						className: "flex-1"
+					}), /* @__PURE__ */ o(c, {
 						type: "button",
-						disabled: u,
+						disabled: h,
 						onClick: async () => {
-							d.trim() && await l({ variables: { input: {
-								name: d,
-								title: d,
+							g.trim() && await m({ variables: { input: {
+								name: g,
+								title: g,
 								status: "created",
 								metadata: {}
 							} } });
 						},
-						className: "inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
-						children: [/* @__PURE__ */ a(s, { className: "mr-2 h-4 w-4" }), u ? "Generating..." : "Generate Snapshot"]
+						children: [/* @__PURE__ */ a(s, { className: "h-4 w-4" }), h ? "Generating..." : "Generate Snapshot"]
 					})]
 				})
-			]
-		}), /* @__PURE__ */ a(n, {
-			heading: c.loading ? "Loading snapshots..." : `Snapshots (${p.length})`,
-			emptyLabel: "No analytics snapshots available yet.",
-			rows: p.map((e) => ({
-				id: e.id,
-				title: e.title ?? e.name ?? `Snapshot ${e.id}`,
-				status: e.status ?? void 0
-			}))
-		})]
+			] }),
+			/* @__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
+				}))
+			})
+		]
 	});
 }
 //#endregion
-export { c 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 { 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      <section className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n        <h1 className=\"text-2xl font-bold text-text-primary\">Analytics</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            className=\"flex-1 rounded-md border border-border-default px-3 py-2\"\n          />\n          <button\n            type=\"button\"\n            disabled={creating}\n            onClick={onCreate}\n            className=\"inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60\"\n          >\n            <BarChart3 className=\"mr-2 h-4 w-4\" />\n            {creating ? 'Generating...' : 'Generate Snapshot'}\n          </button>\n        </div>\n      </section>\n\n      <EntityListSection\n        heading={snapshotsQuery.loading ? 'Loading snapshots...' : `Snapshots (${snapshots.length})`}\n        emptyLabel=\"No analytics snapshots available yet.\"\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":";;;;;;AAaA,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,WAAD;GAAS,WAAU;aAAnB;IACE,kBAAC,MAAD;KAAI,WAAU;eAAuC;KAAc,CAAA;IACnE,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;MAChD,aAAY;MACZ,WAAU;MACV,CAAA,EACF,kBAAC,UAAD;MACE,MAAK;MACL,UAAU;MACV,SA/BO,YAAY;AACtB,SAAa,MAAM,IACxB,MAAM,EAAe,EACnB,WAAW,EACT,OAAO;QACL,MAAM;QACN,OAAO;QACP,QAAQ;QACR,UAAU,EAAE;QACb,EACF,EACF,CAAC;;MAqBM,WAAU;gBAJZ,CAME,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EACrC,IAAW,kBAAkB,oBACvB;QACL;;IACE;MAEV,kBAAC,GAAD;GACE,SAAS,EAAe,UAAU,yBAAyB,cAAc,EAAU,OAAO;GAC1F,YAAW;GACX,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"}