@burdenoff/microfe-eventfullymanaged 2026.704.5 → 2026.704.7

package/dist/eventfullymanaged/pages/events/EventDetailPage.js

@@ -1,16 +1,19 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { notify as t } from "../../lib/toast.js";
-import { useDeleteTicketTypeMutation as n, useEventQuery as r, useEventSessionsQuery as i, useSpeakersQuery as a, useTicketTypesQuery as o } from "../../api/eventApi.js";
-import { ActionMenu as s } from "../../components/ActionMenu.js";
-import { Pagination as c, usePagination as l } from "../../components/Pagination.js";
-import { formatDateTime as u } from "./eventFormUtils.js";
-import { useMemo as d, useState as f } from "react";
-import { useParams as p } from "react-router-dom";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { ArrowLeft as g, CalendarClock as _, Edit as v, MapPin as y, Plus as b, Ticket as x, Users as S } from "lucide-react";
-import { Badge as C, Button as w, GlassCard as T, IllustratedEmptyState as E, Tabs as D, TabsContent as O, TabsList as k, TabsTrigger as A } from "@burdenoff/fe-libs/ui";
+import { gql as t } from "../../../node_modules/graphql-tag/lib/index.js";
+import { useQuery as n } from "../../../node_modules/@apollo/client/react/hooks/useQuery.js";
+import { notify as r } from "../../lib/toast.js";
+import { useDeleteEventSessionMutation as i, useDeleteSpeakerMutation as a, useDeleteTicketTypeMutation as o, useEventQuery as s, useSpeakersQuery as c, useTicketTypesQuery as l, useVenuesQuery as u } from "../../api/eventApi.js";
+import { CHART_COLORS as d } from "../../components/EventCharts.js";
+import { formatDateTime as f } from "./eventFormUtils.js";
+import { ActionMenu as p } from "../../components/ActionMenu.js";
+import { Pagination as m, usePagination as h } from "../../components/Pagination.js";
+import { useMemo as g, useState as _ } from "react";
+import { useParams as v } from "react-router-dom";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ArrowLeft as S, CalendarClock as C, Clock as w, Edit as T, Eye as E, MapPin as D, Mic2 as O, Plus as k, Ticket as A, Users as j } from "lucide-react";
+import { Badge as M, Button as N, GlassCard as P, IllustratedEmptyState as F, Skeleton as I, Tabs as L, TabsContent as R, TabsList as z, TabsTrigger as B } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/events/EventDetailPage.tsx
-function j(e) {
+function V(e) {
 	let t = e.toLowerCase();
 	return [
 		"active",
@@ -32,419 +35,777 @@ function j(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-function M({ eventId: t }) {
-	let { navigate: n } = e(), r = l(), { data: a, loading: o } = i({
+function H(e, t) {
+	let n = new Date(e).getTime(), r = new Date(t).getTime();
+	if (Number.isNaN(n) || Number.isNaN(r) || r <= n) return "";
+	let i = Math.round((r - n) / 6e4), a = Math.floor(i / 60), o = i % 60;
+	return a && o ? `${a}h ${o}m` : a ? `${a}h` : `${o}m`;
+}
+function U(e) {
+	let t = e < 12 ? "AM" : "PM";
+	return `${e % 12 == 0 ? 12 : e % 12}:00 ${t}`;
+}
+function W(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toLocaleTimeString(void 0, {
+		hour: "numeric",
+		minute: "2-digit"
+	});
+}
+var G = t`
+  query EventfullymanagedScheduleSessions($eventId: ID, $limit: Int, $offset: Int) {
+    eventSessions: eventfullyManagedEventSessions(eventId: $eventId, limit: $limit, offset: $offset) {
+      total
+      items {
+        id
+        eventId
+        venueId
+        title
+        sessionType
+        track
+        startsAt
+        endsAt
+        status
+        metadata
+      }
+    }
+  }
+`, K = "General";
+function q(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "unknown" : t.toISOString().slice(0, 10);
+}
+function J({ session: e, color: t, speakerName: n, roomName: r, onEdit: i, onDelete: a }) {
+	let o = H(e.startsAt, e.endsAt);
+	return /* @__PURE__ */ x("div", {
+		className: "relative rounded-card border border-border-subtle p-3 shadow-elevation-1",
+		style: {
+			borderLeftWidth: "3px",
+			borderLeftColor: t,
+			background: `color-mix(in srgb, ${t} 8%, var(--color-bg-surface))`
+		},
+		children: [/* @__PURE__ */ x("div", {
+			className: "flex items-start justify-between gap-2",
+			children: [/* @__PURE__ */ b("p", {
+				className: "min-w-0 pr-1 text-sm font-semibold leading-snug text-text-primary",
+				children: e.title
+			}), /* @__PURE__ */ b("div", {
+				className: "-mr-1 -mt-1 shrink-0",
+				children: /* @__PURE__ */ b(p, {
+					ariaLabel: `Session actions for ${e.title}`,
+					entityName: e.title,
+					deleteLabel: "Delete session",
+					onEdit: i,
+					onDelete: a
+				})
+			})]
+		}), /* @__PURE__ */ x("dl", {
+			className: "mt-2 space-y-1 text-xs text-text-secondary",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ b(O, { className: "h-3.5 w-3.5 shrink-0 text-text-muted" }), /* @__PURE__ */ b("span", {
+						className: "truncate",
+						children: n ?? "Speaker TBD"
+					})]
+				}),
+				r ? /* @__PURE__ */ x("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ b(D, { className: "h-3.5 w-3.5 shrink-0 text-text-muted" }), /* @__PURE__ */ b("span", {
+						className: "truncate",
+						children: r
+					})]
+				}) : null,
+				/* @__PURE__ */ x("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ b(w, { className: "h-3.5 w-3.5 shrink-0 text-text-muted" }), /* @__PURE__ */ x("span", { children: [W(e.startsAt), o ? ` · ${o}` : ""] })]
+				})
+			]
+		})]
+	});
+}
+function Y({ eventId: t }) {
+	let { navigate: a } = e(), o = h(), { data: s, loading: l, refetch: f } = n(G, { variables: {
 		eventId: t,
-		limit: r.limit,
-		offset: r.offset
-	}), d = a?.eventSessions?.total ?? 0, f = a?.eventSessions?.items ?? [];
-	return /* @__PURE__ */ h("div", {
-		className: "space-y-4",
+		limit: o.limit,
+		offset: o.offset
+	} }), { data: p } = u({
+		limit: 100,
+		offset: 0
+	}), { data: _ } = c({
+		limit: 100,
+		offset: 0
+	}), [v] = i(), y = s?.eventSessions?.total ?? 0, S = g(() => s?.eventSessions?.items ?? [], [s]), C = g(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of p?.venues?.items ?? []) e.set(t.id, t.name);
+		return e;
+	}, [p]), w = g(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of _?.speakers?.items ?? []) e.set(t.id, t.fullName);
+		return e;
+	}, [_]), T = g(() => {
+		let e = /* @__PURE__ */ new Map(), t = 0;
+		for (let n of S) {
+			let r = n.track?.trim() || K;
+			e.has(r) || (e.set(r, d[t % d.length]), t += 1);
+		}
+		return e;
+	}, [S]), E = g(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of [...S].sort((e, t) => new Date(e.startsAt).getTime() - new Date(t.startsAt).getTime())) {
+			let n = q(t.startsAt), r = e.get(n) ?? [];
+			r.push(t), e.set(n, r);
+		}
+		return Array.from(e.entries()).map(([e, t]) => {
+			let n = Array.from(new Set(t.map((e) => e.track?.trim() || K))), r = t.map((e) => new Date(e.startsAt).getHours()).filter((e) => !Number.isNaN(e)), i = r.length ? Math.min(...r) : 9, a = r.length ? Math.max(...r) : 17, o = [];
+			for (let e = i; e <= a; e += 1) o.push(e);
+			return {
+				key: e,
+				sessions: t,
+				tracks: n,
+				hourRange: o
+			};
+		});
+	}, [S]), D = async (e) => {
+		let t = await v({ variables: { id: e.id } });
+		if (t.error) throw r.error("Could not delete session", t.error.message), t.error;
+		if (!t.data?.deleteEventSession) throw r.error("Could not delete session", "The server did not confirm the change."), Error("delete-unconfirmed");
+		r.success("Session deleted", e.title), await f();
+	}, O = (e) => {
+		let t = e.metadata ?? {}, n = typeof t.speakerId == "string" ? t.speakerId : "";
+		return n ? w.get(n) : void 0;
+	}, A = (e) => e.venueId ? C.get(e.venueId) : void 0;
+	return /* @__PURE__ */ x("div", {
+		className: "space-y-5",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Agenda & Sessions"
-				}), /* @__PURE__ */ h(w, {
+				}), /* @__PURE__ */ b("p", {
+					className: "text-sm text-text-secondary",
+					children: "A multi-track schedule of everything happening on the day."
+				})] }), /* @__PURE__ */ x(N, {
 					type: "button",
 					size: "sm",
-					onClick: () => n(`/events/${t}/sessions/create`),
-					children: [/* @__PURE__ */ m(b, { className: "h-4 w-4" }), "New Session"]
+					onClick: () => a(`/events/${t}/sessions/create`),
+					children: [/* @__PURE__ */ b(k, { className: "h-4 w-4" }), "New Session"]
 				})]
 			}),
-			o ? /* @__PURE__ */ m("p", {
-				className: "text-sm text-text-secondary",
-				children: "Loading sessions…"
-			}) : f.length === 0 ? /* @__PURE__ */ m(E, {
+			l ? /* @__PURE__ */ b(I, { className: "h-64 w-full rounded-card" }) : S.length === 0 ? /* @__PURE__ */ b(F, {
 				illustration: "empty-data",
 				title: "No sessions yet.",
 				description: "Build the agenda by adding your first session.",
-				className: "py-8"
-			}) : /* @__PURE__ */ m("ul", {
-				className: "space-y-2.5",
-				children: f.map((e) => /* @__PURE__ */ m("li", {
-					className: "rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
-					children: /* @__PURE__ */ h("div", {
-						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ h("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ m("p", {
-								className: "truncate font-medium text-text-primary",
-								children: e.title
-							}), /* @__PURE__ */ m("p", {
-								className: "mt-0.5 truncate text-sm text-text-secondary",
-								children: [e.track, e.startsAt ? u(e.startsAt) : void 0].filter(Boolean).join(" • ")
-							})]
-						}), /* @__PURE__ */ h("div", {
-							className: "flex shrink-0 items-center gap-2",
-							children: [/* @__PURE__ */ m(C, {
-								variant: j(e.status),
-								className: "uppercase",
-								children: e.status
-							}), /* @__PURE__ */ m(s, {
-								ariaLabel: `Session actions for ${e.title}`,
-								onEdit: () => n(`/events/${t}/sessions/${e.id}/edit`)
-							})]
-						})]
-					})
-				}, e.id))
+				action: /* @__PURE__ */ x(N, {
+					type: "button",
+					size: "sm",
+					onClick: () => a(`/events/${t}/sessions/create`),
+					children: [/* @__PURE__ */ b(k, { className: "h-4 w-4" }), "New Session"]
+				}),
+				className: "py-10"
+			}) : /* @__PURE__ */ b("div", {
+				className: "space-y-8",
+				children: E.map((e) => /* @__PURE__ */ x("section", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ b("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: (/* @__PURE__ */ new Date(`${e.key}T00:00:00`)).toLocaleDateString(void 0, {
+								weekday: "long",
+								month: "long",
+								day: "numeric"
+							})
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "hidden overflow-x-auto rounded-card border border-border-seam md:block",
+							children: /* @__PURE__ */ x("div", {
+								className: "grid min-w-max",
+								style: { gridTemplateColumns: `88px repeat(${e.tracks.length}, minmax(200px, 1fr))` },
+								children: [
+									/* @__PURE__ */ b("div", { className: "sticky left-0 z-10 border-b border-border-seam bg-bg-sunken px-3 py-2.5" }),
+									e.tracks.map((e) => /* @__PURE__ */ b("div", {
+										className: "border-b border-l border-border-seam bg-bg-sunken px-3 py-2.5 text-center text-sm font-semibold text-text-primary",
+										children: /* @__PURE__ */ x("span", {
+											className: "inline-flex items-center gap-2",
+											children: [/* @__PURE__ */ b("span", {
+												className: "h-2 w-2 rounded-full",
+												style: { background: T.get(e) },
+												"aria-hidden": "true"
+											}), e]
+										})
+									}, e)),
+									e.hourRange.map((n) => /* @__PURE__ */ x("div", {
+										className: "contents",
+										children: [/* @__PURE__ */ b("div", {
+											className: "sticky left-0 z-10 border-b border-border-subtle bg-bg-surface px-3 py-3 text-xs font-medium text-text-muted",
+											children: U(n)
+										}), e.tracks.map((r) => /* @__PURE__ */ b("div", {
+											className: "space-y-2 border-b border-l border-border-subtle p-2 align-top",
+											children: e.sessions.filter((e) => (e.track?.trim() || K) === r && new Date(e.startsAt).getHours() === n).map((e) => /* @__PURE__ */ b(J, {
+												session: e,
+												color: T.get(r) ?? d[0],
+												speakerName: O(e),
+												roomName: A(e),
+												onEdit: () => a(`/events/${t}/sessions/${e.id}/edit`),
+												onDelete: () => D(e)
+											}, e.id))
+										}, `${n}-${r}`))]
+									}, n))
+								]
+							})
+						}),
+						/* @__PURE__ */ b("ul", {
+							className: "space-y-2.5 md:hidden",
+							children: e.sessions.map((e) => {
+								let n = e.track?.trim() || K;
+								return /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b(J, {
+									session: e,
+									color: T.get(n) ?? d[0],
+									speakerName: O(e),
+									roomName: A(e) ?? n,
+									onEdit: () => a(`/events/${t}/sessions/${e.id}/edit`),
+									onDelete: () => D(e)
+								}) }, e.id);
+							})
+						})
+					]
+				}, e.key))
 			}),
-			/* @__PURE__ */ m(c, {
-				offset: r.offset,
-				limit: r.limit,
-				loadedCount: f.length,
-				total: d,
-				onPrev: r.prevPage,
-				onNext: r.nextPage,
+			/* @__PURE__ */ b(m, {
+				offset: o.offset,
+				limit: o.limit,
+				loadedCount: S.length,
+				total: y,
+				onPrev: o.prevPage,
+				onNext: o.nextPage,
 				itemLabel: "sessions",
-				loading: o
+				loading: l
 			})
 		]
 	});
 }
-function N() {
-	let { navigate: t } = e(), n = l(), { data: r, loading: i } = a({
+function X() {
+	let { navigate: t } = e(), n = h(), { data: i, loading: o, refetch: s } = c({
 		limit: n.limit,
 		offset: n.offset
-	}), o = r?.speakers?.total ?? 0, u = r?.speakers?.items ?? [];
-	return /* @__PURE__ */ h("div", {
+	}), [l] = a(), u = i?.speakers?.total ?? 0, d = i?.speakers?.items ?? [], f = async (e) => {
+		let t = await l({ variables: { id: e.id } });
+		if (t.error) throw r.error("Could not delete speaker", t.error.message), t.error;
+		if (!t.data?.deleteSpeaker) throw r.error("Could not delete speaker", "The server did not confirm the change."), Error("delete-unconfirmed");
+		r.success("Speaker deleted", e.fullName), await s();
+	};
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ b("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Speakers"
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m(w, {
+					children: [/* @__PURE__ */ b(N, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
 						onClick: () => t("/speakers"),
 						children: "Manage speakers"
-					}), /* @__PURE__ */ h(w, {
+					}), /* @__PURE__ */ x(N, {
 						type: "button",
 						size: "sm",
 						onClick: () => t("/speakers/create"),
-						children: [/* @__PURE__ */ m(b, { className: "h-4 w-4" }), "New Speaker"]
+						children: [/* @__PURE__ */ b(k, { className: "h-4 w-4" }), "New Speaker"]
 					})]
 				})]
 			}),
-			i ? /* @__PURE__ */ m("p", {
-				className: "text-sm text-text-secondary",
-				children: "Loading speakers…"
-			}) : u.length === 0 ? /* @__PURE__ */ m(E, {
+			o ? /* @__PURE__ */ b(I, { className: "h-40 w-full rounded-card" }) : d.length === 0 ? /* @__PURE__ */ b(F, {
 				illustration: "empty-people",
 				title: "No speakers yet.",
 				description: "Add speakers so you can assign them to sessions.",
 				className: "py-8"
-			}) : /* @__PURE__ */ m("ul", {
-				className: "space-y-2.5",
-				children: u.map((e) => /* @__PURE__ */ m("li", {
+			}) : /* @__PURE__ */ b("ul", {
+				className: "grid grid-cols-1 gap-2.5 sm:grid-cols-2",
+				children: d.map((e) => /* @__PURE__ */ b("li", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ h("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ m("p", {
-								className: "truncate font-medium text-text-primary",
-								children: e.fullName
-							}), /* @__PURE__ */ m("p", {
-								className: "mt-0.5 truncate text-sm text-text-secondary",
-								children: [e.title, e.organization].filter(Boolean).join(" • ") || "Speaker"
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex min-w-0 items-center gap-3",
+							children: [/* @__PURE__ */ b("span", {
+								className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-accent-wash text-sm font-semibold text-action-primary-bg",
+								children: e.fullName.slice(0, 1).toUpperCase()
+							}), /* @__PURE__ */ x("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("p", {
+									className: "truncate font-medium text-text-primary",
+									children: e.fullName
+								}), /* @__PURE__ */ b("p", {
+									className: "mt-0.5 truncate text-sm text-text-secondary",
+									children: [e.title, e.organization].filter(Boolean).join(" • ") || "Speaker"
+								})]
 							})]
-						}), /* @__PURE__ */ m(s, {
+						}), /* @__PURE__ */ b(p, {
 							ariaLabel: `Speaker actions for ${e.fullName}`,
-							onEdit: () => t(`/speakers/${e.id}/edit`)
+							entityName: e.fullName,
+							deleteLabel: "Delete speaker",
+							onEdit: () => t(`/speakers/${e.id}/edit`),
+							onDelete: () => f(e)
 						})]
 					})
 				}, e.id))
 			}),
-			/* @__PURE__ */ m(c, {
+			/* @__PURE__ */ b(m, {
 				offset: n.offset,
 				limit: n.limit,
-				loadedCount: u.length,
-				total: o,
+				loadedCount: d.length,
+				total: u,
 				onPrev: n.prevPage,
 				onNext: n.nextPage,
 				itemLabel: "speakers",
-				loading: i
+				loading: o
 			})
 		]
 	});
 }
-function P({ eventId: r }) {
-	let { navigate: i } = e(), a = l(), { data: u, loading: d, refetch: f } = o({
-		eventId: r,
-		limit: a.limit,
-		offset: a.offset
-	}), [p] = n(), g = u?.ticketTypes?.total ?? 0, _ = u?.ticketTypes?.items ?? [], v = async (e) => {
-		let n = await p({ variables: { id: e.id } });
-		if (n.error) throw t.error("Could not delete ticket type", n.error.message), n.error;
-		if (!n.data?.deleteTicketType) throw t.error("Could not delete ticket type", "The server did not confirm the change."), Error("delete-unconfirmed");
-		t.success("Ticket type deleted"), await f();
+function Z({ eventId: t }) {
+	let { navigate: n } = e(), i = h(), { data: a, loading: s, refetch: c } = l({
+		eventId: t,
+		limit: i.limit,
+		offset: i.offset
+	}), [u] = o(), d = a?.ticketTypes?.total ?? 0, f = a?.ticketTypes?.items ?? [], g = async (e) => {
+		let t = await u({ variables: { id: e.id } });
+		if (t.error) throw r.error("Could not delete ticket type", t.error.message), t.error;
+		if (!t.data?.deleteTicketType) throw r.error("Could not delete ticket type", "The server did not confirm the change."), Error("delete-unconfirmed");
+		r.success("Ticket type deleted"), await c();
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ b("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Ticket Types"
-				}), /* @__PURE__ */ h(w, {
+				}), /* @__PURE__ */ x(N, {
 					type: "button",
 					size: "sm",
-					onClick: () => i(`/events/${r}/tickets/create`),
-					children: [/* @__PURE__ */ m(b, { className: "h-4 w-4" }), "New Ticket Type"]
+					onClick: () => n(`/events/${t}/tickets/create`),
+					children: [/* @__PURE__ */ b(k, { className: "h-4 w-4" }), "New Ticket Type"]
 				})]
 			}),
-			d ? /* @__PURE__ */ m("p", {
-				className: "text-sm text-text-secondary",
-				children: "Loading ticket types…"
-			}) : _.length === 0 ? /* @__PURE__ */ m(E, {
+			s ? /* @__PURE__ */ b(I, { className: "h-40 w-full rounded-card" }) : f.length === 0 ? /* @__PURE__ */ b(F, {
 				illustration: "empty-data",
 				title: "No ticket types yet.",
 				description: "Add a ticket type so attendees can register.",
 				className: "py-8"
-			}) : /* @__PURE__ */ m("ul", {
-				className: "space-y-2.5",
-				children: _.map((e) => /* @__PURE__ */ m("li", {
-					className: "rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
-					children: /* @__PURE__ */ h("div", {
-						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ h("div", {
-							className: "min-w-0",
-							children: [/* @__PURE__ */ m("p", {
-								className: "truncate font-medium text-text-primary",
-								children: e.name
-							}), /* @__PURE__ */ h("p", {
-								className: "mt-0.5 truncate text-sm text-text-secondary",
-								children: [
-									e.price,
-									" ",
-									e.currency,
-									" • Sold ",
-									e.soldCount,
-									e.capacity == null ? "" : ` / ${e.capacity}`
-								]
-							})]
-						}), /* @__PURE__ */ h("div", {
-							className: "flex shrink-0 items-center gap-2",
-							children: [/* @__PURE__ */ m(C, {
-								variant: e.isActive ? "success" : "warning",
-								className: "uppercase",
-								children: e.isActive ? "Active" : "Inactive"
-							}), /* @__PURE__ */ m(s, {
-								ariaLabel: `Ticket actions for ${e.name}`,
-								entityName: e.name,
-								deleteLabel: "Delete ticket type",
-								onEdit: () => i(`/events/${r}/tickets/${e.id}/edit`),
-								onDelete: () => v(e)
+			}) : /* @__PURE__ */ b("ul", {
+				className: "space-y-3",
+				children: f.map((e) => {
+					let r = e.capacity != null && e.capacity > 0, i = r ? Math.min(100, Math.round(e.soldCount / e.capacity * 100)) : 0, a = i >= 90;
+					return /* @__PURE__ */ x("li", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-4 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ x("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("p", {
+									className: "truncate font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ x("p", {
+									className: "mt-0.5 text-sm text-text-secondary",
+									children: [
+										e.price,
+										" ",
+										e.currency
+									]
+								})]
+							}), /* @__PURE__ */ x("div", {
+								className: "flex shrink-0 items-center gap-2",
+								children: [/* @__PURE__ */ b(M, {
+									variant: e.isActive ? "success" : "warning",
+									className: "uppercase",
+									children: e.isActive ? "Active" : "Inactive"
+								}), /* @__PURE__ */ b(p, {
+									ariaLabel: `Ticket actions for ${e.name}`,
+									entityName: e.name,
+									deleteLabel: "Delete ticket type",
+									onEdit: () => n(`/events/${t}/tickets/${e.id}/edit`),
+									onDelete: () => g(e)
+								})]
 							})]
+						}), /* @__PURE__ */ x("div", {
+							className: "mt-3",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex items-center justify-between text-xs text-text-secondary",
+								children: [/* @__PURE__ */ x("span", { children: [
+									/* @__PURE__ */ b("span", {
+										className: "font-medium tabular-nums text-text-primary",
+										children: e.soldCount.toLocaleString()
+									}),
+									" ",
+									"sold",
+									r ? /* @__PURE__ */ x(y, { children: [
+										" ",
+										"/ ",
+										e.capacity.toLocaleString(),
+										" capacity"
+									] }) : " • unlimited capacity"
+								] }), r ? /* @__PURE__ */ x("span", {
+									className: a ? "font-medium text-text-primary" : "",
+									children: [i, "%"]
+								}) : null]
+							}), r ? /* @__PURE__ */ b("div", {
+								className: "mt-1.5 h-2 overflow-hidden rounded-full bg-bg-sunken",
+								role: "progressbar",
+								"aria-valuenow": i,
+								"aria-valuemin": 0,
+								"aria-valuemax": 100,
+								"aria-label": `${e.name} sold`,
+								children: /* @__PURE__ */ b("div", {
+									className: "h-full rounded-full transition-[width] duration-500",
+									style: {
+										width: `${i}%`,
+										background: "linear-gradient(90deg, var(--color-chart-1), var(--color-chart-2))"
+									}
+								})
+							}) : null]
 						})]
-					})
-				}, e.id))
+					}, e.id);
+				})
 			}),
-			/* @__PURE__ */ m(c, {
-				offset: a.offset,
-				limit: a.limit,
-				loadedCount: _.length,
-				total: g,
-				onPrev: a.prevPage,
-				onNext: a.nextPage,
+			/* @__PURE__ */ b(m, {
+				offset: i.offset,
+				limit: i.limit,
+				loadedCount: f.length,
+				total: d,
+				onPrev: i.prevPage,
+				onNext: i.nextPage,
 				itemLabel: "ticket types",
-				loading: d
+				loading: s
+			})
+		]
+	});
+}
+function Q({ label: e, value: t, icon: n }) {
+	return /* @__PURE__ */ x(P, {
+		treatment: "metric",
+		className: "p-4",
+		children: [
+			/* @__PURE__ */ b("span", {
+				className: "flex h-8 w-8 items-center justify-center rounded-button bg-accent-wash text-action-primary-bg",
+				children: /* @__PURE__ */ b(n, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mt-2.5 text-xl font-semibold tabular-nums text-text-primary",
+				children: t
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mt-0.5 text-xs text-text-muted",
+				children: e
 			})
 		]
 	});
 }
-function F() {
-	let { id: t = "" } = p(), { navigate: n } = e(), { data: i, loading: a } = r(t), [o, s] = f("overview"), c = i?.event ?? null, l = d(() => {
-		let e = c?.metadata ?? {};
+function $() {
+	let { id: t = "" } = v(), { navigate: r } = e(), { data: i, loading: a } = s(t), { data: o } = n(G, {
+		variables: {
+			eventId: t,
+			limit: 200
+		},
+		skip: !t
+	}), { data: c } = l({
+		eventId: t,
+		limit: 100,
+		offset: 0
+	}), { data: d } = u({
+		limit: 100,
+		offset: 0
+	}), [p, m] = _("overview"), h = i?.event ?? null, y = g(() => {
+		let e = h?.metadata ?? {};
 		return typeof e.venueId == "string" ? e.venueId : "";
-	}, [c]);
-	return a ? /* @__PURE__ */ m("div", {
-		className: "p-6 text-sm text-text-secondary",
-		children: "Loading event…"
-	}) : c ? /* @__PURE__ */ h("div", {
+	}, [h]), w = g(() => y ? d?.venues?.items?.find((e) => e.id === y)?.name : void 0, [y, d]), O = o?.eventSessions?.total ?? 0, k = g(() => (c?.ticketTypes?.items ?? []).reduce((e, t) => e + (t.soldCount ?? 0), 0), [c]);
+	return a ? /* @__PURE__ */ x("div", {
+		className: "space-y-4 p-6",
+		children: [
+			/* @__PURE__ */ b(I, { className: "h-8 w-40" }),
+			/* @__PURE__ */ b(I, { className: "h-24 w-full rounded-card" }),
+			/* @__PURE__ */ b(I, { className: "h-64 w-full rounded-card" })
+		]
+	}) : h ? /* @__PURE__ */ x("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ h("div", {
-			className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-			children: [/* @__PURE__ */ h("div", {
-				className: "space-y-3",
-				children: [/* @__PURE__ */ h(w, {
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+				children: [/* @__PURE__ */ x("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ x(N, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: () => r("/events"),
+						children: [/* @__PURE__ */ b(S, { className: "h-4 w-4" }), "Back to Events"]
+					}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+						className: "flex flex-wrap items-center gap-3",
+						children: [/* @__PURE__ */ b("h1", {
+							className: "text-2xl font-bold text-text-primary",
+							children: h.name
+						}), /* @__PURE__ */ b(M, {
+							variant: V(h.status),
+							className: "uppercase",
+							children: h.status
+						})]
+					}), /* @__PURE__ */ x("p", {
+						className: "mt-1 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ x("span", {
+							className: "flex items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ b(C, { className: "h-4 w-4 text-text-muted" }),
+								f(h.startAt),
+								" — ",
+								f(h.endAt)
+							]
+						}), w ? /* @__PURE__ */ x("span", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ b(D, { className: "h-4 w-4 text-text-muted" }), w]
+						}) : null]
+					})] })]
+				}), /* @__PURE__ */ x(N, {
 					type: "button",
-					variant: "ghost",
-					size: "sm",
-					onClick: () => n("/events"),
-					children: [/* @__PURE__ */ m(g, { className: "h-4 w-4" }), "Back to Events"]
-				}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
-					className: "flex flex-wrap items-center gap-3",
-					children: [/* @__PURE__ */ m("h1", {
-						className: "text-2xl font-bold text-text-primary",
-						children: c.name
-					}), /* @__PURE__ */ m(C, {
-						variant: j(c.status),
-						className: "uppercase",
-						children: c.status
-					})]
-				}), /* @__PURE__ */ h("p", {
-					className: "mt-1 flex items-center gap-2 text-sm text-text-secondary",
-					children: [
-						/* @__PURE__ */ m(_, { className: "h-4 w-4" }),
-						u(c.startAt),
-						" — ",
-						u(c.endAt)
-					]
-				})] })]
-			}), /* @__PURE__ */ h(w, {
-				type: "button",
-				onClick: () => n(`/events/${t}/edit`),
-				children: [/* @__PURE__ */ m(v, { className: "h-4 w-4" }), "Edit Event"]
-			})]
-		}), /* @__PURE__ */ h(D, {
-			value: o,
-			onValueChange: s,
-			children: [
-				/* @__PURE__ */ h(k, { children: [
-					/* @__PURE__ */ m(A, {
+					onClick: () => r(`/events/${t}/edit`),
+					children: [/* @__PURE__ */ b(T, { className: "h-4 w-4" }), "Edit Event"]
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ b(Q, {
+						label: "Capacity",
+						value: (h.capacity ?? 0).toLocaleString(),
+						icon: j
+					}),
+					/* @__PURE__ */ b(Q, {
+						label: "Sessions",
+						value: O.toLocaleString(),
+						icon: C
+					}),
+					/* @__PURE__ */ b(Q, {
+						label: "Ticket types",
+						value: (c?.ticketTypes?.total ?? 0).toLocaleString(),
+						icon: A
+					}),
+					/* @__PURE__ */ b(Q, {
+						label: "Tickets sold",
+						value: k.toLocaleString(),
+						icon: E
+					})
+				]
+			}),
+			/* @__PURE__ */ x(L, {
+				value: p,
+				onValueChange: m,
+				children: [
+					/* @__PURE__ */ x(z, { children: [
+						/* @__PURE__ */ b(B, {
+							value: "overview",
+							children: "Overview"
+						}),
+						/* @__PURE__ */ b(B, {
+							value: "sessions",
+							children: "Sessions"
+						}),
+						/* @__PURE__ */ b(B, {
+							value: "speakers",
+							children: "Speakers"
+						}),
+						/* @__PURE__ */ b(B, {
+							value: "tickets",
+							children: "Tickets"
+						})
+					] }),
+					/* @__PURE__ */ b(R, {
 						value: "overview",
-						children: "Overview"
+						className: "mt-4",
+						children: /* @__PURE__ */ x("div", {
+							className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
+							children: [/* @__PURE__ */ x(P, {
+								treatment: "plain",
+								className: "border-border-seam p-5 lg:col-span-2",
+								children: [
+									/* @__PURE__ */ b("h2", {
+										className: "text-lg font-semibold text-text-primary",
+										children: "Event Details"
+									}),
+									/* @__PURE__ */ x("dl", {
+										className: "mt-4 space-y-4 text-sm",
+										children: [
+											/* @__PURE__ */ x("div", {
+												className: "grid grid-cols-1 gap-1 sm:grid-cols-[140px_1fr]",
+												children: [/* @__PURE__ */ b("dt", {
+													className: "text-text-muted",
+													children: "Dates"
+												}), /* @__PURE__ */ x("dd", {
+													className: "text-text-primary",
+													children: [
+														f(h.startAt),
+														" — ",
+														f(h.endAt)
+													]
+												})]
+											}),
+											/* @__PURE__ */ x("div", {
+												className: "grid grid-cols-1 gap-1 sm:grid-cols-[140px_1fr]",
+												children: [/* @__PURE__ */ b("dt", {
+													className: "text-text-muted",
+													children: "Venue"
+												}), /* @__PURE__ */ b("dd", {
+													className: "text-text-primary",
+													children: w ? /* @__PURE__ */ b(N, {
+														type: "button",
+														variant: "link",
+														size: "sm",
+														className: "h-auto p-0",
+														onClick: () => r(`/venues/${y}`),
+														children: w
+													}) : "No venue assigned"
+												})]
+											}),
+											/* @__PURE__ */ x("div", {
+												className: "grid grid-cols-1 gap-1 sm:grid-cols-[140px_1fr]",
+												children: [/* @__PURE__ */ b("dt", {
+													className: "text-text-muted",
+													children: "Capacity"
+												}), /* @__PURE__ */ x("dd", {
+													className: "text-text-primary",
+													children: [(h.capacity ?? 0).toLocaleString(), " attendees"]
+												})]
+											}),
+											/* @__PURE__ */ x("div", {
+												className: "grid grid-cols-1 gap-1 sm:grid-cols-[140px_1fr]",
+												children: [/* @__PURE__ */ b("dt", {
+													className: "text-text-muted",
+													children: "Type"
+												}), /* @__PURE__ */ b("dd", {
+													className: "capitalize text-text-primary",
+													children: h.type.toLowerCase().replace(/_/g, " ")
+												})]
+											}),
+											/* @__PURE__ */ x("div", {
+												className: "grid grid-cols-1 gap-1 sm:grid-cols-[140px_1fr]",
+												children: [/* @__PURE__ */ b("dt", {
+													className: "text-text-muted",
+													children: "Timezone"
+												}), /* @__PURE__ */ b("dd", {
+													className: "text-text-primary",
+													children: h.timezone
+												})]
+											}),
+											/* @__PURE__ */ x("div", {
+												className: "grid grid-cols-1 gap-1 sm:grid-cols-[140px_1fr]",
+												children: [/* @__PURE__ */ b("dt", {
+													className: "text-text-muted",
+													children: "Visibility"
+												}), /* @__PURE__ */ b("dd", {
+													className: "capitalize text-text-primary",
+													children: h.visibility
+												})]
+											}),
+											/* @__PURE__ */ x("div", {
+												className: "grid grid-cols-1 gap-1 sm:grid-cols-[140px_1fr]",
+												children: [/* @__PURE__ */ b("dt", {
+													className: "text-text-muted",
+													children: "Description"
+												}), /* @__PURE__ */ b("dd", {
+													className: "text-text-secondary",
+													children: h.description?.trim() ? h.description : "No description provided."
+												})]
+											})
+										]
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "mt-5",
+										children: /* @__PURE__ */ x(N, {
+											type: "button",
+											variant: "outline",
+											size: "sm",
+											onClick: () => r(`/events/${t}/edit`),
+											children: [/* @__PURE__ */ b(T, { className: "h-4 w-4" }), "Edit event details"]
+										})
+									})
+								]
+							}), /* @__PURE__ */ x(P, {
+								treatment: "glass",
+								glow: !0,
+								className: "p-5",
+								children: [/* @__PURE__ */ b("h2", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Key Metrics"
+								}), /* @__PURE__ */ x("dl", {
+									className: "mt-4 space-y-4",
+									children: [
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+											className: "text-sm text-text-secondary",
+											children: "Capacity"
+										}), /* @__PURE__ */ b("dd", {
+											className: "text-2xl font-semibold tabular-nums text-text-primary",
+											children: (h.capacity ?? 0).toLocaleString()
+										})] }),
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+											className: "text-sm text-text-secondary",
+											children: "Sessions"
+										}), /* @__PURE__ */ b("dd", {
+											className: "text-2xl font-semibold tabular-nums text-text-primary",
+											children: O.toLocaleString()
+										})] }),
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+											className: "text-sm text-text-secondary",
+											children: "Ticket types"
+										}), /* @__PURE__ */ b("dd", {
+											className: "text-2xl font-semibold tabular-nums text-text-primary",
+											children: (c?.ticketTypes?.total ?? 0).toLocaleString()
+										})] }),
+										/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("dt", {
+											className: "text-sm text-text-secondary",
+											children: "Tickets sold"
+										}), /* @__PURE__ */ b("dd", {
+											className: "text-2xl font-semibold tabular-nums text-text-primary",
+											children: k.toLocaleString()
+										})] })
+									]
+								})]
+							})]
+						})
 					}),
-					/* @__PURE__ */ m(A, {
+					/* @__PURE__ */ b(R, {
 						value: "sessions",
-						children: "Sessions"
+						className: "mt-4",
+						children: /* @__PURE__ */ b(Y, { eventId: t })
 					}),
-					/* @__PURE__ */ m(A, {
+					/* @__PURE__ */ b(R, {
 						value: "speakers",
-						children: "Speakers"
+						className: "mt-4",
+						children: /* @__PURE__ */ b(X, {})
 					}),
-					/* @__PURE__ */ m(A, {
+					/* @__PURE__ */ b(R, {
 						value: "tickets",
-						children: "Tickets"
+						className: "mt-4",
+						children: /* @__PURE__ */ b(Z, { eventId: t })
 					})
-				] }),
-				/* @__PURE__ */ h(O, {
-					value: "overview",
-					className: "mt-4",
-					children: [/* @__PURE__ */ h("div", {
-						className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-						children: [
-							/* @__PURE__ */ h(T, {
-								treatment: "metric",
-								className: "p-4",
-								children: [/* @__PURE__ */ h("div", {
-									className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
-									children: [/* @__PURE__ */ m(x, { className: "h-4 w-4 text-action-primary-bg" }), "Type"]
-								}), /* @__PURE__ */ m("p", {
-									className: "text-sm uppercase text-text-secondary",
-									children: c.type
-								})]
-							}),
-							/* @__PURE__ */ h(T, {
-								treatment: "glass",
-								glow: !0,
-								className: "p-4",
-								children: [/* @__PURE__ */ h("div", {
-									className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
-									children: [/* @__PURE__ */ m(S, { className: "h-4 w-4 text-action-primary-bg" }), "Capacity"]
-								}), /* @__PURE__ */ h("p", {
-									className: "text-sm tabular-nums text-text-secondary",
-									children: [c.capacity ?? 0, " attendees"]
-								})]
-							}),
-							/* @__PURE__ */ h(T, {
-								treatment: "metric",
-								className: "p-4",
-								children: [/* @__PURE__ */ h("div", {
-									className: "mb-2 flex items-center gap-2 text-sm font-medium text-text-primary",
-									children: [/* @__PURE__ */ m(y, { className: "h-4 w-4 text-action-primary-bg" }), "Timezone"]
-								}), /* @__PURE__ */ m("p", {
-									className: "text-sm text-text-secondary",
-									children: c.timezone
-								})]
-							})
-						]
-					}), /* @__PURE__ */ h(T, {
-						treatment: "plain",
-						className: "mt-4 border-border-seam p-5",
-						children: [
-							/* @__PURE__ */ m("h2", {
-								className: "text-lg font-semibold text-text-primary",
-								children: "About"
-							}),
-							/* @__PURE__ */ m("p", {
-								className: "mt-2 text-sm text-text-secondary",
-								children: c.description?.trim() ? c.description : "No description provided."
-							}),
-							/* @__PURE__ */ h("dl", {
-								className: "mt-4 grid grid-cols-1 gap-3 text-sm sm:grid-cols-2",
-								children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
-									className: "text-text-muted",
-									children: "Visibility"
-								}), /* @__PURE__ */ m("dd", {
-									className: "capitalize text-text-primary",
-									children: c.visibility
-								})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("dt", {
-									className: "text-text-muted",
-									children: "Venue"
-								}), /* @__PURE__ */ m("dd", {
-									className: "text-text-primary",
-									children: l ? /* @__PURE__ */ m(w, {
-										type: "button",
-										variant: "link",
-										size: "sm",
-										className: "h-auto p-0",
-										onClick: () => n(`/venues/${l}`),
-										children: "View venue"
-									}) : "No venue assigned"
-								})] })]
-							}),
-							/* @__PURE__ */ m("div", {
-								className: "mt-4",
-								children: /* @__PURE__ */ h(w, {
-									type: "button",
-									variant: "outline",
-									size: "sm",
-									onClick: () => n(`/events/${t}/edit`),
-									children: [/* @__PURE__ */ m(v, { className: "h-4 w-4" }), "Edit event details"]
-								})
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ m(O, {
-					value: "sessions",
-					className: "mt-4",
-					children: /* @__PURE__ */ m(M, { eventId: t })
-				}),
-				/* @__PURE__ */ m(O, {
-					value: "speakers",
-					className: "mt-4",
-					children: /* @__PURE__ */ m(N, {})
-				}),
-				/* @__PURE__ */ m(O, {
-					value: "tickets",
-					className: "mt-4",
-					children: /* @__PURE__ */ m(P, { eventId: t })
-				})
-			]
-		})]
-	}) : /* @__PURE__ */ h("div", {
+				]
+			})
+		]
+	}) : /* @__PURE__ */ x("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ h(w, {
+		children: [/* @__PURE__ */ x(N, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
-			onClick: () => n("/events"),
-			children: [/* @__PURE__ */ m(g, { className: "h-4 w-4" }), "Back to Events"]
-		}), /* @__PURE__ */ m(T, {
+			onClick: () => r("/events"),
+			children: [/* @__PURE__ */ b(S, { className: "h-4 w-4" }), "Back to Events"]
+		}), /* @__PURE__ */ b(P, {
 			treatment: "plain",
 			className: "border-border-seam",
-			children: /* @__PURE__ */ m(E, {
+			children: /* @__PURE__ */ b(F, {
 				illustration: "empty-search",
 				title: "Event not found.",
 				description: "This event may have been removed or is outside your current scope."
@@ -453,6 +814,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as default };
+export { $ as default };
 
 //# sourceMappingURL=EventDetailPage.js.map