@burdenoff/microfe-eventfullymanaged 2026.704.5 → 2026.704.7

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

@@ -1,33 +1,179 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
 import { notify as t } from "../../lib/toast.js";
-import { useCreateFloorPlanMutation as n, useUpdateFloorPlanMutation as r, useVenueQuery as i } from "../../api/eventApi.js";
-import { describeError as a, mutationSucceeded as o } from "../../lib/mutationResult.js";
-import { ImageUploadField as s } from "../../components/ImageUploadField.js";
-import { useState as c } from "react";
-import { useParams as l } from "react-router-dom";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { ArrowLeft as f, Plus as p, SquareStack as m } from "lucide-react";
-import { Button as h, EmphasisPanel as g, GlassCard as _, IllustratedEmptyState as v, Input as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { useCreateFloorPlanMutation as n, useDeleteFloorPlanMutation as r, useUpdateFloorPlanMutation as i, useVenueQuery as a } from "../../api/eventApi.js";
+import { ActionMenu as o } from "../../components/ActionMenu.js";
+import { describeError as s, mutationSucceeded as c } from "../../lib/mutationResult.js";
+import { ImageUploadField as l } from "../../components/ImageUploadField.js";
+import { useMemo as u, useState as d } from "react";
+import { useParams as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowLeft as h, LayoutGrid as g, Map as _, Plus as v, SquareStack as y } from "lucide-react";
+import { Badge as b, Button as x, GlassCard as S, GradientText as C, IllustratedEmptyState as w, Input as T, Skeleton as E } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/venues/FloorPlansPage.tsx
-var x = "/EventfullyManaged/FloorPlans";
-function S() {
-	let { id: S = "" } = l(), { navigate: C } = e(), { data: w, loading: T, refetch: E } = i(S), [D, { loading: O }] = n(), [k] = r(), [A, j] = c(""), [M, N] = c(""), P = w?.venue, F = w?.floorPlans?.items ?? [], I = async () => {
-		if (!(!A.trim() || !S)) try {
-			let e = await D({ variables: { input: {
-				venueId: S,
-				name: A.trim(),
-				imageUrl: M,
+var D = "/EventfullyManaged/FloorPlans";
+function O(e) {
+	if (typeof e == "number" && Number.isFinite(e)) return e;
+	if (typeof e == "string" && e.trim() !== "" && Number.isFinite(Number(e))) return Number(e);
+}
+function k(e) {
+	return typeof e == "string" && e.trim() !== "" ? e : void 0;
+}
+function A(e) {
+	if (!e) return [];
+	let t = e;
+	if (!Array.isArray(t) && typeof t == "object") {
+		let e = t;
+		Array.isArray(e.zones) ? t = e.zones : Array.isArray(e.areas) ? t = e.areas : Array.isArray(e.booths) && (t = e.booths);
+	}
+	let n = Array.isArray(t) ? t.map((e, t) => [String(t), e]) : typeof t == "object" && t ? Object.entries(t) : [], r = [];
+	for (let [e, t] of n) {
+		if (typeof t != "object" || !t) continue;
+		let n = t, i = k(n.label) ?? k(n.name) ?? k(n.title) ?? k(n.id) ?? e, a = O(n.x), o = O(n.y), s = O(n.w) ?? O(n.width), c = O(n.h) ?? O(n.height), l;
+		if (a !== void 0 && o !== void 0 && s !== void 0 && c !== void 0) {
+			let e = a <= 1 && o <= 1 && s <= 1 && c <= 1 ? 100 : 1;
+			(e === 100 || a <= 100 && o <= 100 && s <= 100 && c <= 100) && (l = {
+				x: a * e,
+				y: o * e,
+				w: s * e,
+				h: c * e
+			});
+		}
+		r.push({
+			key: `${e}-${i}`,
+			label: i,
+			type: k(n.type) ?? k(n.kind),
+			capacity: O(n.capacity) ?? O(n.seats),
+			rect: l
+		});
+	}
+	return r;
+}
+function j(e, t) {
+	let n = [];
+	t.length > 0 && n.push({
+		label: "Zones",
+		value: t.length.toLocaleString()
+	});
+	let r = t.filter((e) => (e.type ?? "").toLowerCase().includes("booth")).length;
+	r > 0 && n.push({
+		label: "Booths",
+		value: r.toLocaleString()
+	});
+	let i = t.reduce((e, t) => e + (t.capacity ?? 0), 0), a = e.dimensions ?? {}, o = O(a.capacity) ?? O(a.totalCapacity), s = i > 0 ? i : o;
+	s !== void 0 && s > 0 && n.push({
+		label: "Total capacity",
+		value: s.toLocaleString()
+	});
+	let c = O(a.width), l = O(a.height);
+	if (c !== void 0 && l !== void 0) {
+		let e = k(a.unit) ?? "m";
+		n.push({
+			label: "Dimensions",
+			value: `${c} × ${l} ${e}`
+		});
+	}
+	return n;
+}
+function M({ plan: e, zones: t, onAttachImage: n }) {
+	let r = t.filter((e) => e.rect);
+	return /* @__PURE__ */ m(S, {
+		treatment: "plain",
+		className: "overflow-hidden border-border-seam p-0",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center justify-between gap-2 border-b border-border-seam px-5 py-3",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex min-w-0 items-center gap-2 text-text-primary",
+					children: [/* @__PURE__ */ p(_, { className: "h-4 w-4 shrink-0 text-action-primary-bg" }), /* @__PURE__ */ p("h2", {
+						className: "truncate text-base font-semibold",
+						children: e.name
+					})]
+				}), t.length > 0 ? /* @__PURE__ */ m(b, {
+					variant: "secondary",
+					className: "shrink-0",
+					children: [
+						t.length,
+						" ",
+						t.length === 1 ? "zone" : "zones"
+					]
+				}) : null]
+			}),
+			e.imageUrl ? /* @__PURE__ */ m("div", {
+				className: "relative bg-bg-sunken",
+				children: [/* @__PURE__ */ p("img", {
+					src: e.imageUrl,
+					alt: `${e.name} floor plan`,
+					className: "mx-auto max-h-[32rem] w-full object-contain"
+				}), r.map((e) => /* @__PURE__ */ p("div", {
+					className: "absolute flex items-center justify-center rounded-md border border-accent-primary/70 bg-action-primary-bg/15 text-[10px] font-medium text-accent-primary",
+					style: {
+						left: `${e.rect?.x}%`,
+						top: `${e.rect?.y}%`,
+						width: `${e.rect?.w}%`,
+						height: `${e.rect?.h}%`
+					},
+					title: e.label,
+					children: /* @__PURE__ */ p("span", {
+						className: "truncate px-1",
+						children: e.label
+					})
+				}, e.key))]
+			}) : /* @__PURE__ */ p("div", {
+				className: "p-6",
+				children: /* @__PURE__ */ m("div", {
+					className: "rounded-card border border-dashed border-border-default bg-bg-sunken p-6",
+					children: [/* @__PURE__ */ p("p", {
+						className: "mb-3 text-center text-sm text-text-secondary",
+						children: "No image attached yet. Upload the hall map for this plan."
+					}), /* @__PURE__ */ p(l, {
+						label: "Upload floor plan image",
+						folderPath: D,
+						value: null,
+						onUploaded: (t) => n(e, t),
+						hint: "Stored securely in Files and shown here once attached."
+					})]
+				})
+			}),
+			t.length > 0 ? /* @__PURE__ */ m("div", {
+				className: "border-t border-border-seam px-5 py-4",
+				children: [/* @__PURE__ */ m("div", {
+					className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
+					children: [/* @__PURE__ */ p(g, { className: "h-4 w-4 text-text-muted" }), "Labeled zones"]
+				}), /* @__PURE__ */ p("div", {
+					className: "flex flex-wrap gap-2",
+					children: t.map((e) => /* @__PURE__ */ m(b, {
+						variant: "outline",
+						className: "gap-1.5",
+						children: [e.label, e.capacity ? /* @__PURE__ */ m("span", {
+							className: "text-text-muted",
+							children: ["· ", e.capacity]
+						}) : null]
+					}, e.key))
+				})]
+			}) : null
+		]
+	});
+}
+function N() {
+	let { id: g = "" } = f(), { navigate: _ } = e(), { data: b, loading: O, refetch: k } = a(g), [N, { loading: P }] = n(), [F] = i(), [I] = r(), [L, R] = d(""), [z, B] = d(""), [V, H] = d(null), [U, W] = d(!1), G = b?.venue, K = u(() => b?.floorPlans?.items ?? [], [b]), q = u(() => K.find((e) => e.id === V) ?? K[0] ?? null, [K, V]), J = u(() => A(q?.interactiveAreas), [q]), Y = u(() => q ? j(q, J) : [], [q, J]), X = async () => {
+		if (!(!L.trim() || !g)) try {
+			let e = await N({ variables: { input: {
+				venueId: g,
+				name: L.trim(),
+				imageUrl: z,
 				dimensions: {},
 				interactiveAreas: {}
 			} } });
-			if (!o(e, e.data?.createFloorPlan?.id, "Could not create floor plan")) return;
-			j(""), N(""), t.success("Floor plan created"), await E();
+			if (!c(e, e.data?.createFloorPlan?.id, "Could not create floor plan")) return;
+			R(""), B(""), W(!1);
+			let n = e.data?.createFloorPlan?.id;
+			n && H(n), t.success("Floor plan created"), await k();
 		} catch (e) {
-			t.error("Could not create floor plan", a(e));
+			t.error("Could not create floor plan", s(e));
 		}
-	}, L = async (e, n) => {
+	}, Z = async (e, n) => {
 		try {
-			let t = await k({ variables: {
+			let t = await F({ variables: {
 				id: e.id,
 				input: {
 					venueId: e.venueId,
@@ -37,107 +183,194 @@ function S() {
 					interactiveAreas: e.interactiveAreas ?? {}
 				}
 			} });
-			if (!o(t, t.data?.updateFloorPlan?.id, "Could not attach image")) return;
-			await E();
+			if (!c(t, t.data?.updateFloorPlan?.id, "Could not attach image")) return;
+			await k();
 		} catch (e) {
-			t.error("Could not attach image", a(e));
+			t.error("Could not attach image", s(e));
 		}
+	}, Q = async (e) => {
+		let n = await I({ variables: { id: e.id } });
+		if (n.error) throw t.error("Could not delete floor plan", n.error.message), n.error;
+		if (!n.data?.deleteFloorPlan) throw t.error("Could not delete floor plan", "The server did not confirm the change."), Error("delete-unconfirmed");
+		V === e.id && H(null), t.success("Floor plan deleted", e.name), await k();
 	};
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+			children: [/* @__PURE__ */ m("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ d(h, {
-					type: "button",
-					variant: "ghost",
-					size: "sm",
-					onClick: () => C(`/venues/${S}`),
-					children: [/* @__PURE__ */ u(f, { className: "h-4 w-4" }), "Back to Venue"]
-				}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
-					className: "text-2xl font-bold text-text-primary",
-					children: "Floor Plans"
-				}), /* @__PURE__ */ u("p", {
-					className: "mt-1 text-sm text-text-secondary",
-					children: P?.name ?? "Venue"
-				})] })]
-			}),
-			/* @__PURE__ */ u(b, { children: "Floor plans are the maps of your venue — the hall layout, booth positions, stage and entrances. Add one per space so you can lay out exhibitors, plan attendee flow, and give everyone a clear picture of the room on the day." }),
-			/* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u("h2", {
-				className: "mb-3 text-sm font-semibold text-text-primary",
-				children: "Create floor plan"
-			}), /* @__PURE__ */ d("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ d("div", {
-					className: "flex flex-col gap-3 sm:flex-row",
-					children: [/* @__PURE__ */ u(y, {
-						type: "text",
-						value: A,
-						onChange: (e) => j(e.target.value),
-						placeholder: "Main Hall Layout",
-						"aria-label": "Floor plan name",
-						className: "flex-1"
-					}), /* @__PURE__ */ d(h, {
+				children: [
+					/* @__PURE__ */ m(x, {
 						type: "button",
-						onClick: I,
-						disabled: O,
-						children: [/* @__PURE__ */ u(p, { className: "h-4 w-4" }), O ? "Creating..." : "Create"]
-					})]
-				}), /* @__PURE__ */ u(s, {
-					label: "Upload floor plan image",
-					folderPath: x,
-					value: M || null,
-					onUploaded: N,
-					hint: "Optional. Attach the hall map now, or add it later from the list below."
-				})]
-			})] }),
-			T ? /* @__PURE__ */ u(_, {
-				treatment: "plain",
-				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
-				children: "Loading floor plans..."
-			}) : F.length === 0 ? /* @__PURE__ */ u(_, {
-				treatment: "plain",
-				className: "border-border-seam",
-				children: /* @__PURE__ */ u(v, {
-					illustration: "empty-files",
-					title: "No floor plans found.",
-					description: "Create one to start mapping your venue."
+						variant: "ghost",
+						size: "sm",
+						onClick: () => _(`/venues/${g}`),
+						children: [/* @__PURE__ */ p(h, { className: "h-4 w-4" }), "Back to Venue"]
+					}),
+					/* @__PURE__ */ p(C, {
+						as: "h1",
+						className: "text-2xl font-bold",
+						children: G?.name ? `${G.name} — Floor Plans` : "Floor Plans"
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: "Map the hall layout, booth positions, stage and entrances so exhibitors and attendees can navigate on the day."
+					})
+				]
+			}), /* @__PURE__ */ m(x, {
+				type: "button",
+				onClick: () => W((e) => !e),
+				children: [/* @__PURE__ */ p(v, { className: "h-4 w-4" }), "Add floor plan"]
+			})]
+		}), O ? /* @__PURE__ */ m("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ p(E, { className: "h-96 rounded-card lg:col-span-2" }), /* @__PURE__ */ p(E, { className: "h-96 rounded-card" })]
+		}) : K.length === 0 && !U ? /* @__PURE__ */ p(S, {
+			treatment: "plain",
+			className: "border-border-seam",
+			children: /* @__PURE__ */ p(w, {
+				illustration: "empty-files",
+				title: "No floor plans yet.",
+				description: "Add one to start mapping this venue — upload the hall map and label its zones.",
+				action: /* @__PURE__ */ m(x, {
+					type: "button",
+					onClick: () => W(!0),
+					children: [/* @__PURE__ */ p(v, { className: "h-4 w-4" }), "Add floor plan"]
 				})
-			}) : /* @__PURE__ */ u("div", {
-				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-				children: F.map((e) => /* @__PURE__ */ d(_, {
-					treatment: "metric",
-					className: "space-y-3 p-4",
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "flex items-center gap-2 text-text-primary",
-							children: [/* @__PURE__ */ u(m, { className: "h-4 w-4 text-action-primary-bg" }), /* @__PURE__ */ u("h3", {
-								className: "font-semibold",
-								children: e.name
-							})]
-						}),
-						e.imageUrl ? /* @__PURE__ */ u("img", {
-							src: e.imageUrl,
-							alt: `${e.name} floor plan`,
-							className: "w-full rounded-card border border-border-seam object-cover"
-						}) : /* @__PURE__ */ u(s, {
-							label: "Upload image",
-							folderPath: x,
-							value: null,
-							onUploaded: (t) => L(e, t),
-							hint: "Add the hall map for this floor plan."
-						}),
-						/* @__PURE__ */ u("p", {
-							className: "text-sm text-text-secondary",
-							children: e.dimensions ? "Dimensions configured" : "No dimensions configured"
-						})
-					]
-				}, e.id))
 			})
-		]
+		}) : /* @__PURE__ */ m("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ p("div", {
+				className: "lg:col-span-2",
+				children: q ? /* @__PURE__ */ p(M, {
+					plan: q,
+					zones: J,
+					onAttachImage: Z
+				}) : /* @__PURE__ */ p(S, {
+					treatment: "plain",
+					className: "flex h-full items-center justify-center border-border-seam p-10",
+					children: /* @__PURE__ */ p("p", {
+						className: "text-sm text-text-secondary",
+						children: "Add a floor plan to preview it here."
+					})
+				})
+			}), /* @__PURE__ */ m("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ m(S, {
+						treatment: "plain",
+						className: "border-border-seam p-5",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Available Floor Plans"
+						}), /* @__PURE__ */ p("ul", {
+							className: "mt-3 space-y-2",
+							role: "list",
+							children: K.length === 0 ? /* @__PURE__ */ p("li", {
+								className: "text-sm text-text-secondary",
+								children: "None yet — create one below."
+							}) : K.map((e) => {
+								let t = q?.id === e.id;
+								return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("div", {
+									className: `flex items-center gap-3 rounded-card border p-3 transition-colors ${t ? "border-accent-primary bg-action-primary-bg/10" : "border-border-seam hover:border-border-strong"}`,
+									children: [/* @__PURE__ */ m("button", {
+										type: "button",
+										onClick: () => H(e.id),
+										className: "flex min-w-0 flex-1 items-center gap-3 text-left focus-visible:outline-none",
+										"aria-pressed": t,
+										children: [/* @__PURE__ */ p("span", {
+											className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-md ${t ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary"}`,
+											children: /* @__PURE__ */ p(y, { className: "h-4 w-4" })
+										}), /* @__PURE__ */ m("span", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ p("span", {
+												className: "block truncate text-sm font-medium text-text-primary",
+												children: e.name
+											}), /* @__PURE__ */ p("span", {
+												className: "block text-xs text-text-muted",
+												children: e.imageUrl ? "Map attached" : "No image yet"
+											})]
+										})]
+									}), /* @__PURE__ */ p(o, {
+										ariaLabel: `Floor plan actions for ${e.name}`,
+										entityName: e.name,
+										deleteLabel: "Delete floor plan",
+										onDelete: () => Q(e)
+									})]
+								}) }, e.id);
+							})
+						})]
+					}),
+					q ? /* @__PURE__ */ m(S, {
+						treatment: "metric",
+						className: "p-5",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Plan Details"
+						}), Y.length > 0 ? /* @__PURE__ */ p("dl", {
+							className: "mt-3 space-y-2",
+							children: Y.map((e) => /* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-text-secondary",
+									children: e.label
+								}), /* @__PURE__ */ p("dd", {
+									className: "font-semibold tabular-nums text-text-primary",
+									children: e.value
+								})]
+							}, e.label))
+						}) : /* @__PURE__ */ p("p", {
+							className: "mt-3 text-sm text-text-secondary",
+							children: "No zones or dimensions captured for this plan yet."
+						})]
+					}) : null,
+					U || K.length === 0 ? /* @__PURE__ */ m(S, {
+						treatment: "plain",
+						className: "border-border-seam p-5",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "mb-3 text-sm font-semibold text-text-primary",
+							children: "Add a floor plan"
+						}), /* @__PURE__ */ m("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ p(T, {
+									type: "text",
+									value: L,
+									onChange: (e) => R(e.target.value),
+									placeholder: "Main Hall Layout",
+									"aria-label": "Floor plan name"
+								}),
+								/* @__PURE__ */ p(l, {
+									label: "Upload floor plan image",
+									folderPath: D,
+									value: z || null,
+									onUploaded: B,
+									hint: "Optional now — you can attach it later from the viewer."
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex justify-end gap-2",
+									children: [K.length > 0 ? /* @__PURE__ */ p(x, {
+										type: "button",
+										variant: "ghost",
+										onClick: () => W(!1),
+										children: "Cancel"
+									}) : null, /* @__PURE__ */ m(x, {
+										type: "button",
+										onClick: X,
+										disabled: P || !L.trim(),
+										children: [/* @__PURE__ */ p(v, { className: "h-4 w-4" }), P ? "Creating…" : "Create"]
+									})]
+								})
+							]
+						})]
+					}) : null
+				]
+			})]
+		})]
 	});
 }
 //#endregion
-export { S as default };
+export { N as default };
 
 //# sourceMappingURL=FloorPlansPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FloorPlansPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/FloorPlansPage.tsx"],"sourcesContent":["import { ArrowLeft, Plus, SquareStack } from 'lucide-react';\nimport { Button, EmphasisPanel, GlassCard, IllustratedEmptyState, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCreateFloorPlanMutation, useUpdateFloorPlanMutation, useVenueQuery } from '../../api/eventApi';\nimport { ImageUploadField } from '../../components/ImageUploadField';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\ntype FloorPlan = {\n  id: string;\n  venueId: string;\n  name: string;\n  imageUrl?: string | null;\n  dimensions?: Record<string, unknown> | null;\n  interactiveAreas?: Record<string, unknown> | null;\n};\n\nconst FLOOR_PLAN_FOLDER = '/EventfullyManaged/FloorPlans';\n\nexport default function FloorPlansPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useEventfullyManaged();\n  const { data, loading, refetch } = useVenueQuery(id);\n  const [createFloorPlan, { loading: creating }] = useCreateFloorPlanMutation();\n  const [updateFloorPlan] = useUpdateFloorPlanMutation();\n  const [name, setName] = useState('');\n  const [imageUrl, setImageUrl] = useState('');\n\n  const venue = data?.venue;\n  const floorPlans = (data?.floorPlans?.items ?? []) as FloorPlan[];\n\n  const handleCreate = async () => {\n    if (!name.trim() || !id) {\n      return;\n    }\n    try {\n      const response = await createFloorPlan({\n        variables: {\n          input: {\n            venueId: id,\n            name: name.trim(),\n            imageUrl,\n            dimensions: {},\n            interactiveAreas: {},\n          },\n        },\n      });\n      if (!mutationSucceeded(response, response.data?.createFloorPlan?.id, 'Could not create floor plan')) {\n        return;\n      }\n      setName('');\n      setImageUrl('');\n      notify.success('Floor plan created');\n      await refetch();\n    } catch (error) {\n      notify.error('Could not create floor plan', describeError(error));\n    }\n  };\n\n  const handleAttachImage = async (plan: FloorPlan, url: string) => {\n    try {\n      const response = await updateFloorPlan({\n        variables: {\n          id: plan.id,\n          input: {\n            venueId: plan.venueId,\n            name: plan.name,\n            imageUrl: url,\n            dimensions: plan.dimensions ?? {},\n            interactiveAreas: plan.interactiveAreas ?? {},\n          },\n        },\n      });\n      if (!mutationSucceeded(response, response.data?.updateFloorPlan?.id, 'Could not attach image')) {\n        return;\n      }\n      await refetch();\n    } catch (error) {\n      notify.error('Could not attach image', describeError(error));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"space-y-3\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate(`/venues/${id}`)}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Venue\n        </Button>\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Floor Plans</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">{venue?.name ?? 'Venue'}</p>\n        </div>\n      </div>\n\n      <PagePurpose>\n        Floor plans are the maps of your venue — the hall layout, booth positions, stage and entrances. Add one per\n        space so you can lay out exhibitors, plan attendee flow, and give everyone a clear picture of the room on the\n        day.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Create floor plan</h2>\n        <div className=\"space-y-4\">\n          <div className=\"flex flex-col gap-3 sm:flex-row\">\n            <Input\n              type=\"text\"\n              value={name}\n              onChange={(event) => setName(event.target.value)}\n              placeholder=\"Main Hall Layout\"\n              aria-label=\"Floor plan name\"\n              className=\"flex-1\"\n            />\n            <Button type=\"button\" onClick={handleCreate} disabled={creating}>\n              <Plus className=\"h-4 w-4\" />\n              {creating ? 'Creating...' : 'Create'}\n            </Button>\n          </div>\n          <ImageUploadField\n            label=\"Upload floor plan image\"\n            folderPath={FLOOR_PLAN_FOLDER}\n            value={imageUrl || null}\n            onUploaded={setImageUrl}\n            hint=\"Optional. Attach the hall map now, or add it later from the list below.\"\n          />\n        </div>\n      </EmphasisPanel>\n\n      {loading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading floor plans...\n        </GlassCard>\n      ) : floorPlans.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration=\"empty-files\"\n            title=\"No floor plans found.\"\n            description=\"Create one to start mapping your venue.\"\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n          {floorPlans.map((plan) => (\n            <GlassCard key={plan.id} treatment=\"metric\" className=\"space-y-3 p-4\">\n              <div className=\"flex items-center gap-2 text-text-primary\">\n                <SquareStack className=\"h-4 w-4 text-action-primary-bg\" />\n                <h3 className=\"font-semibold\">{plan.name}</h3>\n              </div>\n              {plan.imageUrl ? (\n                <img\n                  src={plan.imageUrl}\n                  alt={`${plan.name} floor plan`}\n                  className=\"w-full rounded-card border border-border-seam object-cover\"\n                />\n              ) : (\n                <ImageUploadField\n                  label=\"Upload image\"\n                  folderPath={FLOOR_PLAN_FOLDER}\n                  value={null}\n                  onUploaded={(url) => handleAttachImage(plan, url)}\n                  hint=\"Add the hall map for this floor plan.\"\n                />\n              )}\n              <p className=\"text-sm text-text-secondary\">\n                {plan.dimensions ? 'Dimensions configured' : 'No dimensions configured'}\n              </p>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FloorPlansPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/FloorPlansPage.tsx"],"sourcesContent":["import { ArrowLeft, LayoutGrid, Map as MapIcon, Plus, SquareStack } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport {\n  useCreateFloorPlanMutation,\n  useDeleteFloorPlanMutation,\n  useUpdateFloorPlanMutation,\n  useVenueQuery,\n} from '../../api/eventApi';\nimport { ActionMenu } from '../../components/ActionMenu';\nimport { ImageUploadField } from '../../components/ImageUploadField';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\ntype Json = Record<string, unknown> | null | undefined;\n\ntype FloorPlan = {\n  id: string;\n  venueId: string;\n  name: string;\n  imageUrl?: string | null;\n  dimensions?: Json;\n  interactiveAreas?: Json;\n};\n\ntype Zone = {\n  key: string;\n  label: string;\n  type?: string;\n  capacity?: number;\n  rect?: { x: number; y: number; w: number; h: number };\n};\n\nconst FLOOR_PLAN_FOLDER = '/EventfullyManaged/FloorPlans';\n\nfunction asNumber(value: unknown): number | undefined {\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return value;\n  }\n  if (typeof value === 'string' && value.trim() !== '' && Number.isFinite(Number(value))) {\n    return Number(value);\n  }\n  return undefined;\n}\n\nfunction asString(value: unknown): string | undefined {\n  return typeof value === 'string' && value.trim() !== '' ? value : undefined;\n}\n\n// interactiveAreas is free-form JSON persisted verbatim by the backend. Parse it\n// defensively so the viewer renders whatever real shape a plan happens to hold —\n// an array of areas, a `{ zones: [...] }` / `{ areas: [...] }` wrapper, or a\n// keyed object — without ever fabricating booth data that isn't there.\nfunction extractZones(interactiveAreas: Json): Zone[] {\n  if (!interactiveAreas) {\n    return [];\n  }\n  let raw: unknown = interactiveAreas;\n  if (!Array.isArray(raw) && typeof raw === 'object') {\n    const obj = raw as Record<string, unknown>;\n    if (Array.isArray(obj.zones)) {\n      raw = obj.zones;\n    } else if (Array.isArray(obj.areas)) {\n      raw = obj.areas;\n    } else if (Array.isArray(obj.booths)) {\n      raw = obj.booths;\n    }\n  }\n\n  const entries: Array<[string, unknown]> = Array.isArray(raw)\n    ? raw.map((item, index) => [String(index), item])\n    : typeof raw === 'object' && raw !== null\n      ? Object.entries(raw as Record<string, unknown>)\n      : [];\n\n  const zones: Zone[] = [];\n  for (const [key, value] of entries) {\n    if (value === null || typeof value !== 'object') {\n      continue;\n    }\n    const item = value as Record<string, unknown>;\n    const label = asString(item.label) ?? asString(item.name) ?? asString(item.title) ?? asString(item.id) ?? key;\n    const x = asNumber(item.x);\n    const y = asNumber(item.y);\n    const w = asNumber(item.w) ?? asNumber(item.width);\n    const h = asNumber(item.h) ?? asNumber(item.height);\n    let rect: Zone['rect'];\n    if (x !== undefined && y !== undefined && w !== undefined && h !== undefined) {\n      // Normalise fractional (0–1) or percentage (0–100) coordinates to percent.\n      const scale = x <= 1 && y <= 1 && w <= 1 && h <= 1 ? 100 : 1;\n      if (scale === 100 || (x <= 100 && y <= 100 && w <= 100 && h <= 100)) {\n        rect = { x: x * scale, y: y * scale, w: w * scale, h: h * scale };\n      }\n    }\n    zones.push({\n      key: `${key}-${label}`,\n      label,\n      type: asString(item.type) ?? asString(item.kind),\n      capacity: asNumber(item.capacity) ?? asNumber(item.seats),\n      rect,\n    });\n  }\n  return zones;\n}\n\ntype PlanMetric = { label: string; value: string };\n\nfunction buildMetrics(plan: FloorPlan, zones: Zone[]): PlanMetric[] {\n  const metrics: PlanMetric[] = [];\n  if (zones.length > 0) {\n    metrics.push({ label: 'Zones', value: zones.length.toLocaleString() });\n  }\n\n  const boothCount = zones.filter((zone) => (zone.type ?? '').toLowerCase().includes('booth')).length;\n  if (boothCount > 0) {\n    metrics.push({ label: 'Booths', value: boothCount.toLocaleString() });\n  }\n\n  const zoneCapacity = zones.reduce((sum, zone) => sum + (zone.capacity ?? 0), 0);\n  const dims = (plan.dimensions ?? {}) as Record<string, unknown>;\n  const declaredCapacity = asNumber(dims.capacity) ?? asNumber(dims.totalCapacity);\n  const capacity = zoneCapacity > 0 ? zoneCapacity : declaredCapacity;\n  if (capacity !== undefined && capacity > 0) {\n    metrics.push({ label: 'Total capacity', value: capacity.toLocaleString() });\n  }\n\n  const width = asNumber(dims.width);\n  const height = asNumber(dims.height);\n  if (width !== undefined && height !== undefined) {\n    const unit = asString(dims.unit) ?? 'm';\n    metrics.push({ label: 'Dimensions', value: `${width} × ${height} ${unit}` });\n  }\n\n  return metrics;\n}\n\nfunction FloorPlanViewer({\n  plan,\n  zones,\n  onAttachImage,\n}: {\n  plan: FloorPlan;\n  zones: Zone[];\n  onAttachImage: (plan: FloorPlan, url: string) => void;\n}) {\n  const overlayZones = zones.filter((zone) => zone.rect);\n  return (\n    <GlassCard treatment=\"plain\" className=\"overflow-hidden border-border-seam p-0\">\n      <div className=\"flex items-center justify-between gap-2 border-b border-border-seam px-5 py-3\">\n        <div className=\"flex min-w-0 items-center gap-2 text-text-primary\">\n          <MapIcon className=\"h-4 w-4 shrink-0 text-action-primary-bg\" />\n          <h2 className=\"truncate text-base font-semibold\">{plan.name}</h2>\n        </div>\n        {zones.length > 0 ? (\n          <Badge variant=\"secondary\" className=\"shrink-0\">\n            {zones.length} {zones.length === 1 ? 'zone' : 'zones'}\n          </Badge>\n        ) : null}\n      </div>\n\n      {plan.imageUrl ? (\n        <div className=\"relative bg-bg-sunken\">\n          <img\n            src={plan.imageUrl}\n            alt={`${plan.name} floor plan`}\n            className=\"mx-auto max-h-[32rem] w-full object-contain\"\n          />\n          {overlayZones.map((zone) => (\n            <div\n              key={zone.key}\n              className=\"absolute flex items-center justify-center rounded-md border border-accent-primary/70 bg-action-primary-bg/15 text-[10px] font-medium text-accent-primary\"\n              style={{\n                left: `${zone.rect?.x}%`,\n                top: `${zone.rect?.y}%`,\n                width: `${zone.rect?.w}%`,\n                height: `${zone.rect?.h}%`,\n              }}\n              title={zone.label}\n            >\n              <span className=\"truncate px-1\">{zone.label}</span>\n            </div>\n          ))}\n        </div>\n      ) : (\n        <div className=\"p-6\">\n          <div className=\"rounded-card border border-dashed border-border-default bg-bg-sunken p-6\">\n            <p className=\"mb-3 text-center text-sm text-text-secondary\">\n              No image attached yet. Upload the hall map for this plan.\n            </p>\n            <ImageUploadField\n              label=\"Upload floor plan image\"\n              folderPath={FLOOR_PLAN_FOLDER}\n              value={null}\n              onUploaded={(url) => onAttachImage(plan, url)}\n              hint=\"Stored securely in Files and shown here once attached.\"\n            />\n          </div>\n        </div>\n      )}\n\n      {zones.length > 0 ? (\n        <div className=\"border-t border-border-seam px-5 py-4\">\n          <div className=\"mb-2 flex items-center gap-2 text-sm font-medium text-text-primary\">\n            <LayoutGrid className=\"h-4 w-4 text-text-muted\" />\n            Labeled zones\n          </div>\n          <div className=\"flex flex-wrap gap-2\">\n            {zones.map((zone) => (\n              <Badge key={zone.key} variant=\"outline\" className=\"gap-1.5\">\n                {zone.label}\n                {zone.capacity ? <span className=\"text-text-muted\">· {zone.capacity}</span> : null}\n              </Badge>\n            ))}\n          </div>\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nexport default function FloorPlansPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useEventfullyManaged();\n  const { data, loading, refetch } = useVenueQuery(id);\n  const [createFloorPlan, { loading: creating }] = useCreateFloorPlanMutation();\n  const [updateFloorPlan] = useUpdateFloorPlanMutation();\n  const [deleteFloorPlan] = useDeleteFloorPlanMutation();\n  const [name, setName] = useState('');\n  const [imageUrl, setImageUrl] = useState('');\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const [showCreate, setShowCreate] = useState(false);\n\n  const venue = data?.venue;\n  const floorPlans = useMemo(() => (data?.floorPlans?.items ?? []) as FloorPlan[], [data]);\n\n  const selectedPlan = useMemo(\n    () => floorPlans.find((plan) => plan.id === selectedId) ?? floorPlans[0] ?? null,\n    [floorPlans, selectedId]\n  );\n  const selectedZones = useMemo(() => extractZones(selectedPlan?.interactiveAreas), [selectedPlan]);\n  const metrics = useMemo(() => (selectedPlan ? buildMetrics(selectedPlan, selectedZones) : []), [selectedPlan, selectedZones]);\n\n  const handleCreate = async () => {\n    if (!name.trim() || !id) {\n      return;\n    }\n    try {\n      const response = await createFloorPlan({\n        variables: {\n          input: { venueId: id, name: name.trim(), imageUrl, dimensions: {}, interactiveAreas: {} },\n        },\n      });\n      if (!mutationSucceeded(response, response.data?.createFloorPlan?.id, 'Could not create floor plan')) {\n        return;\n      }\n      setName('');\n      setImageUrl('');\n      setShowCreate(false);\n      const createdId = response.data?.createFloorPlan?.id;\n      if (createdId) {\n        setSelectedId(createdId);\n      }\n      notify.success('Floor plan created');\n      await refetch();\n    } catch (error) {\n      notify.error('Could not create floor plan', describeError(error));\n    }\n  };\n\n  const handleAttachImage = async (plan: FloorPlan, url: string) => {\n    try {\n      const response = await updateFloorPlan({\n        variables: {\n          id: plan.id,\n          input: {\n            venueId: plan.venueId,\n            name: plan.name,\n            imageUrl: url,\n            dimensions: plan.dimensions ?? {},\n            interactiveAreas: plan.interactiveAreas ?? {},\n          },\n        },\n      });\n      if (!mutationSucceeded(response, response.data?.updateFloorPlan?.id, 'Could not attach image')) {\n        return;\n      }\n      await refetch();\n    } catch (error) {\n      notify.error('Could not attach image', describeError(error));\n    }\n  };\n\n  const handleDelete = async (plan: FloorPlan) => {\n    const response = await deleteFloorPlan({ variables: { id: plan.id } });\n    if (response.error) {\n      notify.error('Could not delete floor plan', response.error.message);\n      throw response.error;\n    }\n    if (!response.data?.deleteFloorPlan) {\n      notify.error('Could not delete floor plan', 'The server did not confirm the change.');\n      throw new Error('delete-unconfirmed');\n    }\n    if (selectedId === plan.id) {\n      setSelectedId(null);\n    }\n    notify.success('Floor plan deleted', plan.name);\n    await refetch();\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\">\n        <div className=\"space-y-3\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate(`/venues/${id}`)}>\n            <ArrowLeft className=\"h-4 w-4\" />\n            Back to Venue\n          </Button>\n          <GradientText as=\"h1\" className=\"text-2xl font-bold\">\n            {venue?.name ? `${venue.name} — Floor Plans` : 'Floor Plans'}\n          </GradientText>\n          <p className=\"text-sm text-text-secondary\">\n            Map the hall layout, booth positions, stage and entrances so exhibitors and attendees can navigate on the\n            day.\n          </p>\n        </div>\n        <Button type=\"button\" onClick={() => setShowCreate((value) => !value)}>\n          <Plus className=\"h-4 w-4\" />\n          Add floor plan\n        </Button>\n      </div>\n\n      {loading ? (\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n          <Skeleton className=\"h-96 rounded-card lg:col-span-2\" />\n          <Skeleton className=\"h-96 rounded-card\" />\n        </div>\n      ) : floorPlans.length === 0 && !showCreate ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration=\"empty-files\"\n            title=\"No floor plans yet.\"\n            description=\"Add one to start mapping this venue — upload the hall map and label its zones.\"\n            action={\n              <Button type=\"button\" onClick={() => setShowCreate(true)}>\n                <Plus className=\"h-4 w-4\" />\n                Add floor plan\n              </Button>\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n          <div className=\"lg:col-span-2\">\n            {selectedPlan ? (\n              <FloorPlanViewer plan={selectedPlan} zones={selectedZones} onAttachImage={handleAttachImage} />\n            ) : (\n              <GlassCard treatment=\"plain\" className=\"flex h-full items-center justify-center border-border-seam p-10\">\n                <p className=\"text-sm text-text-secondary\">Add a floor plan to preview it here.</p>\n              </GlassCard>\n            )}\n          </div>\n\n          <div className=\"space-y-6\">\n            <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n              <h2 className=\"text-sm font-semibold text-text-primary\">Available Floor Plans</h2>\n              <ul className=\"mt-3 space-y-2\" role=\"list\">\n                {floorPlans.length === 0 ? (\n                  <li className=\"text-sm text-text-secondary\">None yet — create one below.</li>\n                ) : (\n                  floorPlans.map((plan) => {\n                    const active = selectedPlan?.id === plan.id;\n                    return (\n                      <li key={plan.id}>\n                        <div\n                          className={`flex items-center gap-3 rounded-card border p-3 transition-colors ${\n                            active\n                              ? 'border-accent-primary bg-action-primary-bg/10'\n                              : 'border-border-seam hover:border-border-strong'\n                          }`}\n                        >\n                          <button\n                            type=\"button\"\n                            onClick={() => setSelectedId(plan.id)}\n                            className=\"flex min-w-0 flex-1 items-center gap-3 text-left focus-visible:outline-none\"\n                            aria-pressed={active}\n                          >\n                            <span\n                              className={`flex h-9 w-9 shrink-0 items-center justify-center rounded-md ${\n                                active ? 'bg-action-primary-bg text-action-primary-text' : 'bg-bg-sunken text-text-secondary'\n                              }`}\n                            >\n                              <SquareStack className=\"h-4 w-4\" />\n                            </span>\n                            <span className=\"min-w-0\">\n                              <span className=\"block truncate text-sm font-medium text-text-primary\">{plan.name}</span>\n                              <span className=\"block text-xs text-text-muted\">\n                                {plan.imageUrl ? 'Map attached' : 'No image yet'}\n                              </span>\n                            </span>\n                          </button>\n                          <ActionMenu\n                            ariaLabel={`Floor plan actions for ${plan.name}`}\n                            entityName={plan.name}\n                            deleteLabel=\"Delete floor plan\"\n                            onDelete={() => handleDelete(plan)}\n                          />\n                        </div>\n                      </li>\n                    );\n                  })\n                )}\n              </ul>\n            </GlassCard>\n\n            {selectedPlan ? (\n              <GlassCard treatment=\"metric\" className=\"p-5\">\n                <h2 className=\"text-sm font-semibold text-text-primary\">Plan Details</h2>\n                {metrics.length > 0 ? (\n                  <dl className=\"mt-3 space-y-2\">\n                    {metrics.map((metric) => (\n                      <div key={metric.label} className=\"flex items-center justify-between text-sm\">\n                        <dt className=\"text-text-secondary\">{metric.label}</dt>\n                        <dd className=\"font-semibold tabular-nums text-text-primary\">{metric.value}</dd>\n                      </div>\n                    ))}\n                  </dl>\n                ) : (\n                  <p className=\"mt-3 text-sm text-text-secondary\">\n                    No zones or dimensions captured for this plan yet.\n                  </p>\n                )}\n              </GlassCard>\n            ) : null}\n\n            {showCreate || floorPlans.length === 0 ? (\n              <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n                <h2 className=\"mb-3 text-sm font-semibold text-text-primary\">Add a floor plan</h2>\n                <div className=\"space-y-4\">\n                  <Input\n                    type=\"text\"\n                    value={name}\n                    onChange={(event) => setName(event.target.value)}\n                    placeholder=\"Main Hall Layout\"\n                    aria-label=\"Floor plan name\"\n                  />\n                  <ImageUploadField\n                    label=\"Upload floor plan image\"\n                    folderPath={FLOOR_PLAN_FOLDER}\n                    value={imageUrl || null}\n                    onUploaded={setImageUrl}\n                    hint=\"Optional now — you can attach it later from the viewer.\"\n                  />\n                  <div className=\"flex justify-end gap-2\">\n                    {floorPlans.length > 0 ? (\n                      <Button type=\"button\" variant=\"ghost\" onClick={() => setShowCreate(false)}>\n                        Cancel\n                      </Button>\n                    ) : null}\n                    <Button type=\"button\" onClick={handleCreate} disabled={creating || !name.trim()}>\n                      <Plus className=\"h-4 w-4\" />\n                      {creating ? 'Creating…' : 'Create'}\n                    </Button>\n                  </div>\n                </div>\n              </GlassCard>\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}