@burdenoff/microfe-eventfullymanaged 2026.704.5 → 2026.704.7

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

@@ -2,179 +2,298 @@ import { useEventfullyManaged as e } from "../../context/EventfullyManagedContex
 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";
+import { SafeLink as a } from "../../components/SafeLink.js";
+import { useMemo as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Building2 as u, Coins as d, Magnet as f, Plus as p, Search as m, TrendingUp as h, Users as g } from "lucide-react";
+import { Badge as _, Button as v, GlassCard as y, IllustratedEmptyState as b, Input as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx
-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 } });
+var C = [
+	{
+		key: "PLATINUM",
+		label: "Platinum",
+		accent: "var(--color-chart-2)"
+	},
+	{
+		key: "GOLD",
+		label: "Gold",
+		accent: "var(--color-chart-4)"
+	},
+	{
+		key: "SILVER",
+		label: "Silver",
+		accent: "var(--color-chart-3)"
+	},
+	{
+		key: "BRONZE",
+		label: "Bronze",
+		accent: "var(--color-chart-5)"
+	},
+	{
+		key: "COMMUNITY",
+		label: "Community",
+		accent: "var(--color-chart-1)"
+	}
+], w = {
+	key: "OTHER",
+	label: "Other",
+	accent: "var(--color-chart-1)"
+}, T = new Intl.NumberFormat(void 0, {
+	notation: "compact",
+	maximumFractionDigits: 1
+});
+function E({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ c(y, {
+		treatment: "metric",
+		className: "p-4",
+		children: /* @__PURE__ */ l("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ c("span", {
+				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-accent-primary",
+				children: /* @__PURE__ */ c(e, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ l("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ c("p", {
+					className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+					children: t
+				}), /* @__PURE__ */ c("p", {
+					className: "mt-0.5 text-2xl font-bold tabular-nums text-text-primary",
+					children: n
+				})]
+			})]
+		})
+	});
+}
+function D({ leads: e, target: t }) {
+	let n = t > 0 ? Math.min(100, Math.round(e / t * 100)) : 0;
+	return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
+		className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
+		role: "progressbar",
+		"aria-valuenow": n,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-label": "Leads progress",
+		children: /* @__PURE__ */ c("div", {
+			className: "h-full rounded-full transition-[width] duration-500",
+			style: {
+				width: `${n}%`,
+				background: "linear-gradient(90deg, var(--color-chart-1), var(--color-chart-2))"
+			}
+		})
+	}), /* @__PURE__ */ l("div", {
+		className: "mt-1.5 flex items-center justify-between text-xs text-text-secondary",
+		children: [/* @__PURE__ */ l("span", { children: [n, "%"] }), /* @__PURE__ */ l("span", {
+			className: "tabular-nums",
+			children: [e.toLocaleString(), t > 0 ? ` / ${t.toLocaleString()} leads target` : " leads"]
+		})]
+	})] });
+}
+function O({ sponsor: e, maxLeads: t, onView: n, onEdit: r, onDelete: o, onViewLeads: s }) {
+	let d = Number(e.metrics?.value ?? 0), f = Number(e.metrics?.leads ?? 0), p = Number(e.metrics?.leadsTarget ?? 0) || t;
+	return /* @__PURE__ */ l(y, {
+		treatment: "plain",
+		className: "flex flex-col gap-3 border-border-seam p-4",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex min-w-0 items-center gap-3",
+					children: [/* @__PURE__ */ c("span", {
+						className: "flex h-11 w-11 shrink-0 items-center justify-center overflow-hidden rounded-card border border-border-subtle bg-bg-sunken",
+						children: e.logoUrl ? /* @__PURE__ */ c("img", {
+							src: e.logoUrl,
+							alt: "",
+							className: "h-full w-full object-cover"
+						}) : /* @__PURE__ */ c(u, { className: "h-5 w-5 text-text-muted" })
+					}), /* @__PURE__ */ l("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ c("button", {
+							type: "button",
+							onClick: n,
+							className: "rounded-button text-left text-base 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__ */ l("p", {
+							className: "mt-0.5 text-xs text-text-secondary",
+							children: ["Contract value: ", /* @__PURE__ */ l("span", {
+								className: "font-semibold text-text-primary",
+								children: ["$", T.format(d)]
+							})]
+						})]
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "flex shrink-0 items-center gap-1",
+					children: [/* @__PURE__ */ c(_, {
+						variant: "secondary",
+						className: "uppercase",
+						children: e.level
+					}), /* @__PURE__ */ c(i, {
+						ariaLabel: `Actions for ${e.name}`,
+						entityName: e.name,
+						onView: n,
+						onEdit: r,
+						onDelete: o,
+						deleteLabel: "Delete sponsor"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ c(D, {
+				leads: f,
+				target: p
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between border-t border-border-seam pt-3 text-xs",
+				children: [e.website ? /* @__PURE__ */ c(a, {
+					href: e.website,
+					className: "truncate text-text-link hover:underline",
+					fallbackClassName: "truncate text-text-secondary",
+					children: e.website
+				}) : /* @__PURE__ */ c("span", {
+					className: "text-text-muted",
+					children: "No website"
+				}), /* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: s,
+					className: "ml-2 flex shrink-0 items-center gap-1 rounded-button font-medium text-text-link transition-colors hover:text-accent-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
+					children: [/* @__PURE__ */ c(h, { className: "h-3.5 w-3.5" }), "View leads"]
+				})]
+			})
+		]
+	});
+}
+function k() {
+	let { navigate: i } = e(), [a, u] = s(""), { data: h, loading: _, refetch: D } = r({
+		search: a,
+		limit: 200,
+		offset: 0
+	}), [k] = n(), A = o(() => h?.sponsors?.items ?? [], [h]), j = h?.sponsors?.total ?? 0, M = A.reduce((e, t) => e + Number(t.metrics?.value ?? 0), 0), N = A.reduce((e, t) => e + Number(t.metrics?.leads ?? 0), 0), P = A.reduce((e, t) => Math.max(e, Number(t.metrics?.leads ?? 0)), 0), F = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of A) {
+			let n = C.find((e) => e.key === t.level.toUpperCase()) ? t.level.toUpperCase() : w.key, r = e.get(n) ?? [];
+			r.push(t), e.set(n, r);
+		}
+		return [...C, w].map((t) => ({
+			tier: t,
+			items: e.get(t.key) ?? []
+		})).filter((e) => e.items.length > 0);
+	}, [A]), I = async (e) => {
+		let n = await k({ 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");
+		await D(), t.success("Sponsor deleted");
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__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", {
+			/* @__PURE__ */ c(S, { children: "Sponsors fund your event in exchange for visibility and leads. Grouped by tier, each card shows the contract value they bring and their progress toward a leads target — so you can prove ROI and keep the relationship warm for next time. The portfolio tiles summarise the whole roster at a glance." }),
+			/* @__PURE__ */ l("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: "Sponsors"
-				}), /* @__PURE__ */ d("p", {
+				}), /* @__PURE__ */ c("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: "Manage event sponsors with live API data."
-				})] }), /* @__PURE__ */ f(y, {
+					children: "Manage your event partners by category."
+				})] }), /* @__PURE__ */ l(v, {
 					type: "button",
-					onClick: () => w("/sponsors/create"),
-					children: [/* @__PURE__ */ d(g, { className: "h-4 w-4" }), "Add Sponsor"]
+					onClick: () => i("/sponsors/create"),
+					children: [/* @__PURE__ */ c(p, { className: "h-4 w-4" }), "Add Sponsor"]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
-				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
+				className: "text-sm font-semibold uppercase tracking-wide text-text-secondary",
+				children: "Portfolio"
+			}), /* @__PURE__ */ l("div", {
+				className: "mt-3 grid grid-cols-1 gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ f(b, {
-						treatment: "glass",
-						glow: !0,
-						className: "p-4",
-						children: [/* @__PURE__ */ d("p", {
-							className: "text-sm text-text-secondary",
-							children: "Total Sponsors"
-						}), /* @__PURE__ */ d("p", {
-							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: N
-						})]
+					/* @__PURE__ */ c(E, {
+						icon: g,
+						label: "Total Sponsors",
+						value: j.toLocaleString()
 					}),
-					/* @__PURE__ */ f(b, {
-						treatment: "metric",
-						className: "p-4",
-						children: [/* @__PURE__ */ d("p", {
-							className: "text-sm text-text-secondary",
-							children: "Value (this page)"
-						}), /* @__PURE__ */ f("p", {
-							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: ["$", P.toLocaleString()]
-						})]
+					/* @__PURE__ */ c(E, {
+						icon: d,
+						label: "Contract Value",
+						value: `$${T.format(M)}`
 					}),
-					/* @__PURE__ */ f(b, {
-						treatment: "metric",
-						className: "p-4",
-						children: [/* @__PURE__ */ d("p", {
-							className: "text-sm text-text-secondary",
-							children: "Leads (this page)"
-						}), /* @__PURE__ */ d("p", {
-							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: F.toLocaleString()
-						})]
+					/* @__PURE__ */ c(E, {
+						icon: f,
+						label: "Leads",
+						value: N.toLocaleString()
 					})
 				]
-			}),
-			/* @__PURE__ */ f("div", {
+			})] }),
+			/* @__PURE__ */ l("div", {
 				className: "relative",
-				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, {
+				children: [/* @__PURE__ */ c(m, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ c(x, {
 					type: "text",
-					value: T,
-					onChange: (e) => E(e.target.value),
+					value: a,
+					onChange: (e) => u(e.target.value),
 					placeholder: "Search sponsors",
 					"aria-label": "Search sponsors",
 					className: "pl-10"
 				})]
 			}),
-			k ? /* @__PURE__ */ d(b, {
+			_ && A.length === 0 ? /* @__PURE__ */ c(y, {
 				treatment: "plain",
 				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
 				children: "Loading sponsors..."
-			}) : M.length === 0 ? /* @__PURE__ */ d(b, {
+			}) : A.length === 0 ? /* @__PURE__ */ c(y, {
 				treatment: "plain",
 				className: "border-border-seam",
-				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, {
+				children: /* @__PURE__ */ c(b, {
+					illustration: a ? "empty-search" : "empty-people",
+					title: a ? "No sponsors match your search." : "No sponsors yet.",
+					description: a ? "Try a different name." : "Add your first sponsor to start tracking value and leads.",
+					action: a ? void 0 : /* @__PURE__ */ l(v, {
 						type: "button",
-						onClick: () => w("/sponsors/create"),
-						children: [/* @__PURE__ */ d(g, { className: "h-4 w-4" }), "Add Sponsor"]
+						onClick: () => i("/sponsors/create"),
+						children: [/* @__PURE__ */ c(p, { className: "h-4 w-4" }), "Add Sponsor"]
 					})
 				})
-			}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
-				className: "space-y-4",
-				children: M.map((e) => /* @__PURE__ */ f(b, {
-					treatment: "plain",
-					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ f("div", {
-						className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
-						children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("button", {
-							type: "button",
-							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__ */ f("div", {
-							className: "mt-1 flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ d(p, { className: "h-4 w-4" }), /* @__PURE__ */ d(v, {
-								variant: "secondary",
-								className: "uppercase",
-								children: e.level
-							})]
-						})] }), /* @__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__ */ l("div", {
+				className: "space-y-8",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Sponsor Tiers"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-text-secondary",
+					children: "Manage your event partners by category."
+				})] }), F.map(({ tier: e, items: t }) => /* @__PURE__ */ l("section", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center justify-between rounded-card border border-border-seam px-4 py-2.5 text-sm font-semibold uppercase tracking-wide",
+						style: {
+							background: `color-mix(in oklab, ${e.accent} 14%, var(--color-bg-surface))`,
+							color: `color-mix(in oklab, ${e.accent} 72%, var(--color-text-primary))`
+						},
+						children: [/* @__PURE__ */ l("span", {
+							className: "flex items-center gap-2.5",
+							children: [/* @__PURE__ */ c("span", {
+								"aria-hidden": !0,
+								className: "h-4 w-1.5 rounded-full",
+								style: { backgroundColor: e.accent }
+							}), e.label]
+						}), /* @__PURE__ */ c("span", {
+							className: "tabular-nums",
+							children: t.length
 						})]
-					}), /* @__PURE__ */ f("div", {
-						className: "mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3",
-						children: [
-							/* @__PURE__ */ f("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", { children: e.contactEmail ?? "No email" })]
-							}),
-							/* @__PURE__ */ f("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ d(h, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", { children: e.contactPhone ?? "No phone" })]
-							}),
-							/* @__PURE__ */ d("div", { children: e.website ? /* @__PURE__ */ d(s, {
-								href: e.website,
-								className: "text-text-link hover:underline",
-								fallbackClassName: "text-text-secondary",
-								children: e.website
-							}) : "No website" })
-						]
+					}), /* @__PURE__ */ c("div", {
+						className: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",
+						children: t.map((e) => /* @__PURE__ */ c(O, {
+							sponsor: e,
+							maxLeads: P,
+							onView: () => i(`/sponsors/${e.id}`),
+							onEdit: () => i(`/sponsors/${e.id}/edit`),
+							onDelete: () => I(e),
+							onViewLeads: () => i(`/sponsors/${e.id}/leads`)
+						}, e.id))
 					})]
-				}, 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
-			})] })
+				}, e.key))]
+			})
 		]
 	});
 }
 //#endregion
-export { w as default };
+export { k 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 { 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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"}
+{"version":3,"file":"SponsorsListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx"],"sourcesContent":["import { Building2, Coins, Magnet, Plus, Search, TrendingUp, Users } from 'lucide-react';\nimport type { LucideIcon } 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 { SafeLink } from '../../components/SafeLink';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { notify } from '../../lib/toast';\n\ntype SponsorMetrics = { value?: number; leads?: number; leadsTarget?: number };\n\ntype SponsorItem = {\n  id: string;\n  eventId: string;\n  name: string;\n  level: string;\n  logoUrl?: string | null;\n  website?: string | null;\n  contactName?: string | null;\n  contactEmail?: string | null;\n  contactPhone?: string | null;\n  metrics?: SponsorMetrics | null;\n};\n\n/** Tier order + accent token. Colours resolve to semantic chart tokens only. */\nconst TIERS: { key: string; label: string; accent: string }[] = [\n  { key: 'PLATINUM', label: 'Platinum', accent: 'var(--color-chart-2)' },\n  { key: 'GOLD', label: 'Gold', accent: 'var(--color-chart-4)' },\n  { key: 'SILVER', label: 'Silver', accent: 'var(--color-chart-3)' },\n  { key: 'BRONZE', label: 'Bronze', accent: 'var(--color-chart-5)' },\n  { key: 'COMMUNITY', label: 'Community', accent: 'var(--color-chart-1)' },\n];\nconst OTHER_TIER = { key: 'OTHER', label: 'Other', accent: 'var(--color-chart-1)' };\n\nconst compactNumber = new Intl.NumberFormat(undefined, { notation: 'compact', maximumFractionDigits: 1 });\n\nfunction StatTile({ icon: Icon, label, value }: { icon: LucideIcon; label: string; value: string }) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-4\">\n      <div className=\"flex items-center gap-3\">\n        <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-accent-primary\">\n          <Icon className=\"h-5 w-5\" />\n        </span>\n        <div className=\"min-w-0\">\n          <p className=\"text-xs font-medium uppercase tracking-wide text-text-secondary\">{label}</p>\n          <p className=\"mt-0.5 text-2xl font-bold tabular-nums text-text-primary\">{value}</p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction LeadsMeter({ leads, target }: { leads: number; target: number }) {\n  const pct = target > 0 ? Math.min(100, Math.round((leads / target) * 100)) : 0;\n  return (\n    <div>\n      <div\n        className=\"h-2 w-full overflow-hidden rounded-full bg-bg-sunken\"\n        role=\"progressbar\"\n        aria-valuenow={pct}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label=\"Leads progress\"\n      >\n        <div\n          className=\"h-full rounded-full transition-[width] duration-500\"\n          style={{\n            width: `${pct}%`,\n            background: 'linear-gradient(90deg, var(--color-chart-1), var(--color-chart-2))',\n          }}\n        />\n      </div>\n      <div className=\"mt-1.5 flex items-center justify-between text-xs text-text-secondary\">\n        <span>{pct}%</span>\n        <span className=\"tabular-nums\">\n          {leads.toLocaleString()}\n          {target > 0 ? ` / ${target.toLocaleString()} leads target` : ' leads'}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nfunction SponsorCard({\n  sponsor,\n  maxLeads,\n  onView,\n  onEdit,\n  onDelete,\n  onViewLeads,\n}: {\n  sponsor: SponsorItem;\n  maxLeads: number;\n  onView: () => void;\n  onEdit: () => void;\n  onDelete: () => void | Promise<void>;\n  onViewLeads: () => void;\n}) {\n  const value = Number(sponsor.metrics?.value ?? 0);\n  const leads = Number(sponsor.metrics?.leads ?? 0);\n  const target = Number(sponsor.metrics?.leadsTarget ?? 0) || maxLeads;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col gap-3 border-border-seam p-4\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-center gap-3\">\n          <span className=\"flex h-11 w-11 shrink-0 items-center justify-center overflow-hidden rounded-card border border-border-subtle bg-bg-sunken\">\n            {sponsor.logoUrl ? (\n              <img src={sponsor.logoUrl} alt=\"\" className=\"h-full w-full object-cover\" />\n            ) : (\n              <Building2 className=\"h-5 w-5 text-text-muted\" />\n            )}\n          </span>\n          <div className=\"min-w-0\">\n            <button\n              type=\"button\"\n              onClick={onView}\n              className=\"rounded-button text-left text-base 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            <p className=\"mt-0.5 text-xs text-text-secondary\">\n              Contract value: <span className=\"font-semibold text-text-primary\">${compactNumber.format(value)}</span>\n            </p>\n          </div>\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          <Badge variant=\"secondary\" className=\"uppercase\">\n            {sponsor.level}\n          </Badge>\n          <ActionMenu\n            ariaLabel={`Actions for ${sponsor.name}`}\n            entityName={sponsor.name}\n            onView={onView}\n            onEdit={onEdit}\n            onDelete={onDelete}\n            deleteLabel=\"Delete sponsor\"\n          />\n        </div>\n      </div>\n\n      <LeadsMeter leads={leads} target={target} />\n\n      <div className=\"flex items-center justify-between border-t border-border-seam pt-3 text-xs\">\n        {sponsor.website ? (\n          <SafeLink\n            href={sponsor.website}\n            className=\"truncate text-text-link hover:underline\"\n            fallbackClassName=\"truncate text-text-secondary\"\n          >\n            {sponsor.website}\n          </SafeLink>\n        ) : (\n          <span className=\"text-text-muted\">No website</span>\n        )}\n        <button\n          type=\"button\"\n          onClick={onViewLeads}\n          className=\"ml-2 flex shrink-0 items-center gap-1 rounded-button font-medium text-text-link transition-colors hover:text-accent-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n        >\n          <TrendingUp className=\"h-3.5 w-3.5\" />\n          View leads\n        </button>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport default function SponsorsListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  // Load the full portfolio (not paginated) so tier grouping + rollups are\n  // accurate; the sponsor roster is a small, curated list per workspace.\n  const { data, loading, refetch } = useSponsorsQuery({ search, limit: 200, offset: 0 });\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 portfolioValue = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.value ?? 0), 0);\n  const portfolioLeads = sponsors.reduce((sum, sponsor) => sum + Number(sponsor.metrics?.leads ?? 0), 0);\n  const maxLeads = sponsors.reduce((max, sponsor) => Math.max(max, Number(sponsor.metrics?.leads ?? 0)), 0);\n\n  const grouped = useMemo(() => {\n    const buckets = new Map<string, SponsorItem[]>();\n    for (const sponsor of sponsors) {\n      const tier = TIERS.find((t) => t.key === sponsor.level.toUpperCase()) ? sponsor.level.toUpperCase() : OTHER_TIER.key;\n      const list = buckets.get(tier) ?? [];\n      list.push(sponsor);\n      buckets.set(tier, list);\n    }\n    const ordered = [...TIERS, OTHER_TIER]\n      .map((tier) => ({ tier, items: buckets.get(tier.key) ?? [] }))\n      .filter((group) => group.items.length > 0);\n    return ordered;\n  }, [sponsors]);\n\n  const handleDelete = async (sponsor: SponsorItem) => {\n    const response = await deleteSponsor({ variables: { id: sponsor.id } });\n    if (response.error) {\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. Grouped by tier, each card shows the contract\n        value they bring and their progress toward a leads target — so you can prove ROI and keep the relationship warm\n        for next time. The portfolio tiles summarise the whole roster 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 your event partners by category.</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>\n        <h2 className=\"text-sm font-semibold uppercase tracking-wide text-text-secondary\">Portfolio</h2>\n        <div className=\"mt-3 grid grid-cols-1 gap-4 md:grid-cols-3\">\n          <StatTile icon={Users} label=\"Total Sponsors\" value={total.toLocaleString()} />\n          <StatTile icon={Coins} label=\"Contract Value\" value={`$${compactNumber.format(portfolioValue)}`} />\n          <StatTile icon={Magnet} label=\"Leads\" value={portfolioLeads.toLocaleString()} />\n        </div>\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 && sponsors.length === 0 ? (\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-8\">\n          <div>\n            <h2 className=\"text-lg font-semibold text-text-primary\">Sponsor Tiers</h2>\n            <p className=\"text-sm text-text-secondary\">Manage your event partners by category.</p>\n          </div>\n          {grouped.map(({ tier, items }) => (\n            <section key={tier.key} className=\"space-y-3\">\n              <div\n                className=\"flex items-center justify-between rounded-card border border-border-seam px-4 py-2.5 text-sm font-semibold uppercase tracking-wide\"\n                style={{\n                  background: `color-mix(in oklab, ${tier.accent} 14%, var(--color-bg-surface))`,\n                  color: `color-mix(in oklab, ${tier.accent} 72%, var(--color-text-primary))`,\n                }}\n              >\n                <span className=\"flex items-center gap-2.5\">\n                  <span aria-hidden className=\"h-4 w-1.5 rounded-full\" style={{ backgroundColor: tier.accent }} />\n                  {tier.label}\n                </span>\n                <span className=\"tabular-nums\">{items.length}</span>\n              </div>\n              <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n                {items.map((sponsor) => (\n                  <SponsorCard\n                    key={sponsor.id}\n                    sponsor={sponsor}\n                    maxLeads={maxLeads}\n                    onView={() => navigate(`/sponsors/${sponsor.id}`)}\n                    onEdit={() => navigate(`/sponsors/${sponsor.id}/edit`)}\n                    onDelete={() => handleDelete(sponsor)}\n                    onViewLeads={() => navigate(`/sponsors/${sponsor.id}/leads`)}\n                  />\n                ))}\n              </div>\n            </section>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}