@burdenoff/microfe-eventfullymanaged 2026.529.1 → 2026.625.1

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

@@ -3,82 +3,79 @@ import { EntityListSection as i } from "./EntityListSection.js";
 import { useMemo as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Play as l } from "lucide-react";
+import { Button as u, CTAOverflowMenu as d, EmphasisPanel as f, GradientText as p, Input as m } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/WorkflowsPage.tsx
-function u() {
-	let u = r({
+function h() {
+	let h = r({
 		limit: 100,
 		offset: 0
-	}), d = e({
+	}), g = e({
 		limit: 100,
 		offset: 0
-	}), [f, { loading: p }] = n(), [m, { loading: h }] = t(), [g, _] = o("Post-event follow-up"), v = a(() => u.data?.workflowTemplates.items ?? [], [u.data]), y = a(() => d.data?.automationRules.items ?? [], [d.data]);
+	}), [_, { loading: v }] = n(), [y, { loading: b }] = t(), [x, S] = o("Post-event follow-up"), C = a(() => h.data?.workflowTemplates.items ?? [], [h.data]), w = a(() => g.data?.automationRules.items ?? [], [g.data]), T = async () => {
+		x.trim() && await _({ variables: { input: {
+			name: x,
+			title: x,
+			status: "active",
+			metadata: {}
+		} } });
+	}, E = async () => {
+		await y({ variables: { input: {
+			name: `${x} Rule`,
+			title: `${x} Rule`,
+			status: "active",
+			metadata: {}
+		} } });
+	};
 	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ c("section", {
-				className: "rounded-lg border border-border-default bg-bg-surface p-5",
-				children: [
-					/* @__PURE__ */ s("h1", {
-						className: "text-2xl font-bold text-text-primary",
-						children: "Workflows"
-					}),
-					/* @__PURE__ */ s("p", {
-						className: "mt-1 text-sm text-text-secondary",
-						children: "Manage event workflow templates and automation rules. Execution is delegated to workflow services."
-					}),
-					/* @__PURE__ */ c("div", {
-						className: "mt-4 flex flex-col gap-3 sm:flex-row",
-						children: [
-							/* @__PURE__ */ s("input", {
-								value: g,
-								onChange: (e) => _(e.target.value),
-								className: "flex-1 rounded-md border border-border-default px-3 py-2"
-							}),
-							/* @__PURE__ */ c("button", {
-								type: "button",
-								onClick: async () => {
-									g.trim() && await f({ variables: { input: {
-										name: g,
-										title: g,
-										status: "active",
-										metadata: {}
-									} } });
-								},
-								disabled: p,
-								className: "inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
-								children: [/* @__PURE__ */ s(l, { className: "mr-2 h-4 w-4" }), p ? "Saving..." : "Add Template"]
-							}),
-							/* @__PURE__ */ s("button", {
-								type: "button",
-								onClick: async () => {
-									await m({ variables: { input: {
-										name: `${g} Rule`,
-										title: `${g} Rule`,
-										status: "active",
-										metadata: {}
-									} } });
-								},
-								disabled: h,
-								className: "inline-flex items-center rounded-md border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-elevated disabled:opacity-60",
-								children: h ? "Saving..." : "Add Rule"
-							})
-						]
-					})
-				]
-			}),
+			/* @__PURE__ */ c(f, { children: [
+				/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: /* @__PURE__ */ s(p, { children: "Workflows" })
+				}),
+				/* @__PURE__ */ s("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Manage event workflow templates and automation rules. Execution is delegated to workflow services."
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "mt-4 flex flex-col gap-3 sm:flex-row sm:items-center",
+					children: [/* @__PURE__ */ s(m, {
+						value: x,
+						onChange: (e) => S(e.target.value),
+						"aria-label": "Workflow template name",
+						className: "flex-1"
+					}), /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ c(u, {
+							type: "button",
+							onClick: T,
+							disabled: v,
+							children: [/* @__PURE__ */ s(l, { className: "h-4 w-4" }), v ? "Saving..." : "Add Template"]
+						}), /* @__PURE__ */ s(d, { actions: [{
+							label: b ? "Saving rule..." : "Add Rule",
+							onSelect: () => {
+								E();
+							},
+							disabled: b
+						}] })]
+					})]
+				})
+			] }),
 			/* @__PURE__ */ s(i, {
-				heading: u.loading ? "Loading templates..." : `Templates (${v.length})`,
+				heading: h.loading ? "Loading templates..." : `Templates (${C.length})`,
 				emptyLabel: "No workflow templates configured.",
-				rows: v.map((e) => ({
+				rows: C.map((e) => ({
 					id: e.id,
 					title: e.name ?? e.title ?? `Template ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			}),
 			/* @__PURE__ */ s(i, {
-				heading: d.loading ? "Loading automation rules..." : `Automation Rules (${y.length})`,
+				heading: g.loading ? "Loading automation rules..." : `Automation Rules (${w.length})`,
 				emptyLabel: "No automation rules configured.",
-				rows: y.map((e) => ({
+				rows: w.map((e) => ({
 					id: e.id,
 					title: e.name ?? e.title ?? `Rule ${e.id}`,
 					status: e.status ?? void 0
@@ -88,6 +85,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as default };
+export { h as default };
 
 //# sourceMappingURL=WorkflowsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/WorkflowsPage.tsx"],"sourcesContent":["import { Play } from 'lucide-react';\nimport { useMemo, useState } from 'react';\n\nimport {\n  useAutomationRulesQuery,\n  useUpsertAutomationRuleMutation,\n  useUpsertWorkflowTemplateMutation,\n  useWorkflowTemplatesQuery,\n} from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype SimpleRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function WorkflowsPage() {\n  const templatesQuery = useWorkflowTemplatesQuery({ limit: 100, offset: 0 });\n  const rulesQuery = useAutomationRulesQuery({ limit: 100, offset: 0 });\n  const [upsertTemplate, { loading: creatingTemplate }] = useUpsertWorkflowTemplateMutation();\n  const [upsertRule, { loading: creatingRule }] = useUpsertAutomationRuleMutation();\n  const [templateName, setTemplateName] = useState('Post-event follow-up');\n\n  const templates = useMemo(\n    () => (templatesQuery.data?.workflowTemplates.items ?? []) as SimpleRow[],\n    [templatesQuery.data]\n  );\n  const rules = useMemo(() => (rulesQuery.data?.automationRules.items ?? []) as SimpleRow[], [rulesQuery.data]);\n\n  const onCreateTemplate = async () => {\n    if (!templateName.trim()) return;\n    await upsertTemplate({\n      variables: {\n        input: {\n          name: templateName,\n          title: templateName,\n          status: 'active',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  const onCreateRule = async () => {\n    await upsertRule({\n      variables: {\n        input: {\n          name: `${templateName} Rule`,\n          title: `${templateName} Rule`,\n          status: 'active',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <section className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n        <h1 className=\"text-2xl font-bold text-text-primary\">Workflows</h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Manage event workflow templates and automation rules. Execution is delegated to workflow services.\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row\">\n          <input\n            value={templateName}\n            onChange={(e) => setTemplateName(e.target.value)}\n            className=\"flex-1 rounded-md border border-border-default px-3 py-2\"\n          />\n          <button\n            type=\"button\"\n            onClick={onCreateTemplate}\n            disabled={creatingTemplate}\n            className=\"inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60\"\n          >\n            <Play className=\"mr-2 h-4 w-4\" />\n            {creatingTemplate ? 'Saving...' : 'Add Template'}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onCreateRule}\n            disabled={creatingRule}\n            className=\"inline-flex items-center rounded-md border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-elevated disabled:opacity-60\"\n          >\n            {creatingRule ? 'Saving...' : 'Add Rule'}\n          </button>\n        </div>\n      </section>\n\n      <EntityListSection\n        heading={templatesQuery.loading ? 'Loading templates...' : `Templates (${templates.length})`}\n        emptyLabel=\"No workflow templates configured.\"\n        rows={templates.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Template ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={rulesQuery.loading ? 'Loading automation rules...' : `Automation Rules (${rules.length})`}\n        emptyLabel=\"No automation rules configured.\"\n        rows={rules.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Rule ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkBA,SAAwB,IAAgB;CACtC,IAAM,IAAiB,EAA0B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACrE,IAAa,EAAwB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC/D,CAAC,GAAgB,EAAE,SAAS,OAAsB,GAAmC,EACrF,CAAC,GAAY,EAAE,SAAS,OAAkB,GAAiC,EAC3E,CAAC,GAAc,KAAmB,EAAS,uBAAuB,EAElE,IAAY,QACT,EAAe,MAAM,kBAAkB,SAAS,EAAE,EACzD,CAAC,EAAe,KAAK,CACtB,EACK,IAAQ,QAAe,EAAW,MAAM,gBAAgB,SAAS,EAAE,EAAkB,CAAC,EAAW,KAAK,CAAC;AA6B7G,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,MAAD;MAAI,WAAU;gBAAuC;MAAc,CAAA;KACnE,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAE5C,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,SAAD;QACE,OAAO;QACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;QAChD,WAAU;QACV,CAAA;OACF,kBAAC,UAAD;QACE,MAAK;QACL,SA1Ce,YAAY;AAC9B,WAAa,MAAM,IACxB,MAAM,EAAe,EACnB,WAAW,EACT,OAAO;UACL,MAAM;UACN,OAAO;UACP,QAAQ;UACR,UAAU,EAAE;UACb,EACF,EACF,CAAC;;QAgCM,UAAU;QACV,WAAU;kBAJZ,CAME,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,IAAmB,cAAc,eAC3B;;OACT,kBAAC,UAAD;QACE,MAAK;QACL,SArCW,YAAY;AAC/B,eAAM,EAAW,EACf,WAAW,EACT,OAAO;UACL,MAAM,GAAG,EAAa;UACtB,OAAO,GAAG,EAAa;UACvB,QAAQ;UACR,UAAU,EAAE;UACb,EACF,EACF,CAAC;;QA4BM,UAAU;QACV,WAAU;kBAET,IAAe,cAAc;QACvB,CAAA;OACL;;KACE;;GAEV,kBAAC,GAAD;IACE,SAAS,EAAe,UAAU,yBAAyB,cAAc,EAAU,OAAO;IAC1F,YAAW;IACX,MAAM,EAAU,KAAK,OAAS;KAC5B,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,YAAY,EAAI;KAChD,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS,EAAW,UAAU,gCAAgC,qBAAqB,EAAM,OAAO;IAChG,YAAW;IACX,MAAM,EAAM,KAAK,OAAS;KACxB,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,QAAQ,EAAI;KAC5C,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GACE"}
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/WorkflowsPage.tsx"],"sourcesContent":["import { Play } from 'lucide-react';\nimport { Button, CTAOverflowMenu, EmphasisPanel, GradientText, Input } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport {\n  useAutomationRulesQuery,\n  useUpsertAutomationRuleMutation,\n  useUpsertWorkflowTemplateMutation,\n  useWorkflowTemplatesQuery,\n} from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype SimpleRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function WorkflowsPage() {\n  const templatesQuery = useWorkflowTemplatesQuery({ limit: 100, offset: 0 });\n  const rulesQuery = useAutomationRulesQuery({ limit: 100, offset: 0 });\n  const [upsertTemplate, { loading: creatingTemplate }] = useUpsertWorkflowTemplateMutation();\n  const [upsertRule, { loading: creatingRule }] = useUpsertAutomationRuleMutation();\n  const [templateName, setTemplateName] = useState('Post-event follow-up');\n\n  const templates = useMemo(\n    () => (templatesQuery.data?.workflowTemplates.items ?? []) as SimpleRow[],\n    [templatesQuery.data]\n  );\n  const rules = useMemo(() => (rulesQuery.data?.automationRules.items ?? []) as SimpleRow[], [rulesQuery.data]);\n\n  const onCreateTemplate = async () => {\n    if (!templateName.trim()) return;\n    await upsertTemplate({\n      variables: {\n        input: {\n          name: templateName,\n          title: templateName,\n          status: 'active',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  const onCreateRule = async () => {\n    await upsertRule({\n      variables: {\n        input: {\n          name: `${templateName} Rule`,\n          title: `${templateName} Rule`,\n          status: 'active',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Workflows</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Manage event workflow templates and automation rules. Execution is delegated to workflow services.\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row sm:items-center\">\n          <Input\n            value={templateName}\n            onChange={(e) => setTemplateName(e.target.value)}\n            aria-label=\"Workflow template name\"\n            className=\"flex-1\"\n          />\n          <div className=\"flex items-center gap-2\">\n            <Button type=\"button\" onClick={onCreateTemplate} disabled={creatingTemplate}>\n              <Play className=\"h-4 w-4\" />\n              {creatingTemplate ? 'Saving...' : 'Add Template'}\n            </Button>\n            <CTAOverflowMenu\n              actions={[\n                {\n                  label: creatingRule ? 'Saving rule...' : 'Add Rule',\n                  onSelect: () => {\n                    void onCreateRule();\n                  },\n                  disabled: creatingRule,\n                },\n              ]}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={templatesQuery.loading ? 'Loading templates...' : `Templates (${templates.length})`}\n        emptyLabel=\"No workflow templates configured.\"\n        rows={templates.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Template ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={rulesQuery.loading ? 'Loading automation rules...' : `Automation Rules (${rules.length})`}\n        emptyLabel=\"No automation rules configured.\"\n        rows={rules.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Rule ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAmBA,SAAwB,IAAgB;CACtC,IAAM,IAAiB,EAA0B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACrE,IAAa,EAAwB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC/D,CAAC,GAAgB,EAAE,SAAS,OAAsB,GAAmC,EACrF,CAAC,GAAY,EAAE,SAAS,OAAkB,GAAiC,EAC3E,CAAC,GAAc,KAAmB,EAAS,uBAAuB,EAElE,IAAY,QACT,EAAe,MAAM,kBAAkB,SAAS,EAAE,EACzD,CAAC,EAAe,KAAK,CACtB,EACK,IAAQ,QAAe,EAAW,MAAM,gBAAgB,SAAS,EAAE,EAAkB,CAAC,EAAW,KAAK,CAAC,EAEvG,IAAmB,YAAY;AAC9B,IAAa,MAAM,IACxB,MAAM,EAAe,EACnB,WAAW,EACT,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,UAAU,EAAE;GACb,EACF,EACF,CAAC;IAGE,IAAe,YAAY;AAC/B,QAAM,EAAW,EACf,WAAW,EACT,OAAO;GACL,MAAM,GAAG,EAAa;GACtB,OAAO,GAAG,EAAa;GACvB,QAAQ;GACR,UAAU,EAAE;GACb,EACF,EACF,CAAC;;AAGJ,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,aAAwB,CAAA;KACnC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;MAChD,cAAW;MACX,WAAU;MACV,CAAA,EACF,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAQ,MAAK;OAAS,SAAS;OAAkB,UAAU;iBAA3D,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,IAAmB,cAAc,eAC3B;UACT,kBAAC,GAAD,EACE,SAAS,CACP;OACE,OAAO,IAAe,mBAAmB;OACzC,gBAAgB;AACT,WAAc;;OAErB,UAAU;OACX,CACF,EACD,CAAA,CACE;QACF;;IACQ,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SAAS,EAAe,UAAU,yBAAyB,cAAc,EAAU,OAAO;IAC1F,YAAW;IACX,MAAM,EAAU,KAAK,OAAS;KAC5B,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,YAAY,EAAI;KAChD,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS,EAAW,UAAU,gCAAgC,qBAAqB,EAAM,OAAO;IAChG,YAAW;IACX,MAAM,EAAM,KAAK,OAAS;KACxB,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,QAAQ,EAAI;KAC5C,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GACE"}

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

@@ -4,8 +4,9 @@ import { useEffect as a, useMemo as o, useState as s } from "react";
 import { useParams as c } from "react-router-dom";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { ArrowLeft as d, Save as f } from "lucide-react";
+import { Button as p, GlassCard as m, Input as h } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/sponsors/SponsorFormPage.tsx
-var p = {
+var g = {
 	eventId: "",
 	name: "",
 	level: "BRONZE",
@@ -16,242 +17,239 @@ var p = {
 	value: "0",
 	leads: "0"
 };
-function m() {
-	let { id: m = "" } = c(), h = o(() => !!m, [m]), { navigate: g } = e(), { data: _ } = n({
+function _() {
+	let { id: _ = "" } = c(), v = o(() => !!_, [_]), { navigate: y } = e(), { data: b } = n({
 		limit: 100,
 		offset: 0
-	}), { data: v } = r({
+	}), { data: x } = r({
 		limit: 100,
 		offset: 0
-	}), y = o(() => (v?.sponsors?.items ?? []).find((e) => e.id === m), [m, v]), [b, { loading: x }] = t(), [S, { loading: C }] = i(), [w, T] = s(() => y ? {
-		eventId: y.eventId ?? "",
-		name: y.name ?? "",
-		level: y.level ?? "BRONZE",
-		website: y.website ?? "",
-		contactName: y.contactName ?? "",
-		contactEmail: y.contactEmail ?? "",
-		contactPhone: y.contactPhone ?? "",
-		value: String(y.metrics?.value ?? 0),
-		leads: String(y.metrics?.leads ?? 0)
-	} : p);
+	}), S = o(() => (x?.sponsors?.items ?? []).find((e) => e.id === _), [_, x]), [C, { loading: w }] = t(), [T, { loading: E }] = i(), [D, O] = s(() => S ? {
+		eventId: S.eventId ?? "",
+		name: S.name ?? "",
+		level: S.level ?? "BRONZE",
+		website: S.website ?? "",
+		contactName: S.contactName ?? "",
+		contactEmail: S.contactEmail ?? "",
+		contactPhone: S.contactPhone ?? "",
+		value: String(S.metrics?.value ?? 0),
+		leads: String(S.metrics?.leads ?? 0)
+	} : g);
 	a(() => {
-		y && T({
-			eventId: y.eventId ?? "",
-			name: y.name ?? "",
-			level: y.level ?? "BRONZE",
-			website: y.website ?? "",
-			contactName: y.contactName ?? "",
-			contactEmail: y.contactEmail ?? "",
-			contactPhone: y.contactPhone ?? "",
-			value: String(y.metrics?.value ?? 0),
-			leads: String(y.metrics?.leads ?? 0)
+		S && O({
+			eventId: S.eventId ?? "",
+			name: S.name ?? "",
+			level: S.level ?? "BRONZE",
+			website: S.website ?? "",
+			contactName: S.contactName ?? "",
+			contactEmail: S.contactEmail ?? "",
+			contactPhone: S.contactPhone ?? "",
+			value: String(S.metrics?.value ?? 0),
+			leads: String(S.metrics?.leads ?? 0)
 		});
-	}, [y]);
-	let E = (e, t) => {
-		T((n) => ({
+	}, [S]);
+	let k = (e, t) => {
+		O((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, D = async (e) => {
+	}, A = async (e) => {
 		e.preventDefault();
 		let t = {
-			eventId: w.eventId,
-			name: w.name,
-			level: w.level,
-			website: w.website,
-			contactName: w.contactName,
-			contactEmail: w.contactEmail,
-			contactPhone: w.contactPhone,
+			eventId: D.eventId,
+			name: D.name,
+			level: D.level,
+			website: D.website,
+			contactName: D.contactName,
+			contactEmail: D.contactEmail,
+			contactPhone: D.contactPhone,
 			metrics: {
-				value: Number(w.value || 0),
-				leads: Number(w.leads || 0)
+				value: Number(D.value || 0),
+				leads: Number(D.leads || 0)
 			},
 			metadata: {}
 		};
-		if (h) {
-			await S({ variables: {
-				id: m,
+		if (v) {
+			await T({ variables: {
+				id: _,
 				input: t
-			} }), g("/sponsors");
+			} }), y("/sponsors");
 			return;
 		}
-		await b({ variables: { input: t } }), g("/sponsors");
-	}, O = x || C, k = _?.events?.items ?? [];
+		await C({ variables: { input: t } }), y("/sponsors");
+	}, j = w || E, M = b?.events?.items ?? [], N = "w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]";
 	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("button", {
+		children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u(p, {
 			type: "button",
-			onClick: () => g("/sponsors"),
-			className: "inline-flex items-center gap-2 text-sm text-text-secondary hover:text-text-primary",
+			variant: "ghost",
+			size: "sm",
+			onClick: () => y("/sponsors"),
 			children: [/* @__PURE__ */ l(d, { className: "h-4 w-4" }), "Back to Sponsors"]
 		}), /* @__PURE__ */ l("h1", {
 			className: "mt-3 text-2xl font-bold text-text-primary",
-			children: h ? "Edit Sponsor" : "Create Sponsor"
-		})] }), /* @__PURE__ */ u("form", {
-			onSubmit: D,
-			className: "space-y-4 rounded-lg border border-border-default bg-bg-surface p-5",
-			children: [
-				/* @__PURE__ */ u("div", {
-					className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-					children: [/* @__PURE__ */ u("label", {
-						className: "space-y-1 text-sm",
-						children: [/* @__PURE__ */ l("span", {
-							className: "font-medium text-text-primary",
-							children: "Event"
-						}), /* @__PURE__ */ u("select", {
-							value: w.eventId,
-							onChange: (e) => E("eventId", e.target.value),
-							required: !0,
-							className: "w-full rounded-md border border-border-default px-3 py-2",
-							children: [/* @__PURE__ */ l("option", {
-								value: "",
-								children: "Select Event"
-							}), k.map((e) => /* @__PURE__ */ l("option", {
-								value: e.id,
-								children: e.name
-							}, e.id))]
-						})]
-					}), /* @__PURE__ */ u("label", {
-						className: "space-y-1 text-sm",
-						children: [/* @__PURE__ */ l("span", {
-							className: "font-medium text-text-primary",
-							children: "Sponsor Name"
-						}), /* @__PURE__ */ l("input", {
-							value: w.name,
-							onChange: (e) => E("name", e.target.value),
-							required: !0,
-							className: "w-full rounded-md border border-border-default px-3 py-2"
-						})]
-					})]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "grid grid-cols-1 gap-4 md:grid-cols-3",
-					children: [
-						/* @__PURE__ */ u("label", {
+			children: v ? "Edit Sponsor" : "Create Sponsor"
+		})] }), /* @__PURE__ */ l(m, {
+			treatment: "plain",
+			className: "border-border-seam p-5",
+			children: /* @__PURE__ */ u("form", {
+				onSubmit: A,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+						children: [/* @__PURE__ */ u("label", {
 							className: "space-y-1 text-sm",
 							children: [/* @__PURE__ */ l("span", {
 								className: "font-medium text-text-primary",
-								children: "Level"
+								children: "Event"
 							}), /* @__PURE__ */ u("select", {
-								value: w.level,
-								onChange: (e) => E("level", e.target.value),
-								className: "w-full rounded-md border border-border-default px-3 py-2",
-								children: [
-									/* @__PURE__ */ l("option", {
-										value: "PLATINUM",
-										children: "Platinum"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "GOLD",
-										children: "Gold"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "SILVER",
-										children: "Silver"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "BRONZE",
-										children: "Bronze"
-									}),
-									/* @__PURE__ */ l("option", {
-										value: "COMMUNITY",
-										children: "Community"
-									})
-								]
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Value"
-							}), /* @__PURE__ */ l("input", {
-								type: "number",
-								min: "0",
-								value: w.value,
-								onChange: (e) => E("value", e.target.value),
-								className: "w-full rounded-md border border-border-default px-3 py-2"
+								value: D.eventId,
+								onChange: (e) => k("eventId", e.target.value),
+								required: !0,
+								className: N,
+								children: [/* @__PURE__ */ l("option", {
+									value: "",
+									children: "Select Event"
+								}), M.map((e) => /* @__PURE__ */ l("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
 							})]
-						}),
-						/* @__PURE__ */ u("label", {
+						}), /* @__PURE__ */ u("label", {
 							className: "space-y-1 text-sm",
 							children: [/* @__PURE__ */ l("span", {
 								className: "font-medium text-text-primary",
-								children: "Leads"
-							}), /* @__PURE__ */ l("input", {
-								type: "number",
-								min: "0",
-								value: w.leads,
-								onChange: (e) => E("leads", e.target.value),
-								className: "w-full rounded-md border border-border-default px-3 py-2"
-							})]
-						})
-					]
-				}),
-				/* @__PURE__ */ u("label", {
-					className: "block space-y-1 text-sm",
-					children: [/* @__PURE__ */ l("span", {
-						className: "font-medium text-text-primary",
-						children: "Website"
-					}), /* @__PURE__ */ l("input", {
-						value: w.website,
-						onChange: (e) => E("website", e.target.value),
-						className: "w-full rounded-md border border-border-default px-3 py-2"
-					})]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "grid grid-cols-1 gap-4 md:grid-cols-3",
-					children: [
-						/* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Contact Name"
-							}), /* @__PURE__ */ l("input", {
-								value: w.contactName,
-								onChange: (e) => E("contactName", e.target.value),
-								className: "w-full rounded-md border border-border-default px-3 py-2"
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Contact Email"
-							}), /* @__PURE__ */ l("input", {
-								type: "email",
-								value: w.contactEmail,
-								onChange: (e) => E("contactEmail", e.target.value),
-								className: "w-full rounded-md border border-border-default px-3 py-2"
-							})]
-						}),
-						/* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Contact Phone"
-							}), /* @__PURE__ */ l("input", {
-								value: w.contactPhone,
-								onChange: (e) => E("contactPhone", e.target.value),
-								className: "w-full rounded-md border border-border-default px-3 py-2"
+								children: "Sponsor Name"
+							}), /* @__PURE__ */ l(h, {
+								value: D.name,
+								onChange: (e) => k("name", e.target.value),
+								required: !0
 							})]
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+						children: [
+							/* @__PURE__ */ u("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-medium text-text-primary",
+									children: "Level"
+								}), /* @__PURE__ */ u("select", {
+									value: D.level,
+									onChange: (e) => k("level", e.target.value),
+									className: N,
+									children: [
+										/* @__PURE__ */ l("option", {
+											value: "PLATINUM",
+											children: "Platinum"
+										}),
+										/* @__PURE__ */ l("option", {
+											value: "GOLD",
+											children: "Gold"
+										}),
+										/* @__PURE__ */ l("option", {
+											value: "SILVER",
+											children: "Silver"
+										}),
+										/* @__PURE__ */ l("option", {
+											value: "BRONZE",
+											children: "Bronze"
+										}),
+										/* @__PURE__ */ l("option", {
+											value: "COMMUNITY",
+											children: "Community"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ u("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-medium text-text-primary",
+									children: "Value"
+								}), /* @__PURE__ */ l(h, {
+									type: "number",
+									min: "0",
+									value: D.value,
+									onChange: (e) => k("value", e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ u("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-medium text-text-primary",
+									children: "Leads"
+								}), /* @__PURE__ */ l(h, {
+									type: "number",
+									min: "0",
+									value: D.leads,
+									onChange: (e) => k("leads", e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ u("label", {
+						className: "block space-y-1 text-sm",
+						children: [/* @__PURE__ */ l("span", {
+							className: "font-medium text-text-primary",
+							children: "Website"
+						}), /* @__PURE__ */ l(h, {
+							value: D.website,
+							onChange: (e) => k("website", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+						children: [
+							/* @__PURE__ */ u("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-medium text-text-primary",
+									children: "Contact Name"
+								}), /* @__PURE__ */ l(h, {
+									value: D.contactName,
+									onChange: (e) => k("contactName", e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ u("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-medium text-text-primary",
+									children: "Contact Email"
+								}), /* @__PURE__ */ l(h, {
+									type: "email",
+									value: D.contactEmail,
+									onChange: (e) => k("contactEmail", e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ u("label", {
+								className: "space-y-1 text-sm",
+								children: [/* @__PURE__ */ l("span", {
+									className: "font-medium text-text-primary",
+									children: "Contact Phone"
+								}), /* @__PURE__ */ l(h, {
+									value: D.contactPhone,
+									onChange: (e) => k("contactPhone", e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "flex justify-end",
+						children: /* @__PURE__ */ u(p, {
+							type: "submit",
+							disabled: j,
+							children: [/* @__PURE__ */ l(f, { className: "h-4 w-4" }), j ? "Saving..." : "Save Sponsor"]
 						})
-					]
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "flex justify-end",
-					children: /* @__PURE__ */ u("button", {
-						type: "submit",
-						disabled: O,
-						className: "inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
-						children: [/* @__PURE__ */ l(f, { className: "mr-2 h-4 w-4" }), O ? "Saving..." : "Save Sponsor"]
 					})
-				})
-			]
+				]
+			})
 		})]
 	});
 }
 //#endregion
-export { m as default };
+export { _ as default };
 
 //# sourceMappingURL=SponsorFormPage.js.map