@burdenoff/microfe-eventfullymanaged 2026.703.2 → 2026.704.1

package/dist/eventfullymanaged/pages/speakers/SpeakerFormPage.js

@@ -0,0 +1,224 @@
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { gql as t } from "../../../node_modules/graphql-tag/lib/index.js";
+import { useQuery as n } from "../../../node_modules/@apollo/client/react/hooks/useQuery.js";
+import { notify as r } from "../../lib/toast.js";
+import { useCreateSpeakerMutation as i, useUpdateSpeakerMutation as a } from "../../api/eventApi.js";
+import { EntityFormShell as o } from "../../components/EntityFormShell.js";
+import { describeError as s, mutationSucceeded as c } from "../../lib/mutationResult.js";
+import { EntityTagsField as l } from "../../components/EntityTagsField.js";
+import { safeUrl as u } from "../../components/SafeLink.js";
+import { ImageUploadField as d } from "../../components/ImageUploadField.js";
+import { useEffect as f, useMemo as p, useState as m } from "react";
+import { useParams as h } from "react-router-dom";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Input as v, Textarea as y } from "@burdenoff/fe-libs/ui";
+//#region src/eventfullymanaged/pages/speakers/SpeakerFormPage.tsx
+var b = t`
+  query EventfullymanagedSpeakerFormSpeakers($limit: Int, $offset: Int) {
+    speakers: eventfullyManagedSpeakers(limit: $limit, offset: $offset) {
+      total
+      items {
+        id
+        fullName
+        title
+        organization
+        bio
+        avatarUrl
+        email
+        phone
+        socialLinks
+      }
+    }
+  }
+`, x = {
+	fullName: "",
+	title: "",
+	organization: "",
+	email: "",
+	phone: "",
+	bio: "",
+	avatarUrl: "",
+	website: ""
+};
+function S(e) {
+	return e && typeof e.website == "string" ? e.website : "";
+}
+function C() {
+	let { id: t = "" } = h(), C = p(() => !!t, [t]), { navigate: w } = e(), { data: T } = n(b, {
+		variables: {
+			limit: 100,
+			offset: 0
+		},
+		skip: !t
+	}), [E, { loading: D }] = i(), [O, { loading: k }] = a(), [A, j] = m(x), M = p(() => (T?.speakers?.items ?? []).find((e) => e.id === t), [T, t]);
+	f(() => {
+		!C || !M || j({
+			fullName: M.fullName ?? "",
+			title: M.title ?? "",
+			organization: M.organization ?? "",
+			email: M.email ?? "",
+			phone: M.phone ?? "",
+			bio: M.bio ?? "",
+			avatarUrl: M.avatarUrl ?? "",
+			website: S(M.socialLinks)
+		});
+	}, [M, C]);
+	let N = (e, t) => {
+		j((n) => ({
+			...n,
+			[e]: t
+		}));
+	};
+	return /* @__PURE__ */ _(o, {
+		title: C ? "Edit Speaker" : "Add Speaker",
+		description: "A person who presents sessions at your events.",
+		purpose: "A speaker profile is what you attach to sessions and show to attendees. Capture who they are, where they work, and a short bio or talk abstract so the agenda tells a compelling story. The headshot appears anywhere the speaker is listed.",
+		backLabel: "Back to Speakers",
+		onBack: () => w("/speakers"),
+		onSubmit: async (e) => {
+			if (e.preventDefault(), !A.fullName.trim()) {
+				r.error("Name required", "Give the speaker a name before saving.");
+				return;
+			}
+			let n = u(A.website);
+			if (A.website.trim() && !n) {
+				r.error("Invalid website", "Enter a valid http(s) URL, or leave it blank.");
+				return;
+			}
+			let i = {
+				fullName: A.fullName.trim(),
+				title: A.title || null,
+				organization: A.organization || null,
+				email: A.email || null,
+				phone: A.phone || null,
+				bio: A.bio || null,
+				avatarUrl: A.avatarUrl || null,
+				socialLinks: n ? { website: n } : {}
+			};
+			try {
+				if (C) {
+					let e = await O({ variables: {
+						id: t,
+						input: i
+					} });
+					if (!c(e, e.data?.updateSpeaker?.id, "Could not update speaker")) return;
+					r.success("Speaker updated"), w("/speakers");
+					return;
+				}
+				let e = await E({ variables: { input: i } });
+				if (!c(e, e.data?.createSpeaker?.id, "Could not create speaker")) return;
+				r.success("Speaker created"), w("/speakers");
+			} catch (e) {
+				r.error("Could not save speaker", s(e));
+			}
+		},
+		submitLabel: "Save Speaker",
+		saving: D || k,
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Full name"
+					}), /* @__PURE__ */ g(v, {
+						value: A.fullName,
+						onChange: (e) => N("fullName", e.target.value),
+						required: !0
+					})]
+				}), /* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Title"
+					}), /* @__PURE__ */ g(v, {
+						value: A.title,
+						onChange: (e) => N("title", e.target.value),
+						placeholder: "Head of Product"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ _("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ g("span", {
+							className: "font-medium text-text-primary",
+							children: "Company"
+						}), /* @__PURE__ */ g(v, {
+							value: A.organization,
+							onChange: (e) => N("organization", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ _("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ g("span", {
+							className: "font-medium text-text-primary",
+							children: "Email"
+						}), /* @__PURE__ */ g(v, {
+							type: "email",
+							value: A.email,
+							onChange: (e) => N("email", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ _("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ g("span", {
+							className: "font-medium text-text-primary",
+							children: "Phone"
+						}), /* @__PURE__ */ g(v, {
+							value: A.phone,
+							onChange: (e) => N("phone", e.target.value)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "space-y-1 text-sm",
+				children: [/* @__PURE__ */ g("span", {
+					className: "font-medium text-text-primary",
+					children: "Headshot"
+				}), /* @__PURE__ */ g(d, {
+					label: "Upload headshot",
+					folderPath: "/EventfullyManaged/Speakers",
+					value: A.avatarUrl || null,
+					onUploaded: (e) => N("avatarUrl", e),
+					hint: "Stored securely in Files. Shown wherever the speaker is listed."
+				})]
+			}),
+			/* @__PURE__ */ _("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ g("span", {
+					className: "font-medium text-text-primary",
+					children: "Bio & talk abstract"
+				}), /* @__PURE__ */ g(y, {
+					value: A.bio,
+					onChange: (e) => N("bio", e.target.value),
+					rows: 5,
+					placeholder: "Short professional bio and a summary of the talk they will give."
+				})]
+			}),
+			/* @__PURE__ */ _("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ g("span", {
+					className: "font-medium text-text-primary",
+					children: "Website / profile URL"
+				}), /* @__PURE__ */ g(v, {
+					value: A.website,
+					onChange: (e) => N("website", e.target.value),
+					placeholder: "https://…"
+				})]
+			}),
+			C ? /* @__PURE__ */ g(l, {
+				entityType: "speaker",
+				entityId: t
+			}) : null
+		]
+	});
+}
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=SpeakerFormPage.js.map

package/dist/eventfullymanaged/pages/speakers/SpeakerFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakerFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/speakers/SpeakerFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCreateSpeakerMutation, useUpdateSpeakerMutation } from '../../api/eventApi';\nimport { EntityFormShell } from '../../components/EntityFormShell';\nimport { EntityTagsField } from '../../components/EntityTagsField';\nimport { ImageUploadField } from '../../components/ImageUploadField';\nimport { safeUrl } from '../../components/SafeLink';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\n// The backend `updateSpeaker` resolver is a FULL replace and there is no by-id\n// speaker resolver, so this fuller list query — selecting every editable field,\n// not just the columns the foundation SPEAKERS_QUERY lists — is the edit-hydration\n// source. The form finds its row by id client-side. Without the full selection an\n// edit would blank bio / avatar / phone / socialLinks.\nconst FULL_SPEAKERS_QUERY = gql`\n  query EventfullymanagedSpeakerFormSpeakers($limit: Int, $offset: Int) {\n    speakers: eventfullyManagedSpeakers(limit: $limit, offset: $offset) {\n      total\n      items {\n        id\n        fullName\n        title\n        organization\n        bio\n        avatarUrl\n        email\n        phone\n        socialLinks\n      }\n    }\n  }\n`;\n\ntype SpeakerRecord = {\n  id: string;\n  fullName: string;\n  title?: string | null;\n  organization?: string | null;\n  bio?: string | null;\n  avatarUrl?: string | null;\n  email?: string | null;\n  phone?: string | null;\n  socialLinks?: Record<string, unknown> | null;\n};\n\ntype FullSpeakersResponse = { speakers: { total: number; items: SpeakerRecord[] } };\n\ntype SpeakerFormState = {\n  fullName: string;\n  title: string;\n  organization: string;\n  email: string;\n  phone: string;\n  bio: string;\n  avatarUrl: string;\n  website: string;\n};\n\nconst initialState: SpeakerFormState = {\n  fullName: '',\n  title: '',\n  organization: '',\n  email: '',\n  phone: '',\n  bio: '',\n  avatarUrl: '',\n  website: '',\n};\n\nfunction readWebsite(socialLinks: Record<string, unknown> | null | undefined): string {\n  if (socialLinks && typeof socialLinks.website === 'string') {\n    return socialLinks.website;\n  }\n  return '';\n}\n\nexport default function SpeakerFormPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useEventfullyManaged();\n\n  const { data } = useQuery<FullSpeakersResponse, { limit?: number; offset?: number }>(FULL_SPEAKERS_QUERY, {\n    variables: { limit: 100, offset: 0 },\n    skip: !id,\n  });\n  const [createSpeaker, { loading: creating }] = useCreateSpeakerMutation();\n  const [updateSpeaker, { loading: updating }] = useUpdateSpeakerMutation();\n  const [form, setForm] = useState<SpeakerFormState>(initialState);\n\n  const existingSpeaker = useMemo(\n    () => (data?.speakers?.items ?? []).find((item) => item.id === id),\n    [data, id]\n  );\n\n  useEffect(() => {\n    if (!isEdit || !existingSpeaker) {\n      return;\n    }\n    setForm({\n      fullName: existingSpeaker.fullName ?? '',\n      title: existingSpeaker.title ?? '',\n      organization: existingSpeaker.organization ?? '',\n      email: existingSpeaker.email ?? '',\n      phone: existingSpeaker.phone ?? '',\n      bio: existingSpeaker.bio ?? '',\n      avatarUrl: existingSpeaker.avatarUrl ?? '',\n      website: readWebsite(existingSpeaker.socialLinks),\n    });\n  }, [existingSpeaker, isEdit]);\n\n  const onChange = (field: keyof SpeakerFormState, value: string) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    if (!form.fullName.trim()) {\n      notify.error('Name required', 'Give the speaker a name before saving.');\n      return;\n    }\n\n    const normalizedWebsite = safeUrl(form.website);\n    if (form.website.trim() && !normalizedWebsite) {\n      notify.error('Invalid website', 'Enter a valid http(s) URL, or leave it blank.');\n      return;\n    }\n\n    const input = {\n      fullName: form.fullName.trim(),\n      title: form.title || null,\n      organization: form.organization || null,\n      email: form.email || null,\n      phone: form.phone || null,\n      bio: form.bio || null,\n      avatarUrl: form.avatarUrl || null,\n      socialLinks: normalizedWebsite ? { website: normalizedWebsite } : {},\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updateSpeaker({ variables: { id, input } });\n        if (!mutationSucceeded(response, response.data?.updateSpeaker?.id, 'Could not update speaker')) {\n          return;\n        }\n        notify.success('Speaker updated');\n        navigate('/speakers');\n        return;\n      }\n      const response = await createSpeaker({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createSpeaker?.id, 'Could not create speaker')) {\n        return;\n      }\n      notify.success('Speaker created');\n      navigate('/speakers');\n    } catch (error) {\n      notify.error('Could not save speaker', describeError(error));\n    }\n  };\n\n  const saving = creating || updating;\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit Speaker' : 'Add Speaker'}\n      description=\"A person who presents sessions at your events.\"\n      purpose=\"A speaker profile is what you attach to sessions and show to attendees. Capture who they are, where they work, and a short bio or talk abstract so the agenda tells a compelling story. The headshot appears anywhere the speaker is listed.\"\n      backLabel=\"Back to Speakers\"\n      onBack={() => navigate('/speakers')}\n      onSubmit={onSubmit}\n      submitLabel=\"Save Speaker\"\n      saving={saving}\n    >\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Full name</span>\n          <Input value={form.fullName} onChange={(e) => onChange('fullName', e.target.value)} required />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Title</span>\n          <Input\n            value={form.title}\n            onChange={(e) => onChange('title', e.target.value)}\n            placeholder=\"Head of Product\"\n          />\n        </label>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Company</span>\n          <Input value={form.organization} onChange={(e) => onChange('organization', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Email</span>\n          <Input type=\"email\" value={form.email} onChange={(e) => onChange('email', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Phone</span>\n          <Input value={form.phone} onChange={(e) => onChange('phone', e.target.value)} />\n        </label>\n      </div>\n\n      <div className=\"space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Headshot</span>\n        <ImageUploadField\n          label=\"Upload headshot\"\n          folderPath=\"/EventfullyManaged/Speakers\"\n          value={form.avatarUrl || null}\n          onUploaded={(url) => onChange('avatarUrl', url)}\n          hint=\"Stored securely in Files. Shown wherever the speaker is listed.\"\n        />\n      </div>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Bio &amp; talk abstract</span>\n        <Textarea\n          value={form.bio}\n          onChange={(e) => onChange('bio', e.target.value)}\n          rows={5}\n          placeholder=\"Short professional bio and a summary of the talk they will give.\"\n        />\n      </label>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Website / profile URL</span>\n        <Input\n          value={form.website}\n          onChange={(e) => onChange('website', e.target.value)}\n          placeholder=\"https://…\"\n        />\n      </label>\n\n      {isEdit ? <EntityTagsField entityType=\"speaker\" entityId={id} /> : null}\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/speakers/SpeakersPage.js

@@ -0,0 +1,96 @@
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { useSpeakersQuery as t } from "../../api/eventApi.js";
+import { ActionMenu as n } from "../../components/ActionMenu.js";
+import { Pagination as r, usePagination as i } from "../../components/Pagination.js";
+import { useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Mic2 as c, Plus as l } from "lucide-react";
+import { Button as u, GlassCard as d, IllustratedEmptyState as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
+//#region src/eventfullymanaged/pages/speakers/SpeakersPage.tsx
+function m() {
+	let { navigate: m } = e(), h = i(), { data: g, loading: _ } = t({
+		limit: h.limit,
+		offset: h.offset
+	}), v = g?.speakers?.total ?? 0, y = a(() => g?.speakers?.items ?? [], [g]);
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o(p, { children: "Speakers are the people who present your sessions. Keep a roster here — their name, role, company and bio — so that when you build the agenda you can assign a speaker to each session in a couple of clicks. A good speaker profile also gives attendees a reason to attend." }),
+			/* @__PURE__ */ s("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: "Speakers"
+				}), /* @__PURE__ */ o("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Manage your speaker roster with live API data."
+				})] }), /* @__PURE__ */ s(u, {
+					type: "button",
+					onClick: () => m("/speakers/create"),
+					children: [/* @__PURE__ */ o(l, { className: "h-4 w-4" }), "Add Speaker"]
+				})]
+			}),
+			_ ? /* @__PURE__ */ o(d, {
+				treatment: "plain",
+				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
+				children: "Loading speakers…"
+			}) : y.length === 0 ? /* @__PURE__ */ o(d, {
+				treatment: "plain",
+				className: "border-border-seam",
+				children: /* @__PURE__ */ o(f, {
+					illustration: "empty-people",
+					title: "No speakers yet.",
+					description: "Add your first speaker to start building the agenda.",
+					action: /* @__PURE__ */ s(u, {
+						type: "button",
+						onClick: () => m("/speakers/create"),
+						children: [/* @__PURE__ */ o(l, { className: "h-4 w-4" }), "Add Speaker"]
+					})
+				})
+			}) : /* @__PURE__ */ s("div", {
+				className: "space-y-3",
+				children: [y.map((e) => /* @__PURE__ */ o(d, {
+					treatment: "plain",
+					className: "border-border-seam p-4",
+					children: /* @__PURE__ */ s("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex min-w-0 items-center gap-3",
+							children: [/* @__PURE__ */ o("span", {
+								className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+								children: /* @__PURE__ */ o(c, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ s("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ o("button", {
+									type: "button",
+									onClick: () => m(`/speakers/${e.id}/edit`),
+									className: "rounded-button text-left font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus",
+									children: e.fullName
+								}), /* @__PURE__ */ o("p", {
+									className: "mt-0.5 truncate text-sm text-text-secondary",
+									children: [e.title, e.organization].filter(Boolean).join(" • ") || "Speaker"
+								})]
+							})]
+						}), /* @__PURE__ */ o(n, {
+							ariaLabel: `Speaker actions for ${e.fullName}`,
+							onEdit: () => m(`/speakers/${e.id}/edit`)
+						})]
+					})
+				}, e.id)), /* @__PURE__ */ o(r, {
+					offset: h.offset,
+					limit: h.limit,
+					loadedCount: y.length,
+					total: v,
+					onPrev: h.prevPage,
+					onNext: h.nextPage,
+					itemLabel: "speakers",
+					loading: _
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=SpeakersPage.js.map

package/dist/eventfullymanaged/pages/speakers/SpeakersPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeakersPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/speakers/SpeakersPage.tsx"],"sourcesContent":["import { Mic2, Plus } from 'lucide-react';\nimport { Button, GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useSpeakersQuery } from '../../api/eventApi';\nimport { ActionMenu } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype SpeakerRow = {\n  id: string;\n  fullName: string;\n  title?: string | null;\n  organization?: string | null;\n  email?: string | null;\n};\n\nexport default function SpeakersPage() {\n  const { navigate } = useEventfullyManaged();\n  const pagination = usePagination();\n  const { data, loading } = useSpeakersQuery({ limit: pagination.limit, offset: pagination.offset });\n\n  const total = data?.speakers?.total ?? 0;\n  const speakers = useMemo(() => (data?.speakers?.items ?? []) as unknown as SpeakerRow[], [data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Speakers are the people who present your sessions. Keep a roster here — their name, role, company and bio — so\n        that when you build the agenda you can assign a speaker to each session in a couple of clicks. A good speaker\n        profile also gives attendees a reason to attend.\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\">Speakers</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Manage your speaker roster with live API data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/speakers/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Speaker\n        </Button>\n      </div>\n\n      {loading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading speakers…\n        </GlassCard>\n      ) : speakers.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration=\"empty-people\"\n            title=\"No speakers yet.\"\n            description=\"Add your first speaker to start building the agenda.\"\n            action={\n              <Button type=\"button\" onClick={() => navigate('/speakers/create')}>\n                <Plus className=\"h-4 w-4\" />\n                Add Speaker\n              </Button>\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"space-y-3\">\n          {speakers.map((speaker) => (\n            <GlassCard key={speaker.id} treatment=\"plain\" className=\"border-border-seam p-4\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 items-center gap-3\">\n                  <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n                    <Mic2 className=\"h-5 w-5\" />\n                  </span>\n                  <div className=\"min-w-0\">\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`/speakers/${speaker.id}/edit`)}\n                      className=\"rounded-button text-left font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus\"\n                    >\n                      {speaker.fullName}\n                    </button>\n                    <p className=\"mt-0.5 truncate text-sm text-text-secondary\">\n                      {[speaker.title, speaker.organization].filter(Boolean).join(' • ') || 'Speaker'}\n                    </p>\n                  </div>\n                </div>\n                <ActionMenu\n                  ariaLabel={`Speaker actions for ${speaker.fullName}`}\n                  onEdit={() => navigate(`/speakers/${speaker.id}/edit`)}\n                />\n              </div>\n            </GlassCard>\n          ))}\n\n          <Pagination\n            offset={pagination.offset}\n            limit={pagination.limit}\n            loadedCount={speakers.length}\n            total={total}\n            onPrev={pagination.prevPage}\n            onNext={pagination.nextPage}\n            itemLabel=\"speakers\"\n            loading={loading}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAwB,IAAe;CACrC,IAAM,EAAE,gBAAa,GAAsB,EACrC,IAAa,GAAe,EAC5B,EAAE,SAAM,eAAY,EAAiB;EAAE,OAAO,EAAW;EAAO,QAAQ,EAAW;EAAQ,CAAC,EAE5F,IAAQ,GAAM,UAAU,SAAS,GACjC,IAAW,QAAe,GAAM,UAAU,SAAS,EAAE,EAA8B,CAAC,EAAK,CAAC;AAEhG,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,iRAIC,CAAA;GAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAuC;KAAa,CAAA,EAClE,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAAkD,CAAA,CAC9F,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAS,eAAe,EAAS,mBAAmB;eAAjE,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,cAErB;OACL;;GAEL,IACC,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cAAiE;IAE5F,CAAA,GACV,EAAS,WAAW,IACtB,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAS,eAAe,EAAS,mBAAmB;gBAAjE,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,cAErB;;KAEX,CAAA;IACQ,CAAA,GAEZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAS,KAAK,MACb,kBAAC,GAAD;KAA4B,WAAU;KAAQ,WAAU;eACtD,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACd,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;QACvB,CAAA,EACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,UAAD;SACE,MAAK;SACL,eAAe,EAAS,aAAa,EAAQ,GAAG,OAAO;SACvD,WAAU;mBAET,EAAQ;SACF,CAAA,EACT,kBAAC,KAAD;SAAG,WAAU;mBACV,CAAC,EAAQ,OAAO,EAAQ,aAAa,CAAC,OAAO,QAAQ,CAAC,KAAK,MAAM,IAAI;SACpE,CAAA,CACA;UACF;UACN,kBAAC,GAAD;OACE,WAAW,uBAAuB,EAAQ;OAC1C,cAAc,EAAS,aAAa,EAAQ,GAAG,OAAO;OACtD,CAAA,CACE;;KACI,EAxBI,EAAQ,GAwBZ,CACZ,EAEF,kBAAC,GAAD;KACE,QAAQ,EAAW;KACnB,OAAO,EAAW;KAClB,aAAa,EAAS;KACf;KACP,QAAQ,EAAW;KACnB,QAAQ,EAAW;KACnB,WAAU;KACD;KACT,CAAA,CACE;;GAEJ"}