@burdenoff/microfe-technospam 2026.1024.1 → 2026.1030.2

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js

@@ -2,246 +2,252 @@ import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { PageLayout as n } from "../components/PageLayout.js";
 import { MediaCover as r, coverGradient as i } from "../components/MediaCover.js";
-import { formatDate as a, formatDateTime as ee, formatMoney as te } from "../utils/format.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { EmptyView as s, ErrorView as c } from "../components/StateViews.js";
+import { formatDate as a, formatDateTime as o, formatMoney as ee } from "../utils/format.js";
+import { StatusBadge as s } from "../components/StatusBadge.js";
+import { EmptyView as c, ErrorView as l } from "../components/StateViews.js";
+import { notify as u } from "../lib/toast.js";
+import { useHackathonQuery as te, useRegisterTeam as ne, useSubmitProject as re, useTeamsQuery as ie } from "../api/technospamApi.js";
 import "../components/index.js";
-import { notify as l } from "../lib/toast.js";
-import { useHackathonQuery as ne, useRegisterTeam as re, useSubmitProject as ie, useTeamsQuery as ae } from "../api/technospamApi.js";
-import { useState as u } from "react";
-import { Award as oe, CalendarClock as se, CalendarDays as d, Code2 as f, ExternalLink as p, Flag as m, Github as h, Send as g, Trophy as _, UserPlus as v, Users as y } from "lucide-react";
-import { useSearchParams as ce } from "react-router";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { Badge as S, Button as C, GlassCard as w, Input as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as le, SelectValue as ue, Skeleton as k, Textarea as de } from "@burdenoff/fe-libs/ui";
+import { FOCUS_PARAMS as ae } from "../utils/pageContext.js";
+import { focusableCardProps as d, useFocusedRecordParam as oe } from "../hooks/useFocusedRecordParam.js";
+import { useState as f } from "react";
+import { Award as se, CalendarClock as ce, CalendarDays as p, Code2 as m, ExternalLink as h, Flag as g, Github as _, Send as v, Trophy as y, UserPlus as b, Users as x } from "lucide-react";
+import { useSearchParams as le } from "react-router";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Badge as w, Button as T, GlassCard as E, Input as D, Select as ue, SelectContent as de, SelectItem as fe, SelectTrigger as pe, SelectValue as me, Skeleton as O, Textarea as he } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx
-function A({ icon: e, label: t }) {
-	return /* @__PURE__ */ x("span", {
+function k({ icon: e, label: t }) {
+	return /* @__PURE__ */ C("span", {
 		className: "inline-flex items-center gap-1.5 rounded-lg bg-white/15 px-3 py-1.5 text-sm font-medium text-white ring-1 ring-white/25 backdrop-blur-sm",
 		children: [
-			/* @__PURE__ */ b(e, { size: 15 }),
+			/* @__PURE__ */ S(e, { size: 15 }),
 			" ",
 			t
 		]
 	});
 }
-function fe({ team: e, isMine: n }) {
-	let r = e.status === "WINNER";
-	return /* @__PURE__ */ x(w, {
-		className: "group flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
+function ge({ team: e, isMine: n, focused: r, onToggle: a }) {
+	let o = e.status === "WINNER";
+	return /* @__PURE__ */ C(E, {
+		className: t("group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg", r && "ring-2 ring-accent-primary"),
+		...d(r, a),
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "flex min-w-0 items-start gap-3",
-					children: [/* @__PURE__ */ b("span", {
+					children: [/* @__PURE__ */ S("span", {
 						className: t("flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm ring-1 ring-white/10 transition-transform duration-200 group-hover:scale-105", i(e.name)),
-						children: b(r ? _ : f, { size: 19 })
-					}), /* @__PURE__ */ x("div", {
+						children: S(o ? y : m, { size: 19 })
+					}), /* @__PURE__ */ C("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ b("span", {
-								className: "truncate text-sm font-semibold text-text-primary",
+							children: [/* @__PURE__ */ S("button", {
+								type: "button",
+								"aria-pressed": r,
+								onClick: a,
+								className: "truncate text-left text-sm font-semibold text-text-primary hover:text-accent-primary",
 								children: e.name
-							}), n ? /* @__PURE__ */ b(S, {
+							}), n ? /* @__PURE__ */ S(w, {
 								variant: "secondary",
 								className: "text-[11px]",
 								children: "Your team"
 							}) : null]
-						}), e.projectName ? /* @__PURE__ */ b("p", {
+						}), e.projectName ? /* @__PURE__ */ S("p", {
 							className: "mt-0.5 truncate text-sm text-text-secondary",
 							children: e.projectName
-						}) : /* @__PURE__ */ b("p", {
+						}) : /* @__PURE__ */ S("p", {
 							className: "mt-0.5 text-sm text-text-muted",
 							children: "No project submitted yet"
 						})]
 					})]
-				}), /* @__PURE__ */ b(o, { status: e.status })]
+				}), /* @__PURE__ */ S(s, { status: e.status })]
 			}),
-			e.pitch ? /* @__PURE__ */ b("p", {
+			e.pitch ? /* @__PURE__ */ S("p", {
 				className: "line-clamp-3 text-sm text-text-secondary",
 				children: e.pitch
 			}) : null,
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted",
-				children: [/* @__PURE__ */ x("span", {
+				children: [/* @__PURE__ */ C("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ b(y, { size: 13 }),
+						/* @__PURE__ */ S(x, { size: 13 }),
 						" ",
 						e.memberIds.length,
 						" member",
 						e.memberIds.length === 1 ? "" : "s"
 					]
-				}), /* @__PURE__ */ x("span", {
+				}), /* @__PURE__ */ C("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ b(m, { size: 13 }),
+						/* @__PURE__ */ S(g, { size: 13 }),
 						" Score ",
 						e.score
 					]
 				})]
 			}),
-			e.repoUrl || e.projectUrl ? /* @__PURE__ */ x("div", {
+			e.repoUrl || e.projectUrl ? /* @__PURE__ */ C("div", {
 				className: "flex flex-wrap items-center gap-3 border-t border-border-seam pt-3",
-				children: [e.repoUrl ? /* @__PURE__ */ x("a", {
+				children: [e.repoUrl ? /* @__PURE__ */ C("a", {
 					href: e.repoUrl,
 					target: "_blank",
 					rel: "noreferrer",
 					className: "inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline",
-					children: [/* @__PURE__ */ b(h, { size: 13 }), " Repository"]
-				}) : null, e.projectUrl ? /* @__PURE__ */ x("a", {
+					children: [/* @__PURE__ */ S(_, { size: 13 }), " Repository"]
+				}) : null, e.projectUrl ? /* @__PURE__ */ C("a", {
 					href: e.projectUrl,
 					target: "_blank",
 					rel: "noreferrer",
 					className: "inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline",
-					children: [/* @__PURE__ */ b(p, { size: 13 }), " Live project"]
+					children: [/* @__PURE__ */ S(h, { size: 13 }), " Live project"]
 				}) : null]
 			}) : null
 		]
 	});
 }
-function j() {
-	let [t] = ce(), i = t.get("id") ?? "", { currentUser: f } = e(), { data: p, loading: m, error: h, refetch: j } = ne(i), { data: pe, loading: me, error: M, refetch: N } = ae(i), [he, { loading: P }] = re(), [F, { loading: I }] = ie(), [L, R] = u(""), [z, B] = u(""), [ge, _e] = u(""), [V, H] = u(""), [U, W] = u(""), [G, K] = u(""), [q, J] = u(""), Y = p?.tecHackathon ?? null, X = pe?.tecListTeams?.items ?? [], Z = Y?.status === "REGISTRATION_OPEN", Q = f?.id ? X.filter((e) => e.captainId === f.id) : [], $ = ge || Q[0]?.id || "";
-	return m && !Y ? /* @__PURE__ */ x(n, {
+function A() {
+	let [t] = le(), i = t.get("id") ?? "", { currentUser: d } = e(), [m, h] = oe(ae.team), { data: g, loading: _, error: A, refetch: j } = te(i), { data: _e, loading: M, error: N, refetch: P } = ie(i), [ve, { loading: F }] = ne(), [ye, { loading: I }] = re(), [L, R] = f(""), [z, B] = f(""), [be, xe] = f(""), [V, H] = f(""), [U, W] = f(""), [G, K] = f(""), [q, J] = f(""), Y = g?.tecHackathon ?? null, X = _e?.tecListTeams?.items ?? [], Z = Y?.status === "REGISTRATION_OPEN", Q = d?.id ? X.filter((e) => e.captainId === d.id) : [], $ = be || Q[0]?.id || "";
+	return _ && !Y ? /* @__PURE__ */ C(n, {
 		title: "Hackathon",
 		backPath: "/hackathons/hackathons-page",
-		children: [/* @__PURE__ */ b(k, { className: "mb-4 h-32 w-full rounded-xl" }), /* @__PURE__ */ b(k, { className: "h-64 w-full rounded-xl" })]
-	}) : h || !Y ? /* @__PURE__ */ b(n, {
+		children: [/* @__PURE__ */ S(O, { className: "mb-4 h-32 w-full rounded-xl" }), /* @__PURE__ */ S(O, { className: "h-64 w-full rounded-xl" })]
+	}) : A || !Y ? /* @__PURE__ */ S(n, {
 		title: "Hackathon",
 		backPath: "/hackathons/hackathons-page",
-		children: h ? /* @__PURE__ */ b(c, {
+		children: A ? /* @__PURE__ */ S(l, {
 			title: "Couldn't load hackathon",
-			error: h
-		}) : /* @__PURE__ */ b(s, {
+			error: A
+		}) : /* @__PURE__ */ S(c, {
 			title: "Hackathon not found",
 			description: "This hackathon may no longer be listed."
 		})
-	}) : /* @__PURE__ */ x(n, {
+	}) : /* @__PURE__ */ C(n, {
 		backPath: "/hackathons/hackathons-page",
 		title: Y.title,
 		description: Y.theme ?? void 0,
 		children: [
-			/* @__PURE__ */ b(r, {
+			/* @__PURE__ */ S(r, {
 				height: "h-40",
 				seed: Y.theme ?? Y.id,
-				icon: _,
+				icon: y,
 				className: "mb-6 rounded-xl",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "flex w-full flex-col gap-3",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ b(o, { status: Y.status }), Y.tags.map((e) => /* @__PURE__ */ b(S, {
+						children: [/* @__PURE__ */ S(s, { status: Y.status }), Y.tags.map((e) => /* @__PURE__ */ S(w, {
 							variant: "secondary",
 							className: "border-white/20 bg-white/15 text-[11px] text-white",
 							children: e
 						}, e))]
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ b(A, {
-								icon: oe,
-								label: `${te(Y.prizePool, Y.currency)} prize pool`
+							/* @__PURE__ */ S(k, {
+								icon: se,
+								label: `${ee(Y.prizePool, Y.currency)} prize pool`
 							}),
-							/* @__PURE__ */ b(A, {
-								icon: d,
+							/* @__PURE__ */ S(k, {
+								icon: p,
 								label: `${a(Y.startAt)} – ${a(Y.endAt)}`
 							}),
-							/* @__PURE__ */ b(A, {
-								icon: y,
+							/* @__PURE__ */ S(k, {
+								icon: x,
 								label: `Team of ${Y.maxTeamSize}`
 							}),
-							/* @__PURE__ */ b(A, {
-								icon: _,
+							/* @__PURE__ */ S(k, {
+								icon: y,
 								label: `${X.length} team${X.length === 1 ? "" : "s"} registered`
 							})
 						]
 					})]
 				})
 			}),
-			Y.description ? /* @__PURE__ */ x(w, {
+			Y.description ? /* @__PURE__ */ C(E, {
 				className: "mb-6 p-5",
-				children: [/* @__PURE__ */ b("h2", {
+				children: [/* @__PURE__ */ S("h2", {
 					className: "mb-2 text-base font-semibold text-text-primary",
 					children: "About"
-				}), /* @__PURE__ */ b("p", {
+				}), /* @__PURE__ */ S("p", {
 					className: "whitespace-pre-line text-sm text-text-secondary",
 					children: Y.description
 				})]
 			}) : null,
-			/* @__PURE__ */ x(w, {
+			/* @__PURE__ */ C(E, {
 				className: "mb-6 p-5",
-				children: [/* @__PURE__ */ b("h2", {
+				children: [/* @__PURE__ */ S("h2", {
 					className: "mb-3 text-base font-semibold text-text-primary",
 					children: "Schedule"
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ C("div", {
 							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
-							children: [/* @__PURE__ */ b(d, {
+							children: [/* @__PURE__ */ S(p, {
 								size: 16,
 								className: "text-accent-teal"
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "text-xs text-text-muted",
 									children: "Starts"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: a(Y.startAt)
 								})]
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ C("div", {
 							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
-							children: [/* @__PURE__ */ b(d, {
+							children: [/* @__PURE__ */ S(p, {
 								size: 16,
 								className: "text-accent-teal"
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "text-xs text-text-muted",
 									children: "Ends"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: a(Y.endAt)
 								})]
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ C("div", {
 							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
-							children: [/* @__PURE__ */ b(se, {
+							children: [/* @__PURE__ */ S(ce, {
 								size: 16,
 								className: "text-accent-teal"
-							}), /* @__PURE__ */ x("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ b("div", {
+								children: [/* @__PURE__ */ S("div", {
 									className: "text-xs text-text-muted",
 									children: "Submission deadline"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "truncate text-sm font-medium text-text-primary",
-									children: ee(Y.submissionDeadline)
+									children: o(Y.submissionDeadline)
 								})]
 							})]
 						})
 					]
 				})]
 			}),
-			Z ? /* @__PURE__ */ x(w, {
+			Z ? /* @__PURE__ */ C(E, {
 				className: "mb-6 p-5",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ C("div", {
 						className: "mb-3 flex items-center gap-3",
-						children: [/* @__PURE__ */ b("span", {
+						children: [/* @__PURE__ */ S("span", {
 							className: "flex h-9 w-9 items-center justify-center rounded-xl bg-accent-primary/15 text-accent-primary ring-1 ring-accent-primary/20",
-							children: /* @__PURE__ */ b(v, { size: 18 })
-						}), /* @__PURE__ */ b("h2", {
+							children: /* @__PURE__ */ S(b, { size: 18 })
+						}), /* @__PURE__ */ S("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Register a team"
 						})]
 					}),
-					/* @__PURE__ */ x("p", {
+					/* @__PURE__ */ C("p", {
 						className: "mb-4 text-sm text-text-secondary",
 						children: [
 							"You'll be the team captain. Add teammates by their user id (optional) — teams can be up to ",
@@ -249,132 +255,132 @@ function j() {
 							" members."
 						]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ C("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+						children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 							className: "mb-1.5 block text-sm font-medium text-text-secondary",
 							children: "Team name"
-						}), /* @__PURE__ */ b(T, {
+						}), /* @__PURE__ */ S(D, {
 							placeholder: "e.g. Byte Builders",
 							value: L,
 							onChange: (e) => R(e.target.value)
-						})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
+						})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
 							className: "mb-1.5 block text-sm font-medium text-text-secondary",
 							children: [
 								"Teammate user ids",
 								" ",
-								/* @__PURE__ */ b("span", {
+								/* @__PURE__ */ S("span", {
 									className: "text-text-muted",
 									children: "(optional, comma-separated)"
 								})
 							]
-						}), /* @__PURE__ */ b(T, {
+						}), /* @__PURE__ */ S(D, {
 							placeholder: "user-id-1, user-id-2",
 							value: z,
 							onChange: (e) => B(e.target.value)
 						})] })]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "mt-4 flex justify-end",
-						children: /* @__PURE__ */ x(C, {
+						children: /* @__PURE__ */ C(T, {
 							onClick: async () => {
 								if (!i || !L.trim()) return;
 								let e = z.split(",").map((e) => e.trim()).filter(Boolean);
-								(await he({ variables: { input: {
+								(await ve({ variables: { input: {
 									hackathonId: i,
 									name: L.trim(),
 									memberIds: e
-								} } })).data?.tecRegisterTeam && (l.success("Team registered", `"${L.trim()}" is in the running.`), R(""), B(""), await Promise.all([N(), j()]));
+								} } })).data?.tecRegisterTeam && (u.success("Team registered", `"${L.trim()}" is in the running.`), R(""), B(""), await Promise.all([P(), j()]));
 							},
-							disabled: P || !L.trim(),
+							disabled: F || !L.trim(),
 							children: [
-								/* @__PURE__ */ b(v, { size: 16 }),
+								/* @__PURE__ */ S(b, { size: 16 }),
 								" ",
-								P ? "Registering…" : "Register team"
+								F ? "Registering…" : "Register team"
 							]
 						})
 					})
 				]
 			}) : null,
-			Q.length > 0 ? /* @__PURE__ */ x(w, {
+			Q.length > 0 ? /* @__PURE__ */ C(E, {
 				className: "mb-6 p-5",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ C("div", {
 						className: "mb-3 flex items-center gap-3",
-						children: [/* @__PURE__ */ b("span", {
+						children: [/* @__PURE__ */ S("span", {
 							className: "flex h-9 w-9 items-center justify-center rounded-xl bg-accent-teal/15 text-accent-teal ring-1 ring-accent-teal/20",
-							children: /* @__PURE__ */ b(g, { size: 18 })
-						}), /* @__PURE__ */ b("h2", {
+							children: /* @__PURE__ */ S(v, { size: 18 })
+						}), /* @__PURE__ */ S("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Submit your project"
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ C("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 						children: [
-							Q.length > 1 ? /* @__PURE__ */ x("div", {
+							Q.length > 1 ? /* @__PURE__ */ C("div", {
 								className: "sm:col-span-2",
-								children: [/* @__PURE__ */ b("label", {
+								children: [/* @__PURE__ */ S("label", {
 									className: "mb-1.5 block text-sm font-medium text-text-secondary",
 									children: "Team"
-								}), /* @__PURE__ */ x(E, {
+								}), /* @__PURE__ */ C(ue, {
 									value: $,
-									onValueChange: _e,
-									children: [/* @__PURE__ */ b(le, { children: /* @__PURE__ */ b(ue, { placeholder: "Choose a team" }) }), /* @__PURE__ */ b(D, { children: Q.map((e) => /* @__PURE__ */ b(O, {
+									onValueChange: xe,
+									children: [/* @__PURE__ */ S(pe, { children: /* @__PURE__ */ S(me, { placeholder: "Choose a team" }) }), /* @__PURE__ */ S(de, { children: Q.map((e) => /* @__PURE__ */ S(fe, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								})]
-							}) : /* @__PURE__ */ x("div", {
+							}) : /* @__PURE__ */ C("div", {
 								className: "sm:col-span-2 text-sm text-text-secondary",
 								children: [
 									"Submitting for",
 									" ",
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ S("span", {
 										className: "font-medium text-text-primary",
 										children: Q[0]?.name
 									})
 								]
 							}),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("label", {
 								className: "mb-1.5 block text-sm font-medium text-text-secondary",
 								children: "Project name"
-							}), /* @__PURE__ */ b(T, {
+							}), /* @__PURE__ */ S(D, {
 								placeholder: "e.g. RealtimeCanvas",
 								value: V,
 								onChange: (e) => H(e.target.value)
 							})] }),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
+							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
 								className: "mb-1.5 block text-sm font-medium text-text-secondary",
-								children: ["Live project URL ", /* @__PURE__ */ b("span", {
+								children: ["Live project URL ", /* @__PURE__ */ S("span", {
 									className: "text-text-muted",
 									children: "(optional)"
 								})]
-							}), /* @__PURE__ */ b(T, {
+							}), /* @__PURE__ */ S(D, {
 								placeholder: "https://…",
 								value: U,
 								onChange: (e) => W(e.target.value)
 							})] }),
-							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
+							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("label", {
 								className: "mb-1.5 block text-sm font-medium text-text-secondary",
-								children: ["Repository URL ", /* @__PURE__ */ b("span", {
+								children: ["Repository URL ", /* @__PURE__ */ S("span", {
 									className: "text-text-muted",
 									children: "(optional)"
 								})]
-							}), /* @__PURE__ */ b(T, {
+							}), /* @__PURE__ */ S(D, {
 								placeholder: "https://github.com/…",
 								value: G,
 								onChange: (e) => K(e.target.value)
 							})] }),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ C("div", {
 								className: "sm:col-span-2",
-								children: [/* @__PURE__ */ x("label", {
+								children: [/* @__PURE__ */ C("label", {
 									className: "mb-1.5 block text-sm font-medium text-text-secondary",
-									children: ["Pitch ", /* @__PURE__ */ b("span", {
+									children: ["Pitch ", /* @__PURE__ */ S("span", {
 										className: "text-text-muted",
 										children: "(optional)"
 									})]
-								}), /* @__PURE__ */ b(de, {
+								}), /* @__PURE__ */ S(he, {
 									rows: 3,
 									placeholder: "What did you build, and why does it matter?",
 									value: q,
@@ -383,21 +389,21 @@ function j() {
 							})
 						]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "mt-4 flex justify-end",
-						children: /* @__PURE__ */ x(C, {
+						children: /* @__PURE__ */ C(T, {
 							onClick: async () => {
-								!$ || !V.trim() || (await F({ variables: { input: {
+								!$ || !V.trim() || (await ye({ variables: { input: {
 									teamId: $,
 									projectName: V.trim(),
 									projectUrl: U.trim() || void 0,
 									repoUrl: G.trim() || void 0,
 									pitch: q.trim() || void 0
-								} } })).data?.tecSubmitProject && (l.success("Project submitted", `"${V.trim()}" is submitted for judging.`), H(""), W(""), K(""), J(""), await Promise.all([N(), j()]));
+								} } })).data?.tecSubmitProject && (u.success("Project submitted", `"${V.trim()}" is submitted for judging.`), H(""), W(""), K(""), J(""), await Promise.all([P(), j()]));
 							},
 							disabled: I || !$ || !V.trim(),
 							children: [
-								/* @__PURE__ */ b(g, { size: 16 }),
+								/* @__PURE__ */ S(v, { size: 16 }),
 								" ",
 								I ? "Submitting…" : "Submit project"
 							]
@@ -405,9 +411,9 @@ function j() {
 					})
 				]
 			}) : null,
-			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h2", {
+			/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("h2", {
 				className: "mb-3 text-base font-semibold text-text-primary",
-				children: ["Teams ", X.length ? /* @__PURE__ */ x("span", {
+				children: ["Teams ", X.length ? /* @__PURE__ */ C("span", {
 					className: "text-text-muted",
 					children: [
 						"(",
@@ -415,27 +421,29 @@ function j() {
 						")"
 					]
 				}) : null]
-			}), me && !X.length ? /* @__PURE__ */ x("div", {
+			}), M && !X.length ? /* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ b(k, { className: "h-40 w-full rounded-xl" }), /* @__PURE__ */ b(k, { className: "h-40 w-full rounded-xl" })]
-			}) : M ? /* @__PURE__ */ b(c, {
+				children: [/* @__PURE__ */ S(O, { className: "h-40 w-full rounded-xl" }), /* @__PURE__ */ S(O, { className: "h-40 w-full rounded-xl" })]
+			}) : N ? /* @__PURE__ */ S(l, {
 				title: "Couldn't load teams",
-				error: M
-			}) : X.length === 0 ? /* @__PURE__ */ b(s, {
-				icon: /* @__PURE__ */ b(y, { size: 26 }),
+				error: N
+			}) : X.length === 0 ? /* @__PURE__ */ S(c, {
+				icon: /* @__PURE__ */ S(x, { size: 26 }),
 				title: "No teams registered yet",
 				description: Z ? "Be the first to register a team above." : "Teams will appear here once registration opens."
-			}) : /* @__PURE__ */ b("div", {
+			}) : /* @__PURE__ */ S("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-				children: X.map((e) => /* @__PURE__ */ b(fe, {
+				children: X.map((e) => /* @__PURE__ */ S(ge, {
 					team: e,
-					isMine: !!f?.id && e.captainId === f.id
+					isMine: !!d?.id && e.captainId === d.id,
+					focused: m === e.id,
+					onToggle: () => h(m === e.id ? null : e.id)
 				}, e.id))
 			})] })
 		]
 	});
 }
 //#endregion
-export { j as HackathonsHackathonDetailsPagePage };
+export { A as HackathonsHackathonDetailsPagePage };
 
 //# sourceMappingURL=HackathonsHackathonDetailsPagePage.js.map