@burdenoff/microfe-eventfullymanaged 2026.704.5 → 2026.704.7

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventCharts.js","names":[],"sources":["../../../src/eventfullymanaged/components/EventCharts.tsx"],"sourcesContent":["import { useId } from 'react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  Cell,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\n/**\n * Token-driven chart primitives for EventfullyManaged analytics surfaces.\n *\n * All fills/strokes resolve to `--color-chart-*` / `--color-action-*` CSS\n * variables so the charts theme with the rest of the platform (light + dark)\n * and never hard-code a hex. Every chart renders its own empty state so callers\n * can hand it real (possibly empty) query data without branching.\n */\n\nconst CHART_TOOLTIP_STYLE = {\n  background: 'var(--color-bg-surface)',\n  border: '1px solid var(--color-border-default)',\n  borderRadius: '10px',\n  fontSize: '12px',\n  color: 'var(--color-text-primary)',\n  boxShadow: 'var(--shadow-elevation-2)',\n} as const;\n\n/** The categorical palette, in draw order. Backed by semantic chart tokens. */\nexport const CHART_SERIES_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n] as const;\n\n/** Alias — same categorical palette (kept for call sites that import CHART_COLORS). */\nexport const CHART_COLORS = CHART_SERIES_COLORS;\n\nfunction ChartEmpty({ label, height }: { label: string; height: number }) {\n  return (\n    <div\n      className=\"flex items-center justify-center rounded-card border border-dashed border-border-subtle text-sm text-text-muted\"\n      style={{ height }}\n    >\n      {label}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Area chart — a single smooth series (e.g. registrations over time).\n// ---------------------------------------------------------------------------\n\nexport interface AreaPoint {\n  label: string;\n  value: number;\n}\n\nexport function EventAreaChart({\n  data,\n  height = 260,\n  emptyLabel = 'Not enough data yet',\n}: {\n  data: AreaPoint[];\n  height?: number;\n  emptyLabel?: string;\n}) {\n  const gradientId = useId().replace(/:/g, '');\n  if (data.length === 0) {\n    return <ChartEmpty label={emptyLabel} height={height} />;\n  }\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={height}>\n      <AreaChart data={data} margin={{ top: 8, right: 12, left: 4, bottom: 4 }}>\n        <defs>\n          <linearGradient id={`efm-area-${gradientId}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stopColor=\"var(--color-chart-2)\" stopOpacity={0.45} />\n            <stop offset=\"100%\" stopColor=\"var(--color-chart-1)\" stopOpacity={0.04} />\n          </linearGradient>\n          <linearGradient id={`efm-stroke-${gradientId}`} x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n            <stop offset=\"0%\" stopColor=\"var(--color-chart-1)\" />\n            <stop offset=\"100%\" stopColor=\"var(--color-chart-2)\" />\n          </linearGradient>\n        </defs>\n        <XAxis\n          dataKey=\"label\"\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={{ stroke: 'var(--color-border-subtle)' }}\n          minTickGap={24}\n        />\n        <YAxis\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={false}\n          width={44}\n          allowDecimals={false}\n        />\n        <Tooltip contentStyle={CHART_TOOLTIP_STYLE} cursor={{ stroke: 'var(--color-border-strong)' }} />\n        <Area\n          type=\"monotone\"\n          dataKey=\"value\"\n          name=\"Value\"\n          stroke={`url(#efm-stroke-${gradientId})`}\n          strokeWidth={2.5}\n          fill={`url(#efm-area-${gradientId})`}\n          dot={false}\n          activeDot={{ r: 4, fill: 'var(--color-chart-2)', stroke: 'var(--color-bg-surface)', strokeWidth: 2 }}\n        />\n      </AreaChart>\n    </ResponsiveContainer>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Donut chart — a categorical breakdown (e.g. registrations by status).\n// ---------------------------------------------------------------------------\n\nexport interface DonutSlice {\n  name: string;\n  value: number;\n  color?: string;\n}\n\nexport function EventDonutChart({\n  data,\n  height = 240,\n  centerLabel,\n  centerValue,\n  emptyLabel = 'No data yet',\n}: {\n  data: DonutSlice[];\n  height?: number;\n  centerLabel?: string;\n  centerValue?: string;\n  emptyLabel?: string;\n}) {\n  const total = data.reduce((sum, slice) => sum + slice.value, 0);\n  if (total === 0) {\n    return <ChartEmpty label={emptyLabel} height={height} />;\n  }\n\n  return (\n    <div className=\"relative\" style={{ height }}>\n      <ResponsiveContainer width=\"100%\" height={height}>\n        <PieChart>\n          <Pie\n            data={data}\n            cx=\"50%\"\n            cy=\"50%\"\n            innerRadius=\"62%\"\n            outerRadius=\"88%\"\n            paddingAngle={2}\n            dataKey=\"value\"\n            nameKey=\"name\"\n            stroke=\"var(--color-bg-surface)\"\n            strokeWidth={2}\n          >\n            {data.map((slice, index) => (\n              <Cell key={slice.name} fill={slice.color ?? CHART_SERIES_COLORS[index % CHART_SERIES_COLORS.length]} />\n            ))}\n          </Pie>\n          <Tooltip contentStyle={CHART_TOOLTIP_STYLE} />\n        </PieChart>\n      </ResponsiveContainer>\n      {centerValue ? (\n        <div className=\"pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center\">\n          <span className=\"text-2xl font-bold tabular-nums text-text-primary\">{centerValue}</span>\n          {centerLabel ? <span className=\"text-xs text-text-muted\">{centerLabel}</span> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Bar chart — discrete category counts (e.g. entity totals).\n// ---------------------------------------------------------------------------\n\nexport interface BarDatum {\n  name: string;\n  value: number;\n}\n\nexport function EventBarChart({\n  data,\n  height = 260,\n  emptyLabel = 'No data yet',\n}: {\n  data: BarDatum[];\n  height?: number;\n  emptyLabel?: string;\n}) {\n  const gradientId = useId().replace(/:/g, '');\n  if (data.length === 0 || data.every((datum) => datum.value === 0)) {\n    return <ChartEmpty label={emptyLabel} height={height} />;\n  }\n\n  return (\n    <ResponsiveContainer width=\"100%\" height={height}>\n      <BarChart data={data} margin={{ top: 8, right: 12, left: 4, bottom: 4 }}>\n        <defs>\n          <linearGradient id={`efm-bar-${gradientId}`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n            <stop offset=\"0%\" stopColor=\"var(--color-chart-2)\" />\n            <stop offset=\"100%\" stopColor=\"var(--color-chart-1)\" />\n          </linearGradient>\n        </defs>\n        <XAxis\n          dataKey=\"name\"\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={{ stroke: 'var(--color-border-subtle)' }}\n          interval={0}\n        />\n        <YAxis\n          tick={{ fill: 'var(--color-text-muted)', fontSize: 11 }}\n          tickLine={false}\n          axisLine={false}\n          width={44}\n          allowDecimals={false}\n        />\n        <Tooltip contentStyle={CHART_TOOLTIP_STYLE} cursor={{ fill: 'var(--color-bg-sunken)', opacity: 0.6 }} />\n        <Bar dataKey=\"value\" name=\"Count\" fill={`url(#efm-bar-${gradientId})`} radius={[6, 6, 0, 0]} maxBarSize={56} />\n      </BarChart>\n    </ResponsiveContainer>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Legend — a shared, accessible legend for the charts above.\n// ---------------------------------------------------------------------------\n\nexport interface ChartLegendItem {\n  label: string;\n  color: string;\n  value?: string | number;\n}\n\nexport function ChartLegend({ items, className = '' }: { items: ChartLegendItem[]; className?: string }) {\n  return (\n    <ul className={`flex flex-col gap-2 ${className}`}>\n      {items.map((item) => (\n        <li key={item.label} className=\"flex items-center gap-2 text-sm\">\n          <span\n            aria-hidden\n            className=\"h-3 w-3 shrink-0 rounded-full\"\n            style={{ backgroundColor: item.color }}\n          />\n          <span className=\"text-text-secondary\">{item.label}</span>\n          {item.value !== undefined ? (\n            <span className=\"ml-auto font-semibold tabular-nums text-text-primary\">{item.value}</span>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAM,IAAsB;CAC1B,YAAY;CACZ,QAAQ;CACR,cAAc;CACd,UAAU;CACV,OAAO;CACP,WAAW;CACZ,EAGY,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACD,EAGY,IAAe;AAE5B,SAAS,EAAW,EAAE,UAAO,aAA6C;AACxE,QACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,WAAQ;YAEhB;EACG,CAAA;;AAaV,SAAgB,EAAe,EAC7B,SACA,YAAS,KACT,gBAAa,yBAKZ;CACD,IAAM,IAAa,GAAO,CAAC,QAAQ,MAAM,GAAG;AAK5C,QAJI,EAAK,WAAW,IACX,kBAAC,GAAD;EAAY,OAAO;EAAoB;EAAU,CAAA,GAIxD,kBAAC,GAAD;EAAqB,OAAM;EAAe;YACxC,kBAAC,GAAD;GAAiB;GAAM,QAAQ;IAAE,KAAK;IAAG,OAAO;IAAI,MAAM;IAAG,QAAQ;IAAG;aAAxE;IACE,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,kBAAD;KAAgB,IAAI,YAAY;KAAc,IAAG;KAAI,IAAG;KAAI,IAAG;KAAI,IAAG;eAAtE,CACE,kBAAC,QAAD;MAAM,QAAO;MAAK,WAAU;MAAuB,aAAa;MAAQ,CAAA,EACxE,kBAAC,QAAD;MAAM,QAAO;MAAO,WAAU;MAAuB,aAAa;MAAQ,CAAA,CAC3D;QACjB,kBAAC,kBAAD;KAAgB,IAAI,cAAc;KAAc,IAAG;KAAI,IAAG;KAAI,IAAG;KAAI,IAAG;eAAxE,CACE,kBAAC,QAAD;MAAM,QAAO;MAAK,WAAU;MAAyB,CAAA,EACrD,kBAAC,QAAD;MAAM,QAAO;MAAO,WAAU;MAAyB,CAAA,CACxC;OACZ,EAAA,CAAA;IACP,kBAAC,GAAD;KACE,SAAQ;KACR,MAAM;MAAE,MAAM;MAA2B,UAAU;MAAI;KACvD,UAAU;KACV,UAAU,EAAE,QAAQ,8BAA8B;KAClD,YAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,MAAM;MAAE,MAAM;MAA2B,UAAU;MAAI;KACvD,UAAU;KACV,UAAU;KACV,OAAO;KACP,eAAe;KACf,CAAA;IACF,kBAAC,GAAD;KAAS,cAAc;KAAqB,QAAQ,EAAE,QAAQ,8BAA8B;KAAI,CAAA;IAChG,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,QAAQ,mBAAmB,EAAW;KACtC,aAAa;KACb,MAAM,iBAAiB,EAAW;KAClC,KAAK;KACL,WAAW;MAAE,GAAG;MAAG,MAAM;MAAwB,QAAQ;MAA2B,aAAa;MAAG;KACpG,CAAA;IACQ;;EACQ,CAAA;;AAc1B,SAAgB,EAAgB,EAC9B,SACA,YAAS,KACT,gBACA,gBACA,gBAAa,iBAOZ;AAMD,QALc,EAAK,QAAQ,GAAK,MAAU,IAAM,EAAM,OAAO,EAAE,KACjD,IACL,kBAAC,GAAD;EAAY,OAAO;EAAoB;EAAU,CAAA,GAIxD,kBAAC,OAAD;EAAK,WAAU;EAAW,OAAO,EAAE,WAAQ;YAA3C,CACE,kBAAC,GAAD;GAAqB,OAAM;GAAe;aACxC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IACQ;IACN,IAAG;IACH,IAAG;IACH,aAAY;IACZ,aAAY;IACZ,cAAc;IACd,SAAQ;IACR,SAAQ;IACR,QAAO;IACP,aAAa;cAEZ,EAAK,KAAK,GAAO,MAChB,kBAAC,GAAD,EAAuB,MAAM,EAAM,SAAS,EAAoB,IAAQ,EAAoB,SAAW,EAA5F,EAAM,KAAsF,CACvG;IACE,CAAA,EACN,kBAAC,GAAD,EAAS,cAAc,GAAuB,CAAA,CACrC,EAAA,CAAA;GACS,CAAA,EACrB,IACC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cAAqD;IAAmB,CAAA,EACvF,IAAc,kBAAC,QAAD;IAAM,WAAU;cAA2B;IAAmB,CAAA,GAAG,KAC5E;OACJ,KACA;;;AAaV,SAAgB,EAAc,EAC5B,SACA,YAAS,KACT,gBAAa,iBAKZ;CACD,IAAM,IAAa,GAAO,CAAC,QAAQ,MAAM,GAAG;AAK5C,QAJI,EAAK,WAAW,KAAK,EAAK,OAAO,MAAU,EAAM,UAAU,EAAE,GACxD,kBAAC,GAAD;EAAY,OAAO;EAAoB;EAAU,CAAA,GAIxD,kBAAC,GAAD;EAAqB,OAAM;EAAe;YACxC,kBAAC,GAAD;GAAgB;GAAM,QAAQ;IAAE,KAAK;IAAG,OAAO;IAAI,MAAM;IAAG,QAAQ;IAAG;aAAvE;IACE,kBAAC,QAAD,EAAA,UACE,kBAAC,kBAAD;KAAgB,IAAI,WAAW;KAAc,IAAG;KAAI,IAAG;KAAI,IAAG;KAAI,IAAG;eAArE,CACE,kBAAC,QAAD;MAAM,QAAO;MAAK,WAAU;MAAyB,CAAA,EACrD,kBAAC,QAAD;MAAM,QAAO;MAAO,WAAU;MAAyB,CAAA,CACxC;QACZ,CAAA;IACP,kBAAC,GAAD;KACE,SAAQ;KACR,MAAM;MAAE,MAAM;MAA2B,UAAU;MAAI;KACvD,UAAU;KACV,UAAU,EAAE,QAAQ,8BAA8B;KAClD,UAAU;KACV,CAAA;IACF,kBAAC,GAAD;KACE,MAAM;MAAE,MAAM;MAA2B,UAAU;MAAI;KACvD,UAAU;KACV,UAAU;KACV,OAAO;KACP,eAAe;KACf,CAAA;IACF,kBAAC,GAAD;KAAS,cAAc;KAAqB,QAAQ;MAAE,MAAM;MAA0B,SAAS;MAAK;KAAI,CAAA;IACxG,kBAAC,GAAD;KAAK,SAAQ;KAAQ,MAAK;KAAQ,MAAM,gBAAgB,EAAW;KAAI,QAAQ;MAAC;MAAG;MAAG;MAAG;MAAE;KAAE,YAAY;KAAM,CAAA;IACtG;;EACS,CAAA;;AAc1B,SAAgB,EAAY,EAAE,UAAO,eAAY,MAAwD;AACvG,QACE,kBAAC,MAAD;EAAI,WAAW,uBAAuB;YACnC,EAAM,KAAK,MACV,kBAAC,MAAD;GAAqB,WAAU;aAA/B;IACE,kBAAC,QAAD;KACE,eAAA;KACA,WAAU;KACV,OAAO,EAAE,iBAAiB,EAAK,OAAO;KACtC,CAAA;IACF,kBAAC,QAAD;KAAM,WAAU;eAAuB,EAAK;KAAa,CAAA;IACxD,EAAK,UAAU,KAAA,IAEZ,OADF,kBAAC,QAAD;KAAM,WAAU;eAAwD,EAAK;KAAa,CAAA;IAEzF;KAVI,EAAK,MAUT,CACL;EACC,CAAA"}

package/dist/eventfullymanaged/components/index.js

@@ -1,3 +1,4 @@
+import "./EventCharts.js";
 import "./PageLayout.js";
 import "./ActionMenu.js";
 import "./Pagination.js";

package/dist/eventfullymanaged/lib/format.js

@@ -0,0 +1,27 @@
+//#region src/eventfullymanaged/lib/format.ts
+function e(e, t) {
+	if (!Number.isFinite(e)) return `0 ${t}`.trim();
+	let n = (t || "USD").toUpperCase();
+	try {
+		return new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency: n,
+			maximumFractionDigits: Number.isInteger(e) ? 0 : 2
+		}).format(e);
+	} catch {
+		return `${e.toLocaleString()} ${n}`.trim();
+	}
+}
+function t(e, t, n) {
+	if (!Number.isFinite(e) || e <= 0 || !Number.isFinite(n) || n <= 0) return 0;
+	let r = t === "PERCENT" ? e * n / 100 : n;
+	return Math.min(Math.max(r, 0), e);
+}
+function n(t, n, r) {
+	let i = typeof n == "number" ? n : Number(n);
+	return t === "PERCENT" ? `${Number.isFinite(i) ? i : n}% off` : `${Number.isFinite(i) ? e(i, r) : n} off`;
+}
+//#endregion
+export { t as computeDiscount, n as describeDiscount, e as formatMoney };
+
+//# sourceMappingURL=format.js.map

package/dist/eventfullymanaged/lib/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../src/eventfullymanaged/lib/format.ts"],"sourcesContent":["/**\n * Presentation helpers shared across the registration & ticketing screens.\n *\n * Pricing is authored by the billing service — these helpers only format the\n * real numbers we already hold (ticket price, promo discount, quantity) for a\n * live order-summary preview. They never invent amounts.\n */\n\n/** Format a decimal amount with its ISO currency code, degrading gracefully. */\nexport function formatMoney(amount: number, currency: string): string {\n  if (!Number.isFinite(amount)) {\n    return `0 ${currency}`.trim();\n  }\n  const code = (currency || 'USD').toUpperCase();\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency: code,\n      maximumFractionDigits: Number.isInteger(amount) ? 0 : 2,\n    }).format(amount);\n  } catch {\n    // Unknown/invalid currency code — fall back to a plain, readable amount.\n    return `${amount.toLocaleString()} ${code}`.trim();\n  }\n}\n\nexport type DiscountType = 'PERCENT' | 'FIXED' | string;\n\n/**\n * Compute the discount an active promo would take off a subtotal, clamped so it\n * never exceeds the subtotal. Returns 0 for unknown types or non-positive input.\n */\nexport function computeDiscount(subtotal: number, discountType: DiscountType, discountValue: number): number {\n  if (!Number.isFinite(subtotal) || subtotal <= 0 || !Number.isFinite(discountValue) || discountValue <= 0) {\n    return 0;\n  }\n  const raw = discountType === 'PERCENT' ? (subtotal * discountValue) / 100 : discountValue;\n  return Math.min(Math.max(raw, 0), subtotal);\n}\n\n/** Short human label for a promo discount, e.g. \"10% off\" or \"₹1,000 off\". */\nexport function describeDiscount(discountType: DiscountType, discountValue: string | number, currency: string): string {\n  const value = typeof discountValue === 'number' ? discountValue : Number(discountValue);\n  if (discountType === 'PERCENT') {\n    return `${Number.isFinite(value) ? value : discountValue}% off`;\n  }\n  return `${Number.isFinite(value) ? formatMoney(value, currency) : discountValue} off`;\n}\n"],"mappings":";AASA,SAAgB,EAAY,GAAgB,GAA0B;AACpE,KAAI,CAAC,OAAO,SAAS,EAAO,CAC1B,QAAO,KAAK,IAAW,MAAM;CAE/B,IAAM,KAAQ,KAAY,OAAO,aAAa;AAC9C,KAAI;AACF,SAAO,IAAI,KAAK,aAAa,KAAA,GAAW;GACtC,OAAO;GACP,UAAU;GACV,uBAAuB,OAAO,UAAU,EAAO,GAAG,IAAI;GACvD,CAAC,CAAC,OAAO,EAAO;SACX;AAEN,SAAO,GAAG,EAAO,gBAAgB,CAAC,GAAG,IAAO,MAAM;;;AAUtD,SAAgB,EAAgB,GAAkB,GAA4B,GAA+B;AAC3G,KAAI,CAAC,OAAO,SAAS,EAAS,IAAI,KAAY,KAAK,CAAC,OAAO,SAAS,EAAc,IAAI,KAAiB,EACrG,QAAO;CAET,IAAM,IAAM,MAAiB,YAAa,IAAW,IAAiB,MAAM;AAC5E,QAAO,KAAK,IAAI,KAAK,IAAI,GAAK,EAAE,EAAE,EAAS;;AAI7C,SAAgB,EAAiB,GAA4B,GAAgC,GAA0B;CACrH,IAAM,IAAQ,OAAO,KAAkB,WAAW,IAAgB,OAAO,EAAc;AAIvF,QAHI,MAAiB,YACZ,GAAG,OAAO,SAAS,EAAM,GAAG,IAAQ,EAAc,SAEpD,GAAG,OAAO,SAAS,EAAM,GAAG,EAAY,GAAO,EAAS,GAAG,EAAc"}

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

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

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

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