@burdenoff/microfe-eventfullymanaged 2026.625.1 → 2026.703.1

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

@@ -1,89 +1,126 @@
-import { useCreateEventMutation as e, useEventsQuery as t, useTicketTypesQuery as n } from "../../api/eventApi.js";
-import { EntityListSection as r } from "./EntityListSection.js";
-import { useMemo as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { CalendarPlus as c } from "lucide-react";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as u, EmphasisPanel as d, GradientText as f, Input as p } from "@burdenoff/fe-libs/ui";
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+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 m() {
-	let { t: m } = l(), h = (e, t) => {
-		let n = m(e);
+function S() {
+	let { t: S } = h(), C = (e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, { data: g, loading: _ } = t({
+	}, { navigate: w } = e(), { data: T, loading: E } = r({
 		limit: 100,
 		offset: 0
-	}), v = n({
+	}), D = i({
 		limit: 100,
 		offset: 0
-	}), [y, { loading: b }] = e(), [x, S] = a(""), C = i(() => g?.events.items ?? [], [g]), w = i(() => v.data?.ticketTypes.items ?? [], [v.data]);
-	return /* @__PURE__ */ s("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(d, { children: [
-				/* @__PURE__ */ o("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__ */ o(f, { children: h("eventfullymanaged.events.title", "Events") })
+					children: /* @__PURE__ */ u(v, { children: C("eventfullymanaged.events.title", "Events") })
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ u("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: h("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__ */ s("div", {
+				/* @__PURE__ */ d("div", {
 					className: "mt-4 flex flex-col gap-3 sm:flex-row",
-					children: [/* @__PURE__ */ o(p, {
-						value: x,
-						onChange: (e) => S(e.target.value),
-						placeholder: h("eventfullymanaged.events.namePlaceholder", "Annual Innovation Summit"),
-						"aria-label": h("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__ */ s(u, {
+					}), /* @__PURE__ */ d(g, {
 						type: "button",
-						disabled: b,
+						disabled: k,
 						onClick: async () => {
-							if (!x.trim()) return;
-							let e = /* @__PURE__ */ new Date(), t = new Date(e.getTime() + 3600 * 1e3);
-							await y({ variables: { input: {
-								name: x.trim(),
-								description: "",
-								type: "IN_PERSON",
-								status: "DRAFT",
-								timezone: "Asia/Kolkata",
-								startAt: e.toISOString(),
-								endAt: t.toISOString(),
-								visibility: "private",
-								capacity: 100,
-								metadata: {}
-							} } }), S("");
+							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__ */ o(c, { className: "h-4 w-4" }), b ? h("eventfullymanaged.events.actions.creating", "Creating...") : h("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__ */ o(r, {
-				heading: _ ? h("eventfullymanaged.events.list.loading", "Loading events...") : `${h("eventfullymanaged.events.list.heading", "Events")} (${C.length})`,
-				emptyLabel: h("eventfullymanaged.events.list.empty", "No events found."),
-				rows: C.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__ */ o(r, {
-				heading: v.loading ? h("eventfullymanaged.events.ticketTypes.loading", "Loading ticket types...") : `${h("eventfullymanaged.events.ticketTypes.heading", "Ticket Types")} (${w.length})`,
-				emptyLabel: h("eventfullymanaged.events.ticketTypes.empty", "No ticket types configured."),
-				rows: w.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} • ${h("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__ */ u(b, {
+				storageKey: "eventfullymanaged-events",
+				title: C("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
+				steps: [
+					{
+						id: "configure-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: 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: 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")
+					}
+				]
 			})
 		]
 	});
 }
 //#endregion
-export { m 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 } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Button, EmphasisPanel, GradientText, Input } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useCreateEventMutation, useEventsQuery, useTicketTypesQuery } from '../../api/eventApi';\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 { 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      <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    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAiBA,SAAwB,IAAa;CACnC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,SAAM,eAAY,EAAe;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC7D,IAAmB,EAAoB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACjE,CAAC,GAAa,EAAE,SAAS,OAAc,GAAwB,EAC/D,CAAC,GAAM,KAAW,EAAS,GAAG,EAE9B,IAAO,QAAe,GAAM,OAAO,SAAS,EAAE,EAAiB,CAAC,EAAK,CAAC,EACtE,IAAc,QAAc,EAAiB,MAAM,YAAY,SAAS,EAAE,EAAE,CAAC,EAAiB,KAAK,CAAC;AAyB1G,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,kCAAkC,SAAS,EAAgB,CAAA;KACzE,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,wCAAwC,0DAA0D;KACnG,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;MACxC,aAAa,EAAE,4CAA4C,2BAA2B;MACtF,cAAY,EAAE,4CAA4C,2BAA2B;MACrF,WAAU;MACV,CAAA,EACF,kBAAC,GAAD;MAAQ,MAAK;MAAS,UAAU;MAAU,SAxCjC,YAAY;AAC3B,WAAI,CAAC,EAAK,MAAM,CAAE;OAClB,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAW,IAAI,KAAK,EAAI,SAAS,GAAG,OAAU,IAAK;AAiBzD,OAhBA,MAAM,EAAY,EAChB,WAAW,EACT,OAAO;QACL,MAAM,EAAK,MAAM;QACjB,aAAa;QACb,MAAM;QACN,QAAQ;QACR,UAAU;QACV,SAAS,EAAI,aAAa;QAC1B,OAAO,EAAS,aAAa;QAC7B,YAAY;QACZ,UAAU;QACV,UAAU,EAAE;QACb,EACF,EACF,CAAC,EACF,EAAQ,GAAG;;gBAoBL,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EACnC,IACG,EAAE,6CAA6C,cAAc,GAC7D,EAAE,2CAA2C,eAAe,CACzD;QACL;;IACQ,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SACE,IACI,EAAE,yCAAyC,oBAAoB,GAC/D,GAAG,EAAE,yCAAyC,SAAS,CAAC,IAAI,EAAK,OAAO;IAE9E,YAAY,EAAE,uCAAuC,mBAAmB;IACxE,MAAM,EAAK,KAAK,OAAS;KACvB,IAAI,EAAI;KACR,OAAO,EAAI;KACX,UAAU,CAAC,EAAI,MAAM,EAAI,UAAU,IAAI,KAAK,EAAI,QAAQ,CAAC,gBAAgB,GAAG,KAAA,EAAU,CACnF,OAAO,QAAQ,CACf,KAAK,MAAM;KACd,QAAQ,EAAI;KACb,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SACE,EAAiB,UACb,EAAE,gDAAgD,0BAA0B,GAC5E,GAAG,EAAE,gDAAgD,eAAe,CAAC,IAAI,EAAY,OAAO;IAElG,YAAY,EAAE,8CAA8C,8BAA8B;IAC1F,MAAM,EAAY,KAAK,OAAS;KAC9B,IAAI,EAAI;KACR,OAAO,EAAI;KACX,UAAU,GAAG,EAAI,MAAM,GAAG,EAAI,SAAS,KAAK,EAAE,mDAAmD,OAAO,CAAC,GAAG,EAAI;KAChH,QAAQ,EAAI,WAAW,WAAW;KACnC,EAAE;IACH,CAAA;GACE"}
+{"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/KioskPage.js

@@ -2,19 +2,20 @@ import { useCheckInRecordsQuery as e, useCheckInStationsQuery as t } from "../..
 import { EntityListSection as n } from "./EntityListSection.js";
 import { useMemo as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { EmphasisPanel as o, GradientText as s } from "@burdenoff/fe-libs/ui";
+import { EmphasisPanel as o, GradientText as s, PagePurpose as c } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/KioskPage.tsx
-function c() {
-	let c = t({
+function l() {
+	let l = t({
 		limit: 100,
 		offset: 0
-	}), l = e({
+	}), u = e({
 		limit: 100,
 		offset: 0
-	}), u = r(() => c.data?.checkInStations.items ?? [], [c.data]), d = r(() => l.data?.checkInRecords.items ?? [], [l.data]);
+	}), d = r(() => l.data?.checkInStations.items ?? [], [l.data]), f = r(() => u.data?.checkInRecords.items ?? [], [u.data]);
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
+			/* @__PURE__ */ i(c, { children: "Kiosks are the front desk of your event. Each check-in station is a device or counter where attendees scan in, and check-in records are the live log of who arrived and when. Use this page to confirm your stations are online before doors open and to watch arrivals flow in on the day." }),
 			/* @__PURE__ */ a(o, { children: [/* @__PURE__ */ a("h1", {
 				className: "text-2xl font-bold text-text-primary",
 				children: [/* @__PURE__ */ i(s, { children: "Kiosk" }), " & Check-In"]
@@ -23,18 +24,18 @@ function c() {
 				children: "View configured check-in stations and station status."
 			})] }),
 			/* @__PURE__ */ i(n, {
-				heading: c.loading ? "Loading check-in stations..." : `Stations (${u.length})`,
+				heading: l.loading ? "Loading check-in stations..." : `Stations (${d.length})`,
 				emptyLabel: "No check-in stations configured yet.",
-				rows: u.map((e) => ({
+				rows: d.map((e) => ({
 					id: e.id,
 					title: e.name ?? e.title ?? `Station ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			}),
 			/* @__PURE__ */ i(n, {
-				heading: l.loading ? "Loading check-in records..." : `Check-In Records (${d.length})`,
+				heading: u.loading ? "Loading check-in records..." : `Check-In Records (${f.length})`,
 				emptyLabel: "No check-in records found.",
-				rows: d.map((e) => ({
+				rows: f.map((e) => ({
 					id: e.id,
 					title: e.attendeeId ? `Attendee ${e.attendeeId}` : `Record ${e.id}`,
 					subtitle: `${e.method} • ${e.direction}`,
@@ -45,6 +46,6 @@ function c() {
 	});
 }
 //#endregion
-export { c as default };
+export { l as default };
 
 //# sourceMappingURL=KioskPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"KioskPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/KioskPage.tsx"],"sourcesContent":["import { EmphasisPanel, GradientText } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useCheckInRecordsQuery, useCheckInStationsQuery } from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype StationRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function KioskPage() {\n  const stationsQuery = useCheckInStationsQuery({ limit: 100, offset: 0 });\n  const recordsQuery = useCheckInRecordsQuery({ limit: 100, offset: 0 });\n  const stations = useMemo(\n    () => (stationsQuery.data?.checkInStations.items ?? []) as StationRow[],\n    [stationsQuery.data]\n  );\n  const records = useMemo(() => recordsQuery.data?.checkInRecords.items ?? [], [recordsQuery.data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Kiosk</GradientText> &amp; Check-In\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">View configured check-in stations and station status.</p>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={stationsQuery.loading ? 'Loading check-in stations...' : `Stations (${stations.length})`}\n        emptyLabel=\"No check-in stations configured yet.\"\n        rows={stations.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Station ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={recordsQuery.loading ? 'Loading check-in records...' : `Check-In Records (${records.length})`}\n        emptyLabel=\"No check-in records found.\"\n        rows={records.map((row) => ({\n          id: row.id,\n          title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Record ${row.id}`,\n          subtitle: `${row.method} • ${row.direction}`,\n          status: row.status,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAwB,IAAY;CAClC,IAAM,IAAgB,EAAwB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAClE,IAAe,EAAuB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAChE,IAAW,QACR,EAAc,MAAM,gBAAgB,SAAS,EAAE,EACtD,CAAC,EAAc,KAAK,CACrB,EACK,IAAU,QAAc,EAAa,MAAM,eAAe,SAAS,EAAE,EAAE,CAAC,EAAa,KAAK,CAAC;AAEjG,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,GAAD,EAAA,UAAc,SAAoB,CAAA,EAAA,cAC/B;OACL,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAAyD,CAAA,CAC3F,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SAAS,EAAc,UAAU,iCAAiC,aAAa,EAAS,OAAO;IAC/F,YAAW;IACX,MAAM,EAAS,KAAK,OAAS;KAC3B,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,WAAW,EAAI;KAC/C,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS,EAAa,UAAU,gCAAgC,qBAAqB,EAAQ,OAAO;IACpG,YAAW;IACX,MAAM,EAAQ,KAAK,OAAS;KAC1B,IAAI,EAAI;KACR,OAAO,EAAI,aAAa,YAAY,EAAI,eAAe,UAAU,EAAI;KACrE,UAAU,GAAG,EAAI,OAAO,KAAK,EAAI;KACjC,QAAQ,EAAI;KACb,EAAE;IACH,CAAA;GACE"}
+{"version":3,"file":"KioskPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/KioskPage.tsx"],"sourcesContent":["import { EmphasisPanel, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useCheckInRecordsQuery, useCheckInStationsQuery } from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype StationRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function KioskPage() {\n  const stationsQuery = useCheckInStationsQuery({ limit: 100, offset: 0 });\n  const recordsQuery = useCheckInRecordsQuery({ limit: 100, offset: 0 });\n  const stations = useMemo(\n    () => (stationsQuery.data?.checkInStations.items ?? []) as StationRow[],\n    [stationsQuery.data]\n  );\n  const records = useMemo(() => recordsQuery.data?.checkInRecords.items ?? [], [recordsQuery.data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Kiosks are the front desk of your event. Each check-in station is a device or counter where attendees scan in,\n        and check-in records are the live log of who arrived and when. Use this page to confirm your stations are\n        online before doors open and to watch arrivals flow in on the day.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Kiosk</GradientText> &amp; Check-In\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">View configured check-in stations and station status.</p>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={stationsQuery.loading ? 'Loading check-in stations...' : `Stations (${stations.length})`}\n        emptyLabel=\"No check-in stations configured yet.\"\n        rows={stations.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Station ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={recordsQuery.loading ? 'Loading check-in records...' : `Check-In Records (${records.length})`}\n        emptyLabel=\"No check-in records found.\"\n        rows={records.map((row) => ({\n          id: row.id,\n          title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Record ${row.id}`,\n          subtitle: `${row.method} • ${row.direction}`,\n          status: row.status,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAwB,IAAY;CAClC,IAAM,IAAgB,EAAwB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAClE,IAAe,EAAuB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAChE,IAAW,QACR,EAAc,MAAM,gBAAgB,SAAS,EAAE,EACtD,CAAC,EAAc,KAAK,CACrB,EACK,IAAU,QAAc,EAAa,MAAM,eAAe,SAAS,EAAE,EAAE,CAAC,EAAa,KAAK,CAAC;AAEjG,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,+RAIC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,GAAD,EAAA,UAAc,SAAoB,CAAA,EAAA,cAC/B;OACL,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAAyD,CAAA,CAC3F,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SAAS,EAAc,UAAU,iCAAiC,aAAa,EAAS,OAAO;IAC/F,YAAW;IACX,MAAM,EAAS,KAAK,OAAS;KAC3B,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,WAAW,EAAI;KAC/C,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS,EAAa,UAAU,gCAAgC,qBAAqB,EAAQ,OAAO;IACpG,YAAW;IACX,MAAM,EAAQ,KAAK,OAAS;KAC1B,IAAI,EAAI;KACR,OAAO,EAAI,aAAa,YAAY,EAAI,eAAe,UAAU,EAAI;KACrE,UAAU,GAAG,EAAI,OAAO,KAAK,EAAI;KACjC,QAAQ,EAAI;KACb,EAAE;IACH,CAAA;GACE"}

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

@@ -1,65 +1,114 @@
-import { useMeetingsQuery as e, useNetworkingMatchesQuery as t, useNetworkingProfilesQuery as n } from "../../api/eventApi.js";
-import { EntityListSection as r } from "./EntityListSection.js";
-import { useMemo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { EmphasisPanel as s, GradientText as c } from "@burdenoff/fe-libs/ui";
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { useMeetingsQuery as t, useNetworkingMatchesQuery as n, useNetworkingProfilesQuery as r } from "../../api/eventApi.js";
+import { EntityListSection as i } from "./EntityListSection.js";
+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 l() {
-	let l = n({
+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
-	}), u = t({
+	}), v = n({
 		limit: 100,
 		offset: 0
-	}), d = e({
+	}), y = t({
 		limit: 100,
 		offset: 0
-	}), f = i(() => l.data?.networkingProfiles.items ?? [], [l.data]), p = i(() => u.data?.networkingMatches.items ?? [], [u.data]), m = i(() => d.data?.meetings.items ?? [], [d.data]);
-	return /* @__PURE__ */ o("div", {
+	}), 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: [
-			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a("h1", {
+			/* @__PURE__ */ o(m, { children: "Networking turns attendees into connections. Profiles describe who each attendee is and what they are looking for, matches are the suggestions the engine makes between them, and meetings are the 1:1s they book. Use this page to spot strong matches and make sure scheduled meetings are running smoothly." }),
+			/* @__PURE__ */ s(d, { children: [/* @__PURE__ */ o("h1", {
 				className: "text-2xl font-bold text-text-primary",
-				children: /* @__PURE__ */ a(c, { children: "Networking" })
-			}), /* @__PURE__ */ a("p", {
+				children: /* @__PURE__ */ o(f, { children: "Networking" })
+			}), /* @__PURE__ */ o("p", {
 				className: "mt-1 text-sm text-text-secondary",
 				children: "Manage networking matches and meeting schedules from live backend data."
 			})] }),
-			/* @__PURE__ */ a(r, {
-				heading: l.loading ? "Loading networking profiles..." : `Profiles (${f.length})`,
+			/* @__PURE__ */ o(i, {
+				heading: g.loading ? "Loading networking profiles..." : `Profiles (${b.length})`,
 				emptyLabel: "No networking profiles available.",
 				emptyIllustration: "empty-people",
-				rows: f.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(" • "),
 					status: e.visibility
 				}))
 			}),
-			/* @__PURE__ */ a(r, {
-				heading: u.loading ? "Loading networking matches..." : `Matches (${p.length})`,
+			/* @__PURE__ */ o(i, {
+				heading: v.loading ? "Loading networking matches..." : `Matches (${x.length})`,
 				emptyLabel: "No networking matches available.",
 				emptyIllustration: "empty-people",
-				rows: p.map((e) => ({
+				rows: x.map((e) => ({
 					id: e.id,
 					title: e.name ?? e.title ?? `Match ${e.id}`,
 					subtitle: "Suggested by networking engine",
 					status: e.status ?? void 0
 				}))
 			}),
-			/* @__PURE__ */ a(r, {
-				heading: d.loading ? "Loading meetings..." : `Meetings (${m.length})`,
+			/* @__PURE__ */ o(i, {
+				heading: y.loading ? "Loading meetings..." : `Meetings (${S.length})`,
 				emptyLabel: "No meetings scheduled.",
-				rows: m.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",
+				steps: [
+					{
+						id: "grow-attendees",
+						label: "Bring in more attendees",
+						description: "More registered attendees means richer matches and meetings.",
+						icon: /* @__PURE__ */ o(u, { className: "h-4 w-4" }),
+						onClick: () => h("/registration")
+					},
+					{
+						id: "announce-networking",
+						label: "Announce networking sessions",
+						description: "Let attendees know how and when to connect.",
+						icon: /* @__PURE__ */ o(l, { className: "h-4 w-4" }),
+						onClick: () => h("/communication")
+					},
+					{
+						id: "review-event",
+						label: "Review the event schedule",
+						description: "Make sure networking slots fit around your sessions.",
+						icon: /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
+						onClick: () => h("/events")
+					}
+				]
 			})
 		]
 	});
 }
 //#endregion
-export { l 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 { EmphasisPanel, GradientText } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useMeetingsQuery, useNetworkingMatchesQuery, useNetworkingProfilesQuery } from '../../api/eventApi';\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 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      <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    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAwB,IAAiB;CACvC,IAAM,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,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;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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"}