@burdenoff/microfe-ggnomad 2026.608.1 → 2026.626.1

package/dist/ggnomad/pages/EntertainmentPage.js

@@ -1,43 +1,50 @@
 import { GGNOMAD_EVENTS_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
-import { Link 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 { EntityCard as n } from "../components/EntityCard.js";
+import "../components/index.js";
+import { Ticket as r } from "lucide-react";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as a } from "@apollo/client/react";
+import { GlassCard as o, IllustratedEmptyState as s, PagePurpose as c } from "@burdenoff/fe-libs/ui";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/ggnomad/pages/EntertainmentPage.tsx
-function o() {
-	let { data: o } = r(e, { variables: {
+function d() {
+	let { t: d } = i(), { data: f } = a(e, { variables: {
 		first: 20,
 		skip: 0
-	} });
-	return /* @__PURE__ */ i(t, {
-		title: "Entertainment",
-		subtitle: "Events and live experiences",
-		children: /* @__PURE__ */ i("div", {
-			className: "grid gap-3 md:grid-cols-2",
-			children: (o?.ggnomadEvents ?? []).map((e) => /* @__PURE__ */ a(n, {
-				to: e.id,
-				className: "rounded-lg border p-4 text-sm hover:bg-muted/30",
-				children: [
-					/* @__PURE__ */ i("p", {
-						className: "font-medium",
-						children: e.name
-					}),
-					/* @__PURE__ */ i("p", {
-						className: "text-muted-foreground",
-						children: e.category
-					}),
-					/* @__PURE__ */ i("p", { children: new Date(e.startsAt).toLocaleString() }),
-					/* @__PURE__ */ a("p", { children: [
-						e.currency,
-						" ",
-						Number(e.price).toFixed(2)
-					] })
-				]
-			}, e.id))
-		})
+	} }), p = f?.ggnomadEvents ?? [];
+	return /* @__PURE__ */ u(t, {
+		title: d("ggnomad.entertainment.title", "Entertainment"),
+		titleAccent: d("ggnomad.entertainment.title.accent", "Entertainment"),
+		subtitle: d("ggnomad.entertainment.subtitle", "Events and live experiences"),
+		children: [/* @__PURE__ */ l(c, {
+			icon: /* @__PURE__ */ l(r, { className: "size-4" }),
+			children: d("ggnomad.entertainment.purpose", "Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.")
+		}), p.length === 0 ? /* @__PURE__ */ l(s, {
+			illustration: "empty-data",
+			title: d("ggnomad.entertainment.emptyTitle", "No events scheduled"),
+			description: d("ggnomad.entertainment.emptyDescription", "Upcoming events and live experiences will be listed here.")
+		}) : /* @__PURE__ */ u(o, {
+			treatment: "glass",
+			glow: !0,
+			className: "border-border-seam p-5",
+			children: [/* @__PURE__ */ l("h2", {
+				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+				children: d("ggnomad.entertainment.upcomingEvents", "Upcoming events")
+			}), /* @__PURE__ */ l("div", {
+				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+				children: p.map((e) => /* @__PURE__ */ l(n, {
+					to: e.id,
+					title: e.name,
+					meta: e.category,
+					price: `${e.currency} ${Number(e.price).toFixed(2)}`,
+					footer: new Date(e.startsAt).toLocaleString()
+				}, e.id))
+			})]
+		})]
 	});
 }
 //#endregion
-export { o as EntertainmentPage };
+export { d as EntertainmentPage };
 
 //# sourceMappingURL=EntertainmentPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { Link } from 'react-router-dom';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function EntertainmentPage() {\n  const { data } = useQuery<{\n    ggnomadEvents: Array<{\n      id: string;\n      name: string;\n      category: string;\n      startsAt: string;\n      price: number;\n      currency: string;\n    }>;\n  }>(GGNOMAD_EVENTS_QUERY, { variables: { first: 20, skip: 0 } });\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell title=\"Entertainment\" subtitle=\"Events and live experiences\">\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {events.map(\n          (event: {\n            id: string;\n            name: string;\n            category: string;\n            startsAt: string;\n            price: number;\n            currency: string;\n          }) => (\n            <Link\n              key={event.id}\n              to={event.id}\n              className=\"rounded-lg border p-4 text-sm hover:bg-muted/30\"\n            >\n              <p className=\"font-medium\">{event.name}</p>\n              <p className=\"text-muted-foreground\">{event.category}</p>\n              <p>{new Date(event.startsAt).toLocaleString()}</p>\n              <p>\n                {event.currency} {Number(event.price).toFixed(2)}\n              </p>\n            </Link>\n          )\n        )}\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAoB;CAClC,IAAM,EAAE,YAAS,EASd,GAAsB,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CAAC;AAG/D,QACE,kBAAC,GAAD;EAAW,OAAM;EAAgB,UAAS;YACxC,kBAAC,OAAD;GAAK,WAAU;cAJJ,GAAM,iBAAiB,EAAE,EAK1B,KACL,MAQC,kBAAC,GAAD;IAEE,IAAI,EAAM;IACV,WAAU;cAHZ;KAKE,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAM;MAAS,CAAA;KAC3C,kBAAC,KAAD;MAAG,WAAU;gBAAyB,EAAM;MAAa,CAAA;KACzD,kBAAC,KAAD,EAAA,UAAI,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB,EAAK,CAAA;KAClD,kBAAC,KAAD,EAAA,UAAA;MACG,EAAM;MAAS;MAAE,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;MAC9C,EAAA,CAAA;KACC;MAVA,EAAM,GAUN,CAEV;GACG,CAAA;EACI,CAAA"}
+{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.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 { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\n\nexport function EntertainmentPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.entertainment.title', 'Entertainment')}\n      titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n      subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n    >\n      <PagePurpose icon={<Ticket className=\"size-4\" />}>\n        {t(\n          'ggnomad.entertainment.purpose',\n          'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n        )}\n      </PagePurpose>\n\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n          description={t(\n            'ggnomad.entertainment.emptyDescription',\n            'Upcoming events and live experiences will be listed 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.entertainment.upcomingEvents', 'Upcoming events')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {events.map((event) => (\n              <EntityCard\n                key={event.id}\n                to={event.id}\n                title={event.name}\n                meta={event.category}\n                price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                footer={new Date(event.startsAt).toLocaleString()}\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,GAaA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EACK,IAAS,GAAM,iBAAiB,EAAE;AAExC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,gBAAgB;EACxD,aAAa,EAAE,sCAAsC,gBAAgB;EACrE,UAAU,EAAE,kCAAkC,8BAA8B;YAH9E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;aAC7C,EACC,iCACA,qKACD;GACW,CAAA,EAEb,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,sBAAsB;GACnE,aAAa,EACX,0CACA,4DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,wCAAwC,kBAAkB;IAC1D,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,MACX,kBAAC,GAAD;KAEE,IAAI,EAAM;KACV,OAAO,EAAM;KACb,MAAM,EAAM;KACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;KAC1D,QAAQ,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;KACjD,EANK,EAAM,GAMX,CACF;IACE,CAAA,CACI;KAEJ"}

package/dist/ggnomad/pages/EventDetailsPage.js

@@ -1,49 +1,96 @@
 import { GGNOMAD_EVENT_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, Mic2 as a, Ticket 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/EventDetailsPage.tsx
-function o() {
-	let { id: o = "" } = n(), { data: s } = r(e, {
-		variables: { id: o },
-		skip: !o
-	}), c = s?.ggnomadEvent;
-	return /* @__PURE__ */ i(t, {
-		title: c?.name ?? "Event details",
-		subtitle: "Live event details, venue and lineup",
-		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: ["Category: ", c.category] }),
-					/* @__PURE__ */ a("p", { children: ["Starts: ", new Date(c.startsAt).toLocaleString()] }),
-					/* @__PURE__ */ a("p", { children: ["Ends: ", c.endsAt ? new Date(c.endsAt).toLocaleString() : "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: "font-medium",
-					children: "Performers"
-				}), /* @__PURE__ */ i("ul", {
-					className: "list-inside list-disc",
-					children: (c.performers ?? []).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?.ggnomadEvent;
+	return /* @__PURE__ */ g(t, {
+		title: S?.name ?? v("ggnomad.event.fallbackTitle", "Event details"),
+		subtitle: v("ggnomad.event.subtitle", "Live event details, venue and lineup"),
+		children: S ? /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ g(m, {
+				icon: /* @__PURE__ */ g(o, { className: "size-4" }),
+				children: v("ggnomad.event.purpose", "All the details for this live event in one place — category, start and end times, ticket price and the full lineup — so you can decide and book tickets before they sell out.")
+			}),
+			/* @__PURE__ */ g(p, {
+				storageKey: "ggnomad-event-detail",
+				steps: [{
+					id: "book",
+					label: v("ggnomad.event.next.book", "Book tickets"),
+					description: v("ggnomad.event.next.bookDesc", "Reserve seats and track them under Bookings."),
+					icon: /* @__PURE__ */ g(i, { className: "size-4" }),
+					onClick: () => y("../../bookings")
+				}, {
+					id: "browse",
+					label: v("ggnomad.event.next.browse", "See more events"),
+					description: v("ggnomad.event.next.browseDesc", "Return to Entertainment for other live experiences."),
+					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.event.details", "Details")
+					}), /* @__PURE__ */ _("dl", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.event.category", "Category"),
+								value: S.category
+							}),
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.event.starts", "Starts"),
+								value: new Date(S.startsAt).toLocaleString()
+							}),
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.event.ends", "Ends"),
+								value: S.endsAt ? new Date(S.endsAt).toLocaleString() : v("ggnomad.event.na", "N/A")
+							}),
+							/* @__PURE__ */ g(r, {
+								label: v("ggnomad.event.price", "Price"),
+								value: `${S.currency} ${Number(S.price).toFixed(2)}`
+							})
+						]
+					})]
+				}), /* @__PURE__ */ g(n, {
+					title: v("ggnomad.event.performers", "Performers"),
+					children: /* @__PURE__ */ g("ul", {
+						className: "space-y-2 text-sm",
+						children: (S.performers ?? []).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-action-primary-bg",
+								"aria-hidden": "true"
+							}), e]
+						}, e))
+					})
 				})]
-			})]
-		}) : /* @__PURE__ */ i("div", {
-			className: "rounded-lg border p-4 text-muted-foreground",
-			children: "No event found."
+			})
+		] }) : /* @__PURE__ */ g(f, {
+			illustration: "empty-data",
+			title: v("ggnomad.event.notFoundTitle", "No event found"),
+			description: v("ggnomad.event.notFoundDescription", "This event is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { o as EventDetailsPage };
+export { v as EventDetailsPage };
 
 //# sourceMappingURL=EventDetailsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EventDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/EventDetailsPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useParams } from 'react-router-dom';\n\nimport { GGNOMAD_EVENT_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function EventDetailsPage() {\n  const { id = '' } = useParams();\n  const { data } = useQuery<{\n    ggnomadEvent: {\n      name: string;\n      category: string;\n      startsAt: string;\n      endsAt?: string;\n      currency: string;\n      price: number;\n      performers: string[];\n    } | null;\n  }>(GGNOMAD_EVENT_QUERY, { variables: { id }, skip: !id });\n  const event = data?.ggnomadEvent;\n\n  return (\n    <PageShell\n      title={event?.name ?? 'Event details'}\n      subtitle=\"Live event details, venue and lineup\"\n    >\n      {!event ? (\n        <div className=\"rounded-lg border p-4 text-muted-foreground\">No event 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>Category: {event.category}</p>\n            <p>Starts: {new Date(event.startsAt).toLocaleString()}</p>\n            <p>Ends: {event.endsAt ? new Date(event.endsAt).toLocaleString() : 'N/A'}</p>\n            <p>\n              Price: {event.currency} {Number(event.price).toFixed(2)}\n            </p>\n          </div>\n          <div className=\"rounded-lg border p-4\">\n            <p className=\"font-medium\">Performers</p>\n            <ul className=\"list-inside list-disc\">\n              {(event.performers ?? []).map((performer: string) => (\n                <li key={performer}>{performer}</li>\n              ))}\n            </ul>\n          </div>\n        </div>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAmB;CACjC,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EAUd,GAAqB;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CAAC,EACnD,IAAQ,GAAM;AAEpB,QACE,kBAAC,GAAD;EACE,OAAO,GAAO,QAAQ;EACtB,UAAS;YAEP,IAGA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAM,SAAa,EAAA,CAAA;KACjC,kBAAC,KAAD,EAAA,UAAA,CAAG,YAAS,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB,CAAK,EAAA,CAAA;KAC1D,kBAAC,KAAD,EAAA,UAAA,CAAG,UAAO,EAAM,SAAS,IAAI,KAAK,EAAM,OAAO,CAAC,gBAAgB,GAAG,MAAU,EAAA,CAAA;KAC7E,kBAAC,KAAD,EAAA,UAAA;MAAG;MACO,EAAM;MAAS;MAAE,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;MACrD,EAAA,CAAA;KACA;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAc;KAAc,CAAA,EACzC,kBAAC,MAAD;KAAI,WAAU;gBACV,EAAM,cAAc,EAAE,EAAE,KAAK,MAC7B,kBAAC,MAAD,EAAA,UAAqB,GAAe,EAA3B,EAA2B,CACpC;KACC,CAAA,CACD;MACF;OAnBN,kBAAC,OAAD;GAAK,WAAU;aAA8C;GAAqB,CAAA;EAqB1E,CAAA"}
+{"version":3,"file":"EventDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/EventDetailsPage.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, Mic2, Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENT_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function EventDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_EVENT_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvent: {\n          name: string;\n          category: string;\n          startsAt: string;\n          endsAt?: string;\n          currency: string;\n          price: number;\n          performers: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const event = data?.ggnomadEvent;\n\n  return (\n    <PageShell\n      title={event?.name ?? t('ggnomad.event.fallbackTitle', 'Event details')}\n      subtitle={t('ggnomad.event.subtitle', 'Live event details, venue and lineup')}\n    >\n      {!event ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.event.notFoundTitle', 'No event found')}\n          description={t(\n            'ggnomad.event.notFoundDescription',\n            'This event is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <PagePurpose icon={<Ticket className=\"size-4\" />}>\n            {t(\n              'ggnomad.event.purpose',\n              'All the details for this live event in one place — category, start and end times, ticket price and the full lineup — so you can decide and book tickets before they sell out.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-event-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.event.next.book', 'Book tickets'),\n                description: t(\n                  'ggnomad.event.next.bookDesc',\n                  'Reserve seats and track them under Bookings.'\n                ),\n                icon: <CalendarCheck className=\"size-4\" />,\n                onClick: () => navigate('../../bookings'),\n              },\n              {\n                id: 'browse',\n                label: t('ggnomad.event.next.browse', 'See more events'),\n                description: t(\n                  'ggnomad.event.next.browseDesc',\n                  'Return to Entertainment for other live experiences.'\n                ),\n                icon: <Ticket 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.event.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow label={t('ggnomad.event.category', 'Category')} value={event.category} />\n                <DetailRow\n                  label={t('ggnomad.event.starts', 'Starts')}\n                  value={new Date(event.startsAt).toLocaleString()}\n                />\n                <DetailRow\n                  label={t('ggnomad.event.ends', 'Ends')}\n                  value={\n                    event.endsAt\n                      ? new Date(event.endsAt).toLocaleString()\n                      : t('ggnomad.event.na', 'N/A')\n                  }\n                />\n                <DetailRow\n                  label={t('ggnomad.event.price', 'Price')}\n                  value={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                />\n              </dl>\n            </GlassCard>\n            <SectionCard title={t('ggnomad.event.performers', 'Performers')}>\n              <ul className=\"space-y-2 text-sm\">\n                {(event.performers ?? []).map((performer) => (\n                  <li key={performer} className=\"flex items-start gap-2 text-text-primary\">\n                    <Mic2\n                      className=\"mt-0.5 size-4 flex-shrink-0 text-action-primary-bg\"\n                      aria-hidden=\"true\"\n                    />\n                    {performer}\n                  </li>\n                ))}\n              </ul>\n            </SectionCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAmB;CACjC,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,IAAQ,GAAM;AAEpB,QACE,kBAAC,GAAD;EACE,OAAO,GAAO,QAAQ,EAAE,+BAA+B,gBAAgB;EACvE,UAAU,EAAE,0BAA0B,uCAAuC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;cAC7C,EACC,yBACA,gLACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,2BAA2B,eAAe;KACnD,aAAa,EACX,+BACA,+CACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,iBAAiB;KAC1C,EACD;KACE,IAAI;KACJ,OAAO,EAAE,6BAA6B,kBAAkB;KACxD,aAAa,EACX,iCACA,sDACD;KACD,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;KACnC,eAAe,EAAS,KAAK;KAC9B,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,yBAAyB,UAAU;MACnC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QAAW,OAAO,EAAE,0BAA0B,WAAW;QAAE,OAAO,EAAM;QAAY,CAAA;OACpF,kBAAC,GAAD;QACE,OAAO,EAAE,wBAAwB,SAAS;QAC1C,OAAO,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;QAChD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,OAAO;QACtC,OACE,EAAM,SACF,IAAI,KAAK,EAAM,OAAO,CAAC,gBAAgB,GACvC,EAAE,oBAAoB,MAAM;QAElC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,uBAAuB,QAAQ;QACxC,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;QAC1D,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,4BAA4B,aAAa;eAC7D,kBAAC,MAAD;MAAI,WAAU;iBACV,EAAM,cAAc,EAAE,EAAE,KAAK,MAC7B,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,GAlFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,iBAAiB;GACzD,aAAa,EACX,qCACA,sDACD;GACD,CAAA;EA6EM,CAAA"}

package/dist/ggnomad/pages/FavoritesPage.js

@@ -1,40 +1,57 @@
 import { GGNOMAD_FAVORITES_QUERY as e, TOGGLE_GGNOMAD_FAVORITE_MUTATION as t } from "../graphql.js";
 import { PageShell as n } from "./PageShell.js";
-import { useMutation as r, useQuery as i } from "@apollo/client/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { EntityCard as r } from "../components/EntityCard.js";
+import "../components/index.js";
+import { Heart as i } from "lucide-react";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMutation as o, useQuery as s } from "@apollo/client/react";
+import { CTAOverflowMenu as c, GlassCard as l, IllustratedEmptyState as u, PagePurpose as d } from "@burdenoff/fe-libs/ui";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/ggnomad/pages/FavoritesPage.tsx
-function s() {
-	let { data: s, refetch: c } = i(e), [l] = r(t, { onCompleted: () => void c() }), u = s?.ggnomadFavorites ?? [];
-	return /* @__PURE__ */ o(n, {
-		title: "Favorites",
-		subtitle: "Social ecosystem: saved entities across GGNomad domains",
-		children: [/* @__PURE__ */ a("div", {
-			className: "flex gap-2",
-			children: /* @__PURE__ */ a("button", {
-				className: "rounded-md border px-3 py-2 text-sm",
-				onClick: () => {
-					l({ variables: { input: {
+function m() {
+	let { t: m } = a(), { data: h, refetch: g } = s(e), [_] = o(t, { onCompleted: () => void g() }), v = h?.ggnomadFavorites ?? [];
+	return /* @__PURE__ */ p(n, {
+		title: m("ggnomad.favorites.title", "Favorites"),
+		titleAccent: m("ggnomad.favorites.title.accent", "Favorites"),
+		subtitle: m("ggnomad.favorites.subtitle", "Social ecosystem: saved entities across GGNomad domains"),
+		actions: /* @__PURE__ */ f(c, {
+			primary: {
+				label: m("ggnomad.favorites.actions.toggleDemo", "Toggle demo favorite"),
+				onSelect: () => {
+					_({ variables: { input: {
 						targetType: "PROPERTY",
 						targetId: "demo-property"
 					} } });
 				},
-				type: "button",
-				children: "Toggle demo favorite"
-			})
-		}), /* @__PURE__ */ a("div", {
-			className: "space-y-2",
-			children: u.map((e) => /* @__PURE__ */ o("div", {
-				className: "rounded-lg border p-3 text-sm",
-				children: [
-					e.targetType,
-					" - ",
-					e.targetId
-				]
-			}, e.id))
+				icon: /* @__PURE__ */ f(i, {})
+			},
+			actions: []
+		}),
+		children: [/* @__PURE__ */ f(d, {
+			icon: /* @__PURE__ */ f(i, { className: "size-4" }),
+			children: m("ggnomad.favorites.purpose", "A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.")
+		}), v.length === 0 ? /* @__PURE__ */ f(u, {
+			illustration: "empty-notifications",
+			title: m("ggnomad.favorites.emptyTitle", "No favorites saved"),
+			description: m("ggnomad.favorites.emptyDescription", "Items you save across travel, hospitality and tourism will collect here.")
+		}) : /* @__PURE__ */ p(l, {
+			treatment: "glass",
+			glow: !0,
+			className: "border-border-seam p-5",
+			children: [/* @__PURE__ */ f("h2", {
+				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+				children: m("ggnomad.favorites.savedItems", "Saved items")
+			}), /* @__PURE__ */ f("div", {
+				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+				children: v.map((e) => /* @__PURE__ */ f(r, {
+					title: e.targetType,
+					meta: e.targetId
+				}, e.id))
+			})]
 		})]
 	});
 }
 //#endregion
-export { s as FavoritesPage };
+export { m as FavoritesPage };
 
 //# sourceMappingURL=FavoritesPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/ggnomad/pages/FavoritesPage.tsx"],"sourcesContent":["import { useMutation, useQuery } from '@apollo/client/react';\n\nimport { GGNOMAD_FAVORITES_QUERY, TOGGLE_GGNOMAD_FAVORITE_MUTATION } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function FavoritesPage() {\n  const { data, refetch } = useQuery<{\n    ggnomadFavorites: Array<{ id: string; targetType: string; targetId: string }>;\n  }>(GGNOMAD_FAVORITES_QUERY);\n  const [toggleFavorite] = useMutation(TOGGLE_GGNOMAD_FAVORITE_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n  const favorites = (data?.ggnomadFavorites ?? []) as Array<{\n    id: string;\n    targetType: string;\n    targetId: string;\n  }>;\n\n  return (\n    <PageShell title=\"Favorites\" subtitle=\"Social ecosystem: saved entities across GGNomad domains\">\n      <div className=\"flex gap-2\">\n        <button\n          className=\"rounded-md border px-3 py-2 text-sm\"\n          onClick={() => {\n            void toggleFavorite({\n              variables: { input: { targetType: 'PROPERTY', targetId: 'demo-property' } },\n            });\n          }}\n          type=\"button\"\n        >\n          Toggle demo favorite\n        </button>\n      </div>\n      <div className=\"space-y-2\">\n        {favorites.map((favorite) => (\n          <div key={favorite.id} className=\"rounded-lg border p-3 text-sm\">\n            {favorite.targetType} - {favorite.targetId}\n          </div>\n        ))}\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,SAAM,eAAY,EAEvB,EAAwB,EACrB,CAAC,KAAkB,EAAY,GAAkC,EACrE,mBAAmB,KAAK,GAAS,EAClC,CAAC,EACI,IAAa,GAAM,oBAAoB,EAAE;AAM/C,QACE,kBAAC,GAAD;EAAW,OAAM;EAAY,UAAS;YAAtC,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,UAAD;IACE,WAAU;IACV,eAAe;AACR,OAAe,EAClB,WAAW,EAAE,OAAO;MAAE,YAAY;MAAY,UAAU;MAAiB,EAAE,EAC5E,CAAC;;IAEJ,MAAK;cACN;IAEQ,CAAA;GACL,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,KAAK,MACd,kBAAC,OAAD;IAAuB,WAAU;cAAjC;KACG,EAAS;KAAW;KAAI,EAAS;KAC9B;MAFI,EAAS,GAEb,CACN;GACE,CAAA,CACI"}
+{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/ggnomad/pages/FavoritesPage.tsx"],"sourcesContent":["import { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Heart } from 'lucide-react';\nimport {\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_FAVORITES_QUERY, TOGGLE_GGNOMAD_FAVORITE_MUTATION } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\n\nexport function FavoritesPage() {\n  const { t } = useI18n();\n  const { data, refetch } = useQuery(\n    GGNOMAD_FAVORITES_QUERY as TypedDocumentNode<\n      { ggnomadFavorites: Array<{ id: string; targetType: string; targetId: string }> },\n      Record<string, never>\n    >\n  );\n  const [toggleFavorite] = useMutation(TOGGLE_GGNOMAD_FAVORITE_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n  const favorites = (data?.ggnomadFavorites ?? []) as Array<{\n    id: string;\n    targetType: string;\n    targetId: string;\n  }>;\n\n  const handleToggleDemo = () => {\n    void toggleFavorite({\n      variables: { input: { targetType: 'PROPERTY', targetId: 'demo-property' } },\n    });\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.favorites.title', 'Favorites')}\n      titleAccent={t('ggnomad.favorites.title.accent', 'Favorites')}\n      subtitle={t(\n        'ggnomad.favorites.subtitle',\n        'Social ecosystem: saved entities across GGNomad domains'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.favorites.actions.toggleDemo', 'Toggle demo favorite'),\n            onSelect: handleToggleDemo,\n            icon: <Heart />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<Heart className=\"size-4\" />}>\n        {t(\n          'ggnomad.favorites.purpose',\n          'A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.'\n        )}\n      </PagePurpose>\n\n      {favorites.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title={t('ggnomad.favorites.emptyTitle', 'No favorites saved')}\n          description={t(\n            'ggnomad.favorites.emptyDescription',\n            'Items you save across travel, hospitality and tourism will collect 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.favorites.savedItems', 'Saved items')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {favorites.map((favorite) => (\n              <EntityCard key={favorite.id} title={favorite.targetType} meta={favorite.targetId} />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,SAAM,eAAY,EACxB,EAID,EACK,CAAC,KAAkB,EAAY,GAAkC,EACrE,mBAAmB,KAAK,GAAS,EAClC,CAAC,EACI,IAAa,GAAM,oBAAoB,EAAE;AAY/C,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,2BAA2B,YAAY;EAChD,aAAa,EAAE,kCAAkC,YAAY;EAC7D,UAAU,EACR,8BACA,0DACD;EACD,SACE,kBAAC,GAAD;GACE,SAAS;IACP,OAAO,EAAE,wCAAwC,uBAAuB;IACxE,gBAlBqB;AACxB,OAAe,EAClB,WAAW,EAAE,OAAO;MAAE,YAAY;MAAY,UAAU;MAAiB,EAAE,EAC5E,CAAC;;IAgBM,MAAM,kBAAC,GAAD,EAAS,CAAA;IAChB;GACD,SAAS,EAAE;GACX,CAAA;YAfN,CAkBE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;aAC5C,EACC,6BACA,+KACD;GACW,CAAA,EAEb,EAAU,WAAW,IACpB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,gCAAgC,qBAAqB;GAC9D,aAAa,EACX,sCACA,2EACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,gCAAgC,cAAc;IAC9C,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAU,KAAK,MACd,kBAAC,GAAD;KAA8B,OAAO,EAAS;KAAY,MAAM,EAAS;KAAY,EAApE,EAAS,GAA2D,CACrF;IACE,CAAA,CACI;KAEJ"}

package/dist/ggnomad/pages/HospitalityPage.js

@@ -1,53 +1,56 @@
 import { GGNOMAD_PROPERTIES_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-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 { EntityCard as n } from "../components/EntityCard.js";
+import "../components/index.js";
+import { Hotel as r, Star 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/HospitalityPage.tsx
-function s() {
-	let { t: s } = n(), { data: c } = i(e, { variables: {
+function f() {
+	let { t: f } = a(), { data: p } = o(e, { variables: {
 		first: 20,
 		skip: 0
-	} }), l = c?.ggnomadProperties ?? [];
-	return /* @__PURE__ */ a(t, {
-		title: s("ggnomad.hospitality.title", "Hospitality"),
-		subtitle: s("ggnomad.hospitality.subtitle", "Property discovery powered by live GraphQL data"),
-		children: /* @__PURE__ */ a("div", {
-			className: "grid gap-3 md:grid-cols-2",
-			children: l.map((e) => /* @__PURE__ */ o(r, {
-				to: e.id,
-				className: "rounded-lg border p-4 text-sm hover:bg-muted/30",
-				children: [
-					/* @__PURE__ */ a("p", {
-						className: "font-medium",
-						children: e.name
-					}),
-					/* @__PURE__ */ a("p", {
-						className: "text-muted-foreground",
-						children: e.type
-					}),
-					/* @__PURE__ */ o("p", { children: [
-						e.currency,
-						" ",
-						Number(e.pricePerNight).toFixed(2),
-						" ",
-						s("ggnomad.hospitality.card.perNight", "per night")
-					] }),
-					/* @__PURE__ */ o("p", {
-						className: "text-muted-foreground",
-						children: [
-							s("ggnomad.hospitality.card.rating", "Rating"),
-							": ",
-							e.rating ?? "N/A"
-						]
+	} }), m = p?.ggnomadProperties ?? [];
+	return /* @__PURE__ */ d(t, {
+		title: f("ggnomad.hospitality.title", "Hospitality"),
+		titleAccent: f("ggnomad.hospitality.title.accent", "Hospitality"),
+		subtitle: f("ggnomad.hospitality.subtitle", "Property discovery powered by live GraphQL data"),
+		children: [/* @__PURE__ */ u(l, {
+			icon: /* @__PURE__ */ u(r, { className: "size-4" }),
+			children: f("ggnomad.hospitality.purpose", "Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.")
+		}), m.length === 0 ? /* @__PURE__ */ u(c, {
+			illustration: "empty-data",
+			title: f("ggnomad.hospitality.emptyTitle", "No properties available"),
+			description: f("ggnomad.hospitality.emptyDescription", "Properties published by providers will be discoverable 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.hospitality.featuredStays", "Featured stays")
+			}), /* @__PURE__ */ u("div", {
+				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+				children: m.map((e) => /* @__PURE__ */ u(n, {
+					to: e.id,
+					title: e.name,
+					meta: e.type,
+					price: `${e.currency} ${Number(e.pricePerNight).toFixed(2)} ${f("ggnomad.hospitality.card.perNight", "per night")}`,
+					footer: /* @__PURE__ */ d("span", {
+						className: "inline-flex items-center gap-1 tabular-nums",
+						children: [/* @__PURE__ */ u(i, {
+							className: "size-3.5 text-status-warning-text",
+							"aria-hidden": "true"
+						}), e.rating ?? f("ggnomad.hospitality.card.noRating", "N/A")]
 					})
-				]
-			}, e.id))
-		})
+				}, e.id))
+			})]
+		})]
 	});
 }
 //#endregion
-export { s as HospitalityPage };
+export { f as HospitalityPage };
 
 //# sourceMappingURL=HospitalityPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Link } from 'react-router-dom';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const { data } = useQuery<{\n    ggnomadProperties: Array<{\n      id: string;\n      name: string;\n      type: string;\n      pricePerNight: number;\n      currency: string;\n      rating?: number;\n    }>;\n  }>(GGNOMAD_PROPERTIES_QUERY, { variables: { first: 20, skip: 0 } });\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {properties.map(\n          (property: {\n            id: string;\n            name: string;\n            type: string;\n            pricePerNight: number;\n            currency: string;\n            rating?: number;\n          }) => (\n            <Link\n              key={property.id}\n              to={property.id}\n              className=\"rounded-lg border p-4 text-sm hover:bg-muted/30\"\n            >\n              <p className=\"font-medium\">{property.name}</p>\n              <p className=\"text-muted-foreground\">{property.type}</p>\n              <p>\n                {property.currency} {Number(property.pricePerNight).toFixed(2)}{' '}\n                {t('ggnomad.hospitality.card.perNight', 'per night')}\n              </p>\n              <p className=\"text-muted-foreground\">\n                {t('ggnomad.hospitality.card.rating', 'Rating')}: {property.rating ?? 'N/A'}\n              </p>\n            </Link>\n          )\n        )}\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EASd,GAA0B,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CAAC,EAC7D,IAAa,GAAM,qBAAqB,EAAE;AAEhD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,cAAc;EACpD,UAAU,EACR,gCACA,kDACD;YAED,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KACT,MAQC,kBAAC,GAAD;IAEE,IAAI,EAAS;IACb,WAAU;cAHZ;KAKE,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAS;MAAS,CAAA;KAC9C,kBAAC,KAAD;MAAG,WAAU;gBAAyB,EAAS;MAAS,CAAA;KACxD,kBAAC,KAAD,EAAA,UAAA;MACG,EAAS;MAAS;MAAE,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE;MAAE;MAC/D,EAAE,qCAAqC,YAAY;MAClD,EAAA,CAAA;KACJ,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAE,mCAAmC,SAAS;OAAC;OAAG,EAAS,UAAU;OACpE;;KACC;MAbA,EAAS,GAaT,CAEV;GACG,CAAA;EACI,CAAA"}
+{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.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 { Hotel, Star } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      {properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.emptyTitle', 'No properties available')}\n          description={t(\n            'ggnomad.hospitality.emptyDescription',\n            'Properties published by providers will be discoverable 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.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                title={property.name}\n                meta={property.type}\n                price={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                    <Star className=\"size-3.5 text-status-warning-text\" aria-hidden=\"true\" />\n                    {property.rating ?? t('ggnomad.hospitality.card.noRating', 'N/A')}\n                  </span>\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,GAaA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EACK,IAAa,GAAM,qBAAqB,EAAE;AAEhD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,cAAc;EACpD,aAAa,EAAE,oCAAoC,cAAc;EACjE,UAAU,EACR,gCACA,kDACD;YANH,CAQE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;aAC5C,EACC,+BACA,8LACD;GACW,CAAA,EAEb,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,0BAA0B;GACrE,aAAa,EACX,wCACA,+DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,qCAAqC,iBAAiB;IACtD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,MACf,kBAAC,GAAD;KAEE,IAAI,EAAS;KACb,OAAO,EAAS;KAChB,MAAM,EAAS;KACf,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE,CAAC,GAAG,EAC1E,qCACA,YACD;KACD,QACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OAAM,WAAU;OAAoC,eAAY;OAAS,CAAA,EACxE,EAAS,UAAU,EAAE,qCAAqC,MAAM,CAC5D;;KAET,EAdK,EAAS,GAcd,CACF;IACE,CAAA,CACI;KAEJ"}

package/dist/ggnomad/pages/PageShell.js

@@ -1,18 +1,40 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { AuroraBackground as e, GradientText as t } from "@burdenoff/fe-libs/ui";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/ggnomad/pages/PageShell.tsx
-function n({ title: n, subtitle: r, children: i }) {
-	return /* @__PURE__ */ t("div", {
+function a({ title: a, subtitle: o, titleAccent: s, actions: c, hero: l = !1, children: u }) {
+	return /* @__PURE__ */ i("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ t("header", { children: [/* @__PURE__ */ e("h1", {
-			className: "text-3xl font-semibold tracking-tight",
-			children: n
-		}), /* @__PURE__ */ e("p", {
-			className: "text-sm text-muted-foreground",
-			children: r
-		})] }), i]
+		children: [/* @__PURE__ */ i("header", {
+			className: l ? "relative overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6 shadow-pop" : "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+			children: [
+				l ? /* @__PURE__ */ r(e, { intensity: "subtle" }) : null,
+				/* @__PURE__ */ i("div", {
+					className: l ? "relative" : "min-w-0",
+					children: [/* @__PURE__ */ r("h1", {
+						className: "text-3xl font-semibold tracking-tight text-text-primary",
+						children: (() => {
+							if (!s || !a.includes(s)) return a;
+							let [e, o] = a.split(s);
+							return /* @__PURE__ */ i(n, { children: [
+								e,
+								/* @__PURE__ */ r(t, { children: s }),
+								o
+							] });
+						})()
+					}), /* @__PURE__ */ r("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: o
+					})]
+				}),
+				c ? /* @__PURE__ */ r("div", {
+					className: l ? "relative mt-4 sm:mt-0" : "flex-shrink-0",
+					children: c
+				}) : null
+			]
+		}), u]
 	});
 }
 //#endregion
-export { n as PageShell };
+export { a as PageShell };
 
 //# sourceMappingURL=PageShell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageShell.js","names":[],"sources":["../../../src/ggnomad/pages/PageShell.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport function PageShell({\n  title,\n  subtitle,\n  children,\n}: PropsWithChildren<{ title: string; subtitle: string }>) {\n  return (\n    <div className=\"space-y-6 p-6\">\n      <header>\n        <h1 className=\"text-3xl font-semibold tracking-tight\">{title}</h1>\n        <p className=\"text-sm text-muted-foreground\">{subtitle}</p>\n      </header>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;AAEA,SAAgB,EAAU,EACxB,UACA,aACA,eACyD;AACzD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAAyC;GAAW,CAAA,EAClE,kBAAC,KAAD;GAAG,WAAU;aAAiC;GAAa,CAAA,CACpD,EAAA,CAAA,EACR,EACG"}
+{"version":3,"file":"PageShell.js","names":[],"sources":["../../../src/ggnomad/pages/PageShell.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\n\ntype PageShellProps = PropsWithChildren<{\n  title: string;\n  subtitle: string;\n  /** Highlighted key noun rendered as a GradientText accent inside the H1. */\n  titleAccent?: string;\n  /** Single primary action / overflow menu cluster rendered at the header end. */\n  actions?: ReactNode;\n  /**\n   * When true, the header becomes the MFE hero zone with a subtle aurora\n   * backdrop. Use on exactly one page per MFE (the Dashboard).\n   */\n  hero?: boolean;\n}>;\n\n/**\n * Boff UI 2.0 page scaffold. The header is a seamless glass band; an optional\n * aurora backdrop turns it into the MFE hero. Content keeps its existing\n * vertical rhythm. The accent noun in the H1 is rendered via GradientText.\n */\nexport function PageShell({\n  title,\n  subtitle,\n  titleAccent,\n  actions,\n  hero = false,\n  children,\n}: PageShellProps) {\n  const renderTitle = () => {\n    if (!titleAccent || !title.includes(titleAccent)) {\n      return title;\n    }\n    const [before, after] = title.split(titleAccent);\n    return (\n      <>\n        {before}\n        <GradientText>{titleAccent}</GradientText>\n        {after}\n      </>\n    );\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <header\n        className={\n          hero\n            ? 'relative overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6 shadow-pop'\n            : 'flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between'\n        }\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className={hero ? 'relative' : 'min-w-0'}>\n          <h1 className=\"text-3xl font-semibold tracking-tight text-text-primary\">\n            {renderTitle()}\n          </h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">{subtitle}</p>\n        </div>\n        {actions ? (\n          <div className={hero ? 'relative mt-4 sm:mt-0' : 'flex-shrink-0'}>{actions}</div>\n        ) : null}\n      </header>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAsBA,SAAgB,EAAU,EACxB,UACA,aACA,gBACA,YACA,UAAO,IACP,eACiB;AAejB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,WACE,IACI,iGACA;aAJR;IAOG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAW,IAAO,aAAa;eAApC,CACE,kBAAC,MAAD;MAAI,WAAU;uBAzBI;AACxB,WAAI,CAAC,KAAe,CAAC,EAAM,SAAS,EAAY,CAC9C,QAAO;OAET,IAAM,CAAC,GAAQ,KAAS,EAAM,MAAM,EAAY;AAChD,cACE,kBAAA,GAAA,EAAA,UAAA;QACG;QACD,kBAAC,GAAD,EAAA,UAAe,GAA2B,CAAA;QACzC;QACA,EAAA,CAAA;UAgBiB;MACX,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBAAoC;MAAa,CAAA,CAC1D;;IACL,IACC,kBAAC,OAAD;KAAK,WAAW,IAAO,0BAA0B;eAAkB;KAAc,CAAA,GAC/E;IACG;MACR,EACG"}