@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.8

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

@@ -4,17 +4,31 @@ import { EntityTagsField as n } from "../../components/EntityTagsField.js";
 import { useParams as r } from "react-router-dom";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { ArrowLeft as o, Building2 as s, Edit as c, MapPin as l, Megaphone as u, SquareStack as d, Users as f } from "lucide-react";
-import { Badge as p, Button as m, GlassCard as h, IllustratedEmptyState as g, NextSteps as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { Badge as p, Button as m, GlassCard as h, GradientText as g, IllustratedEmptyState as _, NextSteps as v, PagePurpose as y, Skeleton as b } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/venues/VenueDetailPage.tsx
-function y() {
-	let { id: y = "" } = r(), { navigate: b } = e(), { data: x, loading: S } = t(y), C = x?.venue ?? null, w = x?.floorPlans?.items ?? [];
-	return S ? /* @__PURE__ */ i("div", {
-		className: "p-6 text-sm text-text-secondary",
-		children: "Loading venue..."
-	}) : C ? /* @__PURE__ */ a("div", {
+function x() {
+	let { id: x = "" } = r(), { navigate: S } = e(), { data: C, loading: w } = t(x), T = C?.venue ?? null, E = C?.floorPlans?.items ?? [];
+	if (w) return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ i(v, { children: "The full record for one venue. Review its location, capacity and status, see what amenities it offers, and manage the floor plans attendees will navigate. Come here to confirm a space is ready before you assign an event to it." }),
+			/* @__PURE__ */ i(b, { className: "h-8 w-32" }),
+			/* @__PURE__ */ i(b, { className: "h-8 w-64" }),
+			/* @__PURE__ */ a("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
+				children: [
+					/* @__PURE__ */ i(b, { className: "h-24 rounded-card" }),
+					/* @__PURE__ */ i(b, { className: "h-24 rounded-card" }),
+					/* @__PURE__ */ i(b, { className: "h-24 rounded-card" })
+				]
+			}),
+			/* @__PURE__ */ i(b, { className: "h-40 rounded-card" })
+		]
+	});
+	let D = T?.status === "ACTIVE" ? "success" : T?.status === "MAINTENANCE" ? "warning" : "secondary";
+	return T ? /* @__PURE__ */ a("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ i(y, { children: "The full record for one venue. Review its location, capacity and status, see what amenities it offers, and manage the floor plans attendees will navigate. Come here to confirm a space is ready before you assign an event to it." }),
 			/* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ a("div", {
@@ -23,18 +37,19 @@ function y() {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
-						onClick: () => b("/venues"),
+						onClick: () => S("/venues"),
 						children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), "Back to Venues"]
-					}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
-						className: "text-2xl font-bold text-text-primary",
-						children: C.name
+					}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i(g, {
+						as: "h1",
+						className: "text-2xl font-bold",
+						children: T.name
 					}), /* @__PURE__ */ i("p", {
 						className: "mt-1 text-sm text-text-secondary",
-						children: C.description ?? "No description provided."
+						children: T.description ?? "No description provided."
 					})] })]
 				}), /* @__PURE__ */ a(m, {
 					type: "button",
-					onClick: () => b(`/venues/${C.id}/edit`),
+					onClick: () => S(`/venues/${T.id}/edit`),
 					children: [/* @__PURE__ */ i(c, { className: "h-4 w-4" }), "Edit Venue"]
 				})]
 			}),
@@ -50,11 +65,11 @@ function y() {
 						}), /* @__PURE__ */ i("p", {
 							className: "text-sm text-text-secondary",
 							children: [
-								C.addressLine1,
-								C.city,
-								C.state,
-								C.country,
-								C.postalCode
+								T.addressLine1,
+								T.city,
+								T.state,
+								T.country,
+								T.postalCode
 							].filter(Boolean).join(", ") || "Location not configured"
 						})]
 					}),
@@ -67,7 +82,7 @@ function y() {
 							children: [/* @__PURE__ */ i(f, { className: "h-4 w-4 text-action-primary-bg" }), "Capacity"]
 						}), /* @__PURE__ */ a("p", {
 							className: "text-sm tabular-nums text-text-secondary",
-							children: [C.capacity ?? 0, " attendees"]
+							children: [(T.capacity ?? 0).toLocaleString(), " attendees"]
 						})]
 					}),
 					/* @__PURE__ */ a(h, {
@@ -76,9 +91,10 @@ function y() {
 						children: [/* @__PURE__ */ a("div", {
 							className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
 							children: [/* @__PURE__ */ i(s, { className: "h-4 w-4 text-action-primary-bg" }), "Status"]
-						}), /* @__PURE__ */ i("p", {
-							className: "text-sm uppercase text-text-secondary",
-							children: C.status
+						}), /* @__PURE__ */ i(p, {
+							variant: D,
+							className: "uppercase",
+							children: T.status
 						})]
 					})
 				]
@@ -91,7 +107,7 @@ function y() {
 					children: "Amenities"
 				}), /* @__PURE__ */ i("div", {
 					className: "mt-3 flex flex-wrap gap-2",
-					children: C.amenities.length > 0 ? C.amenities.map((e) => /* @__PURE__ */ i(p, {
+					children: T.amenities.length > 0 ? T.amenities.map((e) => /* @__PURE__ */ i(p, {
 						variant: "secondary",
 						children: e
 					}, e)) : /* @__PURE__ */ i("p", {
@@ -114,7 +130,7 @@ function y() {
 					}),
 					/* @__PURE__ */ i(n, {
 						entityType: "EVENTFULLYMANAGED_VENUE",
-						entityId: C.id,
+						entityId: T.id,
 						label: "Venue tags",
 						className: "mt-3"
 					})
@@ -132,31 +148,43 @@ function y() {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						onClick: () => b(`/venues/${C.id}/floor-plans`),
+						onClick: () => S(`/venues/${T.id}/floor-plans`),
 						children: [/* @__PURE__ */ i(d, { className: "h-4 w-4" }), "Manage Floor Plans"]
 					})]
 				}), /* @__PURE__ */ i("div", {
 					className: "mt-4",
-					children: w.length > 0 ? /* @__PURE__ */ i("ul", {
-						className: "space-y-2.5",
-						children: w.map((e) => /* @__PURE__ */ a("li", {
-							className: "rounded-card border border-border-seam p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
-							children: [/* @__PURE__ */ i("p", {
-								className: "font-medium text-text-primary",
-								children: e.name
-							}), /* @__PURE__ */ i("p", {
-								className: "text-sm text-text-secondary",
-								children: e.imageUrl ? "Image configured" : "No image configured"
+					children: E.length > 0 ? /* @__PURE__ */ i("ul", {
+						className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+						children: E.map((e) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ a("button", {
+							type: "button",
+							onClick: () => S(`/venues/${T.id}/floor-plans`),
+							className: "flex w-full items-center gap-3 rounded-card border border-border-seam p-3 text-left transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus",
+							children: [/* @__PURE__ */ i("span", {
+								className: "flex h-14 w-14 shrink-0 items-center justify-center overflow-hidden rounded-md bg-bg-sunken",
+								children: e.imageUrl ? /* @__PURE__ */ i("img", {
+									src: e.imageUrl,
+									alt: `${e.name} floor plan`,
+									className: "h-full w-full object-cover"
+								}) : /* @__PURE__ */ i(d, { className: "h-5 w-5 text-text-muted" })
+							}), /* @__PURE__ */ a("span", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ i("span", {
+									className: "block truncate font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ i("span", {
+									className: "block text-sm text-text-secondary",
+									children: e.imageUrl ? "Map attached" : "No image configured"
+								})]
 							})]
-						}, e.id))
-					}) : /* @__PURE__ */ i(g, {
+						}) }, e.id))
+					}) : /* @__PURE__ */ i(_, {
 						illustration: "empty-files",
 						title: "No floor plans have been added yet.",
 						className: "py-8"
 					})
 				})]
 			}),
-			/* @__PURE__ */ i(_, {
+			/* @__PURE__ */ i(v, {
 				storageKey: "eventfullymanaged-venue-detail",
 				title: "Get this venue ready to host",
 				steps: [
@@ -165,21 +193,21 @@ function y() {
 						label: "Edit venue details",
 						description: "Update capacity, address, status and amenities.",
 						icon: /* @__PURE__ */ i(c, { className: "h-4 w-4" }),
-						onClick: () => b(`/venues/${C.id}/edit`)
+						onClick: () => S(`/venues/${T.id}/edit`)
 					},
 					{
 						id: "floor-plans",
 						label: "Add floor plans",
 						description: "Map the layout so attendees and staff can navigate.",
 						icon: /* @__PURE__ */ i(d, { className: "h-4 w-4" }),
-						onClick: () => b(`/venues/${C.id}/floor-plans`)
+						onClick: () => S(`/venues/${T.id}/floor-plans`)
 					},
 					{
 						id: "resources",
 						label: "Review resource readiness",
 						description: "Check capacity, amenities and plans at a glance.",
 						icon: /* @__PURE__ */ i(u, { className: "h-4 w-4" }),
-						onClick: () => b(`/venues/${C.id}/resources`)
+						onClick: () => S(`/venues/${T.id}/resources`)
 					}
 				]
 			})
@@ -190,12 +218,12 @@ function y() {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
-			onClick: () => b("/venues"),
+			onClick: () => S("/venues"),
 			children: [/* @__PURE__ */ i(o, { className: "h-4 w-4" }), "Back to Venues"]
 		}), /* @__PURE__ */ i(h, {
 			treatment: "plain",
 			className: "border-border-seam",
-			children: /* @__PURE__ */ i(g, {
+			children: /* @__PURE__ */ i(_, {
 				illustration: "empty-search",
 				title: "Venue not found.",
 				description: "This venue may have been removed or is outside your current scope."
@@ -204,6 +232,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as default };
+export { x as default };
 
 //# sourceMappingURL=VenueDetailPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VenueDetailPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueDetailPage.tsx"],"sourcesContent":["import { ArrowLeft, Building2, Edit, MapPin, Megaphone, SquareStack, Users } from 'lucide-react';\nimport { Badge, Button, GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useParams } from 'react-router-dom';\n\nimport { useVenueQuery } from '../../api/eventApi';\nimport { EntityTagsField } from '../../components/EntityTagsField';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype VenueRecord = {\n  id: string;\n  name: string;\n  description?: string | null;\n  addressLine1?: string | null;\n  city?: string | null;\n  state?: string | null;\n  country?: string | null;\n  postalCode?: string | null;\n  capacity?: number | null;\n  status: string;\n  amenities: string[];\n  pricing?: Record<string, unknown> | null;\n  openingHours?: Record<string, unknown> | null;\n  metadata?: Record<string, unknown> | null;\n};\n\ntype FloorPlanRecord = {\n  id: string;\n  name: string;\n  imageUrl?: string | null;\n  dimensions?: Record<string, unknown> | null;\n};\n\nexport default function VenueDetailPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useEventfullyManaged();\n  const { data, loading } = useVenueQuery(id);\n\n  const venue = (data?.venue ?? null) as VenueRecord | null;\n  const floorPlans = (data?.floorPlans?.items ?? []) as FloorPlanRecord[];\n\n  if (loading) {\n    return <div className=\"p-6 text-sm text-text-secondary\">Loading venue...</div>;\n  }\n\n  if (!venue) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/venues')}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Venues\n        </Button>\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration=\"empty-search\"\n            title=\"Venue not found.\"\n            description=\"This venue may have been removed or is outside your current scope.\"\n          />\n        </GlassCard>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        The full record for one venue. Review its location, capacity and status, see what amenities it offers, and\n        manage the floor plans attendees will navigate. Come here to confirm a space is ready before you assign an event\n        to it.\n      </PagePurpose>\n\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"space-y-3\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/venues')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Venues\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">{venue.name}</h1>\n            <p className=\"mt-1 text-sm text-text-secondary\">{venue.description ?? 'No description provided.'}</p>\n          </div>\n        </div>\n        <Button type=\"button\" onClick={() => navigate(`/venues/${venue.id}/edit`)}>\n          <Edit className=\"h-4 w-4\" />\n          Edit Venue\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"mb-2 flex items-center gap-2 text-sm font-medium text-text-primary\">\n            <MapPin className=\"h-4 w-4 text-action-primary-bg\" />\n            Location\n          </div>\n          <p className=\"text-sm text-text-secondary\">\n            {[venue.addressLine1, venue.city, venue.state, venue.country, venue.postalCode]\n              .filter(Boolean)\n              .join(', ') || 'Location not configured'}\n          </p>\n        </GlassCard>\n        <GlassCard treatment=\"glass\" glow className=\"p-4\">\n          <div className=\"mb-2 flex items-center gap-2 text-sm font-medium text-text-primary\">\n            <Users className=\"h-4 w-4 text-action-primary-bg\" />\n            Capacity\n          </div>\n          <p className=\"text-sm tabular-nums text-text-secondary\">{venue.capacity ?? 0} attendees</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"mb-2 flex items-center gap-2 text-sm font-medium text-text-primary\">\n            <Building2 className=\"h-4 w-4 text-action-primary-bg\" />\n            Status\n          </div>\n          <p className=\"text-sm uppercase text-text-secondary\">{venue.status}</p>\n        </GlassCard>\n      </div>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">Amenities</h2>\n        <div className=\"mt-3 flex flex-wrap gap-2\">\n          {venue.amenities.length > 0 ? (\n            venue.amenities.map((amenity) => (\n              <Badge key={amenity} variant=\"secondary\">\n                {amenity}\n              </Badge>\n            ))\n          ) : (\n            <p className=\"text-sm text-text-secondary\">No amenities configured.</p>\n          )}\n        </div>\n      </GlassCard>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">Tags</h2>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Label this venue so you can group and filter it — for example by region, tier or amenity profile.\n        </p>\n        <EntityTagsField entityType=\"EVENTFULLYMANAGED_VENUE\" entityId={venue.id} label=\"Venue tags\" className=\"mt-3\" />\n      </GlassCard>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <div className=\"flex items-center justify-between gap-3\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Floor Plans</h2>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => navigate(`/venues/${venue.id}/floor-plans`)}>\n            <SquareStack className=\"h-4 w-4\" />\n            Manage Floor Plans\n          </Button>\n        </div>\n        <div className=\"mt-4\">\n          {floorPlans.length > 0 ? (\n            <ul className=\"space-y-2.5\">\n              {floorPlans.map((plan) => (\n                <li\n                  key={plan.id}\n                  className=\"rounded-card border border-border-seam p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1\"\n                >\n                  <p className=\"font-medium text-text-primary\">{plan.name}</p>\n                  <p className=\"text-sm text-text-secondary\">\n                    {plan.imageUrl ? 'Image configured' : 'No image configured'}\n                  </p>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            <IllustratedEmptyState\n              illustration=\"empty-files\"\n              title=\"No floor plans have been added yet.\"\n              className=\"py-8\"\n            />\n          )}\n        </div>\n      </GlassCard>\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-venue-detail\"\n        title=\"Get this venue ready to host\"\n        steps={[\n          {\n            id: 'edit-venue',\n            label: 'Edit venue details',\n            description: 'Update capacity, address, status and amenities.',\n            icon: <Edit className=\"h-4 w-4\" />,\n            onClick: () => navigate(`/venues/${venue.id}/edit`),\n          },\n          {\n            id: 'floor-plans',\n            label: 'Add floor plans',\n            description: 'Map the layout so attendees and staff can navigate.',\n            icon: <SquareStack className=\"h-4 w-4\" />,\n            onClick: () => navigate(`/venues/${venue.id}/floor-plans`),\n          },\n          {\n            id: 'resources',\n            label: 'Review resource readiness',\n            description: 'Check capacity, amenities and plans at a glance.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate(`/venues/${venue.id}/resources`),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VenueDetailPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueDetailPage.tsx"],"sourcesContent":["import { ArrowLeft, Building2, Edit, MapPin, Megaphone, SquareStack, Users } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useParams } from 'react-router-dom';\n\nimport { useVenueQuery } from '../../api/eventApi';\nimport { EntityTagsField } from '../../components/EntityTagsField';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype VenueRecord = {\n  id: string;\n  name: string;\n  description?: string | null;\n  addressLine1?: string | null;\n  city?: string | null;\n  state?: string | null;\n  country?: string | null;\n  postalCode?: string | null;\n  capacity?: number | null;\n  status: string;\n  amenities: string[];\n  pricing?: Record<string, unknown> | null;\n  openingHours?: Record<string, unknown> | null;\n  metadata?: Record<string, unknown> | null;\n};\n\ntype FloorPlanRecord = {\n  id: string;\n  name: string;\n  imageUrl?: string | null;\n  dimensions?: Record<string, unknown> | null;\n};\n\nexport default function VenueDetailPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useEventfullyManaged();\n  const { data, loading } = useVenueQuery(id);\n\n  const venue = (data?.venue ?? null) as VenueRecord | null;\n  const floorPlans = (data?.floorPlans?.items ?? []) as FloorPlanRecord[];\n\n  if (loading) {\n    return (\n      <div className=\"space-y-6 p-6\">\n        <Skeleton className=\"h-8 w-32\" />\n        <Skeleton className=\"h-8 w-64\" />\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n          <Skeleton className=\"h-24 rounded-card\" />\n          <Skeleton className=\"h-24 rounded-card\" />\n          <Skeleton className=\"h-24 rounded-card\" />\n        </div>\n        <Skeleton className=\"h-40 rounded-card\" />\n      </div>\n    );\n  }\n\n  const statusVariant: 'success' | 'secondary' | 'warning' =\n    venue?.status === 'ACTIVE' ? 'success' : venue?.status === 'MAINTENANCE' ? 'warning' : 'secondary';\n\n  if (!venue) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/venues')}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Venues\n        </Button>\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration=\"empty-search\"\n            title=\"Venue not found.\"\n            description=\"This venue may have been removed or is outside your current scope.\"\n          />\n        </GlassCard>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        The full record for one venue. Review its location, capacity and status, see what amenities it offers, and\n        manage the floor plans attendees will navigate. Come here to confirm a space is ready before you assign an event\n        to it.\n      </PagePurpose>\n\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"space-y-3\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/venues')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Venues\n          </Button>\n          <div>\n            <GradientText as=\"h1\" className=\"text-2xl font-bold\">\n              {venue.name}\n            </GradientText>\n            <p className=\"mt-1 text-sm text-text-secondary\">{venue.description ?? 'No description provided.'}</p>\n          </div>\n        </div>\n        <Button type=\"button\" onClick={() => navigate(`/venues/${venue.id}/edit`)}>\n          <Edit className=\"h-4 w-4\" />\n          Edit Venue\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"mb-2 flex items-center gap-2 text-sm font-medium text-text-primary\">\n            <MapPin className=\"h-4 w-4 text-action-primary-bg\" />\n            Location\n          </div>\n          <p className=\"text-sm text-text-secondary\">\n            {[venue.addressLine1, venue.city, venue.state, venue.country, venue.postalCode]\n              .filter(Boolean)\n              .join(', ') || 'Location not configured'}\n          </p>\n        </GlassCard>\n        <GlassCard treatment=\"glass\" glow className=\"p-4\">\n          <div className=\"mb-2 flex items-center gap-2 text-sm font-medium text-text-primary\">\n            <Users className=\"h-4 w-4 text-action-primary-bg\" />\n            Capacity\n          </div>\n          <p className=\"text-sm tabular-nums text-text-secondary\">{(venue.capacity ?? 0).toLocaleString()} attendees</p>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"p-4\">\n          <div className=\"mb-2 flex items-center gap-2 text-sm font-medium text-text-primary\">\n            <Building2 className=\"h-4 w-4 text-action-primary-bg\" />\n            Status\n          </div>\n          <Badge variant={statusVariant} className=\"uppercase\">\n            {venue.status}\n          </Badge>\n        </GlassCard>\n      </div>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">Amenities</h2>\n        <div className=\"mt-3 flex flex-wrap gap-2\">\n          {venue.amenities.length > 0 ? (\n            venue.amenities.map((amenity) => (\n              <Badge key={amenity} variant=\"secondary\">\n                {amenity}\n              </Badge>\n            ))\n          ) : (\n            <p className=\"text-sm text-text-secondary\">No amenities configured.</p>\n          )}\n        </div>\n      </GlassCard>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">Tags</h2>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Label this venue so you can group and filter it — for example by region, tier or amenity profile.\n        </p>\n        <EntityTagsField entityType=\"EVENTFULLYMANAGED_VENUE\" entityId={venue.id} label=\"Venue tags\" className=\"mt-3\" />\n      </GlassCard>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <div className=\"flex items-center justify-between gap-3\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Floor Plans</h2>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => navigate(`/venues/${venue.id}/floor-plans`)}>\n            <SquareStack className=\"h-4 w-4\" />\n            Manage Floor Plans\n          </Button>\n        </div>\n        <div className=\"mt-4\">\n          {floorPlans.length > 0 ? (\n            <ul className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n              {floorPlans.map((plan) => (\n                <li key={plan.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`/venues/${venue.id}/floor-plans`)}\n                    className=\"flex w-full items-center gap-3 rounded-card border border-border-seam p-3 text-left transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus\"\n                  >\n                    <span className=\"flex h-14 w-14 shrink-0 items-center justify-center overflow-hidden rounded-md bg-bg-sunken\">\n                      {plan.imageUrl ? (\n                        <img\n                          src={plan.imageUrl}\n                          alt={`${plan.name} floor plan`}\n                          className=\"h-full w-full object-cover\"\n                        />\n                      ) : (\n                        <SquareStack className=\"h-5 w-5 text-text-muted\" />\n                      )}\n                    </span>\n                    <span className=\"min-w-0\">\n                      <span className=\"block truncate font-medium text-text-primary\">{plan.name}</span>\n                      <span className=\"block text-sm text-text-secondary\">\n                        {plan.imageUrl ? 'Map attached' : 'No image configured'}\n                      </span>\n                    </span>\n                  </button>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            <IllustratedEmptyState\n              illustration=\"empty-files\"\n              title=\"No floor plans have been added yet.\"\n              className=\"py-8\"\n            />\n          )}\n        </div>\n      </GlassCard>\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-venue-detail\"\n        title=\"Get this venue ready to host\"\n        steps={[\n          {\n            id: 'edit-venue',\n            label: 'Edit venue details',\n            description: 'Update capacity, address, status and amenities.',\n            icon: <Edit className=\"h-4 w-4\" />,\n            onClick: () => navigate(`/venues/${venue.id}/edit`),\n          },\n          {\n            id: 'floor-plans',\n            label: 'Add floor plans',\n            description: 'Map the layout so attendees and staff can navigate.',\n            icon: <SquareStack className=\"h-4 w-4\" />,\n            onClick: () => navigate(`/venues/${venue.id}/floor-plans`),\n          },\n          {\n            id: 'resources',\n            label: 'Review resource readiness',\n            description: 'Check capacity, amenities and plans at a glance.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate(`/venues/${venue.id}/resources`),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -7,9 +7,9 @@ import { useParams as u } from "react-router-dom";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ArrowLeft as p, Save as m } from "lucide-react";
 import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as g, EmphasisPanel as _, Input as v, PagePurpose as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Textarea as T } from "@burdenoff/fe-libs/ui";
+import { Button as g, EmphasisPanel as _, GradientText as v, Input as y, PagePurpose as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Textarea as E } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/venues/VenueFormPage.tsx
-var E = {
+var D = {
 	name: "",
 	description: "",
 	addressLine1: "",
@@ -21,64 +21,64 @@ var E = {
 	amenities: "",
 	status: "ACTIVE"
 };
-function D() {
-	let { t: D } = h(), O = (e, t) => {
-		let n = D(e);
+function O() {
+	let { t: O } = h(), k = (e, t) => {
+		let n = O(e);
 		return n === e ? t : n;
-	}, { id: k = "" } = u(), A = c(() => !!k, [k]), { navigate: j } = e(), { data: M } = i(k), [N, { loading: P }] = n(), [F, { loading: I }] = r(), [L, R] = l(E);
+	}, { id: A = "" } = u(), j = c(() => !!A, [A]), { navigate: M } = e(), { data: N } = i(A), [P, { loading: F }] = n(), [I, { loading: L }] = r(), [R, z] = l(D);
 	s(() => {
-		!A || !M?.venue || R({
-			name: M.venue.name ?? "",
-			description: M.venue.description ?? "",
-			addressLine1: M.venue.addressLine1 ?? "",
-			city: M.venue.city ?? "",
-			state: M.venue.state ?? "",
-			country: M.venue.country ?? "India",
-			postalCode: M.venue.postalCode ?? "",
-			capacity: M.venue.capacity ? String(M.venue.capacity) : "",
-			amenities: (M.venue.amenities ?? []).join(", "),
-			status: M.venue.status ?? "ACTIVE"
+		!j || !N?.venue || z({
+			name: N.venue.name ?? "",
+			description: N.venue.description ?? "",
+			addressLine1: N.venue.addressLine1 ?? "",
+			city: N.venue.city ?? "",
+			state: N.venue.state ?? "",
+			country: N.venue.country ?? "India",
+			postalCode: N.venue.postalCode ?? "",
+			capacity: N.venue.capacity ? String(N.venue.capacity) : "",
+			amenities: (N.venue.amenities ?? []).join(", "),
+			status: N.venue.status ?? "ACTIVE"
 		});
-	}, [M, A]);
-	let z = (e, t) => {
-		R((n) => ({
+	}, [N, j]);
+	let B = (e, t) => {
+		z((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, B = async (e) => {
+	}, V = async (e) => {
 		e.preventDefault();
 		let n = {
-			name: L.name,
-			description: L.description,
-			addressLine1: L.addressLine1,
-			city: L.city,
-			state: L.state,
-			country: L.country,
-			postalCode: L.postalCode,
-			capacity: L.capacity ? Number(L.capacity) : null,
-			amenities: L.amenities.split(",").map((e) => e.trim()).filter(Boolean),
-			status: L.status,
+			name: R.name,
+			description: R.description,
+			addressLine1: R.addressLine1,
+			city: R.city,
+			state: R.state,
+			country: R.country,
+			postalCode: R.postalCode,
+			capacity: R.capacity ? Number(R.capacity) : null,
+			amenities: R.amenities.split(",").map((e) => e.trim()).filter(Boolean),
+			status: R.status,
 			pricing: {},
 			openingHours: {},
 			metadata: {}
 		};
 		try {
-			if (A) {
-				let e = await F({ variables: {
-					id: k,
+			if (j) {
+				let e = await I({ variables: {
+					id: A,
 					input: n
 				} });
 				if (!o(e, e.data?.updateVenue?.id, "Could not update venue")) return;
-				j(`/venues/${k}`);
+				M(`/venues/${A}`);
 				return;
 			}
-			let e = await N({ variables: { input: n } }), t = e.data?.createVenue?.id;
+			let e = await P({ variables: { input: n } }), t = e.data?.createVenue?.id;
 			if (!o(e, t, "Could not create venue")) return;
-			j(`/venues/${t}`);
+			M(`/venues/${t}`);
 		} catch (e) {
 			t.error("Could not save venue", a(e));
 		}
-	}, V = P || I;
+	}, H = F || L;
 	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -87,21 +87,22 @@ function D() {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
-					onClick: () => j("/venues"),
-					children: [/* @__PURE__ */ d(p, { className: "h-4 w-4" }), O("eventfullymanaged.venues.form.backToVenues", "Back to Venues")]
+					onClick: () => M("/venues"),
+					children: [/* @__PURE__ */ d(p, { className: "h-4 w-4" }), k("eventfullymanaged.venues.form.backToVenues", "Back to Venues")]
 				}),
-				/* @__PURE__ */ d("h1", {
-					className: "mt-3 text-2xl font-bold text-text-primary",
-					children: A ? O("eventfullymanaged.venues.form.editTitle", "Edit Venue") : O("eventfullymanaged.venues.form.createTitle", "Create Venue")
+				/* @__PURE__ */ d(v, {
+					as: "h1",
+					className: "mt-3 text-2xl font-bold",
+					children: j ? k("eventfullymanaged.venues.form.editTitle", "Edit Venue") : k("eventfullymanaged.venues.form.createTitle", "Create Venue")
 				}),
 				/* @__PURE__ */ d("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: O("eventfullymanaged.venues.form.description", "Manage venue details with live backend persistence.")
+					children: k("eventfullymanaged.venues.form.description", "Manage venue details with live backend persistence.")
 				})
 			] }),
-			/* @__PURE__ */ d(y, { children: O("eventfullymanaged.venues.form.purpose", "Describe a space so you can reuse it across events. Capacity drives how many attendees you can register, the address helps people find it, and amenities tell organizers what is already provided. Fill this in once and every future event can simply point at this venue.") }),
+			/* @__PURE__ */ d(b, { children: k("eventfullymanaged.venues.form.purpose", "Describe a space so you can reuse it across events. Capacity drives how many attendees you can register, the address helps people find it, and amenities tell organizers what is already provided. Fill this in once and every future event can simply point at this venue.") }),
 			/* @__PURE__ */ d(_, { children: /* @__PURE__ */ f("form", {
-				onSubmit: B,
+				onSubmit: V,
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ f("div", {
@@ -110,20 +111,20 @@ function D() {
 							className: "space-y-1 text-sm",
 							children: [/* @__PURE__ */ d("span", {
 								className: "font-medium text-text-primary",
-								children: O("eventfullymanaged.venues.form.fields.name", "Name")
-							}), /* @__PURE__ */ d(v, {
-								value: L.name,
-								onChange: (e) => z("name", e.target.value),
+								children: k("eventfullymanaged.venues.form.fields.name", "Name")
+							}), /* @__PURE__ */ d(y, {
+								value: R.name,
+								onChange: (e) => B("name", e.target.value),
 								required: !0
 							})]
 						}), /* @__PURE__ */ f("label", {
 							className: "space-y-1 text-sm",
 							children: [/* @__PURE__ */ d("span", {
 								className: "font-medium text-text-primary",
-								children: O("eventfullymanaged.venues.form.fields.capacity", "Capacity")
-							}), /* @__PURE__ */ d(v, {
-								value: L.capacity,
-								onChange: (e) => z("capacity", e.target.value),
+								children: k("eventfullymanaged.venues.form.fields.capacity", "Capacity")
+							}), /* @__PURE__ */ d(y, {
+								value: R.capacity,
+								onChange: (e) => B("capacity", e.target.value),
 								type: "number",
 								min: "0"
 							})]
@@ -133,10 +134,10 @@ function D() {
 						className: "block space-y-1 text-sm",
 						children: [/* @__PURE__ */ d("span", {
 							className: "font-medium text-text-primary",
-							children: O("eventfullymanaged.venues.form.fields.description", "Description")
-						}), /* @__PURE__ */ d(T, {
-							value: L.description,
-							onChange: (e) => z("description", e.target.value),
+							children: k("eventfullymanaged.venues.form.fields.description", "Description")
+						}), /* @__PURE__ */ d(E, {
+							value: R.description,
+							onChange: (e) => B("description", e.target.value),
 							rows: 3
 						})]
 					}),
@@ -147,30 +148,30 @@ function D() {
 								className: "space-y-1 text-sm md:col-span-2",
 								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: O("eventfullymanaged.venues.form.fields.address", "Address")
-								}), /* @__PURE__ */ d(v, {
-									value: L.addressLine1,
-									onChange: (e) => z("addressLine1", e.target.value)
+									children: k("eventfullymanaged.venues.form.fields.address", "Address")
+								}), /* @__PURE__ */ d(y, {
+									value: R.addressLine1,
+									onChange: (e) => B("addressLine1", e.target.value)
 								})]
 							}),
 							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
 								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: O("eventfullymanaged.venues.form.fields.city", "City")
-								}), /* @__PURE__ */ d(v, {
-									value: L.city,
-									onChange: (e) => z("city", e.target.value)
+									children: k("eventfullymanaged.venues.form.fields.city", "City")
+								}), /* @__PURE__ */ d(y, {
+									value: R.city,
+									onChange: (e) => B("city", e.target.value)
 								})]
 							}),
 							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
 								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: O("eventfullymanaged.venues.form.fields.state", "State")
-								}), /* @__PURE__ */ d(v, {
-									value: L.state,
-									onChange: (e) => z("state", e.target.value)
+									children: k("eventfullymanaged.venues.form.fields.state", "State")
+								}), /* @__PURE__ */ d(y, {
+									value: R.state,
+									onChange: (e) => B("state", e.target.value)
 								})]
 							})
 						]
@@ -182,45 +183,45 @@ function D() {
 								className: "space-y-1 text-sm",
 								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: O("eventfullymanaged.venues.form.fields.country", "Country")
-								}), /* @__PURE__ */ d(v, {
-									value: L.country,
-									onChange: (e) => z("country", e.target.value)
+									children: k("eventfullymanaged.venues.form.fields.country", "Country")
+								}), /* @__PURE__ */ d(y, {
+									value: R.country,
+									onChange: (e) => B("country", e.target.value)
 								})]
 							}),
 							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
 								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: O("eventfullymanaged.venues.form.fields.postalCode", "Postal Code")
-								}), /* @__PURE__ */ d(v, {
-									value: L.postalCode,
-									onChange: (e) => z("postalCode", e.target.value)
+									children: k("eventfullymanaged.venues.form.fields.postalCode", "Postal Code")
+								}), /* @__PURE__ */ d(y, {
+									value: R.postalCode,
+									onChange: (e) => B("postalCode", e.target.value)
 								})]
 							}),
 							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
 								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: O("eventfullymanaged.venues.form.fields.status", "Status")
-								}), /* @__PURE__ */ f(b, {
-									value: L.status,
-									onValueChange: (e) => z("status", e),
-									children: [/* @__PURE__ */ d(C, {
-										"aria-label": O("eventfullymanaged.venues.form.fields.status", "Status"),
-										children: /* @__PURE__ */ d(w, {})
-									}), /* @__PURE__ */ f(x, { children: [
-										/* @__PURE__ */ d(S, {
+									children: k("eventfullymanaged.venues.form.fields.status", "Status")
+								}), /* @__PURE__ */ f(x, {
+									value: R.status,
+									onValueChange: (e) => B("status", e),
+									children: [/* @__PURE__ */ d(w, {
+										"aria-label": k("eventfullymanaged.venues.form.fields.status", "Status"),
+										children: /* @__PURE__ */ d(T, {})
+									}), /* @__PURE__ */ f(S, { children: [
+										/* @__PURE__ */ d(C, {
 											value: "ACTIVE",
-											children: O("eventfullymanaged.venues.form.statusOptions.active", "Active")
+											children: k("eventfullymanaged.venues.form.statusOptions.active", "Active")
 										}),
-										/* @__PURE__ */ d(S, {
+										/* @__PURE__ */ d(C, {
 											value: "INACTIVE",
-											children: O("eventfullymanaged.venues.form.statusOptions.inactive", "Inactive")
+											children: k("eventfullymanaged.venues.form.statusOptions.inactive", "Inactive")
 										}),
-										/* @__PURE__ */ d(S, {
+										/* @__PURE__ */ d(C, {
 											value: "MAINTENANCE",
-											children: O("eventfullymanaged.venues.form.statusOptions.maintenance", "Maintenance")
+											children: k("eventfullymanaged.venues.form.statusOptions.maintenance", "Maintenance")
 										})
 									] })]
 								})]
@@ -231,19 +232,19 @@ function D() {
 						className: "block space-y-1 text-sm",
 						children: [/* @__PURE__ */ d("span", {
 							className: "font-medium text-text-primary",
-							children: O("eventfullymanaged.venues.form.fields.amenities", "Amenities (comma separated)")
-						}), /* @__PURE__ */ d(v, {
-							value: L.amenities,
-							onChange: (e) => z("amenities", e.target.value),
-							placeholder: O("eventfullymanaged.venues.form.amenitiesPlaceholder", "wifi, parking, catering")
+							children: k("eventfullymanaged.venues.form.fields.amenities", "Amenities (comma separated)")
+						}), /* @__PURE__ */ d(y, {
+							value: R.amenities,
+							onChange: (e) => B("amenities", e.target.value),
+							placeholder: k("eventfullymanaged.venues.form.amenitiesPlaceholder", "wifi, parking, catering")
 						})]
 					}),
 					/* @__PURE__ */ d("div", {
 						className: "flex justify-end",
 						children: /* @__PURE__ */ f(g, {
 							type: "submit",
-							disabled: V,
-							children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), V ? O("eventfullymanaged.venues.form.actions.saving", "Saving...") : O("eventfullymanaged.venues.form.actions.save", "Save Venue")]
+							disabled: H,
+							children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), H ? k("eventfullymanaged.venues.form.actions.saving", "Saving...") : k("eventfullymanaged.venues.form.actions.save", "Save Venue")]
 						})
 					})
 				]
@@ -252,6 +253,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as default };
+export { O as default };
 
 //# sourceMappingURL=VenueFormPage.js.map