@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.8

package/dist/eventfullymanaged/pages/exhibitors/ExhibitorsPage.js

@@ -1,165 +1,283 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useDeleteExhibitorMutation as n, useExhibitorsQuery as r } from "../../api/eventApi.js";
-import { ActionMenu as i } from "../../components/ActionMenu.js";
-import { Pagination as a, usePagination as o } from "../../components/Pagination.js";
-import { describeError as s, mutationSucceeded as c } from "../../lib/mutationResult.js";
-import { SafeLink as l } from "../../components/SafeLink.js";
-import { LeadCaptureDialog as u } from "../leads/LeadCaptureDialog.js";
-import { useMemo as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ExternalLink as h, LayoutGrid as g, Plus as _, Search as v, Store as y, UserPlus as b } from "lucide-react";
-import { Badge as x, Button as S, EmphasisPanel as C, GlassCard as w, IllustratedEmptyState as T, Input as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+import { useDeleteExhibitorMutation as n, useExhibitorsQuery as r, useLeadsQuery as i } from "../../api/eventApi.js";
+import { ActionMenu as a } from "../../components/ActionMenu.js";
+import { Pagination as o, usePagination as s } from "../../components/Pagination.js";
+import { describeError as c, mutationSucceeded as l } from "../../lib/mutationResult.js";
+import { SafeLink as u } from "../../components/SafeLink.js";
+import { LeadCaptureDialog as d } from "../leads/LeadCaptureDialog.js";
+import { useMemo as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ExternalLink as g, Plus as _, Search as v, Store as y, UserPlus as b } from "lucide-react";
+import { Badge as x, Button as S, EmphasisPanel as C, GlassCard as w, IllustratedEmptyState as T, Input as E, PagePurpose as D, ResponsiveTable as O } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/exhibitors/ExhibitorsPage.tsx
-function O(e) {
+var k = 200, A = 500;
+function j(e) {
 	let t = e?.website;
 	return typeof t == "string" && t.trim() ? t : null;
 }
-function k() {
-	let { navigate: k } = e(), [A, j] = f(""), M = o({ resetKey: A }), { data: N, loading: P, refetch: F } = r({
-		search: A,
-		limit: M.limit,
-		offset: M.offset
-	}), [I] = n(), [L, R] = f(null), z = d(() => N?.exhibitors?.items ?? [], [N]), B = N?.exhibitors?.total ?? 0, V = async (e) => {
+function M(e) {
+	let t = e.toLowerCase();
+	return [
+		"confirmed",
+		"active",
+		"approved"
+	].includes(t) ? "success" : [
+		"cancelled",
+		"declined",
+		"expired"
+	].includes(t) ? "warning" : [
+		"invited",
+		"pending",
+		"draft"
+	].includes(t) ? "info" : "secondary";
+}
+function N({ label: e, value: t, loading: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: "flex items-baseline gap-1.5",
+		children: [/* @__PURE__ */ m("span", {
+			className: "text-xl font-bold tabular-nums text-text-primary",
+			children: n ? "—" : t.toLocaleString()
+		}), /* @__PURE__ */ m("span", {
+			className: "text-sm text-text-secondary",
+			children: e
+		})]
+	});
+}
+function P() {
+	let { navigate: P } = e(), [F, I] = p(""), L = s({ resetKey: F }), { data: R, loading: z, refetch: B } = r({
+		search: F,
+		limit: L.limit,
+		offset: L.offset
+	}), V = r({
+		limit: k,
+		offset: 0
+	}), H = i({
+		limit: A,
+		offset: 0
+	}), [U] = n(), [W, G] = p(null), K = f(() => R?.exhibitors?.items ?? [], [R]), q = R?.exhibitors?.total ?? 0, J = f(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of H.data?.leads?.items ?? []) t.exhibitorId && e.set(t.exhibitorId, (e.get(t.exhibitorId) ?? 0) + 1);
+		return e;
+	}, [H.data]), Y = f(() => {
+		let e = V.data?.exhibitors?.items ?? [], t = /* @__PURE__ */ new Set();
+		for (let n of e) n.boothCode?.trim() && t.add(n.boothCode.trim());
+		return {
+			exhibitors: V.data?.exhibitors?.total ?? 0,
+			booths: t.size,
+			leads: H.data?.leads?.total ?? 0
+		};
+	}, [V.data, H.data]), X = V.loading || H.loading, Z = async (e) => {
 		try {
-			let n = await I({ variables: { id: e.id } });
-			if (!c(n, n.data?.deleteExhibitor === !0 ? e.id : void 0, "Could not delete exhibitor")) return;
-			t.success("Exhibitor removed", `${e.name} was deleted.`), await F();
+			let n = await U({ variables: { id: e.id } });
+			if (!l(n, n.data?.deleteExhibitor === !0 ? e.id : void 0, "Could not delete exhibitor")) return;
+			t.success("Exhibitor removed", `${e.name} was deleted.`), await Promise.all([B(), V.refetch()]);
 		} catch (e) {
-			t.error("Could not delete exhibitor", s(e));
+			t.error("Could not delete exhibitor", c(e));
 		}
 	};
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p(D, { children: "Exhibitors are the companies staffing booths at your event. Track each booth, the category it belongs to, and the contact who runs it — then capture the leads they scan on the floor so you can prove the value of their stand. Start here to onboard a new exhibitor or work the booth pipeline." }),
-			/* @__PURE__ */ m(C, {
+			/* @__PURE__ */ m(D, { children: "Exhibitors are the companies staffing booths at your event. Track each booth, the category it belongs to, and the contact who runs it — then capture the leads they scan on the floor so you can prove the value of their stand. Start here to onboard a new exhibitor or work the booth pipeline." }),
+			/* @__PURE__ */ h(C, {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: "Exhibitors"
-				}), /* @__PURE__ */ p("p", {
+				}), /* @__PURE__ */ m("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Manage booth exhibitors and capture floor leads from live backend data."
-				})] }), /* @__PURE__ */ m(S, {
+				})] }), /* @__PURE__ */ h(S, {
 					type: "button",
-					onClick: () => k("/exhibitors/create"),
-					children: [/* @__PURE__ */ p(_, { className: "h-4 w-4" }), "New Exhibitor"]
+					onClick: () => P("/exhibitors/create"),
+					children: [/* @__PURE__ */ m(_, { className: "h-4 w-4" }), "New Exhibitor"]
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ p(v, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ p(E, {
-					type: "text",
-					value: A,
-					onChange: (e) => j(e.target.value),
-					placeholder: "Search exhibitors by name or booth",
-					"aria-label": "Search exhibitors by name or booth",
-					className: "pl-10"
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex flex-wrap items-center gap-x-5 gap-y-1",
+					children: [
+						/* @__PURE__ */ m(N, {
+							label: "exhibitors",
+							value: Y.exhibitors,
+							loading: X
+						}),
+						/* @__PURE__ */ m("span", {
+							className: "text-border-strong",
+							"aria-hidden": "true",
+							children: "·"
+						}),
+						/* @__PURE__ */ m(N, {
+							label: "booths",
+							value: Y.booths,
+							loading: X
+						}),
+						/* @__PURE__ */ m("span", {
+							className: "text-border-strong",
+							"aria-hidden": "true",
+							children: "·"
+						}),
+						/* @__PURE__ */ m(N, {
+							label: "leads",
+							value: Y.leads,
+							loading: X
+						})
+					]
+				}), /* @__PURE__ */ h("div", {
+					className: "relative sm:w-72",
+					children: [/* @__PURE__ */ m(v, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ m(E, {
+						type: "text",
+						value: F,
+						onChange: (e) => I(e.target.value),
+						placeholder: "Search exhibitors by name or booth",
+						"aria-label": "Search exhibitors by name or booth",
+						className: "pl-10"
+					})]
 				})]
 			}),
-			P ? /* @__PURE__ */ p(w, {
+			z && K.length === 0 ? /* @__PURE__ */ m(w, {
 				treatment: "plain",
 				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
 				children: "Loading exhibitors..."
-			}) : z.length === 0 ? /* @__PURE__ */ p(w, {
+			}) : K.length === 0 ? /* @__PURE__ */ m(w, {
 				treatment: "plain",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ p(T, {
-					illustration: A ? "empty-search" : "empty-data",
-					title: A ? "No exhibitors match your search." : "No exhibitors yet.",
-					description: A ? "Try a different name or booth code." : "Add your first exhibitor to start building the booth floor.",
-					action: A ? void 0 : /* @__PURE__ */ m(S, {
+				children: /* @__PURE__ */ m(T, {
+					illustration: F ? "empty-search" : "empty-data",
+					title: F ? "No exhibitors match your search." : "No exhibitors yet.",
+					description: F ? "Try a different name or booth code." : "Add your first exhibitor to start building the booth floor.",
+					action: F ? void 0 : /* @__PURE__ */ h(S, {
 						type: "button",
-						onClick: () => k("/exhibitors/create"),
-						children: [/* @__PURE__ */ p(_, { className: "h-4 w-4" }), "New Exhibitor"]
+						onClick: () => P("/exhibitors/create"),
+						children: [/* @__PURE__ */ m(_, { className: "h-4 w-4" }), "New Exhibitor"]
 					})
 				})
-			}) : /* @__PURE__ */ p("div", {
-				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: z.map((e) => {
-					let t = O(e.metadata);
-					return /* @__PURE__ */ m(w, {
-						treatment: "plain",
-						className: "border-border-seam p-5",
-						children: [/* @__PURE__ */ m("div", {
-							className: "flex items-start justify-between gap-3",
-							children: [/* @__PURE__ */ m("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ p("h2", {
-									className: "truncate text-lg font-semibold text-text-primary",
-									children: e.name
-								}), /* @__PURE__ */ m("p", {
-									className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-text-secondary",
-									children: [e.boothCode ? /* @__PURE__ */ m("span", {
-										className: "inline-flex items-center gap-1",
-										children: [/* @__PURE__ */ p(y, { className: "h-4 w-4" }), e.boothCode]
-									}) : null, e.category ? /* @__PURE__ */ p("span", { children: e.category }) : null]
-								})]
-							}), /* @__PURE__ */ m("div", {
-								className: "flex shrink-0 items-center gap-2",
-								children: [/* @__PURE__ */ p(x, {
-									variant: "secondary",
-									className: "uppercase",
-									children: e.status
-								}), /* @__PURE__ */ p(i, {
-									ariaLabel: `${e.name} actions`,
-									entityName: e.name,
-									onEdit: () => k(`/exhibitors/${e.id}/edit`),
-									onDelete: () => V(e),
-									extraItems: [{
-										key: "add-lead",
-										label: "Add lead",
-										icon: b,
-										onSelect: () => R(e)
-									}]
-								})]
-							})]
-						}), /* @__PURE__ */ m("div", {
-							className: "mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-2",
-							children: [/* @__PURE__ */ m("div", {
-								className: "min-w-0 truncate",
-								children: [e.contactName ? e.contactName : "No contact set", e.contactEmail ? ` • ${e.contactEmail}` : ""]
-							}), t ? /* @__PURE__ */ m(l, {
-								href: t,
-								className: "inline-flex items-center gap-1 text-text-link hover:underline",
-								fallbackClassName: "text-text-secondary",
-								children: [/* @__PURE__ */ p(h, { className: "h-4 w-4" }), "Website"]
-							}) : null]
-						})]
-					}, e.id);
+			}) : /* @__PURE__ */ m(w, {
+				treatment: "plain",
+				className: "overflow-hidden border-border-seam p-0",
+				children: /* @__PURE__ */ m(O, {
+					columns: [
+						{
+							key: "company",
+							header: "Company",
+							priority: "primary",
+							cell: (e) => {
+								let t = j(e.metadata);
+								return /* @__PURE__ */ h("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ m("p", {
+										className: "truncate font-medium text-text-primary",
+										children: e.name
+									}), /* @__PURE__ */ h("p", {
+										className: "truncate text-sm text-text-secondary",
+										children: [e.contactName ? e.contactName : "No contact set", t ? /* @__PURE__ */ h(u, {
+											href: t,
+											className: "ml-2 inline-flex items-center gap-1 text-text-link hover:underline",
+											fallbackClassName: "text-text-secondary",
+											children: [/* @__PURE__ */ m(g, { className: "h-3.5 w-3.5" }), "Website"]
+										}) : null]
+									})]
+								});
+							}
+						},
+						{
+							key: "booth",
+							header: "Booth",
+							priority: "secondary",
+							mobileLabel: "Booth",
+							cell: (e) => e.boothCode ? /* @__PURE__ */ h("span", {
+								className: "inline-flex items-center gap-1 rounded-input bg-bg-sunken px-2 py-0.5 text-sm font-medium text-text-primary",
+								children: [/* @__PURE__ */ m(y, { className: "h-3.5 w-3.5 text-text-muted" }), e.boothCode]
+							}) : /* @__PURE__ */ m("span", {
+								className: "text-sm text-text-muted",
+								children: "—"
+							})
+						},
+						{
+							key: "category",
+							header: "Category",
+							priority: "secondary",
+							mobileLabel: "Category",
+							cell: (e) => e.category ? /* @__PURE__ */ m(x, {
+								variant: "outline",
+								children: e.category
+							}) : /* @__PURE__ */ m("span", {
+								className: "text-sm text-text-muted",
+								children: "—"
+							})
+						},
+						{
+							key: "status",
+							header: "Status",
+							priority: "primary",
+							mobileLabel: "Status",
+							cell: (e) => /* @__PURE__ */ m(x, {
+								variant: M(e.status),
+								className: "uppercase",
+								children: e.status
+							})
+						},
+						{
+							key: "leads",
+							header: "Leads",
+							priority: "primary",
+							mobileLabel: "Leads",
+							cell: (e) => {
+								let t = J.get(e.id) ?? 0;
+								return /* @__PURE__ */ h("span", {
+									className: "inline-flex items-center gap-1.5 text-sm text-text-secondary",
+									children: [/* @__PURE__ */ m("span", {
+										className: `inline-flex min-w-6 items-center justify-center rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums ${t > 0 ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-muted"}`,
+										children: t
+									}), "leads"]
+								});
+							}
+						}
+					],
+					data: K,
+					rowKey: (e) => e.id,
+					rowActions: (e) => /* @__PURE__ */ m(a, {
+						ariaLabel: `${e.name} actions`,
+						entityName: e.name,
+						onEdit: () => P(`/exhibitors/${e.id}/edit`),
+						onDelete: () => Z(e),
+						extraItems: [{
+							key: "add-lead",
+							label: "Add lead",
+							icon: b,
+							onSelect: () => G(e)
+						}]
+					})
 				})
 			}),
-			/* @__PURE__ */ p(a, {
-				offset: M.offset,
-				limit: M.limit,
-				loadedCount: z.length,
-				total: B,
-				onPrev: M.prevPage,
-				onNext: M.nextPage,
+			/* @__PURE__ */ m(o, {
+				offset: L.offset,
+				limit: L.limit,
+				loadedCount: K.length,
+				total: q,
+				onPrev: L.prevPage,
+				onNext: L.nextPage,
 				itemLabel: "exhibitors",
-				loading: P
+				loading: z
 			}),
-			z.length > 0 ? /* @__PURE__ */ m(C, {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ p(g, { className: "h-5 w-5 text-text-muted" }), /* @__PURE__ */ p("p", {
-					className: "text-sm text-text-secondary",
-					children: "Use the row menu to edit a booth, capture a floor lead, or remove an exhibitor."
-				})]
-			}) : null,
-			L ? /* @__PURE__ */ p(u, {
-				open: !!L,
+			W ? /* @__PURE__ */ m(d, {
+				open: !!W,
 				onOpenChange: (e) => {
-					e || R(null);
+					e || G(null);
 				},
-				eventId: L.eventId,
-				exhibitorId: L.id,
-				contextLabel: L.name
+				eventId: W.eventId,
+				exhibitorId: W.id,
+				contextLabel: W.name,
+				onCreated: () => {
+					H.refetch();
+				}
 			}) : null
 		]
 	});
 }
 //#endregion
-export { k as default };
+export { P as default };
 
 //# sourceMappingURL=ExhibitorsPage.js.map

package/dist/eventfullymanaged/pages/exhibitors/ExhibitorsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExhibitorsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/exhibitors/ExhibitorsPage.tsx"],"sourcesContent":["import { ExternalLink, LayoutGrid, Plus, Search, Store, UserPlus } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useDeleteExhibitorMutation, useExhibitorsQuery } from '../../api/eventApi';\nimport { ActionMenu } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { SafeLink } from '../../components/SafeLink';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\nimport { LeadCaptureDialog } from '../leads/LeadCaptureDialog';\n\ntype ExhibitorItem = {\n  id: string;\n  eventId: string;\n  name: string;\n  boothCode?: string | null;\n  category?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n  status: string;\n  metadata?: Record<string, unknown> | null;\n};\n\nfunction readWebsite(metadata: Record<string, unknown> | null | undefined): string | null {\n  const value = metadata?.website;\n  return typeof value === 'string' && value.trim() ? value : null;\n}\n\nexport default function ExhibitorsPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const pagination = usePagination({ resetKey: search });\n  const { data, loading, refetch } = useExhibitorsQuery({\n    search,\n    limit: pagination.limit,\n    offset: pagination.offset,\n  });\n\n  const [deleteExhibitor] = useDeleteExhibitorMutation();\n  const [leadTarget, setLeadTarget] = useState<ExhibitorItem | null>(null);\n\n  const exhibitors = useMemo(() => (data?.exhibitors?.items ?? []) as ExhibitorItem[], [data]);\n  const total = data?.exhibitors?.total ?? 0;\n\n  const onDelete = async (exhibitor: ExhibitorItem) => {\n    try {\n      const response = await deleteExhibitor({ variables: { id: exhibitor.id } });\n      const deleted = response.data?.deleteExhibitor === true;\n      if (!mutationSucceeded(response, deleted ? exhibitor.id : undefined, 'Could not delete exhibitor')) {\n        return;\n      }\n      notify.success('Exhibitor removed', `${exhibitor.name} was deleted.`);\n      await refetch();\n    } catch (error) {\n      notify.error('Could not delete exhibitor', describeError(error));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Exhibitors are the companies staffing booths at your event. Track each booth, the category it belongs to, and\n        the contact who runs it — then capture the leads they scan on the floor so you can prove the value of their\n        stand. Start here to onboard a new exhibitor or work the booth pipeline.\n      </PagePurpose>\n\n      <EmphasisPanel className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Exhibitors</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Manage booth exhibitors and capture floor leads from live backend data.\n          </p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/exhibitors/create')}>\n          <Plus className=\"h-4 w-4\" />\n          New Exhibitor\n        </Button>\n      </EmphasisPanel>\n\n      <div className=\"relative\">\n        <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <Input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder=\"Search exhibitors by name or booth\"\n          aria-label=\"Search exhibitors by name or booth\"\n          className=\"pl-10\"\n        />\n      </div>\n\n      {loading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading exhibitors...\n        </GlassCard>\n      ) : exhibitors.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={search ? 'No exhibitors match your search.' : 'No exhibitors yet.'}\n            description={\n              search\n                ? 'Try a different name or booth code.'\n                : 'Add your first exhibitor to start building the booth floor.'\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/exhibitors/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  New Exhibitor\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {exhibitors.map((exhibitor) => {\n            const website = readWebsite(exhibitor.metadata);\n            return (\n              <GlassCard key={exhibitor.id} treatment=\"plain\" className=\"border-border-seam p-5\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div className=\"min-w-0\">\n                    <h2 className=\"truncate text-lg font-semibold text-text-primary\">{exhibitor.name}</h2>\n                    <p className=\"mt-1 flex flex-wrap items-center gap-2 text-sm text-text-secondary\">\n                      {exhibitor.boothCode ? (\n                        <span className=\"inline-flex items-center gap-1\">\n                          <Store className=\"h-4 w-4\" />\n                          {exhibitor.boothCode}\n                        </span>\n                      ) : null}\n                      {exhibitor.category ? <span>{exhibitor.category}</span> : null}\n                    </p>\n                  </div>\n                  <div className=\"flex shrink-0 items-center gap-2\">\n                    <Badge variant=\"secondary\" className=\"uppercase\">\n                      {exhibitor.status}\n                    </Badge>\n                    <ActionMenu\n                      ariaLabel={`${exhibitor.name} actions`}\n                      entityName={exhibitor.name}\n                      onEdit={() => navigate(`/exhibitors/${exhibitor.id}/edit`)}\n                      onDelete={() => onDelete(exhibitor)}\n                      extraItems={[\n                        {\n                          key: 'add-lead',\n                          label: 'Add lead',\n                          icon: UserPlus,\n                          onSelect: () => setLeadTarget(exhibitor),\n                        },\n                      ]}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-2\">\n                  <div className=\"min-w-0 truncate\">\n                    {exhibitor.contactName ? exhibitor.contactName : 'No contact set'}\n                    {exhibitor.contactEmail ? ` • ${exhibitor.contactEmail}` : ''}\n                  </div>\n                  {website ? (\n                    <SafeLink\n                      href={website}\n                      className=\"inline-flex items-center gap-1 text-text-link hover:underline\"\n                      fallbackClassName=\"text-text-secondary\"\n                    >\n                      <ExternalLink className=\"h-4 w-4\" />\n                      Website\n                    </SafeLink>\n                  ) : null}\n                </div>\n              </GlassCard>\n            );\n          })}\n        </div>\n      )}\n\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={exhibitors.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"exhibitors\"\n        loading={loading}\n      />\n\n      {exhibitors.length > 0 ? (\n        <EmphasisPanel className=\"flex items-center gap-3\">\n          <LayoutGrid className=\"h-5 w-5 text-text-muted\" />\n          <p className=\"text-sm text-text-secondary\">\n            Use the row menu to edit a booth, capture a floor lead, or remove an exhibitor.\n          </p>\n        </EmphasisPanel>\n      ) : null}\n\n      {leadTarget ? (\n        <LeadCaptureDialog\n          open={Boolean(leadTarget)}\n          onOpenChange={(next) => {\n            if (!next) {\n              setLeadTarget(null);\n            }\n          }}\n          eventId={leadTarget.eventId}\n          exhibitorId={leadTarget.id}\n          contextLabel={leadTarget.name}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ExhibitorsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/exhibitors/ExhibitorsPage.tsx"],"sourcesContent":["import { ExternalLink, Plus, Search, Store, UserPlus } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useDeleteExhibitorMutation, useExhibitorsQuery, useLeadsQuery } from '../../api/eventApi';\nimport { ActionMenu } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { SafeLink } from '../../components/SafeLink';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\nimport { LeadCaptureDialog } from '../leads/LeadCaptureDialog';\n\ntype ExhibitorItem = {\n  id: string;\n  eventId: string;\n  name: string;\n  boothCode?: string | null;\n  category?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n  status: string;\n  metadata?: Record<string, unknown> | null;\n};\n\nconst SUMMARY_FETCH = 200;\nconst LEADS_FETCH = 500;\n\nfunction readWebsite(metadata: Record<string, unknown> | null | undefined): string | null {\n  const value = metadata?.website;\n  return typeof value === 'string' && value.trim() ? value : null;\n}\n\nfunction statusVariant(status: string): 'success' | 'warning' | 'secondary' | 'info' {\n  const value = status.toLowerCase();\n  if (['confirmed', 'active', 'approved'].includes(value)) {\n    return 'success';\n  }\n  if (['cancelled', 'declined', 'expired'].includes(value)) {\n    return 'warning';\n  }\n  if (['invited', 'pending', 'draft'].includes(value)) {\n    return 'info';\n  }\n  return 'secondary';\n}\n\ninterface SummaryStatProps {\n  label: string;\n  value: number;\n  loading: boolean;\n}\n\nfunction SummaryStat({ label, value, loading }: SummaryStatProps) {\n  return (\n    <div className=\"flex items-baseline gap-1.5\">\n      <span className=\"text-xl font-bold tabular-nums text-text-primary\">{loading ? '—' : value.toLocaleString()}</span>\n      <span className=\"text-sm text-text-secondary\">{label}</span>\n    </div>\n  );\n}\n\nexport default function ExhibitorsPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const pagination = usePagination({ resetKey: search });\n  const { data, loading, refetch } = useExhibitorsQuery({\n    search,\n    limit: pagination.limit,\n    offset: pagination.offset,\n  });\n\n  // Broad, unfiltered fetches power the summary strip and the per-exhibitor lead\n  // counts — all real data, never fabricated.\n  const summaryQuery = useExhibitorsQuery({ limit: SUMMARY_FETCH, offset: 0 });\n  const leadsQuery = useLeadsQuery({ limit: LEADS_FETCH, offset: 0 });\n\n  const [deleteExhibitor] = useDeleteExhibitorMutation();\n  const [leadTarget, setLeadTarget] = useState<ExhibitorItem | null>(null);\n\n  const exhibitors = useMemo(() => (data?.exhibitors?.items ?? []) as ExhibitorItem[], [data]);\n  const total = data?.exhibitors?.total ?? 0;\n\n  const leadsByExhibitor = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const lead of leadsQuery.data?.leads?.items ?? []) {\n      if (lead.exhibitorId) {\n        map.set(lead.exhibitorId, (map.get(lead.exhibitorId) ?? 0) + 1);\n      }\n    }\n    return map;\n  }, [leadsQuery.data]);\n\n  const summary = useMemo(() => {\n    const items = (summaryQuery.data?.exhibitors?.items ?? []) as ExhibitorItem[];\n    const booths = new Set<string>();\n    for (const item of items) {\n      if (item.boothCode?.trim()) {\n        booths.add(item.boothCode.trim());\n      }\n    }\n    return {\n      exhibitors: summaryQuery.data?.exhibitors?.total ?? 0,\n      booths: booths.size,\n      leads: leadsQuery.data?.leads?.total ?? 0,\n    };\n  }, [summaryQuery.data, leadsQuery.data]);\n\n  const summaryLoading = summaryQuery.loading || leadsQuery.loading;\n\n  const onDelete = async (exhibitor: ExhibitorItem) => {\n    try {\n      const response = await deleteExhibitor({ variables: { id: exhibitor.id } });\n      const deleted = response.data?.deleteExhibitor === true;\n      if (!mutationSucceeded(response, deleted ? exhibitor.id : undefined, 'Could not delete exhibitor')) {\n        return;\n      }\n      notify.success('Exhibitor removed', `${exhibitor.name} was deleted.`);\n      await Promise.all([refetch(), summaryQuery.refetch()]);\n    } catch (error) {\n      notify.error('Could not delete exhibitor', describeError(error));\n    }\n  };\n\n  const columns: ResponsiveTableColumn<ExhibitorItem>[] = [\n    {\n      key: 'company',\n      header: 'Company',\n      priority: 'primary',\n      cell: (row) => {\n        const website = readWebsite(row.metadata);\n        return (\n          <div className=\"min-w-0\">\n            <p className=\"truncate font-medium text-text-primary\">{row.name}</p>\n            <p className=\"truncate text-sm text-text-secondary\">\n              {row.contactName ? row.contactName : 'No contact set'}\n              {website ? (\n                <SafeLink\n                  href={website}\n                  className=\"ml-2 inline-flex items-center gap-1 text-text-link hover:underline\"\n                  fallbackClassName=\"text-text-secondary\"\n                >\n                  <ExternalLink className=\"h-3.5 w-3.5\" />\n                  Website\n                </SafeLink>\n              ) : null}\n            </p>\n          </div>\n        );\n      },\n    },\n    {\n      key: 'booth',\n      header: 'Booth',\n      priority: 'secondary',\n      mobileLabel: 'Booth',\n      cell: (row) =>\n        row.boothCode ? (\n          <span className=\"inline-flex items-center gap-1 rounded-input bg-bg-sunken px-2 py-0.5 text-sm font-medium text-text-primary\">\n            <Store className=\"h-3.5 w-3.5 text-text-muted\" />\n            {row.boothCode}\n          </span>\n        ) : (\n          <span className=\"text-sm text-text-muted\">—</span>\n        ),\n    },\n    {\n      key: 'category',\n      header: 'Category',\n      priority: 'secondary',\n      mobileLabel: 'Category',\n      cell: (row) =>\n        row.category ? (\n          <Badge variant=\"outline\">{row.category}</Badge>\n        ) : (\n          <span className=\"text-sm text-text-muted\">—</span>\n        ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      mobileLabel: 'Status',\n      cell: (row) => (\n        <Badge variant={statusVariant(row.status)} className=\"uppercase\">\n          {row.status}\n        </Badge>\n      ),\n    },\n    {\n      key: 'leads',\n      header: 'Leads',\n      priority: 'primary',\n      mobileLabel: 'Leads',\n      cell: (row) => {\n        const count = leadsByExhibitor.get(row.id) ?? 0;\n        return (\n          <span className=\"inline-flex items-center gap-1.5 text-sm text-text-secondary\">\n            <span\n              className={`inline-flex min-w-6 items-center justify-center rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums ${\n                count > 0 ? 'bg-action-primary-bg text-action-primary-text' : 'bg-bg-sunken text-text-muted'\n              }`}\n            >\n              {count}\n            </span>\n            leads\n          </span>\n        );\n      },\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Exhibitors are the companies staffing booths at your event. Track each booth, the category it belongs to, and\n        the contact who runs it — then capture the leads they scan on the floor so you can prove the value of their\n        stand. Start here to onboard a new exhibitor or work the booth pipeline.\n      </PagePurpose>\n\n      <EmphasisPanel className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Exhibitors</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Manage booth exhibitors and capture floor leads from live backend data.\n          </p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/exhibitors/create')}>\n          <Plus className=\"h-4 w-4\" />\n          New Exhibitor\n        </Button>\n      </EmphasisPanel>\n\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex flex-wrap items-center gap-x-5 gap-y-1\">\n          <SummaryStat label=\"exhibitors\" value={summary.exhibitors} loading={summaryLoading} />\n          <span className=\"text-border-strong\" aria-hidden=\"true\">\n            ·\n          </span>\n          <SummaryStat label=\"booths\" value={summary.booths} loading={summaryLoading} />\n          <span className=\"text-border-strong\" aria-hidden=\"true\">\n            ·\n          </span>\n          <SummaryStat label=\"leads\" value={summary.leads} loading={summaryLoading} />\n        </div>\n        <div className=\"relative sm:w-72\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n          <Input\n            type=\"text\"\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            placeholder=\"Search exhibitors by name or booth\"\n            aria-label=\"Search exhibitors by name or booth\"\n            className=\"pl-10\"\n          />\n        </div>\n      </div>\n\n      {loading && exhibitors.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading exhibitors...\n        </GlassCard>\n      ) : exhibitors.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={search ? 'No exhibitors match your search.' : 'No exhibitors yet.'}\n            description={\n              search\n                ? 'Try a different name or booth code.'\n                : 'Add your first exhibitor to start building the booth floor.'\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/exhibitors/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  New Exhibitor\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <GlassCard treatment=\"plain\" className=\"overflow-hidden border-border-seam p-0\">\n          <ResponsiveTable\n            columns={columns}\n            data={exhibitors}\n            rowKey={(row) => row.id}\n            rowActions={(row) => (\n              <ActionMenu\n                ariaLabel={`${row.name} actions`}\n                entityName={row.name}\n                onEdit={() => navigate(`/exhibitors/${row.id}/edit`)}\n                onDelete={() => onDelete(row)}\n                extraItems={[\n                  {\n                    key: 'add-lead',\n                    label: 'Add lead',\n                    icon: UserPlus,\n                    onSelect: () => setLeadTarget(row),\n                  },\n                ]}\n              />\n            )}\n          />\n        </GlassCard>\n      )}\n\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={exhibitors.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"exhibitors\"\n        loading={loading}\n      />\n\n      {leadTarget ? (\n        <LeadCaptureDialog\n          open={Boolean(leadTarget)}\n          onOpenChange={(next) => {\n            if (!next) {\n              setLeadTarget(null);\n            }\n          }}\n          eventId={leadTarget.eventId}\n          exhibitorId={leadTarget.id}\n          contextLabel={leadTarget.name}\n          onCreated={() => {\n            void leadsQuery.refetch();\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}