@burdenoff/microfe-ggnomad 2026.624.1 → 2026.704.1

package/dist/ggnomad/pages/ProviderPage.js

@@ -1,42 +1,78 @@
 import { GGNOMAD_PROVIDERS_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 { StatusBadge as n } from "../components/StatusBadge.js";
+import { EntityCard as r } from "../components/EntityCard.js";
+import "../components/index.js";
+import { Briefcase as i } from "lucide-react";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as o } from "@apollo/client/react";
+import { GlassCard as s, IllustratedEmptyState as c, PagePurpose as l } from "@burdenoff/fe-libs/ui";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/ggnomad/pages/ProviderPage.tsx
-function a() {
-	let { data: a } = n(e, { variables: {
+function f() {
+	let { t: f } = a(), { data: p } = o(e, { variables: {
 		first: 20,
 		skip: 0
-	} });
-	return /* @__PURE__ */ r(t, {
-		title: "Provider Dashboard",
-		subtitle: "B2B provider operations and onboarding metrics",
-		children: /* @__PURE__ */ r("div", {
-			className: "grid gap-3 md:grid-cols-2",
-			children: (a?.ggnomadProviders ?? []).map((e) => /* @__PURE__ */ i("div", {
-				className: "rounded-lg border p-4 text-sm",
-				children: [
-					/* @__PURE__ */ r("p", {
-						className: "font-medium",
-						children: e.name
+	} }), m = p?.ggnomadProviders ?? [];
+	return /* @__PURE__ */ d(t, {
+		title: f("ggnomad.provider.title", "Provider Dashboard"),
+		titleAccent: f("ggnomad.provider.title.accent", "Provider"),
+		subtitle: f("ggnomad.provider.subtitle", "B2B provider operations and onboarding metrics"),
+		children: [/* @__PURE__ */ u(l, {
+			icon: /* @__PURE__ */ u(i, { className: "size-4" }),
+			children: f("ggnomad.provider.purpose", "Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.")
+		}), m.length === 0 ? /* @__PURE__ */ u(c, {
+			illustration: "empty-people",
+			title: f("ggnomad.provider.emptyTitle", "No providers onboarded"),
+			description: f("ggnomad.provider.emptyDescription", "Onboarded B2B providers and their performance will be tracked here.")
+		}) : /* @__PURE__ */ d(s, {
+			treatment: "glass",
+			glow: !0,
+			className: "border-border-seam p-5",
+			children: [/* @__PURE__ */ u("h2", {
+				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+				children: f("ggnomad.provider.onboardedProviders", "Onboarded providers")
+			}), /* @__PURE__ */ u("div", {
+				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+				children: m.map((e) => /* @__PURE__ */ u(r, {
+					title: e.name,
+					meta: e.type,
+					badge: /* @__PURE__ */ u(n, {
+						status: e.status,
+						live: e.status === "ACTIVE"
 					}),
-					/* @__PURE__ */ i("p", {
-						className: "text-text-secondary",
+					footer: /* @__PURE__ */ d("dl", {
+						className: "grid grid-cols-3 gap-2 text-xs",
 						children: [
-							e.type,
-							" - ",
-							e.status
+							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+								className: "text-text-secondary",
+								children: f("ggnomad.provider.listings", "Listings")
+							}), /* @__PURE__ */ u("dd", {
+								className: "mt-0.5 font-medium tabular-nums text-text-primary",
+								children: e.listingCount
+							})] }),
+							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+								className: "text-text-secondary",
+								children: f("ggnomad.provider.revenue", "Revenue")
+							}), /* @__PURE__ */ d("dd", {
+								className: "mt-0.5 font-medium tabular-nums text-text-primary",
+								children: ["$", Number(e.totalRevenue).toLocaleString()]
+							})] }),
+							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+								className: "text-text-secondary",
+								children: f("ggnomad.provider.rating", "Rating")
+							}), /* @__PURE__ */ u("dd", {
+								className: "mt-0.5 font-medium tabular-nums text-text-primary",
+								children: e.rating ?? f("ggnomad.provider.noRating", "N/A")
+							})] })
 						]
-					}),
-					/* @__PURE__ */ i("p", { children: ["Listings: ", e.listingCount] }),
-					/* @__PURE__ */ i("p", { children: ["Revenue: $", Number(e.totalRevenue).toLocaleString()] }),
-					/* @__PURE__ */ i("p", { children: ["Rating: ", e.rating ?? "N/A"] })
-				]
-			}, e.id))
-		})
+					})
+				}, e.id))
+			})]
+		})]
 	});
 }
 //#endregion
-export { a as ProviderPage };
+export { f as ProviderPage };
 
 //# sourceMappingURL=ProviderPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProviderPage.js","names":[],"sources":["../../../src/ggnomad/pages/ProviderPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\n\nimport { GGNOMAD_PROVIDERS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function ProviderPage() {\n  const { data } = useQuery<{\n    ggnomadProviders: Array<{\n      id: string;\n      name: string;\n      type: string;\n      status: string;\n      listingCount: number;\n      totalRevenue: number;\n      rating?: number;\n    }>;\n  }>(GGNOMAD_PROVIDERS_QUERY, { variables: { first: 20, skip: 0 } });\n  const providers = data?.ggnomadProviders ?? [];\n\n  return (\n    <PageShell title=\"Provider Dashboard\" subtitle=\"B2B provider operations and onboarding metrics\">\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {providers.map(\n          (provider: {\n            id: string;\n            name: string;\n            type: string;\n            status: string;\n            listingCount: number;\n            totalRevenue: number;\n            rating?: number;\n          }) => (\n            <div key={provider.id} className=\"rounded-lg border p-4 text-sm\">\n              <p className=\"font-medium\">{provider.name}</p>\n              <p className=\"text-text-secondary\">\n                {provider.type} - {provider.status}\n              </p>\n              <p>Listings: {provider.listingCount}</p>\n              <p>Revenue: ${Number(provider.totalRevenue).toLocaleString()}</p>\n              <p>Rating: {provider.rating ?? 'N/A'}</p>\n            </div>\n          )\n        )}\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,IAAe;CAC7B,IAAM,EAAE,YAAS,EAUd,GAAyB,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CAAC;AAGlE,QACE,kBAAC,GAAD;EAAW,OAAM;EAAqB,UAAS;YAC7C,kBAAC,OAAD;GAAK,WAAU;cAJD,GAAM,oBAAoB,EAAE,EAK7B,KACR,MASC,kBAAC,OAAD;IAAuB,WAAU;cAAjC;KACE,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAS;MAAS,CAAA;KAC9C,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAS;OAAK;OAAI,EAAS;OAC1B;;KACJ,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAS,aAAiB,EAAA,CAAA;KACxC,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,OAAO,EAAS,aAAa,CAAC,gBAAgB,CAAK,EAAA,CAAA;KACjE,kBAAC,KAAD,EAAA,UAAA,CAAG,YAAS,EAAS,UAAU,MAAU,EAAA,CAAA;KACrC;MARI,EAAS,GAQb,CAET;GACG,CAAA;EACI,CAAA"}
+{"version":3,"file":"ProviderPage.js","names":[],"sources":["../../../src/ggnomad/pages/ProviderPage.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 { Briefcase } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROVIDERS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\n\nexport function ProviderPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_PROVIDERS_QUERY as TypedDocumentNode<\n      {\n        ggnomadProviders: Array<{\n          id: string;\n          name: string;\n          type: string;\n          status: string;\n          listingCount: number;\n          totalRevenue: number;\n          rating?: number;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n  const providers = data?.ggnomadProviders ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.provider.title', 'Provider Dashboard')}\n      titleAccent={t('ggnomad.provider.title.accent', 'Provider')}\n      subtitle={t('ggnomad.provider.subtitle', 'B2B provider operations and onboarding metrics')}\n    >\n      <PagePurpose icon={<Briefcase className=\"size-4\" />}>\n        {t(\n          'ggnomad.provider.purpose',\n          'Track the supply side of the marketplace — the hotels, tour operators and venues that publish inventory. Use it to monitor each provider’s status, listing count, revenue and rating, and to spot who needs onboarding attention.'\n        )}\n      </PagePurpose>\n\n      {providers.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title={t('ggnomad.provider.emptyTitle', 'No providers onboarded')}\n          description={t(\n            'ggnomad.provider.emptyDescription',\n            'Onboarded B2B providers and their performance will be tracked here.'\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.provider.onboardedProviders', 'Onboarded providers')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {providers.map((provider) => (\n              <EntityCard\n                key={provider.id}\n                title={provider.name}\n                meta={provider.type}\n                badge={<StatusBadge status={provider.status} live={provider.status === 'ACTIVE'} />}\n                footer={\n                  <dl className=\"grid grid-cols-3 gap-2 text-xs\">\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.listings', 'Listings')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        {provider.listingCount}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.revenue', 'Revenue')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        ${Number(provider.totalRevenue).toLocaleString()}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-text-secondary\">\n                        {t('ggnomad.provider.rating', 'Rating')}\n                      </dt>\n                      <dd className=\"mt-0.5 font-medium tabular-nums text-text-primary\">\n                        {provider.rating ?? t('ggnomad.provider.noRating', 'N/A')}\n                      </dd>\n                    </div>\n                  </dl>\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,IAAe;CAC7B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EACK,IAAY,GAAM,oBAAoB,EAAE;AAE9C,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,0BAA0B,qBAAqB;EACxD,aAAa,EAAE,iCAAiC,WAAW;EAC3D,UAAU,EAAE,6BAA6B,iDAAiD;YAH5F,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;aAChD,EACC,4BACA,oOACD;GACW,CAAA,EAEb,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,yBAAyB;GACjE,aAAa,EACX,qCACA,sEACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,uCAAuC,sBAAsB;IAC7D,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAU,KAAK,MACd,kBAAC,GAAD;KAEE,OAAO,EAAS;KAChB,MAAM,EAAS;KACf,OAAO,kBAAC,GAAD;MAAa,QAAQ,EAAS;MAAQ,MAAM,EAAS,WAAW;MAAY,CAAA;KACnF,QACE,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAE,6BAA6B,WAAW;QACxC,CAAA,EACL,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAS;QACP,CAAA,CACD,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAE,4BAA4B,UAAU;QACtC,CAAA,EACL,kBAAC,MAAD;QAAI,WAAU;kBAAd,CAAkE,KAC9D,OAAO,EAAS,aAAa,CAAC,gBAAgB,CAC7C;UACD,EAAA,CAAA;OACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAE,2BAA2B,SAAS;QACpC,CAAA,EACL,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAS,UAAU,EAAE,6BAA6B,MAAM;QACtD,CAAA,CACD,EAAA,CAAA;OACH;;KAEP,EAhCK,EAAS,GAgCd,CACF;IACE,CAAA,CACI;KAEJ"}

package/dist/ggnomad/pages/SearchPage.js

@@ -1,70 +1,79 @@
 import { GGNOMAD_ACTIVITIES_QUERY as e, GGNOMAD_EVENTS_QUERY as t, GGNOMAD_PROPERTIES_QUERY as n, GGNOMAD_TOURS_QUERY as r } from "../graphql.js";
 import { PageShell as i } from "./PageShell.js";
-import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useQuery as o } from "@apollo/client/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { StatCard as a } from "../components/StatCard.js";
+import "../components/index.js";
+import { Activity as o, Building as s, Compass as c, Search as l, Ticket as u } from "lucide-react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as f } from "@apollo/client/react";
+import { EmphasisPanel as p, IllustratedEmptyState 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/SearchPage.tsx
-function l() {
-	let { t: l } = a(), u = o(n, { variables: {
+function y() {
+	let { t: y } = d(), b = f(n, { variables: {
 		first: 5,
 		skip: 0
-	} }), d = o(r, { variables: {
+	} }), x = f(r, { variables: {
 		first: 5,
 		skip: 0
-	} }), f = o(t, { variables: {
+	} }), S = f(t, { variables: {
 		first: 5,
 		skip: 0
-	} }), p = o(e, { variables: {
+	} }), C = f(e, { variables: {
 		first: 5,
 		skip: 0
-	} });
-	return /* @__PURE__ */ s(i, {
-		title: l("ggnomad.search.title", "Global Search"),
-		subtitle: l("ggnomad.search.subtitle", "Cross-domain search across all GGNomad inventory"),
-		children: /* @__PURE__ */ c("div", {
-			className: "grid gap-4 md:grid-cols-2",
+	} }), w = b.data?.ggnomadProperties?.length ?? 0, T = x.data?.ggnomadTours?.length ?? 0, E = S.data?.ggnomadEvents?.length ?? 0, D = C.data?.ggnomadActivities?.length ?? 0, O = w + T + E + D;
+	return /* @__PURE__ */ v(i, {
+		title: y("ggnomad.search.title", "Global Search"),
+		titleAccent: y("ggnomad.search.title.accent", "Search"),
+		subtitle: y("ggnomad.search.subtitle", "Cross-domain search across all GGNomad inventory"),
+		children: [/* @__PURE__ */ _(h, {
+			icon: /* @__PURE__ */ _(l, { className: "size-4" }),
+			children: y("ggnomad.search.purpose", "One search across the entire GGNomad catalogue — properties, tours, events and activities at once — so you can see everything available for a destination in a single view instead of checking each domain separately.")
+		}), O === 0 ? /* @__PURE__ */ _(m, {
+			illustration: "empty-search",
+			title: y("ggnomad.search.emptyTitle", "No matching inventory"),
+			description: y("ggnomad.search.emptyDescription", "Nothing matched across properties, tours, events and activities yet.")
+		}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v(p, { children: [
+			/* @__PURE__ */ _("p", {
+				className: "text-sm text-text-secondary",
+				children: y("ggnomad.search.totalMatches", "Total matches across all domains")
+			}),
+			/* @__PURE__ */ _("p", {
+				className: "mt-1 text-3xl font-semibold tabular-nums text-text-primary",
+				children: O.toLocaleString()
+			}),
+			/* @__PURE__ */ _("p", {
+				className: "mt-2 text-sm text-text-secondary",
+				children: y("ggnomad.search.totalMatchesNote", "Combined inventory from properties, tours, events and activities — open a domain below to drill in.")
+			})
+		] }), /* @__PURE__ */ v("section", {
+			className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
 			children: [
-				/* @__PURE__ */ c("div", {
-					className: "rounded-lg border p-4",
-					children: [
-						l("ggnomad.search.results.propertiesFound", "Properties found"),
-						":",
-						" ",
-						u.data?.ggnomadProperties?.length ?? 0
-					]
+				/* @__PURE__ */ _(a, {
+					label: y("ggnomad.search.results.propertiesFound", "Properties found"),
+					value: w,
+					icon: /* @__PURE__ */ _(s, {})
 				}),
-				/* @__PURE__ */ c("div", {
-					className: "rounded-lg border p-4",
-					children: [
-						l("ggnomad.search.results.toursFound", "Tours found"),
-						":",
-						" ",
-						d.data?.ggnomadTours?.length ?? 0
-					]
+				/* @__PURE__ */ _(a, {
+					label: y("ggnomad.search.results.toursFound", "Tours found"),
+					value: T,
+					icon: /* @__PURE__ */ _(c, {})
 				}),
-				/* @__PURE__ */ c("div", {
-					className: "rounded-lg border p-4",
-					children: [
-						l("ggnomad.search.results.eventsFound", "Events found"),
-						":",
-						" ",
-						f.data?.ggnomadEvents?.length ?? 0
-					]
+				/* @__PURE__ */ _(a, {
+					label: y("ggnomad.search.results.eventsFound", "Events found"),
+					value: E,
+					icon: /* @__PURE__ */ _(u, {})
 				}),
-				/* @__PURE__ */ c("div", {
-					className: "rounded-lg border p-4",
-					children: [
-						l("ggnomad.search.results.activitiesFound", "Activities found"),
-						":",
-						" ",
-						p.data?.ggnomadActivities?.length ?? 0
-					]
+				/* @__PURE__ */ _(a, {
+					label: y("ggnomad.search.results.activitiesFound", "Activities found"),
+					value: D,
+					icon: /* @__PURE__ */ _(o, {})
 				})
 			]
-		})
+		})] })]
 	});
 }
 //#endregion
-export { l as SearchPage };
+export { y as SearchPage };
 
 //# sourceMappingURL=SearchPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchPage.js","names":[],"sources":["../../../src/ggnomad/pages/SearchPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nimport {\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n  GGNOMAD_ACTIVITIES_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function SearchPage() {\n  const { t } = useI18n();\n  const properties = useQuery<{ ggnomadProperties: Array<{ id: string }> }>(\n    GGNOMAD_PROPERTIES_QUERY,\n    { variables: { first: 5, skip: 0 } }\n  );\n  const tours = useQuery<{ ggnomadTours: Array<{ id: string }> }>(GGNOMAD_TOURS_QUERY, {\n    variables: { first: 5, skip: 0 },\n  });\n  const events = useQuery<{ ggnomadEvents: Array<{ id: string }> }>(GGNOMAD_EVENTS_QUERY, {\n    variables: { first: 5, skip: 0 },\n  });\n  const activities = useQuery<{ ggnomadActivities: Array<{ id: string }> }>(\n    GGNOMAD_ACTIVITIES_QUERY,\n    { variables: { first: 5, skip: 0 } }\n  );\n\n  return (\n    <PageShell\n      title={t('ggnomad.search.title', 'Global Search')}\n      subtitle={t('ggnomad.search.subtitle', 'Cross-domain search across all GGNomad inventory')}\n    >\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <div className=\"rounded-lg border p-4\">\n          {t('ggnomad.search.results.propertiesFound', 'Properties found')}:{' '}\n          {properties.data?.ggnomadProperties?.length ?? 0}\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          {t('ggnomad.search.results.toursFound', 'Tours found')}:{' '}\n          {tours.data?.ggnomadTours?.length ?? 0}\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          {t('ggnomad.search.results.eventsFound', 'Events found')}:{' '}\n          {events.data?.ggnomadEvents?.length ?? 0}\n        </div>\n        <div className=\"rounded-lg border p-4\">\n          {t('ggnomad.search.results.activitiesFound', 'Activities found')}:{' '}\n          {activities.data?.ggnomadActivities?.length ?? 0}\n        </div>\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,GAAS,EACjB,IAAa,EACjB,GACA,EAAE,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EAAE,CACrC,EACK,IAAQ,EAAkD,GAAqB,EACnF,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EACjC,CAAC,EACI,IAAS,EAAmD,GAAsB,EACtF,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EACjC,CAAC,EACI,IAAa,EACjB,GACA,EAAE,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EAAE,CACrC;AAED,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,wBAAwB,gBAAgB;EACjD,UAAU,EAAE,2BAA2B,mDAAmD;YAE1F,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAE,0CAA0C,mBAAmB;MAAC;MAAE;MAClE,EAAW,MAAM,mBAAmB,UAAU;MAC3C;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAE,qCAAqC,cAAc;MAAC;MAAE;MACxD,EAAM,MAAM,cAAc,UAAU;MACjC;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAE,sCAAsC,eAAe;MAAC;MAAE;MAC1D,EAAO,MAAM,eAAe,UAAU;MACnC;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAE,0CAA0C,mBAAmB;MAAC;MAAE;MAClE,EAAW,MAAM,mBAAmB,UAAU;MAC3C;;IACF;;EACI,CAAA"}
+{"version":3,"file":"SearchPage.js","names":[],"sources":["../../../src/ggnomad/pages/SearchPage.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 { Activity, Building, Compass, Search, Ticket } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n  GGNOMAD_ACTIVITIES_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { StatCard } from '../components';\n\nexport function SearchPage() {\n  const { t } = useI18n();\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 5, 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: 5, 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: 5, skip: 0 },\n    }\n  );\n  const activities = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 5, skip: 0 } }\n  );\n\n  const propertyCount = properties.data?.ggnomadProperties?.length ?? 0;\n  const tourCount = tours.data?.ggnomadTours?.length ?? 0;\n  const eventCount = events.data?.ggnomadEvents?.length ?? 0;\n  const activityCount = activities.data?.ggnomadActivities?.length ?? 0;\n  const total = propertyCount + tourCount + eventCount + activityCount;\n\n  return (\n    <PageShell\n      title={t('ggnomad.search.title', 'Global Search')}\n      titleAccent={t('ggnomad.search.title.accent', 'Search')}\n      subtitle={t('ggnomad.search.subtitle', 'Cross-domain search across all GGNomad inventory')}\n    >\n      <PagePurpose icon={<Search className=\"size-4\" />}>\n        {t(\n          'ggnomad.search.purpose',\n          'One search across the entire GGNomad catalogue — properties, tours, events and activities at once — so you can see everything available for a destination in a single view instead of checking each domain separately.'\n        )}\n      </PagePurpose>\n\n      {total === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={t('ggnomad.search.emptyTitle', 'No matching inventory')}\n          description={t(\n            'ggnomad.search.emptyDescription',\n            'Nothing matched across properties, tours, events and activities yet.'\n          )}\n        />\n      ) : (\n        <>\n          <EmphasisPanel>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.search.totalMatches', 'Total matches across all domains')}\n            </p>\n            <p className=\"mt-1 text-3xl font-semibold tabular-nums text-text-primary\">\n              {total.toLocaleString()}\n            </p>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {t(\n                'ggnomad.search.totalMatchesNote',\n                'Combined inventory from properties, tours, events and activities — open a domain below to drill in.'\n              )}\n            </p>\n          </EmphasisPanel>\n\n          <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            <StatCard\n              label={t('ggnomad.search.results.propertiesFound', 'Properties found')}\n              value={propertyCount}\n              icon={<Building />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.toursFound', 'Tours found')}\n              value={tourCount}\n              icon={<Compass />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.eventsFound', 'Events found')}\n              value={eventCount}\n              icon={<Ticket />}\n            />\n            <StatCard\n              label={t('ggnomad.search.results.activitiesFound', 'Activities found')}\n              value={activityCount}\n              icon={<Activity />}\n            />\n          </section>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,IAAa;CAC3B,IAAM,EAAE,SAAM,GAAS,EACjB,IAAa,EACjB,GAIA,EAAE,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EAAE,CACrC,EACK,IAAQ,EACZ,GAIA,EACE,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EACjC,CACF,EACK,IAAS,EACb,GAIA,EACE,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EACjC,CACF,EACK,IAAa,EACjB,GAIA,EAAE,WAAW;EAAE,OAAO;EAAG,MAAM;EAAG,EAAE,CACrC,EAEK,IAAgB,EAAW,MAAM,mBAAmB,UAAU,GAC9D,IAAY,EAAM,MAAM,cAAc,UAAU,GAChD,IAAa,EAAO,MAAM,eAAe,UAAU,GACnD,IAAgB,EAAW,MAAM,mBAAmB,UAAU,GAC9D,IAAQ,IAAgB,IAAY,IAAa;AAEvD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,wBAAwB,gBAAgB;EACjD,aAAa,EAAE,+BAA+B,SAAS;EACvD,UAAU,EAAE,2BAA2B,mDAAmD;YAH5F,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;aAC7C,EACC,0BACA,yNACD;GACW,CAAA,EAEb,MAAU,IACT,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,6BAA6B,wBAAwB;GAC9D,aAAa,EACX,mCACA,uEACD;GACD,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,+BAA+B,mCAAmC;IACnE,CAAA;GACJ,kBAAC,KAAD;IAAG,WAAU;cACV,EAAM,gBAAgB;IACrB,CAAA;GACJ,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,mCACA,sGACD;IACC,CAAA;GACU,EAAA,CAAA,EAEhB,kBAAC,WAAD;GAAS,WAAU;aAAnB;IACE,kBAAC,GAAD;KACE,OAAO,EAAE,0CAA0C,mBAAmB;KACtE,OAAO;KACP,MAAM,kBAAC,GAAD,EAAY,CAAA;KAClB,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EAAE,qCAAqC,cAAc;KAC5D,OAAO;KACP,MAAM,kBAAC,GAAD,EAAW,CAAA;KACjB,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EAAE,sCAAsC,eAAe;KAC9D,OAAO;KACP,MAAM,kBAAC,GAAD,EAAU,CAAA;KAChB,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EAAE,0CAA0C,mBAAmB;KACtE,OAAO;KACP,MAAM,kBAAC,GAAD,EAAY,CAAA;KAClB,CAAA;IACM;KACT,EAAA,CAAA,CAEK"}

package/dist/ggnomad/pages/TourDetailsPage.js

@@ -1,49 +1,96 @@
 import { GGNOMAD_TOUR_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 { CalendarCheck as i, CheckCircle2 as a, Compass as o } from "lucide-react";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as c, useParams as l } from "react-router-dom";
+import { useQuery as u } from "@apollo/client/react";
+import { GlassCard as d, IllustratedEmptyState as f, NextSteps as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/ggnomad/pages/TourDetailsPage.tsx
-function o() {
-	let { id: o = "" } = n(), { data: s } = r(e, {
-		variables: { id: o },
-		skip: !o
-	}), c = s?.ggnomadTour;
-	return /* @__PURE__ */ i(t, {
-		title: c?.name ?? "Tour details",
-		subtitle: "Tour package details and booking context",
-		children: c ? /* @__PURE__ */ a("div", {
-			className: "grid gap-4 md:grid-cols-2 text-sm",
-			children: [/* @__PURE__ */ a("div", {
-				className: "rounded-lg border p-4",
-				children: [
-					/* @__PURE__ */ a("p", { children: ["Duration: ", c.duration] }),
-					/* @__PURE__ */ a("p", { children: ["Difficulty: ", c.difficulty ?? "N/A"] }),
-					/* @__PURE__ */ a("p", { children: ["Guide: ", c.guideName ?? "N/A"] }),
-					/* @__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: "mb-2 font-medium",
-					children: "Highlights"
-				}), /* @__PURE__ */ i("ul", {
-					className: "list-inside list-disc",
-					children: (c.highlights ?? []).map((e) => /* @__PURE__ */ i("li", { children: e }, e))
+function v() {
+	let { t: v } = s(), y = c(), { id: b = "" } = l(), { data: x } = u(e, {
+		variables: { id: b },
+		skip: !b
+	}), S = x?.ggnomadTour;
+	return /* @__PURE__ */ g(t, {
+		title: S?.name ?? v("ggnomad.tour.fallbackTitle", "Tour details"),
+		subtitle: v("ggnomad.tour.subtitle", "Tour package details and booking context"),
+		children: S ? /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ g(m, {
+				icon: /* @__PURE__ */ g(o, { className: "size-4" }),
+				children: v("ggnomad.tour.purpose", "See exactly what this tour involves — duration, difficulty, your guide, price and the highlights you’ll experience — so you can confirm it fits your trip before booking.")
+			}),
+			/* @__PURE__ */ g(p, {
+				storageKey: "ggnomad-tour-detail",
+				steps: [{
+					id: "book",
+					label: v("ggnomad.tour.next.book", "Book this tour"),
+					description: v("ggnomad.tour.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
+					icon: /* @__PURE__ */ g(i, { className: "size-4" }),
+					onClick: () => y("../../../bookings")
+				}, {
+					id: "browse",
+					label: v("ggnomad.tour.next.browse", "Explore more experiences"),
+					description: v("ggnomad.tour.next.browseDesc", "Return to Tourism to compare tours and activities."),
+					icon: /* @__PURE__ */ g(o, { className: "size-4" }),
+					onClick: () => y("../..")
+				}]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ _(d, {
+					treatment: "glass",
+					glow: !0,
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ g("h2", {
+						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+						children: v("ggnomad.tour.details", "Details")
+					}), /* @__PURE__ */ _("dl", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.tour.duration", "Duration"),
+								value: S.duration
+							}),
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.tour.difficulty", "Difficulty"),
+								value: S.difficulty ?? v("ggnomad.tour.na", "N/A")
+							}),
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.tour.guide", "Guide"),
+								value: S.guideName ?? v("ggnomad.tour.na", "N/A")
+							}),
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.tour.price", "Price"),
+								value: `${S.currency} ${Number(S.price).toFixed(2)}`
+							})
+						]
+					})]
+				}), /* @__PURE__ */ g(n, {
+					title: v("ggnomad.tour.highlights", "Highlights"),
+					children: /* @__PURE__ */ g("ul", {
+						className: "space-y-2 text-sm",
+						children: (S.highlights ?? []).map((e) => /* @__PURE__ */ _("li", {
+							className: "flex items-start gap-2 text-text-primary",
+							children: [/* @__PURE__ */ g(a, {
+								className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
+								"aria-hidden": "true"
+							}), e]
+						}, e))
+					})
 				})]
-			})]
-		}) : /* @__PURE__ */ i("div", {
-			className: "rounded-lg border p-4 text-text-secondary",
-			children: "No tour found."
+			})
+		] }) : /* @__PURE__ */ g(f, {
+			illustration: "empty-data",
+			title: v("ggnomad.tour.notFoundTitle", "No tour found"),
+			description: v("ggnomad.tour.notFoundDescription", "This tour is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { o as TourDetailsPage };
+export { v as TourDetailsPage };
 
 //# sourceMappingURL=TourDetailsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TourDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourDetailsPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useParams } from 'react-router-dom';\n\nimport { GGNOMAD_TOUR_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function TourDetailsPage() {\n  const { id = '' } = useParams();\n  const { data } = useQuery<{\n    ggnomadTour: {\n      name: string;\n      duration: string;\n      difficulty?: string;\n      guideName?: string;\n      currency: string;\n      price: number;\n      highlights: string[];\n    } | null;\n  }>(GGNOMAD_TOUR_QUERY, { variables: { id }, skip: !id });\n  const tour = data?.ggnomadTour;\n\n  return (\n    <PageShell\n      title={tour?.name ?? 'Tour details'}\n      subtitle=\"Tour package details and booking context\"\n    >\n      {!tour ? (\n        <div className=\"rounded-lg border p-4 text-text-secondary\">No tour found.</div>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 text-sm\">\n          <div className=\"rounded-lg border p-4\">\n            <p>Duration: {tour.duration}</p>\n            <p>Difficulty: {tour.difficulty ?? 'N/A'}</p>\n            <p>Guide: {tour.guideName ?? 'N/A'}</p>\n            <p>\n              Price: {tour.currency} {Number(tour.price).toFixed(2)}\n            </p>\n          </div>\n          <div className=\"rounded-lg border p-4\">\n            <p className=\"mb-2 font-medium\">Highlights</p>\n            <ul className=\"list-inside list-disc\">\n              {(tour.highlights ?? []).map((highlight: string) => (\n                <li key={highlight}>{highlight}</li>\n              ))}\n            </ul>\n          </div>\n        </div>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAkB;CAChC,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EAUd,GAAoB;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CAAC,EAClD,IAAO,GAAM;AAEnB,QACE,kBAAC,GAAD;EACE,OAAO,GAAM,QAAQ;EACrB,UAAS;YAEP,IAGA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAK,SAAa,EAAA,CAAA;KAChC,kBAAC,KAAD,EAAA,UAAA,CAAG,gBAAa,EAAK,cAAc,MAAU,EAAA,CAAA;KAC7C,kBAAC,KAAD,EAAA,UAAA,CAAG,WAAQ,EAAK,aAAa,MAAU,EAAA,CAAA;KACvC,kBAAC,KAAD,EAAA,UAAA;MAAG;MACO,EAAK;MAAS;MAAE,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;MACnD,EAAA,CAAA;KACA;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmB;KAAc,CAAA,EAC9C,kBAAC,MAAD;KAAI,WAAU;gBACV,EAAK,cAAc,EAAE,EAAE,KAAK,MAC5B,kBAAC,MAAD,EAAA,UAAqB,GAAe,EAA3B,EAA2B,CACpC;KACC,CAAA,CACD;MACF;OAnBN,kBAAC,OAAD;GAAK,WAAU;aAA4C;GAAoB,CAAA;EAqBvE,CAAA"}
+{"version":3,"file":"TourDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourDetailsPage.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 { CalendarCheck, CheckCircle2, Compass } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_TOUR_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function TourDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_TOUR_QUERY as TypedDocumentNode<\n      {\n        ggnomadTour: {\n          name: string;\n          duration: string;\n          difficulty?: string;\n          guideName?: string;\n          currency: string;\n          price: number;\n          highlights: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const tour = data?.ggnomadTour;\n\n  return (\n    <PageShell\n      title={tour?.name ?? t('ggnomad.tour.fallbackTitle', 'Tour details')}\n      subtitle={t('ggnomad.tour.subtitle', 'Tour package details and booking context')}\n    >\n      {!tour ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.tour.notFoundTitle', 'No tour found')}\n          description={t(\n            'ggnomad.tour.notFoundDescription',\n            'This tour is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <PagePurpose icon={<Compass className=\"size-4\" />}>\n            {t(\n              'ggnomad.tour.purpose',\n              'See exactly what this tour involves — duration, difficulty, your guide, price and the highlights you’ll experience — so you can confirm it fits your trip before booking.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-tour-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.tour.next.book', 'Book this tour'),\n                description: t(\n                  'ggnomad.tour.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.tour.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.tour.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.tour.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow label={t('ggnomad.tour.duration', 'Duration')} value={tour.duration} />\n                <DetailRow\n                  label={t('ggnomad.tour.difficulty', 'Difficulty')}\n                  value={tour.difficulty ?? t('ggnomad.tour.na', 'N/A')}\n                />\n                <DetailRow\n                  label={t('ggnomad.tour.guide', 'Guide')}\n                  value={tour.guideName ?? t('ggnomad.tour.na', 'N/A')}\n                />\n                <DetailRow\n                  label={t('ggnomad.tour.price', 'Price')}\n                  value={`${tour.currency} ${Number(tour.price).toFixed(2)}`}\n                />\n              </dl>\n            </GlassCard>\n            <SectionCard title={t('ggnomad.tour.highlights', 'Highlights')}>\n              <ul className=\"space-y-2 text-sm\">\n                {(tour.highlights ?? []).map((highlight) => (\n                  <li key={highlight} className=\"flex items-start gap-2 text-text-primary\">\n                    <CheckCircle2\n                      className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                      aria-hidden=\"true\"\n                    />\n                    {highlight}\n                  </li>\n                ))}\n              </ul>\n            </SectionCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,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,IAAO,GAAM;AAEnB,QACE,kBAAC,GAAD;EACE,OAAO,GAAM,QAAQ,EAAE,8BAA8B,eAAe;EACpE,UAAU,EAAE,yBAAyB,2CAA2C;YAE9E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;cAC9C,EACC,wBACA,4KACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,0BAA0B,iBAAiB;KACpD,aAAa,EACX,8BACA,wDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,oBAAoB;KAC7C,EACD;KACE,IAAI;KACJ,OAAO,EAAE,4BAA4B,2BAA2B;KAChE,aAAa,EACX,gCACA,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,wBAAwB,UAAU;MAClC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QAAW,OAAO,EAAE,yBAAyB,WAAW;QAAE,OAAO,EAAK;QAAY,CAAA;OAClF,kBAAC,GAAD;QACE,OAAO,EAAE,2BAA2B,aAAa;QACjD,OAAO,EAAK,cAAc,EAAE,mBAAmB,MAAM;QACrD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,QAAQ;QACvC,OAAO,EAAK,aAAa,EAAE,mBAAmB,MAAM;QACpD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,QAAQ;QACvC,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;QACxD,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,2BAA2B,aAAa;eAC5D,kBAAC,MAAD;MAAI,WAAU;iBACV,EAAK,cAAc,EAAE,EAAE,KAAK,MAC5B,kBAAC,MAAD;OAAoB,WAAU;iBAA9B,CACE,kBAAC,GAAD;QACE,WAAU;QACV,eAAY;QACZ,CAAA,EACD,EACE;SANI,EAMJ,CACL;MACC,CAAA;KACO,CAAA,CACV;;GACL,EAAA,CAAA,GA9EH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,8BAA8B,gBAAgB;GACvD,aAAa,EACX,oCACA,qDACD;GACD,CAAA;EAyEM,CAAA"}

package/dist/ggnomad/pages/TourismPage.js

@@ -1,75 +1,76 @@
 import { GGNOMAD_ACTIVITIES_QUERY as e, GGNOMAD_TOURS_QUERY as t } from "../graphql.js";
 import { PageShell as n } from "./PageShell.js";
-import { Link as r } from "react-router-dom";
-import { useQuery as i } from "@apollo/client/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { SectionCard as r } from "../components/SectionCard.js";
+import { EntityCard as i } from "../components/EntityCard.js";
+import "../components/index.js";
+import { Compass as a } from "lucide-react";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as s } from "@apollo/client/react";
+import { EmphasisPanel as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/ggnomad/pages/TourismPage.tsx
-function s() {
-	let { data: s } = i(t, { variables: {
+function p() {
+	let { t: p } = o(), { data: m } = s(t, { variables: {
 		first: 12,
 		skip: 0
-	} }), { data: c } = i(e, { variables: {
+	} }), { data: h } = s(e, { variables: {
 		first: 12,
 		skip: 0
-	} }), l = s?.ggnomadTours ?? [], u = c?.ggnomadActivities ?? [];
-	return /* @__PURE__ */ a(n, {
-		title: "Tourism",
-		subtitle: "Tours and curated activity experiences",
-		children: /* @__PURE__ */ o("div", {
-			className: "grid gap-6 md:grid-cols-2",
-			children: [/* @__PURE__ */ o("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ a("h2", {
-					className: "text-lg font-medium",
-					children: "Tours"
-				}), l.map((e) => /* @__PURE__ */ o(r, {
-					to: `tours/${e.id}`,
-					className: "block rounded-lg border p-3 text-sm hover:bg-bg-sunken/30",
-					children: [
-						/* @__PURE__ */ a("p", {
-							className: "font-medium",
-							children: e.name
-						}),
-						/* @__PURE__ */ a("p", {
-							className: "text-text-secondary",
-							children: e.duration
-						}),
-						/* @__PURE__ */ o("p", { children: [
-							e.currency,
-							" ",
-							Number(e.price).toFixed(2)
-						] })
-					]
-				}, e.id))]
-			}), /* @__PURE__ */ o("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ a("h2", {
-					className: "text-lg font-medium",
-					children: "Activities"
-				}), u.map((e) => /* @__PURE__ */ o(r, {
-					to: `activities/${e.id}`,
-					className: "block rounded-lg border p-3 text-sm hover:bg-bg-sunken/30",
-					children: [
-						/* @__PURE__ */ a("p", {
-							className: "font-medium",
-							children: e.name
-						}),
-						/* @__PURE__ */ a("p", {
-							className: "text-text-secondary",
-							children: e.duration
-						}),
-						/* @__PURE__ */ o("p", { children: [
-							e.currency,
-							" ",
-							Number(e.price).toFixed(2)
-						] })
-					]
-				}, e.id))]
-			})]
-		})
+	} }), g = m?.ggnomadTours ?? [], _ = h?.ggnomadActivities ?? [], v = (e, t, n) => e.length === 0 ? /* @__PURE__ */ d(l, {
+		illustration: "empty-data",
+		title: n,
+		description: p("ggnomad.tourism.emptyDescription", "Curated experiences will appear here once published.")
+	}) : /* @__PURE__ */ d("div", {
+		className: "grid gap-3",
+		children: e.map((e) => /* @__PURE__ */ d(i, {
+			to: `${t}/${e.id}`,
+			title: e.name,
+			meta: e.duration,
+			price: `${e.currency} ${Number(e.price).toFixed(2)}`
+		}, e.id))
+	});
+	return /* @__PURE__ */ f(n, {
+		title: p("ggnomad.tourism.title", "Tourism"),
+		titleAccent: p("ggnomad.tourism.title.accent", "Tourism"),
+		subtitle: p("ggnomad.tourism.subtitle", "Tours and curated activity experiences"),
+		children: [
+			/* @__PURE__ */ d(u, {
+				icon: /* @__PURE__ */ d(a, { className: "size-4" }),
+				children: p("ggnomad.tourism.purpose", "Plan what you’ll actually do at a destination — guided tours and bookable activities curated by local operators. Open any experience to review duration, price and what’s included, then add it to a booking.")
+			}),
+			/* @__PURE__ */ f(c, { children: [/* @__PURE__ */ f("div", {
+				className: "grid gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+					className: "text-sm text-text-secondary",
+					children: p("ggnomad.tourism.tours", "Tours")
+				}), /* @__PURE__ */ d("p", {
+					className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+					children: g.length
+				})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+					className: "text-sm text-text-secondary",
+					children: p("ggnomad.tourism.activities", "Activities")
+				}), /* @__PURE__ */ d("p", {
+					className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
+					children: _.length
+				})] })]
+			}), /* @__PURE__ */ d("p", {
+				className: "mt-4 text-sm text-text-secondary",
+				children: p("ggnomad.tourism.emphasisNote", "Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.")
+			})] }),
+			/* @__PURE__ */ f("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ d(r, {
+					title: p("ggnomad.tourism.tours", "Tours"),
+					children: v(g, "tours", p("ggnomad.tourism.toursEmpty", "No tours yet"))
+				}), /* @__PURE__ */ d(r, {
+					title: p("ggnomad.tourism.activities", "Activities"),
+					children: v(_, "activities", p("ggnomad.tourism.activitiesEmpty", "No activities yet"))
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { s as TourismPage };
+export { p as TourismPage };
 
 //# sourceMappingURL=TourismPage.js.map