@burdenoff/microfe-eventfullymanaged 2026.625.2 → 2026.703.1

package/dist/eventfullymanaged/pages/modules/EventsPage.js

@@ -1,111 +1,119 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useCreateEventMutation as t, useEventsQuery as n, useTicketTypesQuery as r } from "../../api/eventApi.js";
-import { EntityListSection as i } from "./EntityListSection.js";
-import { useMemo as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { CalendarPlus as l, Ticket as u, Users as d } from "lucide-react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as p, EmphasisPanel as m, GradientText as h, Input as g, NextSteps as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useCreateEventMutation as n, useEventsQuery as r, useTicketTypesQuery as i } from "../../api/eventApi.js";
+import { describeError as a, mutationSucceeded as o } from "../../lib/mutationResult.js";
+import { EntityListSection as s } from "./EntityListSection.js";
+import { useMemo as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { CalendarPlus as f, Ticket as p, Users as m } from "lucide-react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as g, EmphasisPanel as _, GradientText as v, Input as y, NextSteps as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/EventsPage.tsx
-function y() {
-	let { t: y } = f(), b = (e, t) => {
-		let n = y(e);
+function S() {
+	let { t: S } = h(), C = (e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, { navigate: x } = e(), { data: S, loading: C } = n({
+	}, { navigate: w } = e(), { data: T, loading: E } = r({
 		limit: 100,
 		offset: 0
-	}), w = r({
+	}), D = i({
 		limit: 100,
 		offset: 0
-	}), [T, { loading: E }] = t(), [D, O] = o(""), k = a(() => S?.events.items ?? [], [S]), A = a(() => w.data?.ticketTypes.items ?? [], [w.data]);
-	return /* @__PURE__ */ c("div", {
+	}), [O, { loading: k }] = n(), [A, j] = l(""), M = c(() => T?.events.items ?? [], [T]), N = c(() => D.data?.ticketTypes.items ?? [], [D.data]);
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s(v, { children: b("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event here, then attach ticket types so people can buy their way in. Use this when you are spinning up a new conference, meetup or summit.") }),
-			/* @__PURE__ */ c(m, { children: [
-				/* @__PURE__ */ s("h1", {
+			/* @__PURE__ */ u(x, { children: C("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event here, then attach ticket types so people can buy their way in. Use this when you are spinning up a new conference, meetup or summit.") }),
+			/* @__PURE__ */ d(_, { children: [
+				/* @__PURE__ */ u("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ s(h, { children: b("eventfullymanaged.events.title", "Events") })
+					children: /* @__PURE__ */ u(v, { children: C("eventfullymanaged.events.title", "Events") })
 				}),
-				/* @__PURE__ */ s("p", {
+				/* @__PURE__ */ u("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: b("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
+					children: C("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ d("div", {
 					className: "mt-4 flex flex-col gap-3 sm:flex-row",
-					children: [/* @__PURE__ */ s(g, {
-						value: D,
-						onChange: (e) => O(e.target.value),
-						placeholder: b("eventfullymanaged.events.namePlaceholder", "Annual Innovation Summit"),
-						"aria-label": b("eventfullymanaged.events.namePlaceholder", "Annual Innovation Summit"),
+					children: [/* @__PURE__ */ u(y, {
+						value: A,
+						onChange: (e) => j(e.target.value),
+						placeholder: C("eventfullymanaged.events.namePlaceholder", "Annual Innovation Summit"),
+						"aria-label": C("eventfullymanaged.events.namePlaceholder", "Annual Innovation Summit"),
 						className: "flex-1"
-					}), /* @__PURE__ */ c(p, {
+					}), /* @__PURE__ */ d(g, {
 						type: "button",
-						disabled: E,
+						disabled: k,
 						onClick: async () => {
-							if (!D.trim()) return;
-							let e = /* @__PURE__ */ new Date(), t = new Date(e.getTime() + 3600 * 1e3);
-							await T({ variables: { input: {
-								name: D.trim(),
-								description: "",
-								type: "IN_PERSON",
-								status: "DRAFT",
-								timezone: "Asia/Kolkata",
-								startAt: e.toISOString(),
-								endAt: t.toISOString(),
-								visibility: "private",
-								capacity: 100,
-								metadata: {}
-							} } }), O("");
+							if (!A.trim()) return;
+							let e = /* @__PURE__ */ new Date(), n = new Date(e.getTime() + 3600 * 1e3);
+							try {
+								let r = await O({ variables: { input: {
+									name: A.trim(),
+									description: "",
+									type: "IN_PERSON",
+									status: "DRAFT",
+									timezone: "Asia/Kolkata",
+									startAt: e.toISOString(),
+									endAt: n.toISOString(),
+									visibility: "private",
+									capacity: 100,
+									metadata: {}
+								} } });
+								if (!o(r, r.data?.createEvent?.id, C("eventfullymanaged.events.errors.create", "Could not create event"))) return;
+								j(""), t.success(C("eventfullymanaged.events.created", "Event created"));
+							} catch (e) {
+								t.error(C("eventfullymanaged.events.errors.create", "Could not create event"), a(e));
+							}
 						},
-						children: [/* @__PURE__ */ s(l, { className: "h-4 w-4" }), E ? b("eventfullymanaged.events.actions.creating", "Creating...") : b("eventfullymanaged.events.actions.create", "Create Event")]
+						children: [/* @__PURE__ */ u(f, { className: "h-4 w-4" }), k ? C("eventfullymanaged.events.actions.creating", "Creating...") : C("eventfullymanaged.events.actions.create", "Create Event")]
 					})]
 				})
 			] }),
-			/* @__PURE__ */ s(i, {
-				heading: C ? b("eventfullymanaged.events.list.loading", "Loading events...") : `${b("eventfullymanaged.events.list.heading", "Events")} (${k.length})`,
-				emptyLabel: b("eventfullymanaged.events.list.empty", "No events found."),
-				rows: k.map((e) => ({
+			/* @__PURE__ */ u(s, {
+				heading: E ? C("eventfullymanaged.events.list.loading", "Loading events...") : `${C("eventfullymanaged.events.list.heading", "Events")} (${M.length})`,
+				emptyLabel: C("eventfullymanaged.events.list.empty", "No events found."),
+				rows: M.map((e) => ({
 					id: e.id,
 					title: e.name,
 					subtitle: [e.type, e.startAt ? new Date(e.startAt).toLocaleString() : void 0].filter(Boolean).join(" • "),
 					status: e.status
 				}))
 			}),
-			/* @__PURE__ */ s(i, {
-				heading: w.loading ? b("eventfullymanaged.events.ticketTypes.loading", "Loading ticket types...") : `${b("eventfullymanaged.events.ticketTypes.heading", "Ticket Types")} (${A.length})`,
-				emptyLabel: b("eventfullymanaged.events.ticketTypes.empty", "No ticket types configured."),
-				rows: A.map((e) => ({
+			/* @__PURE__ */ u(s, {
+				heading: D.loading ? C("eventfullymanaged.events.ticketTypes.loading", "Loading ticket types...") : `${C("eventfullymanaged.events.ticketTypes.heading", "Ticket Types")} (${N.length})`,
+				emptyLabel: C("eventfullymanaged.events.ticketTypes.empty", "No ticket types configured."),
+				rows: N.map((e) => ({
 					id: e.id,
 					title: e.name,
-					subtitle: `${e.price} ${e.currency} • ${b("eventfullymanaged.events.ticketTypes.soldPrefix", "Sold")} ${e.soldCount}`,
+					subtitle: `${e.price} ${e.currency} • ${C("eventfullymanaged.events.ticketTypes.soldPrefix", "Sold")} ${e.soldCount}`,
 					status: e.isActive ? "active" : "inactive"
 				}))
 			}),
-			/* @__PURE__ */ s(_, {
+			/* @__PURE__ */ u(b, {
 				storageKey: "eventfullymanaged-events",
-				title: b("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
+				title: C("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
 				steps: [
 					{
 						id: "configure-registration",
-						label: b("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
-						description: b("eventfullymanaged.events.nextSteps.registrationDesc", "Define ticket types and open sign-ups for attendees."),
-						icon: /* @__PURE__ */ s(u, { className: "h-4 w-4" }),
-						onClick: () => x("/registration")
+						label: C("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
+						description: C("eventfullymanaged.events.nextSteps.registrationDesc", "Define ticket types and open sign-ups for attendees."),
+						icon: /* @__PURE__ */ u(p, { className: "h-4 w-4" }),
+						onClick: () => w("/registration")
 					},
 					{
 						id: "plan-networking",
-						label: b("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
-						description: b("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
-						icon: /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
-						onClick: () => x("/networking")
+						label: C("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
+						description: C("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
+						icon: /* @__PURE__ */ u(m, { className: "h-4 w-4" }),
+						onClick: () => w("/networking")
 					},
 					{
 						id: "announce",
-						label: b("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
-						description: b("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
-						icon: /* @__PURE__ */ s(l, { className: "h-4 w-4" }),
-						onClick: () => x("/communication")
+						label: C("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
+						description: C("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
+						icon: /* @__PURE__ */ u(f, { className: "h-4 w-4" }),
+						onClick: () => w("/communication")
 					}
 				]
 			})
@@ -113,6 +121,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as default };
+export { S as default };
 
 //# sourceMappingURL=EventsPage.js.map

package/dist/eventfullymanaged/pages/modules/EventsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/EventsPage.tsx"],"sourcesContent":["import { CalendarPlus, Ticket, Users } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Button, EmphasisPanel, GradientText, Input, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useCreateEventMutation, useEventsQuery, useTicketTypesQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype EventRow = {\n  id: string;\n  name: string;\n  type?: string;\n  status?: string;\n  startAt?: string;\n  endAt?: string;\n};\n\nexport default function EventsPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { navigate } = useEventfullyManaged();\n  const { data, loading } = useEventsQuery({ limit: 100, offset: 0 });\n  const ticketTypesQuery = useTicketTypesQuery({ limit: 100, offset: 0 });\n  const [createEvent, { loading: creating }] = useCreateEventMutation();\n  const [name, setName] = useState('');\n\n  const rows = useMemo(() => (data?.events.items ?? []) as EventRow[], [data]);\n  const ticketTypes = useMemo(() => ticketTypesQuery.data?.ticketTypes.items ?? [], [ticketTypesQuery.data]);\n\n  const onCreate = async () => {\n    if (!name.trim()) return;\n    const now = new Date();\n    const nextHour = new Date(now.getTime() + 60 * 60 * 1000);\n    await createEvent({\n      variables: {\n        input: {\n          name: name.trim(),\n          description: '',\n          type: 'IN_PERSON',\n          status: 'DRAFT',\n          timezone: 'Asia/Kolkata',\n          startAt: now.toISOString(),\n          endAt: nextHour.toISOString(),\n          visibility: 'private',\n          capacity: 100,\n          metadata: {},\n        },\n      },\n    });\n    setName('');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.events.purpose',\n          'Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event here, then attach ticket types so people can buy their way in. Use this when you are spinning up a new conference, meetup or summit.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>{t('eventfullymanaged.events.title', 'Events')}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t('eventfullymanaged.events.description', 'Create and manage live events from the workspace graph.')}\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row\">\n          <Input\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder={t('eventfullymanaged.events.namePlaceholder', 'Annual Innovation Summit')}\n            aria-label={t('eventfullymanaged.events.namePlaceholder', 'Annual Innovation Summit')}\n            className=\"flex-1\"\n          />\n          <Button type=\"button\" disabled={creating} onClick={onCreate}>\n            <CalendarPlus className=\"h-4 w-4\" />\n            {creating\n              ? t('eventfullymanaged.events.actions.creating', 'Creating...')\n              : t('eventfullymanaged.events.actions.create', 'Create Event')}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          loading\n            ? t('eventfullymanaged.events.list.loading', 'Loading events...')\n            : `${t('eventfullymanaged.events.list.heading', 'Events')} (${rows.length})`\n        }\n        emptyLabel={t('eventfullymanaged.events.list.empty', 'No events found.')}\n        rows={rows.map((row) => ({\n          id: row.id,\n          title: row.name,\n          subtitle: [row.type, row.startAt ? new Date(row.startAt).toLocaleString() : undefined]\n            .filter(Boolean)\n            .join(' • '),\n          status: row.status,\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          ticketTypesQuery.loading\n            ? t('eventfullymanaged.events.ticketTypes.loading', 'Loading ticket types...')\n            : `${t('eventfullymanaged.events.ticketTypes.heading', 'Ticket Types')} (${ticketTypes.length})`\n        }\n        emptyLabel={t('eventfullymanaged.events.ticketTypes.empty', 'No ticket types configured.')}\n        rows={ticketTypes.map((row) => ({\n          id: row.id,\n          title: row.name,\n          subtitle: `${row.price} ${row.currency} • ${t('eventfullymanaged.events.ticketTypes.soldPrefix', 'Sold')} ${row.soldCount}`,\n          status: row.isActive ? 'active' : 'inactive',\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-events\"\n        title={t('eventfullymanaged.events.nextSteps.title', 'Finish setting up your event')}\n        steps={[\n          {\n            id: 'configure-registration',\n            label: t('eventfullymanaged.events.nextSteps.registration', 'Configure registration & tickets'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.registrationDesc',\n              'Define ticket types and open sign-ups for attendees.'\n            ),\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'plan-networking',\n            label: t('eventfullymanaged.events.nextSteps.networking', 'Plan networking & sessions'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.networkingDesc',\n              'Set up attendee matchmaking and meeting schedules.'\n            ),\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'announce',\n            label: t('eventfullymanaged.events.nextSteps.announce', 'Announce to attendees'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.announceDesc',\n              'Send announcements and run communication campaigns.'\n            ),\n            icon: <CalendarPlus className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"EventsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/EventsPage.tsx"],"sourcesContent":["import { CalendarPlus, Ticket, Users } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Button, EmphasisPanel, GradientText, Input, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useCreateEventMutation, useEventsQuery, useTicketTypesQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\nimport { EntityListSection } from './EntityListSection';\n\ntype EventRow = {\n  id: string;\n  name: string;\n  type?: string;\n  status?: string;\n  startAt?: string;\n  endAt?: string;\n};\n\nexport default function EventsPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { navigate } = useEventfullyManaged();\n  const { data, loading } = useEventsQuery({ limit: 100, offset: 0 });\n  const ticketTypesQuery = useTicketTypesQuery({ limit: 100, offset: 0 });\n  const [createEvent, { loading: creating }] = useCreateEventMutation();\n  const [name, setName] = useState('');\n\n  const rows = useMemo(() => (data?.events.items ?? []) as EventRow[], [data]);\n  const ticketTypes = useMemo(() => ticketTypesQuery.data?.ticketTypes.items ?? [], [ticketTypesQuery.data]);\n\n  const onCreate = async () => {\n    if (!name.trim()) return;\n    const now = new Date();\n    const nextHour = new Date(now.getTime() + 60 * 60 * 1000);\n    try {\n      const response = await createEvent({\n        variables: {\n          input: {\n            name: name.trim(),\n            description: '',\n            type: 'IN_PERSON',\n            status: 'DRAFT',\n            timezone: 'Asia/Kolkata',\n            startAt: now.toISOString(),\n            endAt: nextHour.toISOString(),\n            visibility: 'private',\n            capacity: 100,\n            metadata: {},\n          },\n        },\n      });\n      if (\n        !mutationSucceeded(\n          response,\n          response.data?.createEvent?.id,\n          t('eventfullymanaged.events.errors.create', 'Could not create event')\n        )\n      ) {\n        return;\n      }\n      setName('');\n      notify.success(t('eventfullymanaged.events.created', 'Event created'));\n    } catch (error) {\n      notify.error(t('eventfullymanaged.events.errors.create', 'Could not create event'), describeError(error));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.events.purpose',\n          'Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event here, then attach ticket types so people can buy their way in. Use this when you are spinning up a new conference, meetup or summit.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>{t('eventfullymanaged.events.title', 'Events')}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t('eventfullymanaged.events.description', 'Create and manage live events from the workspace graph.')}\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row\">\n          <Input\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder={t('eventfullymanaged.events.namePlaceholder', 'Annual Innovation Summit')}\n            aria-label={t('eventfullymanaged.events.namePlaceholder', 'Annual Innovation Summit')}\n            className=\"flex-1\"\n          />\n          <Button type=\"button\" disabled={creating} onClick={onCreate}>\n            <CalendarPlus className=\"h-4 w-4\" />\n            {creating\n              ? t('eventfullymanaged.events.actions.creating', 'Creating...')\n              : t('eventfullymanaged.events.actions.create', 'Create Event')}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          loading\n            ? t('eventfullymanaged.events.list.loading', 'Loading events...')\n            : `${t('eventfullymanaged.events.list.heading', 'Events')} (${rows.length})`\n        }\n        emptyLabel={t('eventfullymanaged.events.list.empty', 'No events found.')}\n        rows={rows.map((row) => ({\n          id: row.id,\n          title: row.name,\n          subtitle: [row.type, row.startAt ? new Date(row.startAt).toLocaleString() : undefined]\n            .filter(Boolean)\n            .join(' • '),\n          status: row.status,\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          ticketTypesQuery.loading\n            ? t('eventfullymanaged.events.ticketTypes.loading', 'Loading ticket types...')\n            : `${t('eventfullymanaged.events.ticketTypes.heading', 'Ticket Types')} (${ticketTypes.length})`\n        }\n        emptyLabel={t('eventfullymanaged.events.ticketTypes.empty', 'No ticket types configured.')}\n        rows={ticketTypes.map((row) => ({\n          id: row.id,\n          title: row.name,\n          subtitle: `${row.price} ${row.currency} • ${t('eventfullymanaged.events.ticketTypes.soldPrefix', 'Sold')} ${row.soldCount}`,\n          status: row.isActive ? 'active' : 'inactive',\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-events\"\n        title={t('eventfullymanaged.events.nextSteps.title', 'Finish setting up your event')}\n        steps={[\n          {\n            id: 'configure-registration',\n            label: t('eventfullymanaged.events.nextSteps.registration', 'Configure registration & tickets'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.registrationDesc',\n              'Define ticket types and open sign-ups for attendees.'\n            ),\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'plan-networking',\n            label: t('eventfullymanaged.events.nextSteps.networking', 'Plan networking & sessions'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.networkingDesc',\n              'Set up attendee matchmaking and meeting schedules.'\n            ),\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'announce',\n            label: t('eventfullymanaged.events.nextSteps.announce', 'Announce to attendees'),\n            description: t(\n              'eventfullymanaged.events.nextSteps.announceDesc',\n              'Send announcements and run communication campaigns.'\n            ),\n            icon: <CalendarPlus className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/modules/NetworkingPage.js

@@ -5,18 +5,27 @@ import { useMemo as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { CalendarDays as c, Megaphone as l, Users as u } from "lucide-react";
 import { EmphasisPanel as d, GradientText as f, NextSteps as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+import { ContextConversationWidget as h } from "@burdenoff/fe-libs/shared";
+import { useRegisterPageConversationContext as g } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/eventfullymanaged/pages/modules/NetworkingPage.tsx
-function h() {
+function _() {
+	return g({
+		entityType: "EVENTFULLYMANAGED_NETWORKING_LOUNGE",
+		entityId: "general",
+		contextTitle: "Networking Lounge"
+	}), /* @__PURE__ */ o(h, { widgetKey: "networking-lounge" });
+}
+function v() {
 	let { navigate: h } = e(), g = r({
 		limit: 100,
 		offset: 0
-	}), _ = n({
+	}), v = n({
 		limit: 100,
 		offset: 0
-	}), v = t({
+	}), y = t({
 		limit: 100,
 		offset: 0
-	}), y = a(() => g.data?.networkingProfiles.items ?? [], [g.data]), b = a(() => _.data?.networkingMatches.items ?? [], [_.data]), x = a(() => v.data?.meetings.items ?? [], [v.data]);
+	}), b = a(() => g.data?.networkingProfiles.items ?? [], [g.data]), x = a(() => v.data?.networkingMatches.items ?? [], [v.data]), S = a(() => y.data?.meetings.items ?? [], [y.data]);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -29,10 +38,10 @@ function h() {
 				children: "Manage networking matches and meeting schedules from live backend data."
 			})] }),
 			/* @__PURE__ */ o(i, {
-				heading: g.loading ? "Loading networking profiles..." : `Profiles (${y.length})`,
+				heading: g.loading ? "Loading networking profiles..." : `Profiles (${b.length})`,
 				emptyLabel: "No networking profiles available.",
 				emptyIllustration: "empty-people",
-				rows: y.map((e) => ({
+				rows: b.map((e) => ({
 					id: e.id,
 					title: e.attendeeId ? `Attendee ${e.attendeeId}` : `Profile ${e.id}`,
 					subtitle: [e.role, e.industry].filter(Boolean).join(" • "),
@@ -40,10 +49,10 @@ function h() {
 				}))
 			}),
 			/* @__PURE__ */ o(i, {
-				heading: _.loading ? "Loading networking matches..." : `Matches (${b.length})`,
+				heading: v.loading ? "Loading networking matches..." : `Matches (${x.length})`,
 				emptyLabel: "No networking matches available.",
 				emptyIllustration: "empty-people",
-				rows: b.map((e) => ({
+				rows: x.map((e) => ({
 					id: e.id,
 					title: e.name ?? e.title ?? `Match ${e.id}`,
 					subtitle: "Suggested by networking engine",
@@ -51,14 +60,24 @@ function h() {
 				}))
 			}),
 			/* @__PURE__ */ o(i, {
-				heading: v.loading ? "Loading meetings..." : `Meetings (${x.length})`,
+				heading: y.loading ? "Loading meetings..." : `Meetings (${S.length})`,
 				emptyLabel: "No meetings scheduled.",
-				rows: x.map((e) => ({
+				rows: S.map((e) => ({
 					id: e.id,
 					title: e.title ?? e.name ?? `Meeting ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			}),
+			/* @__PURE__ */ s("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Networking chat"
+				}), /* @__PURE__ */ o("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "A shared space for attendees and organizers to connect, backed by the conversations service."
+				})] }), /* @__PURE__ */ o(_, {})]
+			}),
 			/* @__PURE__ */ o(p, {
 				storageKey: "eventfullymanaged-networking",
 				title: "Make networking land",
@@ -90,6 +109,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as default };
+export { v as default };
 
 //# sourceMappingURL=NetworkingPage.js.map

package/dist/eventfullymanaged/pages/modules/NetworkingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkingPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/NetworkingPage.tsx"],"sourcesContent":["import { CalendarDays, Megaphone, Users } from 'lucide-react';\nimport { EmphasisPanel, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useMeetingsQuery, useNetworkingMatchesQuery, useNetworkingProfilesQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype SimpleRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function NetworkingPage() {\n  const { navigate } = useEventfullyManaged();\n  const profilesQuery = useNetworkingProfilesQuery({ limit: 100, offset: 0 });\n  const matchesQuery = useNetworkingMatchesQuery({ limit: 100, offset: 0 });\n  const meetingsQuery = useMeetingsQuery({ limit: 100, offset: 0 });\n\n  const profiles = useMemo(() => profilesQuery.data?.networkingProfiles.items ?? [], [profilesQuery.data]);\n  const matches = useMemo(() => (matchesQuery.data?.networkingMatches.items ?? []) as SimpleRow[], [matchesQuery.data]);\n  const meetings = useMemo(() => (meetingsQuery.data?.meetings.items ?? []) as SimpleRow[], [meetingsQuery.data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Networking turns attendees into connections. Profiles describe who each attendee is and what they are looking\n        for, matches are the suggestions the engine makes between them, and meetings are the 1:1s they book. Use this\n        page to spot strong matches and make sure scheduled meetings are running smoothly.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Networking</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Manage networking matches and meeting schedules from live backend data.\n        </p>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={profilesQuery.loading ? 'Loading networking profiles...' : `Profiles (${profiles.length})`}\n        emptyLabel=\"No networking profiles available.\"\n        emptyIllustration=\"empty-people\"\n        rows={profiles.map((row) => ({\n          id: row.id,\n          title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Profile ${row.id}`,\n          subtitle: [row.role, row.industry].filter(Boolean).join(' • '),\n          status: row.visibility,\n        }))}\n      />\n\n      <EntityListSection\n        heading={matchesQuery.loading ? 'Loading networking matches...' : `Matches (${matches.length})`}\n        emptyLabel=\"No networking matches available.\"\n        emptyIllustration=\"empty-people\"\n        rows={matches.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Match ${row.id}`,\n          subtitle: 'Suggested by networking engine',\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={meetingsQuery.loading ? 'Loading meetings...' : `Meetings (${meetings.length})`}\n        emptyLabel=\"No meetings scheduled.\"\n        rows={meetings.map((row) => ({\n          id: row.id,\n          title: row.title ?? row.name ?? `Meeting ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-networking\"\n        title=\"Make networking land\"\n        steps={[\n          {\n            id: 'grow-attendees',\n            label: 'Bring in more attendees',\n            description: 'More registered attendees means richer matches and meetings.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'announce-networking',\n            label: 'Announce networking sessions',\n            description: 'Let attendees know how and when to connect.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'review-event',\n            label: 'Review the event schedule',\n            description: 'Make sure networking slots fit around your sessions.',\n            icon: <CalendarDays className=\"h-4 w-4\" />,\n            onClick: () => navigate('/events'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAwB,IAAiB;CACvC,IAAM,EAAE,gBAAa,GAAsB,EACrC,IAAgB,EAA2B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACrE,IAAe,EAA0B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACnE,IAAgB,EAAiB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAE3D,IAAW,QAAc,EAAc,MAAM,mBAAmB,SAAS,EAAE,EAAE,CAAC,EAAc,KAAK,CAAC,EAClG,IAAU,QAAe,EAAa,MAAM,kBAAkB,SAAS,EAAE,EAAkB,CAAC,EAAa,KAAK,CAAC,EAC/G,IAAW,QAAe,EAAc,MAAM,SAAS,SAAS,EAAE,EAAkB,CAAC,EAAc,KAAK,CAAC;AAE/G,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,kTAIC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAc,cAAyB,CAAA;IACpC,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAE5C,CAAA,CACU,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SAAS,EAAc,UAAU,mCAAmC,aAAa,EAAS,OAAO;IACjG,YAAW;IACX,mBAAkB;IAClB,MAAM,EAAS,KAAK,OAAS;KAC3B,IAAI,EAAI;KACR,OAAO,EAAI,aAAa,YAAY,EAAI,eAAe,WAAW,EAAI;KACtE,UAAU,CAAC,EAAI,MAAM,EAAI,SAAS,CAAC,OAAO,QAAQ,CAAC,KAAK,MAAM;KAC9D,QAAQ,EAAI;KACb,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS,EAAa,UAAU,kCAAkC,YAAY,EAAQ,OAAO;IAC7F,YAAW;IACX,mBAAkB;IAClB,MAAM,EAAQ,KAAK,OAAS;KAC1B,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,SAAS,EAAI;KAC7C,UAAU;KACV,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS,EAAc,UAAU,wBAAwB,aAAa,EAAS,OAAO;IACtF,YAAW;IACX,MAAM,EAAS,KAAK,OAAS;KAC3B,IAAI,EAAI;KACR,OAAO,EAAI,SAAS,EAAI,QAAQ,WAAW,EAAI;KAC/C,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,YAAW;IACX,OAAM;IACN,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,eAAe,EAAS,gBAAgB;MACzC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,eAAe,EAAS,iBAAiB;MAC1C;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MAC1C,eAAe,EAAS,UAAU;MACnC;KACF;IACD,CAAA;GACE"}
+{"version":3,"file":"NetworkingPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/NetworkingPage.tsx"],"sourcesContent":["import { CalendarDays, Megaphone, Users } from 'lucide-react';\nimport { ContextConversationWidget } from '@burdenoff/fe-libs/shared';\nimport { useRegisterPageConversationContext } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { EmphasisPanel, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useMeetingsQuery, useNetworkingMatchesQuery, useNetworkingProfilesQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype SimpleRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\n/**\n * Shared networking lounge chat, backed by wspace-conversations-svc. Scoped by a\n * stable networking entity so every organizer/attendee on this workspace lands in\n * the same thread.\n */\nfunction NetworkingLounge() {\n  useRegisterPageConversationContext({\n    entityType: 'EVENTFULLYMANAGED_NETWORKING_LOUNGE',\n    entityId: 'general',\n    contextTitle: 'Networking Lounge',\n  });\n  return <ContextConversationWidget widgetKey=\"networking-lounge\" />;\n}\n\nexport default function NetworkingPage() {\n  const { navigate } = useEventfullyManaged();\n  const profilesQuery = useNetworkingProfilesQuery({ limit: 100, offset: 0 });\n  const matchesQuery = useNetworkingMatchesQuery({ limit: 100, offset: 0 });\n  const meetingsQuery = useMeetingsQuery({ limit: 100, offset: 0 });\n\n  const profiles = useMemo(() => profilesQuery.data?.networkingProfiles.items ?? [], [profilesQuery.data]);\n  const matches = useMemo(() => (matchesQuery.data?.networkingMatches.items ?? []) as SimpleRow[], [matchesQuery.data]);\n  const meetings = useMemo(() => (meetingsQuery.data?.meetings.items ?? []) as SimpleRow[], [meetingsQuery.data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Networking turns attendees into connections. Profiles describe who each attendee is and what they are looking\n        for, matches are the suggestions the engine makes between them, and meetings are the 1:1s they book. Use this\n        page to spot strong matches and make sure scheduled meetings are running smoothly.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Networking</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Manage networking matches and meeting schedules from live backend data.\n        </p>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={profilesQuery.loading ? 'Loading networking profiles...' : `Profiles (${profiles.length})`}\n        emptyLabel=\"No networking profiles available.\"\n        emptyIllustration=\"empty-people\"\n        rows={profiles.map((row) => ({\n          id: row.id,\n          title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Profile ${row.id}`,\n          subtitle: [row.role, row.industry].filter(Boolean).join(' • '),\n          status: row.visibility,\n        }))}\n      />\n\n      <EntityListSection\n        heading={matchesQuery.loading ? 'Loading networking matches...' : `Matches (${matches.length})`}\n        emptyLabel=\"No networking matches available.\"\n        emptyIllustration=\"empty-people\"\n        rows={matches.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Match ${row.id}`,\n          subtitle: 'Suggested by networking engine',\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={meetingsQuery.loading ? 'Loading meetings...' : `Meetings (${meetings.length})`}\n        emptyLabel=\"No meetings scheduled.\"\n        rows={meetings.map((row) => ({\n          id: row.id,\n          title: row.title ?? row.name ?? `Meeting ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <div className=\"space-y-3\">\n        <div>\n          <h2 className=\"text-lg font-semibold text-text-primary\">Networking chat</h2>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            A shared space for attendees and organizers to connect, backed by the conversations service.\n          </p>\n        </div>\n        <NetworkingLounge />\n      </div>\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-networking\"\n        title=\"Make networking land\"\n        steps={[\n          {\n            id: 'grow-attendees',\n            label: 'Bring in more attendees',\n            description: 'More registered attendees means richer matches and meetings.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'announce-networking',\n            label: 'Announce networking sessions',\n            description: 'Let attendees know how and when to connect.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'review-event',\n            label: 'Review the event schedule',\n            description: 'Make sure networking slots fit around your sessions.',\n            icon: <CalendarDays className=\"h-4 w-4\" />,\n            onClick: () => navigate('/events'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/modules/SponsorDetailsPage.js

@@ -6,15 +6,24 @@ import { useParams as a } from "react-router-dom";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Megaphone as c, Pencil as l, TrendingUp as u } from "lucide-react";
 import { EmphasisPanel as d, GlassCard as f, GradientText as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+import { ContextConversationWidget as g } from "@burdenoff/fe-libs/shared";
+import { useRegisterPageConversationContext as _ } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/eventfullymanaged/pages/modules/SponsorDetailsPage.tsx
-function g() {
-	let { id: g = "" } = a(), { navigate: _ } = e(), v = n({
+function v({ sponsorId: e, sponsorName: t }) {
+	return _({
+		entityType: "EVENTFULLYMANAGED_SPONSOR",
+		entityId: e,
+		contextTitle: `Sponsor · ${t}`
+	}), /* @__PURE__ */ o(g, { widgetKey: "sponsor-message" });
+}
+function y() {
+	let { id: g = "" } = a(), { navigate: _ } = e(), y = n({
 		limit: 100,
 		offset: 0
-	}), y = t({
+	}), b = t({
 		limit: 100,
 		offset: 0
-	}), b = i(() => (v.data?.sponsors.items ?? []).find((e) => e.id === g), [g, v.data]), x = i(() => y.data?.communicationCampaigns.items ?? [], [y.data]);
+	}), x = i(() => (y.data?.sponsors.items ?? []).find((e) => e.id === g), [g, y.data]), S = i(() => b.data?.communicationCampaigns.items ?? [], [b.data]);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -26,9 +35,9 @@ function g() {
 				}),
 				/* @__PURE__ */ o("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: v.loading ? "Loading sponsor details..." : b ? `Live sponsor profile for ${b.name}.` : "Sponsor not found in current query scope."
+					children: y.loading ? "Loading sponsor details..." : x ? `Live sponsor profile for ${x.name}.` : "Sponsor not found in current query scope."
 				}),
-				b ? /* @__PURE__ */ s("div", {
+				x ? /* @__PURE__ */ s("div", {
 					className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
 						/* @__PURE__ */ s(f, {
@@ -39,7 +48,7 @@ function g() {
 								children: "Level"
 							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 font-medium text-text-primary",
-								children: b.level
+								children: x.level
 							})]
 						}),
 						/* @__PURE__ */ s(f, {
@@ -50,7 +59,7 @@ function g() {
 								children: "Contact"
 							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 font-medium text-text-primary",
-								children: b.contactName ?? "Unassigned"
+								children: x.contactName ?? "Unassigned"
 							})]
 						}),
 						/* @__PURE__ */ s(f, {
@@ -61,7 +70,7 @@ function g() {
 								children: "Email"
 							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 font-medium text-text-primary",
-								children: b.contactEmail ?? "Unavailable"
+								children: x.contactEmail ?? "Unavailable"
 							})]
 						}),
 						/* @__PURE__ */ s(f, {
@@ -72,21 +81,34 @@ function g() {
 								children: "Website"
 							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 truncate font-medium text-text-primary",
-								children: b.website ?? "Unavailable"
+								children: x.website ?? "Unavailable"
 							})]
 						})
 					]
 				}) : null
 			] }),
 			/* @__PURE__ */ o(r, {
-				heading: y.loading ? "Loading campaigns..." : `Campaign Activity (${x.length})`,
+				heading: b.loading ? "Loading campaigns..." : `Campaign Activity (${S.length})`,
 				emptyLabel: "No communication campaigns available for sponsor tracking.",
-				rows: x.map((e) => ({
+				rows: S.map((e) => ({
 					id: e.id,
 					title: e.title ?? e.name ?? `Campaign ${e.id}`,
 					status: e.status
 				}))
 			}),
+			x ? /* @__PURE__ */ s("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Sponsor messages"
+				}), /* @__PURE__ */ o("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Coordinate with this sponsor in a dedicated thread, backed by the conversations service."
+				})] }), /* @__PURE__ */ o(v, {
+					sponsorId: x.id,
+					sponsorName: x.name
+				})]
+			}) : null,
 			/* @__PURE__ */ o(m, {
 				storageKey: "eventfullymanaged-sponsor-details",
 				title: "Grow this partnership",
@@ -118,6 +140,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as default };
+export { y as default };
 
 //# sourceMappingURL=SponsorDetailsPage.js.map

package/dist/eventfullymanaged/pages/modules/SponsorDetailsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SponsorDetailsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/SponsorDetailsPage.tsx"],"sourcesContent":["import { Megaphone, Pencil, TrendingUp } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCommunicationCampaignsQuery, useSponsorsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype SponsorRow = {\n  id: string;\n  name: string;\n  level: string;\n  website?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n};\n\ntype CampaignRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function SponsorDetailsPage() {\n  const { id = '' } = useParams();\n  const { navigate } = useEventfullyManaged();\n  const sponsorsQuery = useSponsorsQuery({ limit: 100, offset: 0 });\n  const campaignsQuery = useCommunicationCampaignsQuery({ limit: 100, offset: 0 });\n\n  const sponsor = useMemo(\n    () => ((sponsorsQuery.data?.sponsors.items ?? []) as SponsorRow[]).find((item) => item.id === id),\n    [id, sponsorsQuery.data]\n  );\n  const campaigns = useMemo(\n    () => (campaignsQuery.data?.communicationCampaigns.items ?? []) as CampaignRow[],\n    [campaignsQuery.data]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Everything about one sponsor in one place — their tier, contacts, and the campaigns they appear in. Use this\n        to prep for a sponsor conversation, confirm their contact details, or check how their branded campaigns are\n        performing.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Sponsor</GradientText> Details\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {sponsorsQuery.loading\n            ? 'Loading sponsor details...'\n            : sponsor\n              ? `Live sponsor profile for ${sponsor.name}.`\n              : 'Sponsor not found in current query scope.'}\n        </p>\n        {sponsor ? (\n          <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Level</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{sponsor.level}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Contact</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{sponsor.contactName ?? 'Unassigned'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Email</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{sponsor.contactEmail ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Website</p>\n              <p className=\"mt-1 truncate font-medium text-text-primary\">{sponsor.website ?? 'Unavailable'}</p>\n            </GlassCard>\n          </div>\n        ) : null}\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={campaignsQuery.loading ? 'Loading campaigns...' : `Campaign Activity (${campaigns.length})`}\n        emptyLabel=\"No communication campaigns available for sponsor tracking.\"\n        rows={campaigns.map((campaign) => ({\n          id: campaign.id,\n          title: campaign.title ?? campaign.name ?? `Campaign ${campaign.id}`,\n          status: campaign.status,\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-sponsor-details\"\n        title=\"Grow this partnership\"\n        steps={[\n          {\n            id: 'edit-sponsor',\n            label: 'Update sponsor details',\n            description: 'Keep tier, contacts and contract value current.',\n            icon: <Pencil className=\"h-4 w-4\" />,\n            onClick: () => navigate(id ? `/sponsors/${id}/edit` : '/sponsors'),\n          },\n          {\n            id: 'track-leads',\n            label: 'Track sponsor leads',\n            description: 'See the leads this sponsor is generating at the event.',\n            icon: <TrendingUp className=\"h-4 w-4\" />,\n            onClick: () => navigate(id ? `/sponsors/${id}/leads` : '/sponsors'),\n          },\n          {\n            id: 'run-campaign',\n            label: 'Run a co-branded campaign',\n            description: 'Promote this sponsor through a communication campaign.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAwB,IAAqB;CAC3C,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,gBAAa,GAAsB,EACrC,IAAgB,EAAiB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC3D,IAAiB,EAA+B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAE1E,IAAU,SACN,EAAc,MAAM,SAAS,SAAS,EAAE,EAAmB,MAAM,MAAS,EAAK,OAAO,EAAG,EACjG,CAAC,GAAI,EAAc,KAAK,CACzB,EACK,IAAY,QACT,EAAe,MAAM,uBAAuB,SAAS,EAAE,EAC9D,CAAC,EAAe,KAAK,CACtB;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,wOAIC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAA,UAAc,WAAsB,CAAA,EAAA,WACjC;;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAc,UACX,+BACA,IACE,4BAA4B,EAAQ,KAAK,KACzC;KACJ,CAAA;IACH,IACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAS,CAAA,EAC5E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAQ;QAAU,CAAA,CAC3D;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAW,CAAA,EAC9E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAQ,eAAe;QAAiB,CAAA,CACjF;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAS,CAAA,EAC5E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAQ,gBAAgB;QAAkB,CAAA,CACnF;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAW,CAAA,EAC9E,kBAAC,KAAD;QAAG,WAAU;kBAA+C,EAAQ,WAAW;QAAkB,CAAA,CACvF;;MACR;SACJ;IACU,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SAAS,EAAe,UAAU,yBAAyB,sBAAsB,EAAU,OAAO;IAClG,YAAW;IACX,MAAM,EAAU,KAAK,OAAc;KACjC,IAAI,EAAS;KACb,OAAO,EAAS,SAAS,EAAS,QAAQ,YAAY,EAAS;KAC/D,QAAQ,EAAS;KAClB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,YAAW;IACX,OAAM;IACN,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,eAAe,EAAS,IAAK,aAAa,EAAG,SAAS,YAAY;MACnE;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,eAAe,EAAS,IAAK,aAAa,EAAG,UAAU,YAAY;MACpE;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,eAAe,EAAS,iBAAiB;MAC1C;KACF;IACD,CAAA;GACE"}
+{"version":3,"file":"SponsorDetailsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/SponsorDetailsPage.tsx"],"sourcesContent":["import { Megaphone, Pencil, TrendingUp } from 'lucide-react';\nimport { ContextConversationWidget } from '@burdenoff/fe-libs/shared';\nimport { useRegisterPageConversationContext } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { EmphasisPanel, GlassCard, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCommunicationCampaignsQuery, useSponsorsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\n/**\n * Sponsor ↔ organizer message thread, backed by wspace-conversations-svc and\n * scoped to this sponsor so the conversation follows the partnership.\n */\nfunction SponsorConversation({ sponsorId, sponsorName }: { sponsorId: string; sponsorName: string }) {\n  useRegisterPageConversationContext({\n    entityType: 'EVENTFULLYMANAGED_SPONSOR',\n    entityId: sponsorId,\n    contextTitle: `Sponsor · ${sponsorName}`,\n  });\n  return <ContextConversationWidget widgetKey=\"sponsor-message\" />;\n}\n\ntype SponsorRow = {\n  id: string;\n  name: string;\n  level: string;\n  website?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n};\n\ntype CampaignRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function SponsorDetailsPage() {\n  const { id = '' } = useParams();\n  const { navigate } = useEventfullyManaged();\n  const sponsorsQuery = useSponsorsQuery({ limit: 100, offset: 0 });\n  const campaignsQuery = useCommunicationCampaignsQuery({ limit: 100, offset: 0 });\n\n  const sponsor = useMemo(\n    () => ((sponsorsQuery.data?.sponsors.items ?? []) as SponsorRow[]).find((item) => item.id === id),\n    [id, sponsorsQuery.data]\n  );\n  const campaigns = useMemo(\n    () => (campaignsQuery.data?.communicationCampaigns.items ?? []) as CampaignRow[],\n    [campaignsQuery.data]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Everything about one sponsor in one place — their tier, contacts, and the campaigns they appear in. Use this to\n        prep for a sponsor conversation, confirm their contact details, or check how their branded campaigns are\n        performing.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Sponsor</GradientText> Details\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {sponsorsQuery.loading\n            ? 'Loading sponsor details...'\n            : sponsor\n              ? `Live sponsor profile for ${sponsor.name}.`\n              : 'Sponsor not found in current query scope.'}\n        </p>\n        {sponsor ? (\n          <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Level</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{sponsor.level}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Contact</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{sponsor.contactName ?? 'Unassigned'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Email</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{sponsor.contactEmail ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Website</p>\n              <p className=\"mt-1 truncate font-medium text-text-primary\">{sponsor.website ?? 'Unavailable'}</p>\n            </GlassCard>\n          </div>\n        ) : null}\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={campaignsQuery.loading ? 'Loading campaigns...' : `Campaign Activity (${campaigns.length})`}\n        emptyLabel=\"No communication campaigns available for sponsor tracking.\"\n        rows={campaigns.map((campaign) => ({\n          id: campaign.id,\n          title: campaign.title ?? campaign.name ?? `Campaign ${campaign.id}`,\n          status: campaign.status,\n        }))}\n      />\n\n      {sponsor ? (\n        <div className=\"space-y-3\">\n          <div>\n            <h2 className=\"text-lg font-semibold text-text-primary\">Sponsor messages</h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              Coordinate with this sponsor in a dedicated thread, backed by the conversations service.\n            </p>\n          </div>\n          <SponsorConversation sponsorId={sponsor.id} sponsorName={sponsor.name} />\n        </div>\n      ) : null}\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-sponsor-details\"\n        title=\"Grow this partnership\"\n        steps={[\n          {\n            id: 'edit-sponsor',\n            label: 'Update sponsor details',\n            description: 'Keep tier, contacts and contract value current.',\n            icon: <Pencil className=\"h-4 w-4\" />,\n            onClick: () => navigate(id ? `/sponsors/${id}/edit` : '/sponsors'),\n          },\n          {\n            id: 'track-leads',\n            label: 'Track sponsor leads',\n            description: 'See the leads this sponsor is generating at the event.',\n            icon: <TrendingUp className=\"h-4 w-4\" />,\n            onClick: () => navigate(id ? `/sponsors/${id}/leads` : '/sponsors'),\n          },\n          {\n            id: 'run-campaign',\n            label: 'Run a co-branded campaign',\n            description: 'Promote this sponsor through a communication campaign.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}