@burdenoff/microfe-technospam 2026.512.1 → 2026.704.1

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js

@@ -1,250 +1,419 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { ArrowLeft as t, Calendar as n, Clock as r, Code as i, MapPin as a, Trophy as o, Users as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { StatCard as n } from "../components/StatCard.js";
+import { formatDate as r, formatDateTime as ee, formatMoney as te } from "../utils/format.js";
+import { StatusBadge as i } from "../components/StatusBadge.js";
+import { EmptyView as a, ErrorView as o } from "../components/StateViews.js";
+import "../components/index.js";
+import { notify as s } from "../lib/toast.js";
+import { useHackathonQuery as c, useRegisterTeam as ne, useSubmitProject as l, useTeamsQuery as u } from "../api/technospamApi.js";
+import { useState as d } from "react";
+import { Award as re, CalendarClock as f, CalendarDays as p, ExternalLink as m, Flag as h, Github as g, Send as _, Trophy as ie, UserPlus as v, Users as y } from "lucide-react";
+import { useSearchParams as ae } from "react-router-dom";
+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 oe, SelectItem as se, SelectTrigger as ce, SelectValue as le, Skeleton as D, Textarea as ue } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx
-var g = Date.now();
-function _() {
-	let { hackathons: _ } = e(), v = _[0];
-	if (!v) return /* @__PURE__ */ c("div", {
-		className: "p-6 text-center text-muted-foreground",
-		children: "Hackathon not found"
-	});
-	let y = (e) => {
-		switch (e) {
-			case "registration_open": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
-			case "ongoing": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
-			case "upcoming": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
-			default: return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
-		}
-	}, b = Math.max(0, Math.ceil((new Date(v.startDate).getTime() - g) / (1e3 * 60 * 60 * 24))), x = v.maxParticipants - v.currentParticipants;
-	return /* @__PURE__ */ l("div", {
-		className: "space-y-6 p-6",
+function de({ team: e, isMine: t }) {
+	return /* @__PURE__ */ x(w, {
+		className: "flex flex-col gap-3 p-4",
 		children: [
-			/* @__PURE__ */ l(d, {
-				variant: "ghost",
-				size: "sm",
-				className: "text-muted-foreground",
-				children: [/* @__PURE__ */ c(t, { className: "mr-2 h-4 w-4" }), "Back to Hackathons"]
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "space-y-3",
-				children: [/* @__PURE__ */ l("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ c("h1", {
-						className: "text-3xl font-bold text-foreground",
-						children: v.title
-					}), /* @__PURE__ */ c("span", {
-						className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${y(v.status)}`,
-						children: v.status.replace("_", " ")
+			/* @__PURE__ */ x("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ x("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ b("span", {
+							className: "truncate text-sm font-semibold text-text-primary",
+							children: e.name
+						}), t ? /* @__PURE__ */ b(S, {
+							variant: "secondary",
+							className: "text-[11px]",
+							children: "Your team"
+						}) : null]
+					}), e.projectName ? /* @__PURE__ */ b("p", {
+						className: "mt-0.5 truncate text-sm text-text-secondary",
+						children: e.projectName
+					}) : /* @__PURE__ */ b("p", {
+						className: "mt-0.5 text-sm text-text-muted",
+						children: "No project submitted yet"
 					})]
-				}), /* @__PURE__ */ c("p", {
-					className: "text-lg text-muted-foreground",
-					children: v.description
+				}), /* @__PURE__ */ b(i, { status: e.status })]
+			}),
+			e.pitch ? /* @__PURE__ */ b("p", {
+				className: "line-clamp-3 text-sm text-text-secondary",
+				children: e.pitch
+			}) : null,
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted",
+				children: [/* @__PURE__ */ x("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ b(y, { size: 13 }),
+						" ",
+						e.memberIds.length,
+						" member",
+						e.memberIds.length === 1 ? "" : "s"
+					]
+				}), /* @__PURE__ */ x("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ b(h, { size: 13 }),
+						" Score ",
+						e.score
+					]
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ l("div", {
-					className: "space-y-6 lg:col-span-2",
+			e.repoUrl || e.projectUrl ? /* @__PURE__ */ x("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [e.repoUrl ? /* @__PURE__ */ x("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(g, { size: 13 }), " Repository"]
+				}) : null, e.projectUrl ? /* @__PURE__ */ x("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(m, { size: 13 }), " Live project"]
+				}) : null]
+			}) : null
+		]
+	});
+}
+function O() {
+	let [m] = ae(), h = m.get("id") ?? "", { currentUser: g } = e(), { data: O, loading: fe, error: k, refetch: A } = c(h), { data: pe, loading: me, error: j, refetch: M } = u(h), [N, { loading: P }] = ne(), [F, { loading: I }] = l(), [L, R] = d(""), [z, B] = d(""), [he, ge] = d(""), [V, H] = d(""), [U, W] = d(""), [G, K] = d(""), [q, J] = d(""), Y = O?.tecHackathon ?? null, X = pe?.tecListTeams ?? [], Z = Y?.status === "REGISTRATION_OPEN", Q = g?.id ? X.filter((e) => e.captainId === g.id) : [], $ = he || Q[0]?.id || "";
+	return fe && !Y ? /* @__PURE__ */ x(t, {
+		title: "Hackathon",
+		backPath: "/hackathons/hackathons-page",
+		children: [/* @__PURE__ */ b(D, { className: "mb-4 h-32 w-full rounded-xl" }), /* @__PURE__ */ b(D, { className: "h-64 w-full rounded-xl" })]
+	}) : k || !Y ? /* @__PURE__ */ b(t, {
+		title: "Hackathon",
+		backPath: "/hackathons/hackathons-page",
+		children: k ? /* @__PURE__ */ b(o, {
+			title: "Couldn't load hackathon",
+			error: k
+		}) : /* @__PURE__ */ b(a, {
+			title: "Hackathon not found",
+			description: "This hackathon may no longer be listed."
+		})
+	}) : /* @__PURE__ */ x(t, {
+		hero: !0,
+		backPath: "/hackathons/hackathons-page",
+		title: Y.title,
+		description: Y.theme ?? void 0,
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "mb-5 flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ b(i, { status: Y.status }), Y.tags.map((e) => /* @__PURE__ */ b(S, {
+					variant: "secondary",
+					children: e
+				}, e))]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "mb-6 grid grid-cols-2 gap-3 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ b(n, {
+						label: "Prize pool",
+						value: te(Y.prizePool, Y.currency),
+						icon: re
+					}),
+					/* @__PURE__ */ b(n, {
+						label: "Max team size",
+						value: Y.maxTeamSize,
+						icon: y
+					}),
+					/* @__PURE__ */ b(n, {
+						label: "Teams registered",
+						value: X.length,
+						icon: ie
+					}),
+					/* @__PURE__ */ b(n, {
+						label: "Ends",
+						value: r(Y.endAt),
+						icon: p
+					})
+				]
+			}),
+			Y.description ? /* @__PURE__ */ x(w, {
+				className: "mb-6 p-5",
+				children: [/* @__PURE__ */ b("h2", {
+					className: "mb-2 text-base font-semibold text-text-primary",
+					children: "About"
+				}), /* @__PURE__ */ b("p", {
+					className: "whitespace-pre-line text-sm text-text-secondary",
+					children: Y.description
+				})]
+			}) : null,
+			/* @__PURE__ */ x(w, {
+				className: "mb-6 p-5",
+				children: [/* @__PURE__ */ b("h2", {
+					className: "mb-3 text-base font-semibold text-text-primary",
+					children: "Schedule"
+				}), /* @__PURE__ */ x("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ l("div", {
-							className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-							children: [
-								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-									className: "flex flex-col items-center pt-6 text-center",
-									children: [
-										/* @__PURE__ */ c(n, { className: "h-6 w-6 text-primary" }),
-										/* @__PURE__ */ c("p", {
-											className: "mt-2 text-xs text-muted-foreground",
-											children: "Starts In"
-										}),
-										/* @__PURE__ */ l("p", {
-											className: "text-lg font-bold",
-											children: [b, " days"]
-										})
-									]
-								}) }),
-								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-									className: "flex flex-col items-center pt-6 text-center",
-									children: [
-										/* @__PURE__ */ c(o, { className: "h-6 w-6 text-yellow-500" }),
-										/* @__PURE__ */ c("p", {
-											className: "mt-2 text-xs text-muted-foreground",
-											children: "Prize Pool"
-										}),
-										/* @__PURE__ */ l("p", {
-											className: "text-lg font-bold",
-											children: ["$", v.prizePool.toLocaleString()]
-										})
-									]
-								}) }),
-								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-									className: "flex flex-col items-center pt-6 text-center",
-									children: [
-										/* @__PURE__ */ c(s, { className: "h-6 w-6 text-primary" }),
-										/* @__PURE__ */ c("p", {
-											className: "mt-2 text-xs text-muted-foreground",
-											children: "Participants"
-										}),
-										/* @__PURE__ */ c("p", {
-											className: "text-lg font-bold",
-											children: v.currentParticipants
-										})
-									]
-								}) }),
-								/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-									className: "flex flex-col items-center pt-6 text-center",
-									children: [
-										/* @__PURE__ */ c(a, { className: "h-6 w-6 text-primary" }),
-										/* @__PURE__ */ c("p", {
-											className: "mt-2 text-xs text-muted-foreground",
-											children: "Mode"
-										}),
-										/* @__PURE__ */ c("p", {
-											className: "text-lg font-bold capitalize",
-											children: v.mode
-										})
-									]
-								}) })
-							]
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
+							children: [/* @__PURE__ */ b(p, {
+								size: 16,
+								className: "text-accent-teal"
+							}), /* @__PURE__ */ x("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("div", {
+									className: "text-xs text-text-muted",
+									children: "Starts"
+								}), /* @__PURE__ */ b("div", {
+									className: "truncate text-sm font-medium text-text-primary",
+									children: r(Y.startAt)
+								})]
+							})]
 						}),
-						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
-							className: "flex items-center gap-2 text-base",
-							children: [/* @__PURE__ */ c(r, { className: "h-4 w-4" }), "Schedule"]
-						}) }), /* @__PURE__ */ l(p, {
-							className: "space-y-3",
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
+							children: [/* @__PURE__ */ b(p, {
+								size: 16,
+								className: "text-accent-teal"
+							}), /* @__PURE__ */ x("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("div", {
+									className: "text-xs text-text-muted",
+									children: "Ends"
+								}), /* @__PURE__ */ b("div", {
+									className: "truncate text-sm font-medium text-text-primary",
+									children: r(Y.endAt)
+								})]
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
+							children: [/* @__PURE__ */ b(f, {
+								size: 16,
+								className: "text-accent-teal"
+							}), /* @__PURE__ */ x("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("div", {
+									className: "text-xs text-text-muted",
+									children: "Submission deadline"
+								}), /* @__PURE__ */ b("div", {
+									className: "truncate text-sm font-medium text-text-primary",
+									children: ee(Y.submissionDeadline)
+								})]
+							})]
+						})
+					]
+				})]
+			}),
+			Z ? /* @__PURE__ */ x(w, {
+				className: "mb-6 p-5",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "mb-3 flex items-center gap-2",
+						children: [/* @__PURE__ */ b(v, {
+							size: 18,
+							className: "text-accent-primary"
+						}), /* @__PURE__ */ b("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Register a team"
+						})]
+					}),
+					/* @__PURE__ */ x("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 ",
+							Y.maxTeamSize,
+							" members."
+						]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							className: "mb-1.5 block text-sm font-medium text-text-secondary",
+							children: "Team name"
+						}), /* @__PURE__ */ b(T, {
+							placeholder: "e.g. Byte Builders",
+							value: L,
+							onChange: (e) => R(e.target.value)
+						})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
+							className: "mb-1.5 block text-sm font-medium text-text-secondary",
 							children: [
-								/* @__PURE__ */ l("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
-									children: [/* @__PURE__ */ c("span", {
-										className: "text-sm font-medium",
-										children: "Registration Opens"
-									}), /* @__PURE__ */ c("span", {
-										className: "text-sm text-muted-foreground",
-										children: new Date(v.startDate).toLocaleDateString()
-									})]
-								}),
-								/* @__PURE__ */ l("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
-									children: [/* @__PURE__ */ c("span", {
-										className: "text-sm font-medium",
-										children: "Hacking Begins"
-									}), /* @__PURE__ */ c("span", {
-										className: "text-sm text-muted-foreground",
-										children: new Date(v.startDate).toLocaleDateString()
-									})]
-								}),
-								/* @__PURE__ */ l("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
-									children: [/* @__PURE__ */ c("span", {
-										className: "text-sm font-medium",
-										children: "Submissions Due"
-									}), /* @__PURE__ */ c("span", {
-										className: "text-sm text-muted-foreground",
-										children: new Date(v.endDate).toLocaleDateString()
-									})]
+								"Teammate user ids",
+								" ",
+								/* @__PURE__ */ b("span", {
+									className: "text-text-muted",
+									children: "(optional, comma-separated)"
 								})
 							]
-						})] }),
-						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, {
-							className: "text-base",
-							children: "Themes"
-						}) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
-							className: "grid gap-3 sm:grid-cols-3",
-							children: v.themes.map((e) => /* @__PURE__ */ c("div", {
-								className: "rounded-lg border border-border p-4 text-center",
-								children: /* @__PURE__ */ c("p", {
-									className: "font-medium",
-									children: e
-								})
-							}, e))
-						}) })] })
-					]
-				}), /* @__PURE__ */ l("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
-							className: "space-y-4 pt-6",
-							children: [v.status === "registration_open" && /* @__PURE__ */ c(d, {
-								className: "w-full",
-								size: "lg",
-								children: "Register Now"
-							}), /* @__PURE__ */ l("div", {
-								className: "space-y-2 text-sm",
-								children: [/* @__PURE__ */ l("div", {
-									className: "flex justify-between",
-									children: [/* @__PURE__ */ c("span", {
-										className: "text-muted-foreground",
-										children: "Spots Left"
-									}), /* @__PURE__ */ c("span", {
-										className: "font-medium",
-										children: x
-									})]
-								}), /* @__PURE__ */ c("div", {
-									className: "h-2 w-full overflow-hidden rounded-full bg-muted",
-									children: /* @__PURE__ */ c("div", {
-										className: "h-2 rounded-full bg-primary",
-										style: { width: `${v.currentParticipants / v.maxParticipants * 100}%` }
+						}), /* @__PURE__ */ b(T, {
+							placeholder: "user-id-1, user-id-2",
+							value: z,
+							onChange: (e) => B(e.target.value)
+						})] })]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "mt-4 flex justify-end",
+						children: /* @__PURE__ */ x(C, {
+							onClick: async () => {
+								if (!h || !L.trim()) return;
+								let e = z.split(",").map((e) => e.trim()).filter(Boolean);
+								(await N({ variables: { input: {
+									hackathonId: h,
+									name: L.trim(),
+									memberIds: e
+								} } })).data?.tecRegisterTeam && (s.success("Team registered", `"${L.trim()}" is in the running.`), R(""), B(""), await Promise.all([M(), A()]));
+							},
+							disabled: P || !L.trim(),
+							children: [
+								/* @__PURE__ */ b(v, { size: 16 }),
+								" ",
+								P ? "Registering…" : "Register team"
+							]
+						})
+					})
+				]
+			}) : null,
+			Q.length > 0 ? /* @__PURE__ */ x(w, {
+				className: "mb-6 p-5",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "mb-3 flex items-center gap-2",
+						children: [/* @__PURE__ */ b(_, {
+							size: 18,
+							className: "text-accent-primary"
+						}), /* @__PURE__ */ b("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Submit your project"
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [
+							Q.length > 1 ? /* @__PURE__ */ x("div", {
+								className: "sm:col-span-2",
+								children: [/* @__PURE__ */ b("label", {
+									className: "mb-1.5 block text-sm font-medium text-text-secondary",
+									children: "Team"
+								}), /* @__PURE__ */ x(E, {
+									value: $,
+									onValueChange: ge,
+									children: [/* @__PURE__ */ b(ce, { children: /* @__PURE__ */ b(le, { placeholder: "Choose a team" }) }), /* @__PURE__ */ b(oe, { children: Q.map((e) => /* @__PURE__ */ b(se, {
+										value: e.id,
+										children: e.name
+									}, e.id)) })]
+								})]
+							}) : /* @__PURE__ */ x("div", {
+								className: "sm:col-span-2 text-sm text-text-secondary",
+								children: [
+									"Submitting for",
+									" ",
+									/* @__PURE__ */ b("span", {
+										className: "font-medium text-text-primary",
+										children: Q[0]?.name
 									})
+								]
+							}),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								className: "mb-1.5 block text-sm font-medium text-text-secondary",
+								children: "Project name"
+							}), /* @__PURE__ */ b(T, {
+								placeholder: "e.g. RealtimeCanvas",
+								value: V,
+								onChange: (e) => H(e.target.value)
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
+								className: "mb-1.5 block text-sm font-medium text-text-secondary",
+								children: ["Live project URL ", /* @__PURE__ */ b("span", {
+									className: "text-text-muted",
+									children: "(optional)"
 								})]
-							})]
-						}) }),
-						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
-							className: "flex items-center gap-2 text-base",
-							children: [/* @__PURE__ */ c(i, { className: "h-4 w-4" }), "Technologies"]
-						}) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ c("div", {
-							className: "flex flex-wrap gap-1.5",
-							children: v.technologies.map((e) => /* @__PURE__ */ c(u, {
-								variant: "secondary",
-								children: e
-							}, e))
-						}) })] }),
-						/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, {
-							className: "text-base",
-							children: "Prize Breakdown"
-						}) }), /* @__PURE__ */ l(p, {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ l("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
-									children: [/* @__PURE__ */ c("span", {
-										className: "text-sm font-medium",
-										children: "1st Place"
-									}), /* @__PURE__ */ l("span", {
-										className: "text-sm font-bold",
-										children: ["$", Math.round(v.prizePool * .5).toLocaleString()]
-									})]
-								}),
-								/* @__PURE__ */ l("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
-									children: [/* @__PURE__ */ c("span", {
-										className: "text-sm font-medium",
-										children: "2nd Place"
-									}), /* @__PURE__ */ l("span", {
-										className: "text-sm font-bold",
-										children: ["$", Math.round(v.prizePool * .3).toLocaleString()]
-									})]
-								}),
-								/* @__PURE__ */ l("div", {
-									className: "flex items-center justify-between rounded-lg border border-border p-3",
-									children: [/* @__PURE__ */ c("span", {
-										className: "text-sm font-medium",
-										children: "3rd Place"
-									}), /* @__PURE__ */ l("span", {
-										className: "text-sm font-bold",
-										children: ["$", Math.round(v.prizePool * .2).toLocaleString()]
+							}), /* @__PURE__ */ b(T, {
+								placeholder: "https://…",
+								value: U,
+								onChange: (e) => W(e.target.value)
+							})] }),
+							/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("label", {
+								className: "mb-1.5 block text-sm font-medium text-text-secondary",
+								children: ["Repository URL ", /* @__PURE__ */ b("span", {
+									className: "text-text-muted",
+									children: "(optional)"
+								})]
+							}), /* @__PURE__ */ b(T, {
+								placeholder: "https://github.com/…",
+								value: G,
+								onChange: (e) => K(e.target.value)
+							})] }),
+							/* @__PURE__ */ x("div", {
+								className: "sm:col-span-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "mb-1.5 block text-sm font-medium text-text-secondary",
+									children: ["Pitch ", /* @__PURE__ */ b("span", {
+										className: "text-text-muted",
+										children: "(optional)"
 									})]
-								})
+								}), /* @__PURE__ */ b(ue, {
+									rows: 3,
+									placeholder: "What did you build, and why does it matter?",
+									value: q,
+									onChange: (e) => J(e.target.value)
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "mt-4 flex justify-end",
+						children: /* @__PURE__ */ x(C, {
+							onClick: async () => {
+								!$ || !V.trim() || (await F({ variables: { input: {
+									teamId: $,
+									projectName: V.trim(),
+									projectUrl: U.trim() || void 0,
+									repoUrl: G.trim() || void 0,
+									pitch: q.trim() || void 0
+								} } })).data?.tecSubmitProject && (s.success("Project submitted", `"${V.trim()}" is submitted for judging.`), H(""), W(""), K(""), J(""), await Promise.all([M(), A()]));
+							},
+							disabled: I || !$ || !V.trim(),
+							children: [
+								/* @__PURE__ */ b(_, { size: 16 }),
+								" ",
+								I ? "Submitting…" : "Submit project"
 							]
-						})] })
+						})
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("h2", {
+				className: "mb-3 text-base font-semibold text-text-primary",
+				children: ["Teams ", X.length ? /* @__PURE__ */ x("span", {
+					className: "text-text-muted",
+					children: [
+						"(",
+						X.length,
+						")"
 					]
-				})]
-			})
+				}) : null]
+			}), me && !X.length ? /* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ b(D, { className: "h-40 w-full rounded-xl" }), /* @__PURE__ */ b(D, { className: "h-40 w-full rounded-xl" })]
+			}) : j ? /* @__PURE__ */ b(o, {
+				title: "Couldn't load teams",
+				error: j
+			}) : X.length === 0 ? /* @__PURE__ */ b(a, {
+				icon: /* @__PURE__ */ b(y, { 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", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: X.map((e) => /* @__PURE__ */ b(de, {
+					team: e,
+					isMine: !!g?.id && e.captainId === g.id
+				}, e.id))
+			})] })
 		]
 	});
 }
 //#endregion
-export { _ as HackathonsHackathonDetailsPagePage };
+export { O as HackathonsHackathonDetailsPagePage };
 
 //# sourceMappingURL=HackathonsHackathonDetailsPagePage.js.map