@burdenoff/microfe-ggnomad 2026.705.4 → 2026.705.5

package/dist/ggnomad/pages/AnalyticsPage.js

@@ -24,7 +24,16 @@ function v() {
 			label: _(e),
 			value: Number(t)
 		})).filter((e) => Number.isFinite(e.value) && e.value > 0).sort((e, t) => t.value - e.value);
-	}, [b?.revenueByCategory]), S = x.length > 0 ? x[0].value : 0;
+	}, [b?.revenueByCategory]), S = x.length > 0 ? x[0].value : 0, C = i(() => {
+		let e = b?.monthlyTrends;
+		return e ? Array.isArray(e) ? e.map((e) => ({
+			label: e.month || "",
+			value: Number(e.revenue || 0)
+		})).filter((e) => Number.isFinite(e.value) && e.label) : Object.entries(e).map(([e, t]) => ({
+			label: e,
+			value: Number(t)
+		})).filter((e) => Number.isFinite(e.value)) : [];
+	}, [b?.monthlyTrends]), w = C.length > 0 ? Math.max(...C.map((e) => e.value)) : 0;
 	return /* @__PURE__ */ h(t, {
 		title: v("ggnomad.analytics.title", "Analytics"),
 		titleAccent: v("ggnomad.analytics.title.accent", "Analytics"),
@@ -110,6 +119,35 @@ function v() {
 						})] }, e.label);
 					})
 				})
+			}),
+			C.length > 0 && /* @__PURE__ */ m(r, {
+				title: v("ggnomad.analytics.revenueTrend", "Revenue trend"),
+				children: /* @__PURE__ */ h("div", {
+					className: "flex flex-col gap-4",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-end gap-2 overflow-x-auto pb-2",
+						children: C.map((e, t) => /* @__PURE__ */ h("div", {
+							className: "flex flex-col items-center gap-1",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex h-24 items-end",
+								children: /* @__PURE__ */ m("div", {
+									className: "w-8 rounded-t transition-all duration-500 ease-out",
+									style: {
+										height: `${w > 0 ? Math.max(e.value / w * 100, 5) : 5}%`,
+										backgroundColor: g[t % g.length]
+									},
+									title: `${e.label}: $${e.value.toLocaleString()}`
+								})
+							}), /* @__PURE__ */ m("p", {
+								className: "truncate text-xs text-text-secondary",
+								children: e.label
+							})]
+						}, e.label))
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-text-secondary",
+						children: v("ggnomad.analytics.trendNote", "Revenue trends over time showing performance across all domains.")
+					})]
+				})
 			})
 		]
 	});

package/dist/ggnomad/pages/AnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/ggnomad/pages/AnalyticsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { BarChart3, CalendarCheck, DollarSign, Percent, Users } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_OVERVIEW_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard } from '../components';\n\nconst CHART_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];\n\nconst humanizeCategory = (key: string): string =>\n  key\n    .replace(/[_-]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) || key;\n\nexport function AnalyticsPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadAnalytics: {\n          totalRevenue: number;\n          totalBookings: number;\n          totalUsers: number;\n          conversionRate: number;\n          revenueByCategory: Record<string, unknown>;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const analytics = data?.ggnomadAnalytics;\n\n  const categories = useMemo(() => {\n    const raw = analytics?.revenueByCategory ?? {};\n    return Object.entries(raw)\n      .map(([key, value]) => ({ label: humanizeCategory(key), value: Number(value) }))\n      .filter((entry) => Number.isFinite(entry.value) && entry.value > 0)\n      .sort((a, b) => b.value - a.value);\n  }, [analytics?.revenueByCategory]);\n\n  const maxCategory = categories.length > 0 ? categories[0].value : 0;\n\n  return (\n    <PageShell\n      title={t('ggnomad.analytics.title', 'Analytics')}\n      titleAccent={t('ggnomad.analytics.title.accent', 'Analytics')}\n      subtitle={t('ggnomad.analytics.subtitle', 'GGNomad performance and growth analytics')}\n    >\n      <PagePurpose icon={<BarChart3 className=\"size-4\" />}>\n        {t(\n          'ggnomad.analytics.purpose',\n          'Understand how the marketplace is performing — total revenue, bookings, active users and conversion rate at a glance, with a category breakdown to see which domains (stays, tours, events) are driving growth.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <p className=\"text-sm text-text-secondary\">\n          {t('ggnomad.analytics.totalRevenue', 'Total revenue')}\n        </p>\n        <p className=\"mt-1 text-3xl font-semibold tabular-nums text-text-primary\">\n          ${Number(analytics?.totalRevenue ?? 0).toLocaleString()}\n        </p>\n      </EmphasisPanel>\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.analytics.conversion', 'Conversion')}\n          value={`${Number(analytics?.conversionRate ?? 0).toFixed(2)}%`}\n          icon={<Percent />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.revenue', 'Revenue')}\n          value={`$${Number(analytics?.totalRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.bookings', 'Bookings')}\n          value={Number(analytics?.totalBookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.users', 'Users')}\n          value={Number(analytics?.totalUsers ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n      </section>\n\n      <SectionCard title={t('ggnomad.analytics.revenueByCategory', 'Revenue by category')}>\n        {categories.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-center\">\n            <span className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary\">\n              <BarChart3 className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.analytics.empty.title', 'No analytics yet')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.analytics.empty.description',\n                'Revenue by category appears here as bookings come in across stays, tours and events.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-4\">\n            {categories.map((category, index) => {\n              const pct = maxCategory > 0 ? Math.max((category.value / maxCategory) * 100, 2) : 0;\n              return (\n                <li key={category.label}>\n                  <div className=\"flex items-baseline justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\">\n                      {category.label}\n                    </span>\n                    <span className=\"flex-shrink-0 text-sm tabular-nums text-text-secondary\">\n                      ${category.value.toLocaleString()}\n                    </span>\n                  </div>\n                  <div className=\"mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n                      style={{\n                        width: `${pct}%`,\n                        backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/ggnomad/pages/AnalyticsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { BarChart3, CalendarCheck, DollarSign, Percent, Users } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_OVERVIEW_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard } from '../components';\n\nconst CHART_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];\n\nconst humanizeCategory = (key: string): string =>\n  key\n    .replace(/[_-]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) || key;\n\nexport function AnalyticsPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadAnalytics: {\n          totalRevenue: number;\n          totalBookings: number;\n          totalUsers: number;\n          conversionRate: number;\n          revenueByCategory: Record<string, unknown>;\n          monthlyTrends?: Array<{ month: string; revenue: number }> | Record<string, number>;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const analytics = data?.ggnomadAnalytics;\n\n  const categories = useMemo(() => {\n    const raw = analytics?.revenueByCategory ?? {};\n    return Object.entries(raw)\n      .map(([key, value]) => ({ label: humanizeCategory(key), value: Number(value) }))\n      .filter((entry) => Number.isFinite(entry.value) && entry.value > 0)\n      .sort((a, b) => b.value - a.value);\n  }, [analytics?.revenueByCategory]);\n\n  const maxCategory = categories.length > 0 ? categories[0].value : 0;\n\n  const trends = useMemo(() => {\n    const raw = analytics?.monthlyTrends;\n    if (!raw) return [];\n    if (Array.isArray(raw)) {\n      return raw\n        .map((entry) => ({\n          label: entry.month || '',\n          value: Number(entry.revenue || 0),\n        }))\n        .filter((entry) => Number.isFinite(entry.value) && entry.label);\n    }\n    return Object.entries(raw)\n      .map(([key, value]) => ({\n        label: key,\n        value: Number(value),\n      }))\n      .filter((entry) => Number.isFinite(entry.value));\n  }, [analytics?.monthlyTrends]);\n\n  const maxTrend = trends.length > 0 ? Math.max(...trends.map((t) => t.value)) : 0;\n\n  return (\n    <PageShell\n      title={t('ggnomad.analytics.title', 'Analytics')}\n      titleAccent={t('ggnomad.analytics.title.accent', 'Analytics')}\n      subtitle={t('ggnomad.analytics.subtitle', 'GGNomad performance and growth analytics')}\n    >\n      <PagePurpose icon={<BarChart3 className=\"size-4\" />}>\n        {t(\n          'ggnomad.analytics.purpose',\n          'Understand how the marketplace is performing — total revenue, bookings, active users and conversion rate at a glance, with a category breakdown to see which domains (stays, tours, events) are driving growth.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <p className=\"text-sm text-text-secondary\">\n          {t('ggnomad.analytics.totalRevenue', 'Total revenue')}\n        </p>\n        <p className=\"mt-1 text-3xl font-semibold tabular-nums text-text-primary\">\n          ${Number(analytics?.totalRevenue ?? 0).toLocaleString()}\n        </p>\n      </EmphasisPanel>\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.analytics.conversion', 'Conversion')}\n          value={`${Number(analytics?.conversionRate ?? 0).toFixed(2)}%`}\n          icon={<Percent />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.revenue', 'Revenue')}\n          value={`$${Number(analytics?.totalRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.bookings', 'Bookings')}\n          value={Number(analytics?.totalBookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n        <StatCard\n          label={t('ggnomad.analytics.users', 'Users')}\n          value={Number(analytics?.totalUsers ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n      </section>\n\n      <SectionCard title={t('ggnomad.analytics.revenueByCategory', 'Revenue by category')}>\n        {categories.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-center\">\n            <span className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary\">\n              <BarChart3 className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.analytics.empty.title', 'No analytics yet')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.analytics.empty.description',\n                'Revenue by category appears here as bookings come in across stays, tours and events.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-4\">\n            {categories.map((category, index) => {\n              const pct = maxCategory > 0 ? Math.max((category.value / maxCategory) * 100, 2) : 0;\n              return (\n                <li key={category.label}>\n                  <div className=\"flex items-baseline justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\">\n                      {category.label}\n                    </span>\n                    <span className=\"flex-shrink-0 text-sm tabular-nums text-text-secondary\">\n                      ${category.value.toLocaleString()}\n                    </span>\n                  </div>\n                  <div className=\"mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n                      style={{\n                        width: `${pct}%`,\n                        backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </SectionCard>\n\n      {trends.length > 0 && (\n        <SectionCard title={t('ggnomad.analytics.revenueTrend', 'Revenue trend')}>\n          <div className=\"flex flex-col gap-4\">\n            <div className=\"flex items-end gap-2 overflow-x-auto pb-2\">\n              {trends.map((trend, index) => {\n                const pct = maxTrend > 0 ? Math.max((trend.value / maxTrend) * 100, 5) : 5;\n                return (\n                  <div key={trend.label} className=\"flex flex-col items-center gap-1\">\n                    <div className=\"flex h-24 items-end\">\n                      <div\n                        className=\"w-8 rounded-t transition-all duration-500 ease-out\"\n                        style={{\n                          height: `${pct}%`,\n                          backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                        }}\n                        title={`${trend.label}: $${trend.value.toLocaleString()}`}\n                      />\n                    </div>\n                    <p className=\"truncate text-xs text-text-secondary\">{trend.label}</p>\n                  </div>\n                );\n              })}\n            </div>\n            <p className=\"text-xs text-text-secondary\">\n              {t(\n                'ggnomad.analytics.trendNote',\n                'Revenue trends over time showing performance across all domains.'\n              )}\n            </p>\n          </div>\n        </SectionCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/BookingsPage.js

@@ -4,20 +4,31 @@ import { StatusBadge as a } from "../components/StatusBadge.js";
 import { EntityCard as o } from "../components/EntityCard.js";
 import { notify as s } from "../utils/notify.js";
 import "../components/index.js";
-import { useState as c } from "react";
-import { CalendarCheck as l, Compass as u, Hotel as d, Plus as f, Ticket as p, XCircle as m } from "lucide-react";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as g } from "react-router-dom";
-import { useMutation as _, useQuery as v } from "@apollo/client/react";
-import { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogFooter as w, AlertDialogHeader as T, AlertDialogTitle as E, CTAOverflowMenu as D, GlassCard as O, IllustratedEmptyState as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { useMemo as c, useState as l } from "react";
+import { CalendarCheck as u, Compass as d, Hotel as f, Plus as p, Ticket as m, XCircle as h } from "lucide-react";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as _ } from "react-router-dom";
+import { useMutation as v, useQuery as y } from "@apollo/client/react";
+import { AlertDialog as b, AlertDialogAction as x, AlertDialogCancel as S, AlertDialogContent as C, AlertDialogDescription as w, AlertDialogFooter as T, AlertDialogHeader as E, AlertDialogTitle as D, CTAOverflowMenu as O, GlassCard as k, IllustratedEmptyState as A, NextSteps as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/ggnomad/pages/BookingsPage.tsx
-function P() {
-	let { t: P } = h(), F = g(), [I, L] = c(null), { data: R, refetch: z } = v(r, { variables: {
+function F() {
+	let { t: F } = g(), I = _(), [L, R] = l(null), { data: z, refetch: B } = y(r, { variables: {
 		first: 20,
 		skip: 0
-	} }), { data: B } = v(n), [V, { loading: H }] = _(t), [U, { loading: W }] = _(e), G = R?.ggnomadBookings ?? [], K = () => {
-		let e = B?.ggnomadProperties?.[0];
+	} }), { data: V } = y(n), [H, { loading: U }] = v(t), [W, { loading: G }] = v(e), K = c(() => z?.ggnomadBookings ?? [], [z?.ggnomadBookings]), q = c(() => {
+		let e = {
+			CONFIRMED: 0,
+			CHECKED_IN: 0,
+			COMPLETED: 0,
+			CANCELLED: 0
+		};
+		return K.forEach((t) => {
+			let n = t.status?.toUpperCase();
+			n && n in e && (e[n] += 1);
+		}), e;
+	}, [K]), J = () => {
+		let e = V?.ggnomadProperties?.[0];
 		if (e) return {
 			type: "PROPERTY",
 			listing: {
@@ -27,34 +38,34 @@ function P() {
 				currency: e.currency
 			}
 		};
-		let t = B?.ggnomadTours?.[0];
+		let t = V?.ggnomadTours?.[0];
 		if (t) return {
 			type: "TOUR",
 			listing: t
 		};
-		let n = B?.ggnomadEvents?.[0];
+		let n = V?.ggnomadEvents?.[0];
 		if (n) return {
 			type: "EVENT",
 			listing: n
 		};
-		let r = B?.ggnomadActivities?.[0];
+		let r = V?.ggnomadActivities?.[0];
 		return r ? {
 			type: "ACTIVITY",
 			listing: r
 		} : null;
-	}, q = async () => {
-		let e = K();
+	}, Y = async () => {
+		let e = J();
 		if (!e) {
-			s.warning(P("ggnomad.bookings.toast.noListingsTitle", "No listings available to book yet"), P("ggnomad.bookings.toast.noListingsBody", "Add a property, tour, event or activity first, then create a booking against it."));
+			s.warning(F("ggnomad.bookings.toast.noListingsTitle", "No listings available to book yet"), F("ggnomad.bookings.toast.noListingsBody", "Add a property, tour, event or activity first, then create a booking against it."));
 			return;
 		}
 		let { type: t, listing: n } = e;
 		try {
-			let e = await V({ variables: { input: {
+			let e = await H({ variables: { input: {
 				bookingType: t,
 				itemId: n.id,
 				itemName: n.name,
-				guestName: P("ggnomad.bookings.demo.guestName", "Demo Guest"),
+				guestName: F("ggnomad.bookings.demo.guestName", "Demo Guest"),
 				guestEmail: "demo@burdenoff.com",
 				guests: 2,
 				totalPrice: Number(n.price ?? 0),
@@ -62,132 +73,176 @@ function P() {
 				paymentMethod: "card"
 			} } });
 			if (e.error) {
-				s.error(P("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e.error.message);
+				s.error(F("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e.error.message);
 				return;
 			}
 			let r = e.data?.createGgnomadBooking;
-			s.success(P("ggnomad.bookings.toast.createSuccessTitle", "Booking confirmed"), r ? P("ggnomad.bookings.toast.createSuccessBody", "{{ref}} · {{item}}").replace("{{ref}}", r.referenceCode).replace("{{item}}", r.itemName) : n.name), await z();
+			s.success(F("ggnomad.bookings.toast.createSuccessTitle", "Booking confirmed"), r ? F("ggnomad.bookings.toast.createSuccessBody", "{{ref}} · {{item}}").replace("{{ref}}", r.referenceCode).replace("{{item}}", r.itemName) : n.name), await B();
 		} catch (e) {
-			s.error(P("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e instanceof Error ? e.message : String(e));
+			s.error(F("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e instanceof Error ? e.message : String(e));
 		}
-	}, J = async () => {
-		if (I) try {
-			let e = await U({ variables: {
-				id: I.id,
-				reason: P("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
+	}, X = async () => {
+		if (L) try {
+			let e = await W({ variables: {
+				id: L.id,
+				reason: F("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
 			} });
 			if (e.error) {
-				s.error(P("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e.error.message);
+				s.error(F("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e.error.message);
 				return;
 			}
-			s.success(P("ggnomad.bookings.toast.cancelSuccessTitle", "Booking cancelled"), I.referenceCode), await z();
+			s.success(F("ggnomad.bookings.toast.cancelSuccessTitle", "Booking cancelled"), L.referenceCode), await B();
 		} catch (e) {
-			s.error(P("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e instanceof Error ? e.message : String(e));
+			s.error(F("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e instanceof Error ? e.message : String(e));
 		} finally {
-			L(null);
+			R(null);
 		}
 	};
-	return /* @__PURE__ */ N(i, {
-		title: P("ggnomad.bookings.title", "Bookings"),
-		titleAccent: P("ggnomad.bookings.title.accent", "Bookings"),
-		subtitle: P("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
-		actions: /* @__PURE__ */ M(D, {
+	return /* @__PURE__ */ P(i, {
+		title: F("ggnomad.bookings.title", "Bookings"),
+		titleAccent: F("ggnomad.bookings.title.accent", "Bookings"),
+		subtitle: F("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
+		actions: /* @__PURE__ */ N(O, {
 			primary: {
-				label: P("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
-				onSelect: () => void q(),
-				disabled: H,
-				icon: /* @__PURE__ */ M(f, {})
+				label: F("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
+				onSelect: () => void Y(),
+				disabled: U,
+				icon: /* @__PURE__ */ N(p, {})
 			},
 			actions: []
 		}),
 		children: [
-			/* @__PURE__ */ M(j, {
-				icon: /* @__PURE__ */ M(l, { className: "size-4" }),
-				children: P("ggnomad.bookings.purpose", "Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.")
+			/* @__PURE__ */ N(M, {
+				icon: /* @__PURE__ */ N(u, { className: "size-4" }),
+				children: F("ggnomad.bookings.purpose", "Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.")
 			}),
-			/* @__PURE__ */ M(A, {
+			/* @__PURE__ */ N(j, {
 				storageKey: "ggnomad-bookings",
 				steps: [
 					{
 						id: "book-stay",
-						label: P("ggnomad.bookings.next.stay", "Book a place to stay"),
-						description: P("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
-						icon: /* @__PURE__ */ M(d, { className: "size-4" }),
-						onClick: () => F("../hospitality")
+						label: F("ggnomad.bookings.next.stay", "Book a place to stay"),
+						description: F("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
+						icon: /* @__PURE__ */ N(f, { className: "size-4" }),
+						onClick: () => I("../hospitality")
 					},
 					{
 						id: "book-tour",
-						label: P("ggnomad.bookings.next.tour", "Add a tour or activity"),
-						description: P("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
-						icon: /* @__PURE__ */ M(u, { className: "size-4" }),
-						onClick: () => F("../tourism")
+						label: F("ggnomad.bookings.next.tour", "Add a tour or activity"),
+						description: F("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
+						icon: /* @__PURE__ */ N(d, { className: "size-4" }),
+						onClick: () => I("../tourism")
 					},
 					{
 						id: "book-event",
-						label: P("ggnomad.bookings.next.event", "Grab event tickets"),
-						description: P("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
-						icon: /* @__PURE__ */ M(p, { className: "size-4" }),
-						onClick: () => F("../entertainment")
+						label: F("ggnomad.bookings.next.event", "Grab event tickets"),
+						description: F("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
+						icon: /* @__PURE__ */ N(m, { className: "size-4" }),
+						onClick: () => I("../entertainment")
 					}
 				]
 			}),
-			G.length === 0 ? /* @__PURE__ */ M(k, {
+			K.length > 0 && /* @__PURE__ */ N("div", {
+				className: "grid gap-3 sm:grid-cols-4",
+				children: [
+					{
+						status: "CONFIRMED",
+						label: F("ggnomad.bookings.pipeline.confirmed", "Confirmed"),
+						icon: u
+					},
+					{
+						status: "CHECKED_IN",
+						label: F("ggnomad.bookings.pipeline.checkedIn", "Checked-in"),
+						icon: f
+					},
+					{
+						status: "COMPLETED",
+						label: F("ggnomad.bookings.pipeline.completed", "Completed"),
+						icon: m
+					},
+					{
+						status: "CANCELLED",
+						label: F("ggnomad.bookings.pipeline.cancelled", "Cancelled"),
+						icon: h
+					}
+				].map((e) => {
+					let t = e.icon, n = q[e.status];
+					return /* @__PURE__ */ P("div", {
+						className: "flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface/40 p-3 text-center",
+						children: [
+							/* @__PURE__ */ N("div", {
+								className: "flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
+								children: /* @__PURE__ */ N(t, { className: "size-4" })
+							}),
+							/* @__PURE__ */ N("p", {
+								className: "text-xs font-medium text-text-secondary",
+								children: e.label
+							}),
+							/* @__PURE__ */ N("p", {
+								className: "text-lg font-semibold tabular-nums text-text-primary",
+								children: n
+							})
+						]
+					}, e.status);
+				})
+			}),
+			K.length === 0 ? /* @__PURE__ */ N(A, {
 				illustration: "empty-data",
-				title: P("ggnomad.bookings.emptyTitle", "No bookings yet"),
-				description: P("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
-			}) : /* @__PURE__ */ N(O, {
+				title: F("ggnomad.bookings.emptyTitle", "No bookings yet"),
+				description: F("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
+			}) : /* @__PURE__ */ P(k, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ M("h2", {
+				children: [/* @__PURE__ */ N("h2", {
 					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-					children: P("ggnomad.bookings.activeBookings", "Your bookings")
-				}), /* @__PURE__ */ M("div", {
+					children: F("ggnomad.bookings.activeBookings", "Your bookings")
+				}), /* @__PURE__ */ N("div", {
 					className: "grid gap-3 sm:grid-cols-2",
-					children: G.map((e) => /* @__PURE__ */ M(o, {
+					children: K.map((e) => /* @__PURE__ */ N(o, {
 						title: e.referenceCode,
 						meta: e.itemName,
 						price: `${e.currency} ${Number(e.totalPrice).toFixed(2)}`,
-						badge: /* @__PURE__ */ M(a, {
+						badge: /* @__PURE__ */ N(a, {
 							status: e.status,
 							live: e.status !== "CANCELLED"
 						}),
-						footer: e.status === "CANCELLED" ? null : /* @__PURE__ */ M(D, {
+						footer: e.status === "CANCELLED" ? null : /* @__PURE__ */ N(O, {
 							align: "end",
 							actions: [{
-								label: P("ggnomad.bookings.actions.cancel", "Cancel booking"),
-								onSelect: () => L({
+								label: F("ggnomad.bookings.actions.cancel", "Cancel booking"),
+								onSelect: () => R({
 									id: e.id,
 									referenceCode: e.referenceCode
 								}),
 								intent: "destructive",
-								icon: /* @__PURE__ */ M(m, {})
+								icon: /* @__PURE__ */ N(h, {})
 							}]
 						})
 					}, e.id))
 				})]
 			}),
-			/* @__PURE__ */ M(y, {
-				open: I !== null,
+			/* @__PURE__ */ N(b, {
+				open: L !== null,
 				onOpenChange: (e) => {
-					e || L(null);
+					e || R(null);
 				},
-				children: /* @__PURE__ */ N(S, { children: [/* @__PURE__ */ N(T, { children: [/* @__PURE__ */ M(E, { children: P("ggnomad.bookings.cancelDialog.title", "Cancel this booking?") }), /* @__PURE__ */ M(C, { children: P("ggnomad.bookings.cancelDialog.body", "This releases reservation {{ref}} and cannot be undone.").replace("{{ref}}", I?.referenceCode ?? "") })] }), /* @__PURE__ */ N(w, { children: [/* @__PURE__ */ M(x, {
-					disabled: W,
-					children: P("ggnomad.bookings.cancelDialog.keep", "Keep booking")
-				}), /* @__PURE__ */ M(b, {
+				children: /* @__PURE__ */ P(C, { children: [/* @__PURE__ */ P(E, { children: [/* @__PURE__ */ N(D, { children: F("ggnomad.bookings.cancelDialog.title", "Cancel this booking?") }), /* @__PURE__ */ N(w, { children: F("ggnomad.bookings.cancelDialog.body", "This releases reservation {{ref}} and cannot be undone.").replace("{{ref}}", L?.referenceCode ?? "") })] }), /* @__PURE__ */ P(T, { children: [/* @__PURE__ */ N(S, {
+					disabled: G,
+					children: F("ggnomad.bookings.cancelDialog.keep", "Keep booking")
+				}), /* @__PURE__ */ N(x, {
 					className: "bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover",
-					disabled: W,
+					disabled: G,
 					onClick: (e) => {
-						e.preventDefault(), J();
+						e.preventDefault(), X();
 					},
-					children: W ? P("ggnomad.bookings.cancelDialog.cancelling", "Cancelling…") : P("ggnomad.bookings.cancelDialog.confirm", "Cancel booking")
+					children: G ? F("ggnomad.bookings.cancelDialog.cancelling", "Cancelling…") : F("ggnomad.bookings.cancelDialog.confirm", "Cancel booking")
 				})] })] })
 			})
 		]
 	});
 }
 //#endregion
-export { P as BookingsPage };
+export { F as BookingsPage };
 
 //# sourceMappingURL=BookingsPage.js.map

package/dist/ggnomad/pages/BookingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\n          itemId: string;\n          itemName: string;\n          guestName: string;\n          guestEmail: string;\n          guests: number;\n          totalPrice: number;\n          currency: string;\n          paymentMethod: string;\n        };\n      }\n    >\n  );\n\n  const [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = data?.ggnomadBookings ?? [];\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => (\n              <EntityCard\n                key={booking.id}\n                title={booking.referenceCode}\n                meta={booking.itemName}\n                price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                badge={\n                  <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                }\n                footer={\n                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\n                        {\n                          label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                          onSelect: () =>\n                            setCancelTarget({\n                              id: booking.id,\n                              referenceCode: booking.referenceCode,\n                            }),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\n          itemId: string;\n          itemName: string;\n          guestName: string;\n          guestEmail: string;\n          guests: number;\n          totalPrice: number;\n          currency: string;\n          paymentMethod: string;\n        };\n      }\n    >\n  );\n\n  const [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = useMemo(() => data?.ggnomadBookings ?? [], [data?.ggnomadBookings]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      CONFIRMED: 0,\n      CHECKED_IN: 0,\n      COMPLETED: 0,\n      CANCELLED: 0,\n    };\n    bookings.forEach((booking) => {\n      const status = booking.status?.toUpperCase();\n      if (status && status in counts) {\n        counts[status] += 1;\n      }\n    });\n    return counts;\n  }, [bookings]);\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      {bookings.length > 0 && (\n        <div className=\"grid gap-3 sm:grid-cols-4\">\n          {[\n            {\n              status: 'CONFIRMED',\n              label: t('ggnomad.bookings.pipeline.confirmed', 'Confirmed'),\n              icon: CalendarCheck,\n            },\n            {\n              status: 'CHECKED_IN',\n              label: t('ggnomad.bookings.pipeline.checkedIn', 'Checked-in'),\n              icon: Hotel,\n            },\n            {\n              status: 'COMPLETED',\n              label: t('ggnomad.bookings.pipeline.completed', 'Completed'),\n              icon: Ticket,\n            },\n            {\n              status: 'CANCELLED',\n              label: t('ggnomad.bookings.pipeline.cancelled', 'Cancelled'),\n              icon: XCircle,\n            },\n          ].map((stage) => {\n            const Icon = stage.icon;\n            const count = statusCounts[stage.status];\n            return (\n              <div\n                key={stage.status}\n                className=\"flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface/40 p-3 text-center\"\n              >\n                <div className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <Icon className=\"size-4\" />\n                </div>\n                <p className=\"text-xs font-medium text-text-secondary\">{stage.label}</p>\n                <p className=\"text-lg font-semibold tabular-nums text-text-primary\">{count}</p>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => (\n              <EntityCard\n                key={booking.id}\n                title={booking.referenceCode}\n                meta={booking.itemName}\n                price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                badge={\n                  <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                }\n                footer={\n                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\n                        {\n                          label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                          onSelect: () =>\n                            setCancelTarget({\n                              id: booking.id,\n                              referenceCode: booking.referenceCode,\n                            }),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/DashboardPage.js

@@ -4,150 +4,208 @@ import { StatCard as o } from "../components/StatCard.js";
 import { StatusBadge as s } from "../components/StatusBadge.js";
 import { SectionCard as c } from "../components/SectionCard.js";
 import "../components/index.js";
-import { Building as l, CalendarCheck as u, Compass as d, DollarSign as f, Hotel as p, Search as m, Users as h } from "lucide-react";
-import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as _ } from "react-router-dom";
-import { useQuery as v } from "@apollo/client/react";
-import { EmphasisPanel as y, IllustratedEmptyState as b, NextSteps as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { Building as u, CalendarCheck as d, Compass as f, DollarSign as p, Hotel as m, Search as h, Users as g } from "lucide-react";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as v } from "react-router-dom";
+import { useQuery as y } from "@apollo/client/react";
+import { EmphasisPanel as b, IllustratedEmptyState as x, NextSteps as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/ggnomad/pages/DashboardPage.tsx
-function T() {
-	let { t: T } = g(), E = _(), D = v(n), O = v(e, { variables: {
+var E = [
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)",
+	"var(--color-chart-4)",
+	"var(--color-chart-5)"
+], D = (e) => e.replace(/[_-]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()) || e;
+function O() {
+	let { t: O } = _(), k = v(), A = y(n), j = y(e, { variables: {
 		first: 5,
 		skip: 0
-	} }), k = v(r, { variables: {
+	} }), M = y(r, { variables: {
 		first: 4,
 		skip: 0
-	} }), A = v(i, { variables: {
+	} }), N = y(i, { variables: {
 		first: 4,
 		skip: 0
-	} }), j = v(t, { variables: {
+	} }), P = y(t, { variables: {
 		first: 4,
 		skip: 0
-	} }), M = D.data?.ggnomadOverviewStats, N = O.data?.ggnomadBookings ?? [];
-	return /* @__PURE__ */ w(a, {
+	} }), F = A.data?.ggnomadOverviewStats, I = A.data?.ggnomadAnalytics, L = j.data?.ggnomadBookings ?? [], R = l(() => {
+		let e = I?.revenueByCategory ?? {};
+		return Object.entries(e).map(([e, t]) => ({
+			label: D(e),
+			value: Number(t)
+		})).filter((e) => Number.isFinite(e.value) && e.value > 0).sort((e, t) => t.value - e.value);
+	}, [I?.revenueByCategory]), z = R.length > 0 ? R[0].value : 0;
+	return /* @__PURE__ */ T(a, {
 		hero: !0,
-		title: T("ggnomad.dashboard.title", "GGNomad Dashboard"),
-		titleAccent: T("ggnomad.dashboard.title.accent", "GGNomad"),
-		subtitle: T("ggnomad.dashboard.subtitle", "Unified travel, hospitality, tourism and entertainment operations"),
+		title: O("ggnomad.dashboard.title", "GGNomad Dashboard"),
+		titleAccent: O("ggnomad.dashboard.title.accent", "GGNomad"),
+		subtitle: O("ggnomad.dashboard.subtitle", "Unified travel, hospitality, tourism and entertainment operations"),
 		children: [
-			/* @__PURE__ */ C(S, {
-				icon: /* @__PURE__ */ C(d, { className: "size-4" }),
-				children: T("ggnomad.dashboard.purpose", "Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.")
+			/* @__PURE__ */ w(C, {
+				icon: /* @__PURE__ */ w(f, { className: "size-4" }),
+				children: O("ggnomad.dashboard.purpose", "Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.")
 			}),
-			/* @__PURE__ */ C(x, {
+			/* @__PURE__ */ w(S, {
 				storageKey: "ggnomad-dashboard",
 				steps: [
 					{
 						id: "search",
-						label: T("ggnomad.dashboard.next.search", "Search the catalogue"),
-						description: T("ggnomad.dashboard.next.searchDesc", "Find inventory across every domain at once."),
-						icon: /* @__PURE__ */ C(m, { className: "size-4" }),
-						onClick: () => E("search")
+						label: O("ggnomad.dashboard.next.search", "Search the catalogue"),
+						description: O("ggnomad.dashboard.next.searchDesc", "Find inventory across every domain at once."),
+						icon: /* @__PURE__ */ w(h, { className: "size-4" }),
+						onClick: () => k("search")
 					},
 					{
 						id: "stays",
-						label: T("ggnomad.dashboard.next.stays", "Browse places to stay"),
-						description: T("ggnomad.dashboard.next.staysDesc", "Explore hospitality listings and open a property."),
-						icon: /* @__PURE__ */ C(p, { className: "size-4" }),
-						onClick: () => E("hospitality")
+						label: O("ggnomad.dashboard.next.stays", "Browse places to stay"),
+						description: O("ggnomad.dashboard.next.staysDesc", "Explore hospitality listings and open a property."),
+						icon: /* @__PURE__ */ w(m, { className: "size-4" }),
+						onClick: () => k("hospitality")
 					},
 					{
 						id: "tourism",
-						label: T("ggnomad.dashboard.next.tourism", "Discover tours & activities"),
-						description: T("ggnomad.dashboard.next.tourismDesc", "Plan what to do at each destination."),
-						icon: /* @__PURE__ */ C(d, { className: "size-4" }),
-						onClick: () => E("tourism")
+						label: O("ggnomad.dashboard.next.tourism", "Discover tours & activities"),
+						description: O("ggnomad.dashboard.next.tourismDesc", "Plan what to do at each destination."),
+						icon: /* @__PURE__ */ w(f, { className: "size-4" }),
+						onClick: () => k("tourism")
 					},
 					{
 						id: "bookings",
-						label: T("ggnomad.dashboard.next.bookings", "Manage bookings"),
-						description: T("ggnomad.dashboard.next.bookingsDesc", "Track and cancel reservations in real time."),
-						icon: /* @__PURE__ */ C(u, { className: "size-4" }),
-						onClick: () => E("bookings")
+						label: O("ggnomad.dashboard.next.bookings", "Manage bookings"),
+						description: O("ggnomad.dashboard.next.bookingsDesc", "Track and cancel reservations in real time."),
+						icon: /* @__PURE__ */ w(d, { className: "size-4" }),
+						onClick: () => k("bookings")
 					}
 				]
 			}),
-			/* @__PURE__ */ w("section", {
+			/* @__PURE__ */ T("section", {
 				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
 				children: [
-					/* @__PURE__ */ C(o, {
+					/* @__PURE__ */ w(o, {
 						hero: !0,
-						label: T("ggnomad.dashboard.stats.monthlyRevenue", "Monthly Revenue"),
-						value: `$${Number(M?.monthlyRevenue ?? 0).toLocaleString()}`,
-						icon: /* @__PURE__ */ C(f, {})
+						label: O("ggnomad.dashboard.stats.monthlyRevenue", "Monthly Revenue"),
+						value: `$${Number(F?.monthlyRevenue ?? 0).toLocaleString()}`,
+						icon: /* @__PURE__ */ w(p, {})
 					}),
-					/* @__PURE__ */ C(o, {
-						label: T("ggnomad.dashboard.stats.users", "Users"),
-						value: Number(M?.users ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ C(h, {})
+					/* @__PURE__ */ w(o, {
+						label: O("ggnomad.dashboard.stats.users", "Users"),
+						value: Number(F?.users ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ w(g, {})
 					}),
-					/* @__PURE__ */ C(o, {
-						label: T("ggnomad.dashboard.stats.listings", "Listings"),
-						value: Number(M?.listings ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ C(l, {})
+					/* @__PURE__ */ w(o, {
+						label: O("ggnomad.dashboard.stats.listings", "Listings"),
+						value: Number(F?.listings ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ w(u, {})
 					}),
-					/* @__PURE__ */ C(o, {
-						label: T("ggnomad.dashboard.stats.bookings", "Bookings"),
-						value: Number(M?.bookings ?? 0).toLocaleString(),
-						icon: /* @__PURE__ */ C(u, {})
+					/* @__PURE__ */ w(o, {
+						label: O("ggnomad.dashboard.stats.bookings", "Bookings"),
+						value: Number(F?.bookings ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ w(d, {})
 					})
 				]
 			}),
-			/* @__PURE__ */ w(y, { children: [/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T(b, { children: [/* @__PURE__ */ T("div", {
 				className: "grid gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 						className: "text-sm text-text-secondary",
-						children: T("ggnomad.dashboard.inventory.properties", "Properties")
-					}), /* @__PURE__ */ C("p", {
+						children: O("ggnomad.dashboard.inventory.properties", "Properties")
+					}), /* @__PURE__ */ w("p", {
 						className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-						children: k.data?.ggnomadProperties?.length ?? 0
+						children: M.data?.ggnomadProperties?.length ?? 0
 					})] }),
-					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 						className: "text-sm text-text-secondary",
-						children: T("ggnomad.dashboard.inventory.tours", "Tours")
-					}), /* @__PURE__ */ C("p", {
+						children: O("ggnomad.dashboard.inventory.tours", "Tours")
+					}), /* @__PURE__ */ w("p", {
 						className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-						children: A.data?.ggnomadTours?.length ?? 0
+						children: N.data?.ggnomadTours?.length ?? 0
 					})] }),
-					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 						className: "text-sm text-text-secondary",
-						children: T("ggnomad.dashboard.inventory.events", "Events")
-					}), /* @__PURE__ */ C("p", {
+						children: O("ggnomad.dashboard.inventory.events", "Events")
+					}), /* @__PURE__ */ w("p", {
 						className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-						children: j.data?.ggnomadEvents?.length ?? 0
+						children: P.data?.ggnomadEvents?.length ?? 0
 					})] })
 				]
-			}), /* @__PURE__ */ C("p", {
+			}), /* @__PURE__ */ w("p", {
 				className: "mt-4 text-sm text-text-secondary",
-				children: T("ggnomad.dashboard.inventory.liveDataNotice", "Data is live from `wspace-ggnomad-svc` GraphQL APIs.")
+				children: O("ggnomad.dashboard.inventory.liveDataNotice", "Data is live from `wspace-ggnomad-svc` GraphQL APIs.")
 			})] }),
-			/* @__PURE__ */ C(c, {
-				title: T("ggnomad.dashboard.sections.recentBookings", "Recent bookings"),
-				children: N.length === 0 ? /* @__PURE__ */ C(b, {
+			/* @__PURE__ */ w(c, {
+				title: O("ggnomad.dashboard.sections.recentBookings", "Recent bookings"),
+				children: L.length === 0 ? /* @__PURE__ */ w(x, {
 					illustration: "empty-data",
-					title: T("ggnomad.dashboard.recentBookings.emptyTitle", "No recent bookings"),
-					description: T("ggnomad.dashboard.recentBookings.emptyDescription", "New bookings across travel, hospitality and tourism will appear here.")
-				}) : /* @__PURE__ */ C("ul", {
+					title: O("ggnomad.dashboard.recentBookings.emptyTitle", "No recent bookings"),
+					description: O("ggnomad.dashboard.recentBookings.emptyDescription", "New bookings across travel, hospitality and tourism will appear here.")
+				}) : /* @__PURE__ */ w("ul", {
 					className: "space-y-2 text-sm",
-					children: N.map((e) => /* @__PURE__ */ w("li", {
+					children: L.map((e) => /* @__PURE__ */ T("li", {
 						className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3",
-						children: [/* @__PURE__ */ w("span", {
+						children: [/* @__PURE__ */ T("span", {
 							className: "min-w-0 truncate text-text-primary",
 							children: [
 								e.referenceCode,
 								" — ",
 								e.itemName
 							]
-						}), /* @__PURE__ */ C(s, { status: e.status })]
+						}), /* @__PURE__ */ w(s, { status: e.status })]
 					}, e.id))
 				})
+			}),
+			/* @__PURE__ */ w(c, {
+				title: O("ggnomad.dashboard.sections.revenueByCategory", "Revenue by category"),
+				children: R.length === 0 ? /* @__PURE__ */ T("div", {
+					className: "flex flex-col items-center gap-2 py-8 text-center",
+					children: [
+						/* @__PURE__ */ w("span", {
+							className: "flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary",
+							children: /* @__PURE__ */ w(p, { className: "size-5" })
+						}),
+						/* @__PURE__ */ w("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: O("ggnomad.dashboard.empty.title", "Revenue data coming soon")
+						}),
+						/* @__PURE__ */ w("p", {
+							className: "max-w-sm text-sm text-text-secondary",
+							children: O("ggnomad.dashboard.empty.description", "Revenue by category appears here as bookings come in across stays, tours and events.")
+						})
+					]
+				}) : /* @__PURE__ */ w("ul", {
+					className: "flex flex-col gap-4",
+					children: R.map((e, t) => {
+						let n = z > 0 ? Math.max(e.value / z * 100, 2) : 0;
+						return /* @__PURE__ */ T("li", { children: [/* @__PURE__ */ T("div", {
+							className: "flex items-baseline justify-between gap-3",
+							children: [/* @__PURE__ */ w("span", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: e.label
+							}), /* @__PURE__ */ T("span", {
+								className: "flex-shrink-0 text-sm tabular-nums text-text-secondary",
+								children: ["$", e.value.toLocaleString()]
+							})]
+						}), /* @__PURE__ */ w("div", {
+							className: "mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+							children: /* @__PURE__ */ w("div", {
+								className: "h-full rounded-full transition-[width] duration-500 ease-out",
+								style: {
+									width: `${n}%`,
+									backgroundColor: E[t % E.length]
+								}
+							})
+						})] }, e.label);
+					})
+				})
 			})
 		]
 	});
 }
 //#endregion
-export { T as DashboardPage };
+export { O as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

package/dist/ggnomad/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Building, CalendarCheck, Compass, DollarSign, Hotel, Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  EmphasisPanel,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_OVERVIEW_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard, StatusBadge } from '../components';\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const overview = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadOverviewStats: {\n          users: number;\n          listings: number;\n          bookings: number;\n          monthlyRevenue: number;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const bookings = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 5, skip: 0 },\n    }\n  );\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 4, skip: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n\n  const stats = overview.data?.ggnomadOverviewStats;\n  const recentBookings = bookings.data?.ggnomadBookings ?? [];\n\n  return (\n    <PageShell\n      hero\n      title={t('ggnomad.dashboard.title', 'GGNomad Dashboard')}\n      titleAccent={t('ggnomad.dashboard.title.accent', 'GGNomad')}\n      subtitle={t(\n        'ggnomad.dashboard.subtitle',\n        'Unified travel, hospitality, tourism and entertainment operations'\n      )}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.dashboard.purpose',\n          'Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-dashboard\"\n        steps={[\n          {\n            id: 'search',\n            label: t('ggnomad.dashboard.next.search', 'Search the catalogue'),\n            description: t(\n              'ggnomad.dashboard.next.searchDesc',\n              'Find inventory across every domain at once.'\n            ),\n            icon: <Search className=\"size-4\" />,\n            onClick: () => navigate('search'),\n          },\n          {\n            id: 'stays',\n            label: t('ggnomad.dashboard.next.stays', 'Browse places to stay'),\n            description: t(\n              'ggnomad.dashboard.next.staysDesc',\n              'Explore hospitality listings and open a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('hospitality'),\n          },\n          {\n            id: 'tourism',\n            label: t('ggnomad.dashboard.next.tourism', 'Discover tours & activities'),\n            description: t(\n              'ggnomad.dashboard.next.tourismDesc',\n              'Plan what to do at each destination.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('tourism'),\n          },\n          {\n            id: 'bookings',\n            label: t('ggnomad.dashboard.next.bookings', 'Manage bookings'),\n            description: t(\n              'ggnomad.dashboard.next.bookingsDesc',\n              'Track and cancel reservations in real time.'\n            ),\n            icon: <CalendarCheck className=\"size-4\" />,\n            onClick: () => navigate('bookings'),\n          },\n        ]}\n      />\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.dashboard.stats.monthlyRevenue', 'Monthly Revenue')}\n          value={`$${Number(stats?.monthlyRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.users', 'Users')}\n          value={Number(stats?.users ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.listings', 'Listings')}\n          value={Number(stats?.listings ?? 0).toLocaleString()}\n          icon={<Building />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.bookings', 'Bookings')}\n          value={Number(stats?.bookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n      </section>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.properties', 'Properties')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {properties.data?.ggnomadProperties?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.tours', 'Tours')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.data?.ggnomadTours?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.events', 'Events')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {events.data?.ggnomadEvents?.length ?? 0}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.dashboard.inventory.liveDataNotice',\n            'Data is live from `wspace-ggnomad-svc` GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.recentBookings', 'Recent bookings')}>\n        {recentBookings.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title={t('ggnomad.dashboard.recentBookings.emptyTitle', 'No recent bookings')}\n            description={t(\n              'ggnomad.dashboard.recentBookings.emptyDescription',\n              'New bookings across travel, hospitality and tourism will appear here.'\n            )}\n          />\n        ) : (\n          <ul className=\"space-y-2 text-sm\">\n            {recentBookings.map((booking) => (\n              <li\n                key={booking.id}\n                className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3\"\n              >\n                <span className=\"min-w-0 truncate text-text-primary\">\n                  {booking.referenceCode} — {booking.itemName}\n                </span>\n                <StatusBadge status={booking.status} />\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Building, CalendarCheck, Compass, DollarSign, Hotel, Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  EmphasisPanel,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_OVERVIEW_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard, StatusBadge } from '../components';\n\nconst CHART_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];\n\nconst humanizeCategory = (key: string): string =>\n  key\n    .replace(/[_-]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) || key;\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const overview = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadOverviewStats: {\n          users: number;\n          listings: number;\n          bookings: number;\n          monthlyRevenue: number;\n        };\n        ggnomadAnalytics: {\n          totalRevenue: number;\n          totalBookings: number;\n          totalUsers: number;\n          conversionRate: number;\n          revenueByCategory: Record<string, unknown>;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const bookings = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 5, skip: 0 },\n    }\n  );\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 4, skip: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n\n  const stats = overview.data?.ggnomadOverviewStats;\n  const analytics = overview.data?.ggnomadAnalytics;\n  const recentBookings = bookings.data?.ggnomadBookings ?? [];\n\n  const categories = useMemo(() => {\n    const raw = analytics?.revenueByCategory ?? {};\n    return Object.entries(raw)\n      .map(([key, value]) => ({ label: humanizeCategory(key), value: Number(value) }))\n      .filter((entry) => Number.isFinite(entry.value) && entry.value > 0)\n      .sort((a, b) => b.value - a.value);\n  }, [analytics?.revenueByCategory]);\n\n  const maxCategory = categories.length > 0 ? categories[0].value : 0;\n\n  return (\n    <PageShell\n      hero\n      title={t('ggnomad.dashboard.title', 'GGNomad Dashboard')}\n      titleAccent={t('ggnomad.dashboard.title.accent', 'GGNomad')}\n      subtitle={t(\n        'ggnomad.dashboard.subtitle',\n        'Unified travel, hospitality, tourism and entertainment operations'\n      )}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.dashboard.purpose',\n          'Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-dashboard\"\n        steps={[\n          {\n            id: 'search',\n            label: t('ggnomad.dashboard.next.search', 'Search the catalogue'),\n            description: t(\n              'ggnomad.dashboard.next.searchDesc',\n              'Find inventory across every domain at once.'\n            ),\n            icon: <Search className=\"size-4\" />,\n            onClick: () => navigate('search'),\n          },\n          {\n            id: 'stays',\n            label: t('ggnomad.dashboard.next.stays', 'Browse places to stay'),\n            description: t(\n              'ggnomad.dashboard.next.staysDesc',\n              'Explore hospitality listings and open a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('hospitality'),\n          },\n          {\n            id: 'tourism',\n            label: t('ggnomad.dashboard.next.tourism', 'Discover tours & activities'),\n            description: t(\n              'ggnomad.dashboard.next.tourismDesc',\n              'Plan what to do at each destination.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('tourism'),\n          },\n          {\n            id: 'bookings',\n            label: t('ggnomad.dashboard.next.bookings', 'Manage bookings'),\n            description: t(\n              'ggnomad.dashboard.next.bookingsDesc',\n              'Track and cancel reservations in real time.'\n            ),\n            icon: <CalendarCheck className=\"size-4\" />,\n            onClick: () => navigate('bookings'),\n          },\n        ]}\n      />\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.dashboard.stats.monthlyRevenue', 'Monthly Revenue')}\n          value={`$${Number(stats?.monthlyRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.users', 'Users')}\n          value={Number(stats?.users ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.listings', 'Listings')}\n          value={Number(stats?.listings ?? 0).toLocaleString()}\n          icon={<Building />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.bookings', 'Bookings')}\n          value={Number(stats?.bookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n      </section>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.properties', 'Properties')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {properties.data?.ggnomadProperties?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.tours', 'Tours')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.data?.ggnomadTours?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.events', 'Events')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {events.data?.ggnomadEvents?.length ?? 0}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.dashboard.inventory.liveDataNotice',\n            'Data is live from `wspace-ggnomad-svc` GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.recentBookings', 'Recent bookings')}>\n        {recentBookings.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title={t('ggnomad.dashboard.recentBookings.emptyTitle', 'No recent bookings')}\n            description={t(\n              'ggnomad.dashboard.recentBookings.emptyDescription',\n              'New bookings across travel, hospitality and tourism will appear here.'\n            )}\n          />\n        ) : (\n          <ul className=\"space-y-2 text-sm\">\n            {recentBookings.map((booking) => (\n              <li\n                key={booking.id}\n                className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3\"\n              >\n                <span className=\"min-w-0 truncate text-text-primary\">\n                  {booking.referenceCode} — {booking.itemName}\n                </span>\n                <StatusBadge status={booking.status} />\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.revenueByCategory', 'Revenue by category')}>\n        {categories.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-center\">\n            <span className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary\">\n              <DollarSign className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.dashboard.empty.title', 'Revenue data coming soon')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.dashboard.empty.description',\n                'Revenue by category appears here as bookings come in across stays, tours and events.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-4\">\n            {categories.map((category, index) => {\n              const pct = maxCategory > 0 ? Math.max((category.value / maxCategory) * 100, 2) : 0;\n              return (\n                <li key={category.label}>\n                  <div className=\"flex items-baseline justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\">\n                      {category.label}\n                    </span>\n                    <span className=\"flex-shrink-0 text-sm tabular-nums text-text-secondary\">\n                      ${category.value.toLocaleString()}\n                    </span>\n                  </div>\n                  <div className=\"mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n                      style={{\n                        width: `${pct}%`,\n                        backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-ggnomad",
-  "version": "2026.705.4",
+  "version": "2026.705.5",
   "description": "Burdenoff GGNomad Microfrontend",
   "type": "module",
   "files": [