@burdenoff/microfe-eventfullymanaged 2026.703.2 → 2026.704.1

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

@@ -1,111 +1,132 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useVenuesQuery as t } from "../../api/eventApi.js";
-import { useMemo as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Building2 as o, MapPin as s, Plus as c, Search as l, Users as u } from "lucide-react";
-import { Badge as d, Button as f, EmphasisPanel as p, GlassCard as m, IllustratedEmptyState as h, Input as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useDeleteVenueMutation as n, useVenuesQuery 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 { useMemo as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Building2 as f, MapPin as p, Plus as m, Search as h, Users as g } from "lucide-react";
+import { Badge as _, Button as v, EmphasisPanel as y, GlassCard as b, IllustratedEmptyState as x, Input as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/venues/VenueListPage.tsx
-function v() {
-	let { navigate: v } = e(), [y, b] = r(""), { data: x, loading: S } = t({
-		search: y,
-		limit: 100,
-		offset: 0
-	}), C = n(() => x?.venues?.items ?? [], [x]);
-	return /* @__PURE__ */ a("div", {
+function w() {
+	let { navigate: w } = e(), [T, E] = c(""), D = o({
+		pageSize: 12,
+		resetKey: T
+	}), { data: O, loading: k, refetch: A } = r({
+		search: T,
+		limit: D.limit,
+		offset: D.offset
+	}), [j] = n(), M = s(() => O?.venues?.items ?? [], [O]), N = O?.venues?.total ?? 0, P = async (e) => {
+		let n = await j({ variables: { id: e.id } });
+		if (n.error) throw Error(n.error.message);
+		if (!n.data?.deleteVenue) throw t.error("Could not delete venue", "The server did not confirm the deletion. Please try again."), Error("Deletion not confirmed");
+		await A(), t.success("Venue deleted");
+	};
+	return /* @__PURE__ */ d("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ i(_, { children: "Venues are the physical (or virtual) spaces where your events happen. Catalog them once — with capacity, location, amenities and floor plans — and reuse them across events. Start here when you are scouting or onboarding a new space to host an event." }),
-			/* @__PURE__ */ a(p, {
+			/* @__PURE__ */ u(C, { children: "Venues are the physical (or virtual) spaces where your events happen. Catalog them once — with capacity, location, amenities and floor plans — and reuse them across events. Start here when you are scouting or onboarding a new space to host an event." }),
+			/* @__PURE__ */ d(y, {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: "Venues"
-				}), /* @__PURE__ */ i("p", {
+				}), /* @__PURE__ */ u("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Browse and manage event venues using live backend data."
-				})] }), /* @__PURE__ */ a(f, {
+				})] }), /* @__PURE__ */ d(v, {
 					type: "button",
-					onClick: () => v("/venues/create"),
-					children: [/* @__PURE__ */ i(c, { className: "h-4 w-4" }), "Add Venue"]
+					onClick: () => w("/venues/create"),
+					children: [/* @__PURE__ */ u(m, { className: "h-4 w-4" }), "Add Venue"]
 				})]
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ d("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ i(l, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ i(g, {
+				children: [/* @__PURE__ */ u(h, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ u(S, {
 					type: "text",
-					value: y,
-					onChange: (e) => b(e.target.value),
+					value: T,
+					onChange: (e) => E(e.target.value),
 					placeholder: "Search venues by name or location",
 					"aria-label": "Search venues by name or location",
 					className: "pl-10"
 				})]
 			}),
-			S ? /* @__PURE__ */ i(m, {
+			k ? /* @__PURE__ */ u(b, {
 				treatment: "plain",
 				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
 				children: "Loading venues..."
-			}) : C.length === 0 ? /* @__PURE__ */ i(m, {
+			}) : M.length === 0 ? /* @__PURE__ */ u(b, {
 				treatment: "plain",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ i(h, {
-					illustration: y ? "empty-search" : "empty-data",
-					title: y ? "No venues match your search." : "No venues yet.",
-					description: y ? "Try a different name or location." : "Add your first venue to start mapping events to spaces.",
-					action: y ? void 0 : /* @__PURE__ */ a(f, {
+				children: /* @__PURE__ */ u(x, {
+					illustration: T ? "empty-search" : "empty-data",
+					title: T ? "No venues match your search." : "No venues yet.",
+					description: T ? "Try a different name or location." : "Add your first venue to start mapping events to spaces.",
+					action: T ? void 0 : /* @__PURE__ */ d(v, {
 						type: "button",
-						onClick: () => v("/venues/create"),
-						children: [/* @__PURE__ */ i(c, { className: "h-4 w-4" }), "Add Venue"]
+						onClick: () => w("/venues/create"),
+						children: [/* @__PURE__ */ u(m, { className: "h-4 w-4" }), "Add Venue"]
 					})
 				})
-			}) : /* @__PURE__ */ i("div", {
+			}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-				children: C.map((e) => /* @__PURE__ */ a(m, {
+				children: M.map((e) => /* @__PURE__ */ d(b, {
 					treatment: "plain",
 					role: "button",
 					tabIndex: 0,
 					"aria-label": `Open ${e.name}`,
-					onClick: () => v(`/venues/${e.id}`),
+					onClick: () => w(`/venues/${e.id}`),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), v(`/venues/${e.id}`));
+						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), w(`/venues/${e.id}`));
 					},
 					className: "cursor-pointer border-border-seam p-5 text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
-					children: [/* @__PURE__ */ a("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-start justify-between gap-4",
-						children: [/* @__PURE__ */ a("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ i("h2", {
+							children: [/* @__PURE__ */ u("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: e.name
-							}), /* @__PURE__ */ i("p", {
+							}), /* @__PURE__ */ u("p", {
 								className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 								children: e.description ?? "No description available."
 							})]
-						}), /* @__PURE__ */ i(d, {
-							variant: "secondary",
-							className: "shrink-0 uppercase",
-							children: e.status
+						}), /* @__PURE__ */ d("div", {
+							className: "flex shrink-0 items-center gap-2",
+							children: [/* @__PURE__ */ u(_, {
+								variant: "secondary",
+								className: "uppercase",
+								children: e.status
+							}), /* @__PURE__ */ u(i, {
+								ariaLabel: `Actions for ${e.name}`,
+								entityName: e.name,
+								onView: () => w(`/venues/${e.id}`),
+								onEdit: () => w(`/venues/${e.id}/edit`),
+								onDelete: () => P(e),
+								deleteLabel: "Delete venue"
+							})]
 						})]
-					}), /* @__PURE__ */ a("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3",
 						children: [
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ i(s, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", { children: [
+								children: [/* @__PURE__ */ u(p, { className: "h-4 w-4" }), /* @__PURE__ */ u("span", { children: [
 									e.city,
 									e.state,
 									e.country
 								].filter(Boolean).join(", ") || "Location not set" })]
 							}),
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ i(u, { className: "h-4 w-4" }), /* @__PURE__ */ a("span", {
+								children: [/* @__PURE__ */ u(g, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", {
 									className: "tabular-nums",
 									children: [e.capacity ?? 0, " capacity"]
 								})]
 							}),
-							/* @__PURE__ */ a("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), /* @__PURE__ */ a("span", {
+								children: [/* @__PURE__ */ u(f, { className: "h-4 w-4" }), /* @__PURE__ */ d("span", {
 									className: "tabular-nums",
 									children: [e.amenities.length, " amenities"]
 								})]
@@ -113,11 +134,20 @@ function v() {
 						]
 					})]
 				}, e.id))
-			})
+			}), /* @__PURE__ */ u(a, {
+				offset: D.offset,
+				limit: D.limit,
+				loadedCount: M.length,
+				total: N,
+				onPrev: D.prevPage,
+				onNext: D.nextPage,
+				itemLabel: "venues",
+				loading: k
+			})] })
 		]
 	});
 }
 //#endregion
-export { v as default };
+export { w as default };
 
 //# sourceMappingURL=VenueListPage.js.map

package/dist/eventfullymanaged/pages/venues/VenueListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"VenueListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueListPage.tsx"],"sourcesContent":["import { Building2, MapPin, Plus, Search, Users } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useVenuesQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype VenueItem = {\n  id: string;\n  name: string;\n  description?: string | null;\n  city?: string | null;\n  state?: string | null;\n  country?: string | null;\n  capacity?: number | null;\n  status: string;\n  amenities: string[];\n};\n\nexport default function VenueListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useVenuesQuery({ search, limit: 100, offset: 0 });\n\n  const venues = useMemo(() => (data?.venues?.items ?? []) as VenueItem[], [data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Venues are the physical (or virtual) spaces where your events happen. Catalog them once — with capacity,\n        location, amenities and floor plans — and reuse them across events. Start here when you are scouting or\n        onboarding a new space to host an event.\n      </PagePurpose>\n\n      <EmphasisPanel className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Venues</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Browse and manage event venues using live backend data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Venue\n        </Button>\n      </EmphasisPanel>\n\n      <div className=\"relative\">\n        <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <Input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder=\"Search venues by name or location\"\n          aria-label=\"Search venues by name or location\"\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 venues...\n        </GlassCard>\n      ) : venues.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={search ? 'No venues match your search.' : 'No venues yet.'}\n            description={\n              search ? 'Try a different name or location.' : 'Add your first venue to start mapping events to spaces.'\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  Add Venue\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {venues.map((venue) => (\n            <GlassCard\n              key={venue.id}\n              treatment=\"plain\"\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`Open ${venue.name}`}\n              onClick={() => navigate(`/venues/${venue.id}`)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  navigate(`/venues/${venue.id}`);\n                }\n              }}\n              className=\"cursor-pointer border-border-seam p-5 text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-4\">\n                <div className=\"min-w-0\">\n                  <h2 className=\"text-lg font-semibold text-text-primary\">{venue.name}</h2>\n                  <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">\n                    {venue.description ?? 'No description available.'}\n                  </p>\n                </div>\n                <Badge variant=\"secondary\" className=\"shrink-0 uppercase\">\n                  {venue.status}\n                </Badge>\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                  <MapPin className=\"h-4 w-4\" />\n                  <span>\n                    {[venue.city, venue.state, venue.country].filter(Boolean).join(', ') || 'Location not set'}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Users className=\"h-4 w-4\" />\n                  <span className=\"tabular-nums\">{venue.capacity ?? 0} capacity</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Building2 className=\"h-4 w-4\" />\n                  <span className=\"tabular-nums\">{venue.amenities.length} amenities</span>\n                </div>\n              </div>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA2BA,SAAwB,IAAgB;CACtC,IAAM,EAAE,gBAAa,GAAsB,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,SAAM,eAAY,EAAe;EAAE;EAAQ,OAAO;EAAK,QAAQ;EAAG,CAAC,EAErE,IAAS,QAAe,GAAM,QAAQ,SAAS,EAAE,EAAkB,CAAC,EAAK,CAAC;AAEhF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,6PAIC,CAAA;GAEd,kBAAC,GAAD;IAAe,WAAU;cAAzB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAuC;KAAW,CAAA,EAChE,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAA2D,CAAA,CACvG,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAS,eAAe,EAAS,iBAAiB;eAA/D,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YAErB;OACK;;GAEhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wFAAyF,CAAA,EAC3G,kBAAC,GAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAU,EAAU,EAAM,OAAO,MAAM;KAClD,aAAY;KACZ,cAAW;KACX,WAAU;KACV,CAAA,CACE;;GAEL,IACC,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cAAiE;IAE5F,CAAA,GACV,EAAO,WAAW,IACpB,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KACE,cAAc,IAAS,iBAAiB;KACxC,OAAO,IAAS,iCAAiC;KACjD,aACE,IAAS,sCAAsC;KAEjD,QACG,IAKG,KAAA,IAJF,kBAAC,GAAD;MAAQ,MAAK;MAAS,eAAe,EAAS,iBAAiB;gBAA/D,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,YAErB;;KAGb,CAAA;IACQ,CAAA,GAEZ,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,MACX,kBAAC,GAAD;KAEE,WAAU;KACV,MAAK;KACL,UAAU;KACV,cAAY,QAAQ,EAAM;KAC1B,eAAe,EAAS,WAAW,EAAM,KAAK;KAC9C,YAAY,MAAU;AACpB,OAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAS,WAAW,EAAM,KAAK;;KAGnC,WAAU;eAbZ,CAeE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAA2C,EAAM;QAAU,CAAA,EACzE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAM,eAAe;QACpB,CAAA,CACA;UACN,kBAAC,GAAD;OAAO,SAAQ;OAAY,WAAU;iBAClC,EAAM;OACD,CAAA,CACJ;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD,EAAA,UACG;SAAC,EAAM;SAAM,EAAM;SAAO,EAAM;SAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,KAAK,IAAI,oBACnE,CAAA,CACH;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CAAgC,EAAM,YAAY,GAAE,YAAgB;WAChE;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EACjC,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CAAgC,EAAM,UAAU,QAAO,aAAiB;WACpE;;OACF;QACI;OA1CL,EAAM,GA0CD,CACZ;IACE,CAAA;GAEJ"}
+{"version":3,"file":"VenueListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueListPage.tsx"],"sourcesContent":["import { Building2, MapPin, Plus, Search, Users } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useDeleteVenueMutation, useVenuesQuery } from '../../api/eventApi';\nimport { ActionMenu } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { notify } from '../../lib/toast';\n\ntype VenueItem = {\n  id: string;\n  name: string;\n  description?: string | null;\n  city?: string | null;\n  state?: string | null;\n  country?: string | null;\n  capacity?: number | null;\n  status: string;\n  amenities: string[];\n};\n\nexport default function VenueListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const pagination = usePagination({ pageSize: 12, resetKey: search });\n  const { data, loading, refetch } = useVenuesQuery({\n    search,\n    limit: pagination.limit,\n    offset: pagination.offset,\n  });\n  const [deleteVenue] = useDeleteVenueMutation();\n\n  const venues = useMemo(() => (data?.venues?.items ?? []) as VenueItem[], [data]);\n  const total = data?.venues?.total ?? 0;\n\n  const handleDelete = async (venue: VenueItem) => {\n    const response = await deleteVenue({ variables: { id: venue.id } });\n    if (response.error) {\n      // useDeleteVenueMutation.onError already surfaces the toast; keep the\n      // confirm dialog open so the user can retry.\n      throw new Error(response.error.message);\n    }\n    if (!response.data?.deleteVenue) {\n      notify.error('Could not delete venue', 'The server did not confirm the deletion. Please try again.');\n      throw new Error('Deletion not confirmed');\n    }\n    await refetch();\n    notify.success('Venue deleted');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Venues are the physical (or virtual) spaces where your events happen. Catalog them once — with capacity,\n        location, amenities and floor plans — and reuse them across events. Start here when you are scouting or\n        onboarding a new space to host an event.\n      </PagePurpose>\n\n      <EmphasisPanel className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Venues</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Browse and manage event venues using live backend data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Venue\n        </Button>\n      </EmphasisPanel>\n\n      <div className=\"relative\">\n        <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <Input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder=\"Search venues by name or location\"\n          aria-label=\"Search venues by name or location\"\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 venues...\n        </GlassCard>\n      ) : venues.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={search ? 'No venues match your search.' : 'No venues yet.'}\n            description={\n              search ? 'Try a different name or location.' : 'Add your first venue to start mapping events to spaces.'\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  Add Venue\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <>\n          <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n            {venues.map((venue) => (\n              <GlassCard\n                key={venue.id}\n                treatment=\"plain\"\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`Open ${venue.name}`}\n                onClick={() => navigate(`/venues/${venue.id}`)}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    navigate(`/venues/${venue.id}`);\n                  }\n                }}\n                className=\"cursor-pointer border-border-seam p-5 text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                <div className=\"flex items-start justify-between gap-4\">\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-lg font-semibold text-text-primary\">{venue.name}</h2>\n                    <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">\n                      {venue.description ?? 'No description available.'}\n                    </p>\n                  </div>\n                  <div className=\"flex shrink-0 items-center gap-2\">\n                    <Badge variant=\"secondary\" className=\"uppercase\">\n                      {venue.status}\n                    </Badge>\n                    <ActionMenu\n                      ariaLabel={`Actions for ${venue.name}`}\n                      entityName={venue.name}\n                      onView={() => navigate(`/venues/${venue.id}`)}\n                      onEdit={() => navigate(`/venues/${venue.id}/edit`)}\n                      onDelete={() => handleDelete(venue)}\n                      deleteLabel=\"Delete venue\"\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                    <MapPin className=\"h-4 w-4\" />\n                    <span>\n                      {[venue.city, venue.state, venue.country].filter(Boolean).join(', ') || 'Location not set'}\n                    </span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Users className=\"h-4 w-4\" />\n                    <span className=\"tabular-nums\">{venue.capacity ?? 0} capacity</span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Building2 className=\"h-4 w-4\" />\n                    <span className=\"tabular-nums\">{venue.amenities.length} amenities</span>\n                  </div>\n                </div>\n              </GlassCard>\n            ))}\n          </div>\n\n          <Pagination\n            offset={pagination.offset}\n            limit={pagination.limit}\n            loadedCount={venues.length}\n            total={total}\n            onPrev={pagination.prevPage}\n            onNext={pagination.nextPage}\n            itemLabel=\"venues\"\n            loading={loading}\n          />\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-eventfullymanaged",
-  "version": "2026.703.2",
+  "version": "2026.704.1",
   "description": "EventfullyManaged - End-to-end event management platform",
   "type": "module",
   "files": [