@burdenoff/microfe-eventfullymanaged 2026.703.2 → 2026.704.1

package/dist/eventfullymanaged/pages/sponsors/SponsorsListPage.js

@@ -1,150 +1,180 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useSponsorsQuery as t } from "../../api/eventApi.js";
-import { useMemo as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Building2 as o, Mail as s, Phone as c, Plus as l, Search as u } from "lucide-react";
-import { Badge as d, Button as f, GlassCard as p, IllustratedEmptyState as m, Input as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useDeleteSponsorMutation as n, useSponsorsQuery 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 { SafeLink as s } from "../../components/SafeLink.js";
+import { useMemo as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Building2 as p, Mail as m, Phone as h, Plus as g, Search as _ } from "lucide-react";
+import { Badge as v, Button as y, GlassCard as b, IllustratedEmptyState as x, Input as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx
-function _() {
-	let { navigate: _ } = e(), [v, y] = r(""), { data: b, loading: x } = t({
-		search: v,
-		limit: 100,
-		offset: 0
-	}), S = n(() => b?.sponsors?.items ?? [], [b]), C = S.reduce((e, t) => e + Number(t.metrics?.value ?? 0), 0), w = S.reduce((e, t) => e + Number(t.metrics?.leads ?? 0), 0);
-	return /* @__PURE__ */ a("div", {
+function w() {
+	let { navigate: w } = e(), [T, E] = l(""), D = o({
+		pageSize: 12,
+		resetKey: T
+	}), { data: O, loading: k, refetch: A } = r({
+		search: T,
+		limit: D.limit,
+		offset: D.offset
+	}), [j] = n(), M = c(() => O?.sponsors?.items ?? [], [O]), N = O?.sponsors?.total ?? 0, P = M.reduce((e, t) => e + Number(t.metrics?.value ?? 0), 0), F = M.reduce((e, t) => e + Number(t.metrics?.leads ?? 0), 0), I = async (e) => {
+		let n = await j({ variables: { id: e.id } });
+		if (n.error) throw Error(n.error.message);
+		if (!n.data?.deleteSponsor) throw t.error("Could not delete sponsor", "The server did not confirm the deletion. Please try again."), Error("Deletion not confirmed");
+		await A(), t.success("Sponsor deleted");
+	};
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ i(g, { children: "Sponsors fund your event in exchange for visibility and leads. Track each one here — their tier, the contract value they bring, and the leads they generate — so you can prove ROI and keep the relationship warm for next time. The highlighted cards summarize your sponsor portfolio at a glance." }),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ d(C, { children: "Sponsors fund your event in exchange for visibility and leads. Track each one here — their tier, the contract value they bring, and the leads they generate — so you can prove ROI and keep the relationship warm for next time. The highlighted cards summarize your sponsor portfolio at a glance." }),
+			/* @__PURE__ */ f("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: "Sponsors"
-				}), /* @__PURE__ */ i("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Manage event sponsors with live API data."
-				})] }), /* @__PURE__ */ a(f, {
+				})] }), /* @__PURE__ */ f(y, {
 					type: "button",
-					onClick: () => _("/sponsors/create"),
-					children: [/* @__PURE__ */ i(l, { className: "h-4 w-4" }), "Add Sponsor"]
+					onClick: () => w("/sponsors/create"),
+					children: [/* @__PURE__ */ d(g, { className: "h-4 w-4" }), "Add Sponsor"]
 				})]
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ a(p, {
+					/* @__PURE__ */ f(b, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-4",
-						children: [/* @__PURE__ */ i("p", {
+						children: [/* @__PURE__ */ d("p", {
 							className: "text-sm text-text-secondary",
 							children: "Total Sponsors"
-						}), /* @__PURE__ */ i("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: S.length
+							children: N
 						})]
 					}),
-					/* @__PURE__ */ a(p, {
+					/* @__PURE__ */ f(b, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ i("p", {
+						children: [/* @__PURE__ */ d("p", {
 							className: "text-sm text-text-secondary",
-							children: "Total Contract Value"
-						}), /* @__PURE__ */ a("p", {
+							children: "Value (this page)"
+						}), /* @__PURE__ */ f("p", {
 							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: ["$", C.toLocaleString()]
+							children: ["$", P.toLocaleString()]
 						})]
 					}),
-					/* @__PURE__ */ a(p, {
+					/* @__PURE__ */ f(b, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ i("p", {
+						children: [/* @__PURE__ */ d("p", {
 							className: "text-sm text-text-secondary",
-							children: "Total Leads"
-						}), /* @__PURE__ */ i("p", {
+							children: "Leads (this page)"
+						}), /* @__PURE__ */ d("p", {
 							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: w.toLocaleString()
+							children: F.toLocaleString()
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ f("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ i(u, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ i(h, {
+				children: [/* @__PURE__ */ d(_, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ d(S, {
 					type: "text",
-					value: v,
-					onChange: (e) => y(e.target.value),
+					value: T,
+					onChange: (e) => E(e.target.value),
 					placeholder: "Search sponsors",
 					"aria-label": "Search sponsors",
 					className: "pl-10"
 				})]
 			}),
-			x ? /* @__PURE__ */ i(p, {
+			k ? /* @__PURE__ */ d(b, {
 				treatment: "plain",
 				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
 				children: "Loading sponsors..."
-			}) : S.length === 0 ? /* @__PURE__ */ i(p, {
+			}) : M.length === 0 ? /* @__PURE__ */ d(b, {
 				treatment: "plain",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ i(m, {
-					illustration: v ? "empty-search" : "empty-people",
-					title: v ? "No sponsors match your search." : "No sponsors yet.",
-					description: v ? "Try a different name." : "Add your first sponsor to start tracking value and leads.",
-					action: v ? void 0 : /* @__PURE__ */ a(f, {
+				children: /* @__PURE__ */ d(x, {
+					illustration: T ? "empty-search" : "empty-people",
+					title: T ? "No sponsors match your search." : "No sponsors yet.",
+					description: T ? "Try a different name." : "Add your first sponsor to start tracking value and leads.",
+					action: T ? void 0 : /* @__PURE__ */ f(y, {
 						type: "button",
-						onClick: () => _("/sponsors/create"),
-						children: [/* @__PURE__ */ i(l, { className: "h-4 w-4" }), "Add Sponsor"]
+						onClick: () => w("/sponsors/create"),
+						children: [/* @__PURE__ */ d(g, { className: "h-4 w-4" }), "Add Sponsor"]
 					})
 				})
-			}) : /* @__PURE__ */ i("div", {
+			}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
 				className: "space-y-4",
-				children: S.map((e) => /* @__PURE__ */ a(p, {
+				children: M.map((e) => /* @__PURE__ */ f(b, {
 					treatment: "plain",
 					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ a("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("button", {
+						children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: () => _(`/sponsors/${e.id}/edit`),
+							onClick: () => w(`/sponsors/${e.id}`),
 							className: "rounded-button text-left text-lg font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
 							children: e.name
-						}), /* @__PURE__ */ a("div", {
+						}), /* @__PURE__ */ f("div", {
 							className: "mt-1 flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), /* @__PURE__ */ i(d, {
+							children: [/* @__PURE__ */ d(p, { className: "h-4 w-4" }), /* @__PURE__ */ d(v, {
 								variant: "secondary",
 								className: "uppercase",
 								children: e.level
 							})]
-						})] }), /* @__PURE__ */ a("div", {
-							className: "text-sm tabular-nums text-text-secondary",
-							children: [/* @__PURE__ */ a("p", { children: ["Value: $", Number(e.metrics?.value ?? 0).toLocaleString()] }), /* @__PURE__ */ a("p", { children: ["Leads: ", Number(e.metrics?.leads ?? 0).toLocaleString()] })]
+						})] }), /* @__PURE__ */ f("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ f("div", {
+								className: "text-sm tabular-nums text-text-secondary",
+								children: [/* @__PURE__ */ f("p", { children: ["Value: $", Number(e.metrics?.value ?? 0).toLocaleString()] }), /* @__PURE__ */ f("p", { children: ["Leads: ", Number(e.metrics?.leads ?? 0).toLocaleString()] })]
+							}), /* @__PURE__ */ d(i, {
+								ariaLabel: `Actions for ${e.name}`,
+								entityName: e.name,
+								onView: () => w(`/sponsors/${e.id}`),
+								onEdit: () => w(`/sponsors/${e.id}/edit`),
+								onDelete: () => I(e),
+								deleteLabel: "Delete sponsor"
+							})]
 						})]
-					}), /* @__PURE__ */ a("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3",
 						children: [
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ i(s, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", { children: e.contactEmail ?? "No email" })]
+								children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", { children: e.contactEmail ?? "No email" })]
 							}),
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ i(c, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", { children: e.contactPhone ?? "No phone" })]
+								children: [/* @__PURE__ */ d(h, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", { children: e.contactPhone ?? "No phone" })]
 							}),
-							/* @__PURE__ */ i("div", { children: e.website ? /* @__PURE__ */ i("a", {
+							/* @__PURE__ */ d("div", { children: e.website ? /* @__PURE__ */ d(s, {
 								href: e.website,
-								target: "_blank",
-								rel: "noreferrer",
 								className: "text-text-link hover:underline",
+								fallbackClassName: "text-text-secondary",
 								children: e.website
 							}) : "No website" })
 						]
 					})]
 				}, e.id))
-			})
+			}), /* @__PURE__ */ d(a, {
+				offset: D.offset,
+				limit: D.limit,
+				loadedCount: M.length,
+				total: N,
+				onPrev: D.prevPage,
+				onNext: D.nextPage,
+				itemLabel: "sponsors",
+				loading: k
+			})] })
 		]
 	});
 }
 //#endregion
-export { _ as default };
+export { w as default };
 
 //# sourceMappingURL=SponsorsListPage.js.map

package/dist/eventfullymanaged/pages/sponsors/SponsorsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SponsorsListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx"],"sourcesContent":["import { Building2, Mail, Phone, Plus, Search } from 'lucide-react';\nimport { Badge, Button, GlassCard, IllustratedEmptyState, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useSponsorsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype SponsorItem = {\n  id: string;\n  eventId: string;\n  name: string;\n  level: string;\n  website?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n  contactPhone?: string | null;\n  metrics?: { value?: number; leads?: number } | null;\n};\n\nexport default function SponsorsListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useSponsorsQuery({ search, limit: 100, offset: 0 });\n\n  const sponsors = useMemo(() => (data?.sponsors?.items ?? []) as SponsorItem[], [data]);\n\n  const totalValue = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.value ?? 0), 0);\n  const totalLeads = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.leads ?? 0), 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Sponsors fund your event in exchange for visibility and leads. Track each one here — their tier, the contract\n        value they bring, and the leads they generate — so you can prove ROI and keep the relationship warm for next\n        time. The highlighted cards summarize your sponsor portfolio at a glance.\n      </PagePurpose>\n\n      <div 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\">Sponsors</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Manage event sponsors with live API data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/sponsors/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Sponsor\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Sponsors</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">{sponsors.length}</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Contract Value</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">${totalValue.toLocaleString()}</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Leads</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">{totalLeads.toLocaleString()}</p>\n        </GlassCard>\n      </div>\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 sponsors\"\n          aria-label=\"Search sponsors\"\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 sponsors...\n        </GlassCard>\n      ) : sponsors.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-people'}\n            title={search ? 'No sponsors match your search.' : 'No sponsors yet.'}\n            description={search ? 'Try a different name.' : 'Add your first sponsor to start tracking value and leads.'}\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/sponsors/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  Add Sponsor\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"space-y-4\">\n          {sponsors.map((sponsor) => (\n            <GlassCard key={sponsor.id} treatment=\"plain\" className=\"border-border-seam p-5\">\n              <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                <div>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`/sponsors/${sponsor.id}/edit`)}\n                    className=\"rounded-button text-left text-lg font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                  >\n                    {sponsor.name}\n                  </button>\n                  <div className=\"mt-1 flex items-center gap-2 text-sm text-text-secondary\">\n                    <Building2 className=\"h-4 w-4\" />\n                    <Badge variant=\"secondary\" className=\"uppercase\">\n                      {sponsor.level}\n                    </Badge>\n                  </div>\n                </div>\n                <div className=\"text-sm tabular-nums text-text-secondary\">\n                  <p>Value: ${Number(sponsor.metrics?.value ?? 0).toLocaleString()}</p>\n                  <p>Leads: {Number(sponsor.metrics?.leads ?? 0).toLocaleString()}</p>\n                </div>\n              </div>\n\n              <div className=\"mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3\">\n                <div className=\"flex items-center gap-2\">\n                  <Mail className=\"h-4 w-4\" />\n                  <span>{sponsor.contactEmail ?? 'No email'}</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Phone className=\"h-4 w-4\" />\n                  <span>{sponsor.contactPhone ?? 'No phone'}</span>\n                </div>\n                <div>\n                  {sponsor.website ? (\n                    <a\n                      href={sponsor.website}\n                      target=\"_blank\"\n                      rel=\"noreferrer\"\n                      className=\"text-text-link hover:underline\"\n                    >\n                      {sponsor.website}\n                    </a>\n                  ) : (\n                    'No website'\n                  )}\n                </div>\n              </div>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SponsorsListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx"],"sourcesContent":["import { Building2, Mail, Phone, Plus, Search } from 'lucide-react';\nimport { Badge, Button, GlassCard, IllustratedEmptyState, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useDeleteSponsorMutation, useSponsorsQuery } 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 { notify } from '../../lib/toast';\n\ntype SponsorItem = {\n  id: string;\n  eventId: string;\n  name: string;\n  level: string;\n  website?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n  contactPhone?: string | null;\n  metrics?: { value?: number; leads?: number } | null;\n};\n\nexport default function SponsorsListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const pagination = usePagination({ pageSize: 12, resetKey: search });\n  const { data, loading, refetch } = useSponsorsQuery({\n    search,\n    limit: pagination.limit,\n    offset: pagination.offset,\n  });\n  const [deleteSponsor] = useDeleteSponsorMutation();\n\n  const sponsors = useMemo(() => (data?.sponsors?.items ?? []) as SponsorItem[], [data]);\n  const total = data?.sponsors?.total ?? 0;\n\n  const pageValue = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.value ?? 0), 0);\n  const pageLeads = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.leads ?? 0), 0);\n\n  const handleDelete = async (sponsor: SponsorItem) => {\n    const response = await deleteSponsor({ variables: { id: sponsor.id } });\n    if (response.error) {\n      // useDeleteSponsorMutation.onError already surfaces the toast.\n      throw new Error(response.error.message);\n    }\n    if (!response.data?.deleteSponsor) {\n      notify.error('Could not delete sponsor', 'The server did not confirm the deletion. Please try again.');\n      throw new Error('Deletion not confirmed');\n    }\n    await refetch();\n    notify.success('Sponsor deleted');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Sponsors fund your event in exchange for visibility and leads. Track each one here — their tier, the contract\n        value they bring, and the leads they generate — so you can prove ROI and keep the relationship warm for next\n        time. The highlighted cards summarize your sponsor portfolio at a glance.\n      </PagePurpose>\n\n      <div 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\">Sponsors</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Manage event sponsors with live API data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/sponsors/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Sponsor\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Total Sponsors</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">{total}</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Value (this page)</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">${pageValue.toLocaleString()}</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <p className=\"text-sm text-text-secondary\">Leads (this page)</p>\n          <p className=\"mt-1 text-2xl font-bold tabular-nums text-text-primary\">{pageLeads.toLocaleString()}</p>\n        </GlassCard>\n      </div>\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 sponsors\"\n          aria-label=\"Search sponsors\"\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 sponsors...\n        </GlassCard>\n      ) : sponsors.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-people'}\n            title={search ? 'No sponsors match your search.' : 'No sponsors yet.'}\n            description={search ? 'Try a different name.' : 'Add your first sponsor to start tracking value and leads.'}\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/sponsors/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  Add Sponsor\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <>\n          <div className=\"space-y-4\">\n            {sponsors.map((sponsor) => (\n              <GlassCard key={sponsor.id} treatment=\"plain\" className=\"border-border-seam p-5\">\n                <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n                  <div>\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`/sponsors/${sponsor.id}`)}\n                      className=\"rounded-button text-left text-lg font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n                    >\n                      {sponsor.name}\n                    </button>\n                    <div className=\"mt-1 flex items-center gap-2 text-sm text-text-secondary\">\n                      <Building2 className=\"h-4 w-4\" />\n                      <Badge variant=\"secondary\" className=\"uppercase\">\n                        {sponsor.level}\n                      </Badge>\n                    </div>\n                  </div>\n                  <div className=\"flex items-start gap-3\">\n                    <div className=\"text-sm tabular-nums text-text-secondary\">\n                      <p>Value: ${Number(sponsor.metrics?.value ?? 0).toLocaleString()}</p>\n                      <p>Leads: {Number(sponsor.metrics?.leads ?? 0).toLocaleString()}</p>\n                    </div>\n                    <ActionMenu\n                      ariaLabel={`Actions for ${sponsor.name}`}\n                      entityName={sponsor.name}\n                      onView={() => navigate(`/sponsors/${sponsor.id}`)}\n                      onEdit={() => navigate(`/sponsors/${sponsor.id}/edit`)}\n                      onDelete={() => handleDelete(sponsor)}\n                      deleteLabel=\"Delete sponsor\"\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-3\">\n                  <div className=\"flex items-center gap-2\">\n                    <Mail className=\"h-4 w-4\" />\n                    <span>{sponsor.contactEmail ?? 'No email'}</span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Phone className=\"h-4 w-4\" />\n                    <span>{sponsor.contactPhone ?? 'No phone'}</span>\n                  </div>\n                  <div>\n                    {sponsor.website ? (\n                      <SafeLink\n                        href={sponsor.website}\n                        className=\"text-text-link hover:underline\"\n                        fallbackClassName=\"text-text-secondary\"\n                      >\n                        {sponsor.website}\n                      </SafeLink>\n                    ) : (\n                      'No website'\n                    )}\n                  </div>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n\n          <Pagination\n            offset={pagination.offset}\n            limit={pagination.limit}\n            loadedCount={sponsors.length}\n            total={total}\n            onPrev={pagination.prevPage}\n            onNext={pagination.nextPage}\n            itemLabel=\"sponsors\"\n            loading={loading}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/venues/VenueDetailPage.js

@@ -1,141 +1,162 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
 import { useVenueQuery as t } from "../../api/eventApi.js";
-import { useParams as n } from "react-router-dom";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { ArrowLeft as a, Building2 as o, Edit as s, MapPin as c, Megaphone as l, SquareStack as u, Users as d } from "lucide-react";
-import { Badge as f, Button as p, GlassCard as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { EntityTagsField as n } from "../../components/EntityTagsField.js";
+import { useParams as r } from "react-router-dom";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ArrowLeft as o, Building2 as s, Edit as c, MapPin as l, Megaphone as u, SquareStack as d, Users as f } from "lucide-react";
+import { Badge as p, Button as m, GlassCard as h, IllustratedEmptyState as g, NextSteps as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/venues/VenueDetailPage.tsx
-function v() {
-	let { id: v = "" } = n(), { navigate: y } = e(), { data: b, loading: x } = t(v), S = b?.venue ?? null, C = b?.floorPlans?.items ?? [];
-	return x ? /* @__PURE__ */ r("div", {
+function y() {
+	let { id: y = "" } = r(), { navigate: b } = e(), { data: x, loading: S } = t(y), C = x?.venue ?? null, w = x?.floorPlans?.items ?? [];
+	return S ? /* @__PURE__ */ i("div", {
 		className: "p-6 text-sm text-text-secondary",
 		children: "Loading venue..."
-	}) : S ? /* @__PURE__ */ i("div", {
+	}) : C ? /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ r(_, { children: "The full record for one venue. Review its location, capacity and status, see what amenities it offers, and manage the floor plans attendees will navigate. Come here to confirm a space is ready before you assign an event to it." }),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ i(v, { children: "The full record for one venue. Review its location, capacity and status, see what amenities it offers, and manage the floor plans attendees will navigate. Come here to confirm a space is ready before you assign an event to it." }),
+			/* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ i(p, {
+					children: [/* @__PURE__ */ a(m, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
-						onClick: () => y("/venues"),
-						children: [/* @__PURE__ */ r(a, { className: "h-4 w-4" }), "Back to Venues"]
-					}), /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
+						onClick: () => b("/venues"),
+						children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), "Back to Venues"]
+					}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
 						className: "text-2xl font-bold text-text-primary",
-						children: S.name
-					}), /* @__PURE__ */ r("p", {
+						children: C.name
+					}), /* @__PURE__ */ i("p", {
 						className: "mt-1 text-sm text-text-secondary",
-						children: S.description ?? "No description provided."
+						children: C.description ?? "No description provided."
 					})] })]
-				}), /* @__PURE__ */ i(p, {
+				}), /* @__PURE__ */ a(m, {
 					type: "button",
-					onClick: () => y(`/venues/${S.id}/edit`),
-					children: [/* @__PURE__ */ r(s, { className: "h-4 w-4" }), "Edit Venue"]
+					onClick: () => b(`/venues/${C.id}/edit`),
+					children: [/* @__PURE__ */ i(c, { className: "h-4 w-4" }), "Edit Venue"]
 				})]
 			}),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
 				children: [
-					/* @__PURE__ */ i(m, {
+					/* @__PURE__ */ a(h, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ i("div", {
+						children: [/* @__PURE__ */ a("div", {
 							className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
-							children: [/* @__PURE__ */ r(c, { className: "h-4 w-4 text-action-primary-bg" }), "Location"]
-						}), /* @__PURE__ */ r("p", {
+							children: [/* @__PURE__ */ i(l, { className: "h-4 w-4 text-action-primary-bg" }), "Location"]
+						}), /* @__PURE__ */ i("p", {
 							className: "text-sm text-text-secondary",
 							children: [
-								S.addressLine1,
-								S.city,
-								S.state,
-								S.country,
-								S.postalCode
+								C.addressLine1,
+								C.city,
+								C.state,
+								C.country,
+								C.postalCode
 							].filter(Boolean).join(", ") || "Location not configured"
 						})]
 					}),
-					/* @__PURE__ */ i(m, {
+					/* @__PURE__ */ a(h, {
 						treatment: "glass",
 						glow: !0,
 						className: "p-4",
-						children: [/* @__PURE__ */ i("div", {
+						children: [/* @__PURE__ */ a("div", {
 							className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
-							children: [/* @__PURE__ */ r(d, { className: "h-4 w-4 text-action-primary-bg" }), "Capacity"]
-						}), /* @__PURE__ */ i("p", {
+							children: [/* @__PURE__ */ i(f, { className: "h-4 w-4 text-action-primary-bg" }), "Capacity"]
+						}), /* @__PURE__ */ a("p", {
 							className: "text-sm tabular-nums text-text-secondary",
-							children: [S.capacity ?? 0, " attendees"]
+							children: [C.capacity ?? 0, " attendees"]
 						})]
 					}),
-					/* @__PURE__ */ i(m, {
+					/* @__PURE__ */ a(h, {
 						treatment: "metric",
 						className: "p-4",
-						children: [/* @__PURE__ */ i("div", {
+						children: [/* @__PURE__ */ a("div", {
 							className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
-							children: [/* @__PURE__ */ r(o, { className: "h-4 w-4 text-action-primary-bg" }), "Status"]
-						}), /* @__PURE__ */ r("p", {
+							children: [/* @__PURE__ */ i(s, { className: "h-4 w-4 text-action-primary-bg" }), "Status"]
+						}), /* @__PURE__ */ i("p", {
 							className: "text-sm uppercase text-text-secondary",
-							children: S.status
+							children: C.status
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ i(m, {
+			/* @__PURE__ */ a(h, {
 				treatment: "plain",
 				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ r("h2", {
+				children: [/* @__PURE__ */ i("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Amenities"
-				}), /* @__PURE__ */ r("div", {
+				}), /* @__PURE__ */ i("div", {
 					className: "mt-3 flex flex-wrap gap-2",
-					children: S.amenities.length > 0 ? S.amenities.map((e) => /* @__PURE__ */ r(f, {
+					children: C.amenities.length > 0 ? C.amenities.map((e) => /* @__PURE__ */ i(p, {
 						variant: "secondary",
 						children: e
-					}, e)) : /* @__PURE__ */ r("p", {
+					}, e)) : /* @__PURE__ */ i("p", {
 						className: "text-sm text-text-secondary",
 						children: "No amenities configured."
 					})
 				})]
 			}),
-			/* @__PURE__ */ i(m, {
+			/* @__PURE__ */ a(h, {
+				treatment: "plain",
+				className: "border-border-seam p-5",
+				children: [
+					/* @__PURE__ */ i("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "Tags"
+					}),
+					/* @__PURE__ */ i("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: "Label this venue so you can group and filter it — for example by region, tier or amenity profile."
+					}),
+					/* @__PURE__ */ i(n, {
+						entityType: "venue",
+						entityId: C.id,
+						label: "Venue tags",
+						className: "mt-3"
+					})
+				]
+			}),
+			/* @__PURE__ */ a(h, {
 				treatment: "plain",
 				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: "flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ r("h2", {
+					children: [/* @__PURE__ */ i("h2", {
 						className: "text-lg font-semibold text-text-primary",
 						children: "Floor Plans"
-					}), /* @__PURE__ */ i(p, {
+					}), /* @__PURE__ */ a(m, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						onClick: () => y(`/venues/${S.id}/floor-plans`),
-						children: [/* @__PURE__ */ r(u, { className: "h-4 w-4" }), "Manage Floor Plans"]
+						onClick: () => b(`/venues/${C.id}/floor-plans`),
+						children: [/* @__PURE__ */ i(d, { className: "h-4 w-4" }), "Manage Floor Plans"]
 					})]
-				}), /* @__PURE__ */ r("div", {
+				}), /* @__PURE__ */ i("div", {
 					className: "mt-4",
-					children: C.length > 0 ? /* @__PURE__ */ r("ul", {
+					children: w.length > 0 ? /* @__PURE__ */ i("ul", {
 						className: "space-y-2.5",
-						children: C.map((e) => /* @__PURE__ */ i("li", {
+						children: w.map((e) => /* @__PURE__ */ a("li", {
 							className: "rounded-card border border-border-seam p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
-							children: [/* @__PURE__ */ r("p", {
+							children: [/* @__PURE__ */ i("p", {
 								className: "font-medium text-text-primary",
 								children: e.name
-							}), /* @__PURE__ */ r("p", {
+							}), /* @__PURE__ */ i("p", {
 								className: "text-sm text-text-secondary",
 								children: e.imageUrl ? "Image configured" : "No image configured"
 							})]
 						}, e.id))
-					}) : /* @__PURE__ */ r(h, {
+					}) : /* @__PURE__ */ i(g, {
 						illustration: "empty-files",
 						title: "No floor plans have been added yet.",
 						className: "py-8"
 					})
 				})]
 			}),
-			/* @__PURE__ */ r(g, {
+			/* @__PURE__ */ i(_, {
 				storageKey: "eventfullymanaged-venue-detail",
 				title: "Get this venue ready to host",
 				steps: [
@@ -143,38 +164,38 @@ function v() {
 						id: "edit-venue",
 						label: "Edit venue details",
 						description: "Update capacity, address, status and amenities.",
-						icon: /* @__PURE__ */ r(s, { className: "h-4 w-4" }),
-						onClick: () => y(`/venues/${S.id}/edit`)
+						icon: /* @__PURE__ */ i(c, { className: "h-4 w-4" }),
+						onClick: () => b(`/venues/${C.id}/edit`)
 					},
 					{
 						id: "floor-plans",
 						label: "Add floor plans",
 						description: "Map the layout so attendees and staff can navigate.",
-						icon: /* @__PURE__ */ r(u, { className: "h-4 w-4" }),
-						onClick: () => y(`/venues/${S.id}/floor-plans`)
+						icon: /* @__PURE__ */ i(d, { className: "h-4 w-4" }),
+						onClick: () => b(`/venues/${C.id}/floor-plans`)
 					},
 					{
 						id: "resources",
 						label: "Review resource readiness",
 						description: "Check capacity, amenities and plans at a glance.",
-						icon: /* @__PURE__ */ r(l, { className: "h-4 w-4" }),
-						onClick: () => y(`/venues/${S.id}/resources`)
+						icon: /* @__PURE__ */ i(u, { className: "h-4 w-4" }),
+						onClick: () => b(`/venues/${C.id}/resources`)
 					}
 				]
 			})
 		]
-	}) : /* @__PURE__ */ i("div", {
+	}) : /* @__PURE__ */ a("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ i(p, {
+		children: [/* @__PURE__ */ a(m, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
-			onClick: () => y("/venues"),
-			children: [/* @__PURE__ */ r(a, { className: "h-4 w-4" }), "Back to Venues"]
-		}), /* @__PURE__ */ r(m, {
+			onClick: () => b("/venues"),
+			children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), "Back to Venues"]
+		}), /* @__PURE__ */ i(h, {
 			treatment: "plain",
 			className: "border-border-seam",
-			children: /* @__PURE__ */ r(h, {
+			children: /* @__PURE__ */ i(g, {
 				illustration: "empty-search",
 				title: "Venue not found.",
 				description: "This venue may have been removed or is outside your current scope."
@@ -183,6 +204,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as default };
+export { y as default };
 
 //# sourceMappingURL=VenueDetailPage.js.map