@burdenoff/microfe-ggnomad 2026.624.1 → 2026.626.1

package/dist/ggnomad/components/DetailRow.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/ggnomad/components/DetailRow.tsx
+function n({ label: n, value: r }) {
+	return /* @__PURE__ */ t("div", {
+		className: "flex items-center justify-between gap-3",
+		children: [/* @__PURE__ */ e("dt", {
+			className: "text-text-secondary",
+			children: n
+		}), /* @__PURE__ */ e("dd", {
+			className: "font-medium tabular-nums text-text-primary",
+			children: r
+		})]
+	});
+}
+//#endregion
+export { n as DetailRow };
+
+//# sourceMappingURL=DetailRow.js.map

package/dist/ggnomad/components/DetailRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailRow.js","names":[],"sources":["../../../src/ggnomad/components/DetailRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/** A single label/value pair inside a details list (low-contrast, tabular). */\nexport function DetailRow({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <dt className=\"text-text-secondary\">{label}</dt>\n      <dd className=\"font-medium tabular-nums text-text-primary\">{value}</dd>\n    </div>\n  );\n}\n"],"mappings":";;AAGA,SAAgB,EAAU,EAAE,UAAO,YAA8C;AAC/E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAAuB;GAAW,CAAA,EAChD,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,CACnE"}

package/dist/ggnomad/components/EntityCard.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../utils/cn.js";
+import { Link as t } from "react-router-dom";
+import { GlassCard as n } from "@burdenoff/fe-libs/ui";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/ggnomad/components/EntityCard.tsx
+function o({ title: o, meta: s, price: c, badge: l, footer: u, to: d, className: f }) {
+	let p = /* @__PURE__ */ a(r, { children: [
+		/* @__PURE__ */ a("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ a("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ i("p", {
+					className: "truncate font-medium text-text-primary",
+					children: o
+				}), s ? /* @__PURE__ */ i("p", {
+					className: "mt-0.5 text-sm text-text-secondary",
+					children: s
+				}) : null]
+			}), l ? /* @__PURE__ */ i("div", {
+				className: "flex-shrink-0",
+				children: l
+			}) : null]
+		}),
+		c ? /* @__PURE__ */ i("p", {
+			className: "mt-2 text-sm font-medium tabular-nums text-text-primary",
+			children: c
+		}) : null,
+		u ? /* @__PURE__ */ i("div", {
+			className: "mt-2 text-sm text-text-secondary",
+			children: u
+		}) : null
+	] });
+	return d ? /* @__PURE__ */ i(t, {
+		to: d,
+		className: "block rounded-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas",
+		children: /* @__PURE__ */ i(n, {
+			treatment: "plain",
+			className: e("border-border-seam p-4", f),
+			children: p
+		})
+	}) : /* @__PURE__ */ i(n, {
+		treatment: "plain",
+		className: e("border-border-seam p-4", f),
+		children: p
+	});
+}
+//#endregion
+export { o as EntityCard };
+
+//# sourceMappingURL=EntityCard.js.map

package/dist/ggnomad/components/EntityCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCard.js","names":[],"sources":["../../../src/ggnomad/components/EntityCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Link } from 'react-router-dom';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ntype EntityCardProps = {\n  title: ReactNode;\n  /** Optional secondary line (category / type / duration). */\n  meta?: ReactNode;\n  /** Right-aligned price or primary figure. */\n  price?: ReactNode;\n  badge?: ReactNode;\n  footer?: ReactNode;\n  /** When provided, the whole card becomes a router Link. */\n  to?: string;\n  className?: string;\n};\n\n/**\n * A calm, low-contrast tile for an inventory item (property, tour, event,\n * provider). Hover only lifts the shadow / seam — never moves. When `to` is set\n * the entire surface is a single accessible link.\n */\nexport function EntityCard({ title, meta, price, badge, footer, to, className }: EntityCardProps) {\n  const body = (\n    <>\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate font-medium text-text-primary\">{title}</p>\n          {meta ? <p className=\"mt-0.5 text-sm text-text-secondary\">{meta}</p> : null}\n        </div>\n        {badge ? <div className=\"flex-shrink-0\">{badge}</div> : null}\n      </div>\n      {price ? (\n        <p className=\"mt-2 text-sm font-medium tabular-nums text-text-primary\">{price}</p>\n      ) : null}\n      {footer ? <div className=\"mt-2 text-sm text-text-secondary\">{footer}</div> : null}\n    </>\n  );\n\n  if (to) {\n    return (\n      <Link\n        to={to}\n        className=\"block rounded-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas\"\n      >\n        <GlassCard treatment=\"plain\" className={cn('border-border-seam p-4', className)}>\n          {body}\n        </GlassCard>\n      </Link>\n    );\n  }\n\n  return (\n    <GlassCard treatment=\"plain\" className={cn('border-border-seam p-4', className)}>\n      {body}\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;AAuBA,SAAgB,EAAW,EAAE,UAAO,SAAM,UAAO,UAAO,WAAQ,OAAI,gBAA8B;CAChG,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAA0C;KAAU,CAAA,EAChE,IAAO,kBAAC,KAAD;KAAG,WAAU;eAAsC;KAAS,CAAA,GAAG,KACnE;OACL,IAAQ,kBAAC,OAAD;IAAK,WAAU;cAAiB;IAAY,CAAA,GAAG,KACpD;;EACL,IACC,kBAAC,KAAD;GAAG,WAAU;aAA2D;GAAU,CAAA,GAChF;EACH,IAAS,kBAAC,OAAD;GAAK,WAAU;aAAoC;GAAa,CAAA,GAAG;EAC5E,EAAA,CAAA;AAgBL,QAbI,IAEA,kBAAC,GAAD;EACM;EACJ,WAAU;YAEV,kBAAC,GAAD;GAAW,WAAU;GAAQ,WAAW,EAAG,0BAA0B,EAAU;aAC5E;GACS,CAAA;EACP,CAAA,GAKT,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAW,EAAG,0BAA0B,EAAU;YAC5E;EACS,CAAA"}

package/dist/ggnomad/components/SectionCard.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../utils/cn.js";
+import { GlassCard as t } from "@burdenoff/fe-libs/ui";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ggnomad/components/SectionCard.tsx
+function i({ title: i, action: a, className: o, treatment: s = "plain", children: c }) {
+	return /* @__PURE__ */ r(t, {
+		treatment: s,
+		className: e("border-border-seam p-5", o),
+		children: [i || a ? /* @__PURE__ */ r("div", {
+			className: "mb-4 flex items-center justify-between gap-3",
+			children: [i ? /* @__PURE__ */ n("h2", {
+				className: "text-lg font-medium tracking-tight text-text-primary",
+				children: i
+			}) : /* @__PURE__ */ n("span", {}), a]
+		}) : null, c]
+	});
+}
+//#endregion
+export { i as SectionCard };
+
+//# sourceMappingURL=SectionCard.js.map

package/dist/ggnomad/components/SectionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCard.js","names":[],"sources":["../../../src/ggnomad/components/SectionCard.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ntype SectionCardProps = PropsWithChildren<{\n  title?: ReactNode;\n  action?: ReactNode;\n  className?: string;\n  treatment?: 'plain' | 'glass' | 'metric' | 'insight';\n}>;\n\n/** A titled glass surface used for grouped content blocks. */\nexport function SectionCard({\n  title,\n  action,\n  className,\n  treatment = 'plain',\n  children,\n}: SectionCardProps) {\n  return (\n    <GlassCard treatment={treatment} className={cn('border-border-seam p-5', className)}>\n      {title || action ? (\n        <div className=\"mb-4 flex items-center justify-between gap-3\">\n          {title ? (\n            <h2 className=\"text-lg font-medium tracking-tight text-text-primary\">{title}</h2>\n          ) : (\n            <span />\n          )}\n          {action}\n        </div>\n      ) : null}\n      {children}\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAY,EAC1B,UACA,WACA,cACA,eAAY,SACZ,eACmB;AACnB,QACE,kBAAC,GAAD;EAAsB;EAAW,WAAW,EAAG,0BAA0B,EAAU;YAAnF,CACG,KAAS,IACR,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,IACC,kBAAC,MAAD;IAAI,WAAU;cAAwD;IAAW,CAAA,GAEjF,kBAAC,QAAD,EAAQ,CAAA,EAET,EACG;OACJ,MACH,EACS"}

package/dist/ggnomad/components/StatCard.js

@@ -0,0 +1,27 @@
+import { GlassCard as e, GradientText as t } from "@burdenoff/fe-libs/ui";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ggnomad/components/StatCard.tsx
+function i({ label: i, value: a, icon: o, hero: s = !1 }) {
+	return /* @__PURE__ */ r(e, {
+		treatment: s ? "glass" : "metric",
+		glow: s,
+		className: "border-border-seam p-4",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ n("p", {
+				className: "text-sm font-medium text-text-secondary",
+				children: i
+			}), o ? /* @__PURE__ */ n("span", {
+				className: "flex size-9 flex-shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary [&>svg]:size-4",
+				children: o
+			}) : null]
+		}), /* @__PURE__ */ n("p", {
+			className: "mt-2 text-2xl font-semibold tabular-nums text-text-primary",
+			children: s ? /* @__PURE__ */ n(t, { children: a }) : a
+		})]
+	});
+}
+//#endregion
+export { i as StatCard };
+
+//# sourceMappingURL=StatCard.js.map

package/dist/ggnomad/components/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/ggnomad/components/StatCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\n\ntype StatCardProps = {\n  label: string;\n  value: ReactNode;\n  icon?: ReactNode;\n  /** The single most important metric on a page reads as the glass hero tile. */\n  hero?: boolean;\n};\n\n/**\n * KPI / metric tile. Neutral metric tiles use the GlassCard \"metric\" treatment;\n * the page's hero metric uses the \"glass\" treatment with a soft accent glow and\n * a gradient numeral. Numbers are tabular for calm vertical alignment.\n */\nexport function StatCard({ label, value, icon, hero = false }: StatCardProps) {\n  return (\n    <GlassCard treatment={hero ? 'glass' : 'metric'} glow={hero} className=\"border-border-seam p-4\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <p className=\"text-sm font-medium text-text-secondary\">{label}</p>\n        {icon ? (\n          <span className=\"flex size-9 flex-shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary [&>svg]:size-4\">\n            {icon}\n          </span>\n        ) : null}\n      </div>\n      <p className=\"mt-2 text-2xl font-semibold tabular-nums text-text-primary\">\n        {hero ? <GradientText>{value}</GradientText> : value}\n      </p>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;AAgBA,SAAgB,EAAS,EAAE,UAAO,UAAO,SAAM,UAAO,MAAwB;AAC5E,QACE,kBAAC,GAAD;EAAW,WAAW,IAAO,UAAU;EAAU,MAAM;EAAM,WAAU;YAAvE,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAA2C;IAAU,CAAA,EACjE,IACC,kBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA,GACL,KACA;MACN,kBAAC,KAAD;GAAG,WAAU;aACV,IAAO,kBAAC,GAAD,EAAA,UAAe,GAAqB,CAAA,GAAG;GAC7C,CAAA,CACM"}

package/dist/ggnomad/components/StatusBadge.js

@@ -0,0 +1,65 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/ggnomad/components/StatusBadge.tsx
+var r = {
+	success: {
+		dot: "bg-status-success-text",
+		text: "text-status-success-text",
+		bg: "bg-status-success-bg-subtle"
+	},
+	warning: {
+		dot: "bg-status-warning-text",
+		text: "text-status-warning-text",
+		bg: "bg-status-warning-bg-subtle"
+	},
+	danger: {
+		dot: "bg-status-error-text",
+		text: "text-status-error-text",
+		bg: "bg-status-error-bg-subtle"
+	},
+	info: {
+		dot: "bg-status-info-text",
+		text: "text-status-info-text",
+		bg: "bg-status-info-bg-subtle"
+	},
+	neutral: {
+		dot: "bg-text-secondary",
+		text: "text-text-secondary",
+		bg: "bg-bg-sunken"
+	}
+};
+function i(e) {
+	let t = e.toUpperCase();
+	return [
+		"CONFIRMED",
+		"ACTIVE",
+		"COMPLETED",
+		"PAID",
+		"APPROVED"
+	].includes(t) ? "success" : [
+		"PENDING",
+		"PROCESSING",
+		"AWAITING",
+		"IN_PROGRESS",
+		"ONBOARDING"
+	].includes(t) ? "warning" : [
+		"CANCELLED",
+		"FAILED",
+		"REJECTED",
+		"SUSPENDED"
+	].includes(t) ? "danger" : "info";
+}
+function a({ status: a, live: o = !1, className: s }) {
+	let c = r[i(a)];
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", c.bg, c.text, s),
+		children: [/* @__PURE__ */ t("span", {
+			className: e("size-1.5 rounded-full", c.dot, o ? "motion-safe:animate-vc-glow-pulse" : ""),
+			"aria-hidden": "true"
+		}), a]
+	});
+}
+//#endregion
+export { a as StatusBadge, i as toneForStatus };
+
+//# sourceMappingURL=StatusBadge.js.map

package/dist/ggnomad/components/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/ggnomad/components/StatusBadge.tsx"],"sourcesContent":["import { cn } from '../utils/cn';\n\ntype Tone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nconst TONE: Record<Tone, { dot: string; text: string; bg: string }> = {\n  success: {\n    dot: 'bg-status-success-text',\n    text: 'text-status-success-text',\n    bg: 'bg-status-success-bg-subtle',\n  },\n  warning: {\n    dot: 'bg-status-warning-text',\n    text: 'text-status-warning-text',\n    bg: 'bg-status-warning-bg-subtle',\n  },\n  danger: {\n    dot: 'bg-status-error-text',\n    text: 'text-status-error-text',\n    bg: 'bg-status-error-bg-subtle',\n  },\n  info: {\n    dot: 'bg-status-info-text',\n    text: 'text-status-info-text',\n    bg: 'bg-status-info-bg-subtle',\n  },\n  neutral: {\n    dot: 'bg-text-secondary',\n    text: 'text-text-secondary',\n    bg: 'bg-bg-sunken',\n  },\n};\n\n/** Maps a free-form status string to a semantic tone. */\nexport function toneForStatus(status: string): Tone {\n  const s = status.toUpperCase();\n  if (['CONFIRMED', 'ACTIVE', 'COMPLETED', 'PAID', 'APPROVED'].includes(s)) {\n    return 'success';\n  }\n  if (['PENDING', 'PROCESSING', 'AWAITING', 'IN_PROGRESS', 'ONBOARDING'].includes(s)) {\n    return 'warning';\n  }\n  if (['CANCELLED', 'FAILED', 'REJECTED', 'SUSPENDED'].includes(s)) {\n    return 'danger';\n  }\n  return 'info';\n}\n\ntype StatusBadgeProps = {\n  status: string;\n  /** Pulses the dot for live/active states (opacity only, reduced-motion-safe). */\n  live?: boolean;\n  className?: string;\n};\n\nexport function StatusBadge({ status, live = false, className }: StatusBadgeProps) {\n  const tone = TONE[toneForStatus(status)];\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        tone.bg,\n        tone.text,\n        className\n      )}\n    >\n      <span\n        className={cn(\n          'size-1.5 rounded-full',\n          tone.dot,\n          live ? 'motion-safe:animate-vc-glow-pulse' : ''\n        )}\n        aria-hidden=\"true\"\n      />\n      {status}\n    </span>\n  );\n}\n"],"mappings":";;;AAIA,IAAM,IAAgE;CACpE,SAAS;EACP,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,SAAS;EACP,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,QAAQ;EACN,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,MAAM;EACJ,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,SAAS;EACP,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACF;AAGD,SAAgB,EAAc,GAAsB;CAClD,IAAM,IAAI,EAAO,aAAa;AAU9B,QATI;EAAC;EAAa;EAAU;EAAa;EAAQ;EAAW,CAAC,SAAS,EAAE,GAC/D,YAEL;EAAC;EAAW;EAAc;EAAY;EAAe;EAAa,CAAC,SAAS,EAAE,GACzE,YAEL;EAAC;EAAa;EAAU;EAAY;EAAY,CAAC,SAAS,EAAE,GACvD,WAEF;;AAUT,SAAgB,EAAY,EAAE,WAAQ,UAAO,IAAO,gBAA+B;CACjF,IAAM,IAAO,EAAK,EAAc,EAAO;AACvC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAK,IACL,EAAK,MACL,EACD;YANH,CAQE,kBAAC,QAAD;GACE,WAAW,EACT,yBACA,EAAK,KACL,IAAO,sCAAsC,GAC9C;GACD,eAAY;GACZ,CAAA,EACD,EACI"}

package/dist/ggnomad/components/index.js

@@ -0,0 +1,5 @@
+import "./StatCard.js";
+import "./StatusBadge.js";
+import "./SectionCard.js";
+import "./EntityCard.js";
+import "./DetailRow.js";

package/dist/ggnomad/pages/ActivityDetailsPage.js

@@ -1,46 +1,93 @@
 import { GGNOMAD_ACTIVITY_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
-import { useParams as n } from "react-router-dom";
-import { useQuery as r } from "@apollo/client/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { SectionCard as n } from "../components/SectionCard.js";
+import { DetailRow as r } from "../components/DetailRow.js";
+import "../components/index.js";
+import { Activity as i, CalendarCheck as a, Compass as o, ShieldCheck as s } from "lucide-react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as l, useParams as u } from "react-router-dom";
+import { useQuery as d } from "@apollo/client/react";
+import { GlassCard as f, IllustratedEmptyState as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/ggnomad/pages/ActivityDetailsPage.tsx
-function o() {
-	let { id: o = "" } = n(), { data: s } = r(e, {
-		variables: { id: o },
-		skip: !o
-	}), c = s?.ggnomadActivity;
-	return /* @__PURE__ */ i(t, {
-		title: c?.name ?? "Activity details",
-		subtitle: "Safety, inclusions and participation details",
-		children: c ? /* @__PURE__ */ a("div", {
-			className: "space-y-3 text-sm",
-			children: [/* @__PURE__ */ a("div", {
-				className: "rounded-lg border p-4",
-				children: [
-					/* @__PURE__ */ a("p", { children: ["Category: ", c.category] }),
-					/* @__PURE__ */ a("p", { children: ["Duration: ", c.duration] }),
-					/* @__PURE__ */ a("p", { children: ["Max participants: ", c.maxParticipants] }),
-					/* @__PURE__ */ a("p", { children: [
-						"Price: ",
-						c.currency,
-						" ",
-						Number(c.price).toFixed(2)
-					] })
-				]
-			}), /* @__PURE__ */ a("div", {
-				className: "rounded-lg border p-4",
-				children: [/* @__PURE__ */ i("p", {
-					className: "font-medium",
-					children: "Safety information"
-				}), /* @__PURE__ */ i("p", { children: c.safetyInfo ?? "Standard provider safety policy applies." })]
-			})]
-		}) : /* @__PURE__ */ i("div", {
-			className: "rounded-lg border p-4 text-text-secondary",
-			children: "No activity found."
+function y() {
+	let { t: y } = c(), b = l(), { id: x = "" } = u(), { data: S } = d(e, {
+		variables: { id: x },
+		skip: !x
+	}), C = S?.ggnomadActivity;
+	return /* @__PURE__ */ _(t, {
+		title: C?.name ?? y("ggnomad.activity.fallbackTitle", "Activity details"),
+		subtitle: y("ggnomad.activity.subtitle", "Safety, inclusions and participation details"),
+		children: C ? /* @__PURE__ */ v(g, { children: [
+			/* @__PURE__ */ _(h, {
+				icon: /* @__PURE__ */ _(i, { className: "size-4" }),
+				children: y("ggnomad.activity.purpose", "Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.")
+			}),
+			/* @__PURE__ */ _(m, {
+				storageKey: "ggnomad-activity-detail",
+				steps: [{
+					id: "book",
+					label: y("ggnomad.activity.next.book", "Book this activity"),
+					description: y("ggnomad.activity.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
+					icon: /* @__PURE__ */ _(a, { className: "size-4" }),
+					onClick: () => b("../../../bookings")
+				}, {
+					id: "browse",
+					label: y("ggnomad.activity.next.browse", "Explore more experiences"),
+					description: y("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
+					icon: /* @__PURE__ */ _(o, { className: "size-4" }),
+					onClick: () => b("../..")
+				}]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ v(f, {
+					treatment: "glass",
+					glow: !0,
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ _("h2", {
+						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+						children: y("ggnomad.activity.details", "Details")
+					}), /* @__PURE__ */ v("dl", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.category", "Category"),
+								value: C.category
+							}),
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.duration", "Duration"),
+								value: C.duration
+							}),
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.maxParticipants", "Max participants"),
+								value: String(C.maxParticipants)
+							}),
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.price", "Price"),
+								value: `${C.currency} ${Number(C.price).toFixed(2)}`
+							})
+						]
+					})]
+				}), /* @__PURE__ */ _(n, {
+					title: y("ggnomad.activity.safety", "Safety information"),
+					children: /* @__PURE__ */ v("div", {
+						className: "flex items-start gap-2 text-sm text-text-primary",
+						children: [/* @__PURE__ */ _(s, {
+							className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ _("p", { children: C.safetyInfo ?? y("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
+					})
+				})]
+			})
+		] }) : /* @__PURE__ */ _(p, {
+			illustration: "empty-data",
+			title: y("ggnomad.activity.notFoundTitle", "No activity found"),
+			description: y("ggnomad.activity.notFoundDescription", "This activity is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { o as ActivityDetailsPage };
+export { y as ActivityDetailsPage };
 
 //# sourceMappingURL=ActivityDetailsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/ActivityDetailsPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useParams } from 'react-router-dom';\n\nimport { GGNOMAD_ACTIVITY_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function ActivityDetailsPage() {\n  const { id = '' } = useParams();\n  const { data } = useQuery<{\n    ggnomadActivity: {\n      name: string;\n      category: string;\n      duration: string;\n      maxParticipants: number;\n      currency: string;\n      price: number;\n      safetyInfo?: string;\n    } | null;\n  }>(GGNOMAD_ACTIVITY_QUERY, { variables: { id }, skip: !id });\n  const activity = data?.ggnomadActivity;\n\n  return (\n    <PageShell\n      title={activity?.name ?? 'Activity details'}\n      subtitle=\"Safety, inclusions and participation details\"\n    >\n      {!activity ? (\n        <div className=\"rounded-lg border p-4 text-text-secondary\">No activity found.</div>\n      ) : (\n        <div className=\"space-y-3 text-sm\">\n          <div className=\"rounded-lg border p-4\">\n            <p>Category: {activity.category}</p>\n            <p>Duration: {activity.duration}</p>\n            <p>Max participants: {activity.maxParticipants}</p>\n            <p>\n              Price: {activity.currency} {Number(activity.price).toFixed(2)}\n            </p>\n          </div>\n          <div className=\"rounded-lg border p-4\">\n            <p className=\"font-medium\">Safety information</p>\n            <p>{activity.safetyInfo ?? 'Standard provider safety policy applies.'}</p>\n          </div>\n        </div>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAsB;CACpC,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EAUd,GAAwB;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CAAC,EACtD,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ;EACzB,UAAS;YAEP,IAGA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAS,SAAa,EAAA,CAAA;KACpC,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAS,SAAa,EAAA,CAAA;KACpC,kBAAC,KAAD,EAAA,UAAA,CAAG,sBAAmB,EAAS,gBAAoB,EAAA,CAAA;KACnD,kBAAC,KAAD,EAAA,UAAA;MAAG;MACO,EAAS;MAAS;MAAE,OAAO,EAAS,MAAM,CAAC,QAAQ,EAAE;MAC3D,EAAA,CAAA;KACA;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAc;KAAsB,CAAA,EACjD,kBAAC,KAAD,EAAA,UAAI,EAAS,cAAc,4CAA+C,CAAA,CACtE;MACF;OAfN,kBAAC,OAAD;GAAK,WAAU;aAA4C;GAAwB,CAAA;EAiB3E,CAAA"}
+{"version":3,"file":"ActivityDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/ActivityDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { Activity, CalendarCheck, Compass, ShieldCheck } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITY_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function ActivityDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_ACTIVITY_QUERY as TypedDocumentNode<\n      {\n        ggnomadActivity: {\n          name: string;\n          category: string;\n          duration: string;\n          maxParticipants: number;\n          currency: string;\n          price: number;\n          safetyInfo?: string;\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const activity = data?.ggnomadActivity;\n\n  return (\n    <PageShell\n      title={activity?.name ?? t('ggnomad.activity.fallbackTitle', 'Activity details')}\n      subtitle={t('ggnomad.activity.subtitle', 'Safety, inclusions and participation details')}\n    >\n      {!activity ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.activity.notFoundTitle', 'No activity found')}\n          description={t(\n            'ggnomad.activity.notFoundDescription',\n            'This activity is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <PagePurpose icon={<Activity className=\"size-4\" />}>\n            {t(\n              'ggnomad.activity.purpose',\n              'Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-activity-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.activity.next.book', 'Book this activity'),\n                description: t(\n                  'ggnomad.activity.next.bookDesc',\n                  'Add it to your itinerary and track it under Bookings.'\n                ),\n                icon: <CalendarCheck className=\"size-4\" />,\n                onClick: () => navigate('../../../bookings'),\n              },\n              {\n                id: 'browse',\n                label: t('ggnomad.activity.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.activity.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate('../..'),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-2\">\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.activity.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow\n                  label={t('ggnomad.activity.category', 'Category')}\n                  value={activity.category}\n                />\n                <DetailRow\n                  label={t('ggnomad.activity.duration', 'Duration')}\n                  value={activity.duration}\n                />\n                <DetailRow\n                  label={t('ggnomad.activity.maxParticipants', 'Max participants')}\n                  value={String(activity.maxParticipants)}\n                />\n                <DetailRow\n                  label={t('ggnomad.activity.price', 'Price')}\n                  value={`${activity.currency} ${Number(activity.price).toFixed(2)}`}\n                />\n              </dl>\n            </GlassCard>\n            <SectionCard title={t('ggnomad.activity.safety', 'Safety information')}>\n              <div className=\"flex items-start gap-2 text-sm text-text-primary\">\n                <ShieldCheck\n                  className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                  aria-hidden=\"true\"\n                />\n                <p>\n                  {activity.safetyInfo ??\n                    t('ggnomad.activity.defaultSafety', 'Standard provider safety policy applies.')}\n                </p>\n              </div>\n            </SectionCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAcA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,mBAAmB;EAChF,UAAU,EAAE,6BAA6B,+CAA+C;YAEtF,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;cAC/C,EACC,4BACA,wMACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,8BAA8B,qBAAqB;KAC5D,aAAa,EACX,kCACA,wDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,oBAAoB;KAC7C,EACD;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,2BAA2B;KACpE,aAAa,EACX,oCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,QAAQ;KACjC,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,4BAA4B,UAAU;MACtC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS;QAChB,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS;QAChB,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,oCAAoC,mBAAmB;QAChE,OAAO,OAAO,EAAS,gBAAgB;QACvC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,0BAA0B,QAAQ;QAC3C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,MAAM,CAAC,QAAQ,EAAE;QAChE,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,2BAA2B,qBAAqB;eACpE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAY;OACZ,CAAA,EACF,kBAAC,KAAD,EAAA,UACG,EAAS,cACR,EAAE,kCAAkC,2CAA2C,EAC/E,CAAA,CACA;;KACM,CAAA,CACV;;GACL,EAAA,CAAA,GAhFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EA2EM,CAAA"}

package/dist/ggnomad/pages/AnalyticsPage.js

@@ -1,64 +1,73 @@
 import { GGNOMAD_OVERVIEW_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
-import { useQuery as n } from "@apollo/client/react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { StatCard as n } from "../components/StatCard.js";
+import { SectionCard as r } from "../components/SectionCard.js";
+import "../components/index.js";
+import { BarChart3 as i, CalendarCheck as a, DollarSign as o, Percent as s, Users as c } from "lucide-react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as u } from "@apollo/client/react";
+import { EmphasisPanel as d, PagePurpose as f, ShowMore as p } from "@burdenoff/fe-libs/ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/ggnomad/pages/AnalyticsPage.tsx
-function a() {
-	let { data: a } = n(e), o = a?.ggnomadAnalytics;
-	return /* @__PURE__ */ i(t, {
-		title: "Analytics",
-		subtitle: "GGNomad performance and growth analytics",
-		children: [/* @__PURE__ */ i("div", {
-			className: "grid gap-4 md:grid-cols-4",
-			children: [
-				/* @__PURE__ */ i("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm text-text-secondary",
-						children: "Revenue"
-					}), /* @__PURE__ */ i("p", {
-						className: "text-xl font-semibold",
-						children: ["$", Number(o?.totalRevenue ?? 0).toLocaleString()]
-					})]
-				}),
-				/* @__PURE__ */ i("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm text-text-secondary",
-						children: "Bookings"
-					}), /* @__PURE__ */ r("p", {
-						className: "text-xl font-semibold",
-						children: o?.totalBookings ?? 0
-					})]
-				}),
-				/* @__PURE__ */ i("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm text-text-secondary",
-						children: "Users"
-					}), /* @__PURE__ */ r("p", {
-						className: "text-xl font-semibold",
-						children: o?.totalUsers ?? 0
-					})]
-				}),
-				/* @__PURE__ */ i("div", {
-					className: "rounded-lg border p-4",
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm text-text-secondary",
-						children: "Conversion"
-					}), /* @__PURE__ */ i("p", {
-						className: "text-xl font-semibold",
-						children: [Number(o?.conversionRate ?? 0).toFixed(2), "%"]
-					})]
+function g() {
+	let { t: g } = l(), { data: _ } = u(e), v = _?.ggnomadAnalytics;
+	return /* @__PURE__ */ h(t, {
+		title: g("ggnomad.analytics.title", "Analytics"),
+		titleAccent: g("ggnomad.analytics.title.accent", "Analytics"),
+		subtitle: g("ggnomad.analytics.subtitle", "GGNomad performance and growth analytics"),
+		children: [
+			/* @__PURE__ */ m(f, {
+				icon: /* @__PURE__ */ m(i, { className: "size-4" }),
+				children: g("ggnomad.analytics.purpose", "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.")
+			}),
+			/* @__PURE__ */ h(d, { children: [/* @__PURE__ */ m("p", {
+				className: "text-sm text-text-secondary",
+				children: g("ggnomad.analytics.totalRevenue", "Total revenue")
+			}), /* @__PURE__ */ h("p", {
+				className: "mt-1 text-3xl font-semibold tabular-nums text-text-primary",
+				children: ["$", Number(v?.totalRevenue ?? 0).toLocaleString()]
+			})] }),
+			/* @__PURE__ */ h("section", {
+				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
+				children: [
+					/* @__PURE__ */ m(n, {
+						hero: !0,
+						label: g("ggnomad.analytics.conversion", "Conversion"),
+						value: `${Number(v?.conversionRate ?? 0).toFixed(2)}%`,
+						icon: /* @__PURE__ */ m(s, {})
+					}),
+					/* @__PURE__ */ m(n, {
+						label: g("ggnomad.analytics.revenue", "Revenue"),
+						value: `$${Number(v?.totalRevenue ?? 0).toLocaleString()}`,
+						icon: /* @__PURE__ */ m(o, {})
+					}),
+					/* @__PURE__ */ m(n, {
+						label: g("ggnomad.analytics.bookings", "Bookings"),
+						value: Number(v?.totalBookings ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ m(a, {})
+					}),
+					/* @__PURE__ */ m(n, {
+						label: g("ggnomad.analytics.users", "Users"),
+						value: Number(v?.totalUsers ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ m(c, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ m(r, {
+				title: g("ggnomad.analytics.revenueByCategory", "Revenue by category"),
+				children: /* @__PURE__ */ m(p, {
+					collapsedHeight: 140,
+					label: g("ggnomad.analytics.rawData", "Raw breakdown"),
+					children: /* @__PURE__ */ m("pre", {
+						className: "overflow-auto rounded-lg border border-border-seam bg-bg-sunken/40 p-4 text-xs text-text-secondary",
+						children: JSON.stringify(v?.revenueByCategory ?? {}, null, 2)
+					})
 				})
-			]
-		}), /* @__PURE__ */ r("pre", {
-			className: "overflow-auto rounded-lg border p-4 text-xs",
-			children: JSON.stringify(o?.revenueByCategory ?? {}, null, 2)
-		})]
+			})
+		]
 	});
 }
 //#endregion
-export { a as AnalyticsPage };
+export { g as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/ggnomad/pages/AnalyticsPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\n\nimport { GGNOMAD_OVERVIEW_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function AnalyticsPage() {\n  const { data } = useQuery<{\n    ggnomadAnalytics: {\n      totalRevenue: number;\n      totalBookings: number;\n      totalUsers: number;\n      conversionRate: number;\n      revenueByCategory: Record<string, unknown>;\n    };\n  }>(GGNOMAD_OVERVIEW_QUERY);\n  const analytics = data?.ggnomadAnalytics;\n\n  return (\n    <PageShell title=\"Analytics\" subtitle=\"GGNomad performance and growth analytics\">\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-text-secondary\">Revenue</p>\n          <p className=\"text-xl font-semibold\">\n            ${Number(analytics?.totalRevenue ?? 0).toLocaleString()}\n          </p>\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-text-secondary\">Bookings</p>\n          <p className=\"text-xl font-semibold\">{analytics?.totalBookings ?? 0}</p>\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-text-secondary\">Users</p>\n          <p className=\"text-xl font-semibold\">{analytics?.totalUsers ?? 0}</p>\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          <p className=\"text-sm text-text-secondary\">Conversion</p>\n          <p className=\"text-xl font-semibold\">\n            {Number(analytics?.conversionRate ?? 0).toFixed(2)}%\n          </p>\n        </div>\n      </div>\n      <pre className=\"overflow-auto rounded-lg border p-4 text-xs\">\n        {JSON.stringify(analytics?.revenueByCategory ?? {}, null, 2)}\n      </pre>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,YAAS,EAQd,EAAuB,EACpB,IAAY,GAAM;AAExB,QACE,kBAAC,GAAD;EAAW,OAAM;EAAY,UAAS;YAAtC,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAW,CAAA,EACtD,kBAAC,KAAD;MAAG,WAAU;gBAAb,CAAqC,KACjC,OAAO,GAAW,gBAAgB,EAAE,CAAC,gBAAgB,CACrD;QACA;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAY,CAAA,EACvD,kBAAC,KAAD;MAAG,WAAU;gBAAyB,GAAW,iBAAiB;MAAM,CAAA,CACpE;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAS,CAAA,EACpD,kBAAC,KAAD;MAAG,WAAU;gBAAyB,GAAW,cAAc;MAAM,CAAA,CACjE;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAc,CAAA,EACzD,kBAAC,KAAD;MAAG,WAAU;gBAAb,CACG,OAAO,GAAW,kBAAkB,EAAE,CAAC,QAAQ,EAAE,EAAC,IACjD;QACA;;IACF;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,KAAK,UAAU,GAAW,qBAAqB,EAAE,EAAE,MAAM,EAAE;GACxD,CAAA,CACI"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../src/ggnomad/pages/AnalyticsPage.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 { BarChart3, CalendarCheck, DollarSign, Percent, Users } from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_OVERVIEW_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard } from '../components';\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  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        <ShowMore collapsedHeight={140} label={t('ggnomad.analytics.rawData', 'Raw breakdown')}>\n          <pre className=\"overflow-auto rounded-lg border border-border-seam bg-bg-sunken/40 p-4 text-xs text-text-secondary\">\n            {JSON.stringify(analytics?.revenueByCategory ?? {}, null, 2)}\n          </pre>\n        </ShowMore>\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,EAYD,EACK,IAAY,GAAM;AAExB,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,2BAA2B,YAAY;EAChD,aAAa,EAAE,kCAAkC,YAAY;EAC7D,UAAU,EAAE,8BAA8B,2CAA2C;YAHvF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;cAChD,EACC,6BACA,kNACD;IACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,kCAAkC,gBAAgB;IACnD,CAAA,EACJ,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA0E,KACtE,OAAO,GAAW,gBAAgB,EAAE,CAAC,gBAAgB,CACrD;MACU,EAAA,CAAA;GAEhB,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,GAAD;MACE,MAAA;MACA,OAAO,EAAE,gCAAgC,aAAa;MACtD,OAAO,GAAG,OAAO,GAAW,kBAAkB,EAAE,CAAC,QAAQ,EAAE,CAAC;MAC5D,MAAM,kBAAC,GAAD,EAAW,CAAA;MACjB,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAE,6BAA6B,UAAU;MAChD,OAAO,IAAI,OAAO,GAAW,gBAAgB,EAAE,CAAC,gBAAgB;MAChE,MAAM,kBAAC,GAAD,EAAc,CAAA;MACpB,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAE,8BAA8B,WAAW;MAClD,OAAO,OAAO,GAAW,iBAAiB,EAAE,CAAC,gBAAgB;MAC7D,MAAM,kBAAC,GAAD,EAAiB,CAAA;MACvB,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAE,2BAA2B,QAAQ;MAC5C,OAAO,OAAO,GAAW,cAAc,EAAE,CAAC,gBAAgB;MAC1D,MAAM,kBAAC,GAAD,EAAS,CAAA;MACf,CAAA;KACM;;GAEV,kBAAC,GAAD;IAAa,OAAO,EAAE,uCAAuC,sBAAsB;cACjF,kBAAC,GAAD;KAAU,iBAAiB;KAAK,OAAO,EAAE,6BAA6B,gBAAgB;eACpF,kBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK,UAAU,GAAW,qBAAqB,EAAE,EAAE,MAAM,EAAE;MACxD,CAAA;KACG,CAAA;IACC,CAAA;GACJ"}