npm - @burdenoff/microfe-technospam - Versions diffs - 2026.705.1 → 2026.709.1 - Mend

@burdenoff/microfe-technospam 2026.705.1 → 2026.709.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/dist/technospam/pages/DashboardDashboardPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashboardDashboardPagePage.js","names":[],"sources":["../../../src/technospam/pages/DashboardDashboardPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n ArrowRight,\n Award,\n BookOpen,\n Calendar,\n CalendarClock,\n CheckCircle2,\n Code2,\n GraduationCap,\n PlayCircle,\n Trophy,\n Users,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n EmptyView,\n ErrorView,\n LoadingRows,\n PageLayout,\n StatCard,\n StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n useCertificatesQuery,\n useCoursesQuery,\n useEnrollmentsQuery,\n useHackathonsQuery,\n useSessionsQuery,\n useSubmissionsQuery,\n type TecCourse,\n type TecEnrollment,\n type TecHackathon,\n type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDate, formatDateTime, formatMoney } from '../utils/format';\n\n/* --------------------------------------------------------------- helpers /\n\nfunction SectionHeader({\n title,\n actionLabel,\n onAction,\n}: {\n title: string;\n actionLabel?: string;\n onAction?: () => void;\n}) {\n return (\n <div className=\"mb-3 flex items-center justify-between\">\n <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n {actionLabel && onAction ? (\n <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={onAction}>\n {actionLabel} <ArrowRight size={13} />\n </Button>\n ) : null}\n </div>\n );\n}\n\nfunction ProgressBar({ pct }: { pct: number }) {\n return (\n <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-full rounded-full bg-accent-primary transition-all\"\n style={{ width: `${Math.max(0, Math.min(100, pct))}%` }}\n />\n </div>\n );\n}\n\nfunction ContinueLearningRow({ e, onOpen }: { e: TecEnrollment; onOpen: () => void }) {\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n className=\"group flex w-full items-center gap-4 rounded-xl border border-border-seam bg-bg-surface p-3.5 text-left transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-primary\">\n <BookOpen size={18} />\n </span>\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-2\">\n <span className=\"truncate text-sm font-medium text-text-primary group-hover:text-accent-primary\">\n {e.course?.title ?? 'Course'}\n </span>\n <StatusBadge status={e.status} />\n </div>\n <div className=\"mt-1.5 flex items-center gap-3\">\n <div className=\"flex-1\">\n <ProgressBar pct={e.progressPct} />\n </div>\n <span className=\"shrink-0 text-xs font-medium text-text-secondary\">{e.progressPct}%</span>\n </div>\n </div>\n <PlayCircle\n size={18}\n className=\"shrink-0 text-text-muted transition-colors group-hover:text-accent-primary\"\n />\n </button>\n );\n}\n\nfunction RecommendedCourseCard({ course, onOpen }: { course: TecCourse; onOpen: () => void }) {\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n className=\"group flex w-full flex-col gap-2 rounded-xl border border-border-seam bg-bg-surface p-4 text-left transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <div className=\"flex items-center gap-2\">\n <StatusBadge status={course.level} kind=\"level\" />\n {course.topic ? (\n <span className=\"truncate text-xs text-text-muted\">{course.topic}</span>\n ) : null}\n </div>\n <h3 className=\"truncate text-sm font-semibold text-text-primary group-hover:text-accent-primary\">\n {course.title}\n </h3>\n {course.summary ? (\n <p className=\"line-clamp-2 text-xs text-text-secondary\">{course.summary}</p>\n ) : null}\n </button>\n );\n}\n\nfunction SessionRow({ s }: { s: TecMentorSession }) {\n return (\n <div className=\"flex items-start gap-3 border-b border-border-seam py-3 last:border-0\">\n <span className=\"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-teal\">\n <CalendarClock size={16} />\n </span>\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-2\">\n <span className=\"truncate text-sm font-medium text-text-primary\">{s.topic}</span>\n <StatusBadge status={s.status} />\n </div>\n {s.mentor?.headline ? (\n <div className=\"truncate text-xs text-text-muted\">{s.mentor.headline}</div>\n ) : null}\n <div className=\"mt-0.5 text-xs text-text-secondary\">{formatDateTime(s.scheduledAt)}</div>\n </div>\n </div>\n );\n}\n\nfunction HackathonRow({ h, onOpen }: { h: TecHackathon; onOpen: () => void }) {\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n className=\"group flex w-full flex-col gap-1.5 border-b border-border-seam py-3 text-left last:border-0 focus-visible:outline-none\"\n >\n <div className=\"flex items-center justify-between gap-2\">\n <span className=\"truncate text-sm font-medium text-text-primary group-hover:text-accent-primary\">\n {h.title}\n </span>\n {h.prizePool > 0 ? (\n <span className=\"shrink-0 text-xs font-semibold text-accent-teal\">\n {formatMoney(h.prizePool, h.currency)}\n </span>\n ) : null}\n </div>\n <div className=\"flex items-center gap-1.5 text-xs text-text-muted\">\n <Calendar size={12} />\n <span>\n {formatDate(h.startAt)} – {formatDate(h.endAt)}\n </span>\n </div>\n </button>\n );\n}\n\n/ ------------------------------------------------------------------ page /\n\nexport function DashboardDashboardPagePage() {\n const navigate = useTechnoSpamNavigate();\n const { currentUser } = useTechnoSpam();\n const learnerId = currentUser?.id;\n\n const enrollmentsQ = useEnrollmentsQuery(learnerId ? { learnerId } : {});\n const submissionsQ = useSubmissionsQuery(learnerId ? { learnerId } : {});\n const sessionsQ = useSessionsQuery(learnerId ? { menteeId: learnerId } : {});\n const certificatesQ = useCertificatesQuery(learnerId ? { learnerId } : {});\n const coursesQ = useCoursesQuery({ status: 'PUBLISHED' });\n const hackathonsQ = useHackathonsQuery({ status: 'REGISTRATION_OPEN' });\n\n const enrollments = enrollmentsQ.data?.tecListEnrollments.items ?? [];\n const submissions = submissionsQ.data?.tecListSubmissions.items ?? [];\n const sessions = sessionsQ.data?.tecListSessions ?? [];\n const certificates = certificatesQ.data?.tecListCertificates ?? [];\n const courses = coursesQ.data?.tecListCourses.items ?? [];\n const hackathons = hackathonsQ.data?.tecListHackathons.items ?? [];\n\n const greetingName =\n currentUser?.firstName \|\| currentUser?.name \|\| currentUser?.email?.split('@')[0] \|\| 'there';\n\n const inProgress = useMemo(\n () => enrollments.filter((e) => e.status === 'IN_PROGRESS' \|\| e.status === 'ENROLLED'),\n [enrollments]\n );\n\n const continueLearning = useMemo(\n () =>\n [...inProgress]\n .sort(\n (a, b) =>\n new Date(b.lastActiveAt ?? b.startedAt).getTime() -\n new Date(a.lastActiveAt ?? a.startedAt).getTime()\n )\n .slice(0, 3),\n [inProgress]\n );\n\n const problemsSolved = useMemo(\n () => new Set(submissions.filter((s) => s.verdict === 'ACCEPTED').map((s) => s.problemId)).size,\n [submissions]\n );\n\n // Stable \"now\" captured once on mount (state initializers may call impure fns).\n const [now] = useState(() => Date.now());\n const upcomingSessions = useMemo(() => {\n return [...sessions]\n .filter(\n (s) =>\n (s.status === 'CONFIRMED' \|\| s.status === 'REQUESTED') &&\n new Date(s.scheduledAt).getTime() > now\n )\n .sort((a, b) => new Date(a.scheduledAt).getTime() - new Date(b.scheduledAt).getTime());\n }, [sessions, now]);\n\n const recommended = useMemo(() => {\n const enrolledIds = new Set(enrollments.map((e) => e.courseId));\n return courses.filter((c) => !enrolledIds.has(c.id)).slice(0, 4);\n }, [courses, enrollments]);\n\n const openHackathons = hackathons.slice(0, 4);\n\n return (\n <PageLayout\n hero\n title={`Welcome back, ${greetingName}`}\n description=\"Your learning hub — pick up where you left off, keep your skills sharp, and jump into what's next.\"\n actions={\n <Button variant=\"outline\" onClick={() => navigate('/courses/my-learning-page')}>\n <GraduationCap size={16} /> My Learning\n </Button>\n }\n >\n {/ Top metrics /}\n <div className=\"mb-5 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n <StatCard label=\"Courses in progress\" value={inProgress.length} icon={BookOpen} />\n <StatCard label=\"Problems solved\" value={problemsSolved} icon={Code2} />\n <StatCard label=\"Upcoming sessions\" value={upcomingSessions.length} icon={CalendarClock} />\n <StatCard label=\"Certificates\" value={certificates.length} icon={Award} />\n </div>\n\n {/ Quick actions /}\n <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/courses/courses-page')}\n >\n <BookOpen size={18} />\n <span className=\"text-xs\">Browse courses</span>\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/applications/problems-page')}\n >\n <Code2 size={18} />\n <span className=\"text-xs\">Practice problems</span>\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/mentorship/mentors-page')}\n >\n <Users size={18} />\n <span className=\"text-xs\">Find a mentor</span>\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/hackathons/hackathons-page')}\n >\n <Trophy size={18} />\n <span className=\"text-xs\">Hackathons</span>\n </Button>\n </div>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Main column /}\n <div className=\"space-y-6 lg:col-span-2\">\n {/ Continue learning /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Continue learning\"\n actionLabel=\"My Learning\"\n onAction={() => navigate('/courses/my-learning-page')}\n />\n {enrollmentsQ.loading && !enrollments.length ? (\n <LoadingRows count={2} height=\"h-16\" />\n ) : enrollmentsQ.error ? (\n <ErrorView title=\"Couldn't load your courses\" error={enrollmentsQ.error} />\n ) : continueLearning.length === 0 ? (\n <EmptyView\n icon={<BookOpen size={24} />}\n title=\"No courses in progress\"\n description=\"Enroll in a course to start building skill by doing — your active courses show up here.\"\n action={\n <Button onClick={() => navigate('/courses/courses-page')}>Browse courses</Button>\n }\n />\n ) : (\n <div className=\"space-y-3\">\n {continueLearning.map((e) => (\n <ContinueLearningRow\n key={e.id}\n e={e}\n onOpen={() => navigate(`/courses/course-details-page?id=${e.courseId}`)}\n />\n ))}\n </div>\n )}\n </GlassCard>\n\n {/ Recommended courses /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Recommended for you\"\n actionLabel=\"View all\"\n onAction={() => navigate('/courses/courses-page')}\n />\n {coursesQ.loading && !courses.length ? (\n <LoadingRows count={2} height=\"h-20\" />\n ) : coursesQ.error ? (\n <ErrorView title=\"Couldn't load courses\" error={coursesQ.error} />\n ) : recommended.length === 0 ? (\n <EmptyView\n icon={<GraduationCap size={24} />}\n title=\"No courses to recommend yet\"\n description=\"New courses are on the way. TechnoSpam is pre-launch — check back soon.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n {recommended.map((c) => (\n <RecommendedCourseCard\n key={c.id}\n course={c}\n onOpen={() => navigate(`/courses/course-details-page?id=${c.id}`)}\n />\n ))}\n </div>\n )}\n </GlassCard>\n </div>\n\n {/ Side column /}\n <div className=\"space-y-6\">\n {/ Upcoming sessions /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Upcoming sessions\"\n actionLabel=\"All sessions\"\n onAction={() => navigate('/mentorship/sessions-page')}\n />\n {sessionsQ.loading && !sessions.length ? (\n <LoadingRows count={2} height=\"h-14\" />\n ) : sessionsQ.error ? (\n <ErrorView title=\"Couldn't load sessions\" error={sessionsQ.error} />\n ) : upcomingSessions.length === 0 ? (\n <EmptyView\n icon={<CalendarClock size={24} />}\n title=\"No sessions booked\"\n description=\"Book time with a mentor to get unblocked — your upcoming sessions appear here.\"\n action={\n <Button variant=\"outline\" onClick={() => navigate('/mentorship/mentors-page')}>\n Find a mentor\n </Button>\n }\n />\n ) : (\n <div>\n {upcomingSessions.slice(0, 5).map((s) => (\n <SessionRow key={s.id} s={s} />\n ))}\n </div>\n )}\n </GlassCard>\n\n {/ Open hackathons /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Open hackathons\"\n actionLabel=\"View all\"\n onAction={() => navigate('/hackathons/hackathons-page')}\n />\n {hackathonsQ.loading && !hackathons.length ? (\n <LoadingRows count={2} height=\"h-14\" />\n ) : hackathonsQ.error ? (\n <ErrorView title=\"Couldn't load hackathons\" error={hackathonsQ.error} />\n ) : openHackathons.length === 0 ? (\n <EmptyView\n icon={<Trophy size={24} />}\n title=\"No open hackathons\"\n description=\"When registration opens for a hackathon, it will show up here to join.\"\n />\n ) : (\n <div>\n {openHackathons.map((h) => (\n <HackathonRow\n key={h.id}\n h={h}\n onOpen={() => navigate(`/hackathons/hackathon-details-page?id=${h.id}`)}\n />\n ))}\n </div>\n )}\n </GlassCard>\n\n {/ Certificates summary */}\n {certificates.length > 0 ? (\n <GlassCard className=\"p-5\">\n <SectionHeader title=\"Latest certificate\" />\n <div className=\"flex items-center gap-3\">\n <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-accent-wash text-accent-teal\">\n <CheckCircle2 size={20} />\n </span>\n <div className=\"min-w-0\">\n <div className=\"truncate text-sm font-medium text-text-primary\">\n {certificates[0]?.course?.title ?? 'Certificate'}\n </div>\n <div className=\"text-xs text-text-muted\">\n Score {certificates[0]?.score} · Issued {formatDate(certificates[0]?.issuedAt)}\n </div>\n </div>\n </div>\n </GlassCard>\n ) : null}\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DashboardDashboardPagePage.js","names":[],"sources":["../../../src/technospam/pages/DashboardDashboardPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n ArrowRight,\n Award,\n BookOpen,\n Calendar,\n CalendarClock,\n CheckCircle2,\n Clock,\n Code2,\n GraduationCap,\n PlayCircle,\n Trophy,\n Users,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n EmptyView,\n ErrorView,\n LoadingRows,\n MediaCover,\n PageLayout,\n StatCard,\n StatusBadge,\n topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n useCertificatesQuery,\n useCoursesQuery,\n useEnrollmentsQuery,\n useHackathonsQuery,\n useSessionsQuery,\n useSubmissionsQuery,\n type TecCourse,\n type TecEnrollment,\n type TecHackathon,\n type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDate, formatDateTime, formatMoney } from '../utils/format';\n\n/* --------------------------------------------------------------- helpers /\n\nfunction SectionHeader({\n title,\n actionLabel,\n onAction,\n}: {\n title: string;\n actionLabel?: string;\n onAction?: () => void;\n}) {\n return (\n <div className=\"mb-3 flex items-center justify-between\">\n <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n {actionLabel && onAction ? (\n <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={onAction}>\n {actionLabel} <ArrowRight size={13} />\n </Button>\n ) : null}\n </div>\n );\n}\n\nfunction ProgressBar({ pct }: { pct: number }) {\n return (\n <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-full rounded-full bg-accent-primary transition-all\"\n style={{ width: `${Math.max(0, Math.min(100, pct))}%` }}\n />\n </div>\n );\n}\n\nfunction ContinueLearningCard({ e, onOpen }: { e: TecEnrollment; onOpen: () => void }) {\n const title = e.course?.title ?? 'Course';\n const seed = `${e.course?.topic ?? ''} ${title}`;\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n className=\"group flex flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left transition-all duration-200 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <MediaCover seed={seed} icon={topicIcon(e.course?.topic ?? title)} height=\"h-20\">\n {e.course?.level ? <StatusBadge status={e.course.level} kind=\"level\" /> : <span />}\n <span className=\"flex h-7 w-7 items-center justify-center rounded-full bg-white/15 text-white backdrop-blur transition-transform duration-200 group-hover:scale-110\">\n <PlayCircle size={16} />\n </span>\n </MediaCover>\n <div className=\"flex flex-1 flex-col gap-2.5 p-3.5\">\n <div className=\"flex items-start gap-2\">\n <h3 className=\"line-clamp-2 flex-1 text-sm font-semibold text-text-primary group-hover:text-accent-primary\">\n {title}\n </h3>\n <StatusBadge status={e.status} />\n </div>\n <div className=\"mt-auto flex items-center gap-2.5\">\n <div className=\"flex-1\">\n <ProgressBar pct={e.progressPct} />\n </div>\n <span className=\"shrink-0 text-xs font-semibold text-text-secondary\">\n {e.progressPct}%\n </span>\n </div>\n </div>\n </button>\n );\n}\n\nfunction RecommendedCourseCard({ course, onOpen }: { course: TecCourse; onOpen: () => void }) {\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n className=\"group flex w-full flex-col overflow-hidden rounded-xl border border-border-seam bg-bg-surface text-left transition-all duration-200 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <MediaCover\n seed={`${course.topic ?? ''} ${course.title}`}\n icon={topicIcon(course.topic ?? course.title)}\n height=\"h-20\"\n >\n <StatusBadge status={course.level} kind=\"level\" />\n </MediaCover>\n <div className=\"flex flex-1 flex-col gap-1.5 p-3.5\">\n <h3 className=\"truncate text-sm font-semibold text-text-primary group-hover:text-accent-primary\">\n {course.title}\n </h3>\n {course.summary ? (\n <p className=\"line-clamp-2 text-xs text-text-secondary\">{course.summary}</p>\n ) : null}\n {course.topic ? (\n <span className=\"mt-auto truncate pt-0.5 text-xs text-text-muted\">{course.topic}</span>\n ) : null}\n </div>\n </button>\n );\n}\n\nfunction SessionRow({ s }: { s: TecMentorSession }) {\n return (\n <div className=\"-mx-2 flex items-start gap-3 rounded-lg border-b border-border-seam px-2 py-3 transition-colors last:border-0 hover:bg-bg-sunken\">\n <span className=\"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-teal/15 text-accent-teal ring-1 ring-accent-teal/20\">\n <CalendarClock size={16} />\n </span>\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-2\">\n <span className=\"truncate text-sm font-medium text-text-primary\">{s.topic}</span>\n <StatusBadge status={s.status} />\n </div>\n {s.mentor?.headline ? (\n <div className=\"truncate text-xs text-text-muted\">{s.mentor.headline}</div>\n ) : null}\n <div className=\"mt-0.5 flex items-center gap-1.5 text-xs text-text-secondary\">\n <Clock size={12} className=\"text-text-muted\" />\n {formatDateTime(s.scheduledAt)}\n </div>\n </div>\n </div>\n );\n}\n\nfunction HackathonBanner({ h, onOpen }: { h: TecHackathon; onOpen: () => void }) {\n return (\n <button\n type=\"button\"\n onClick={onOpen}\n className=\"group block w-full overflow-hidden rounded-xl border border-border-seam text-left transition-all duration-200 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <MediaCover seed={`${h.theme ?? ''} ${h.title}`} icon={Trophy} height=\"h-24\">\n <div className=\"min-w-0\">\n <div className=\"flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wide text-white/80\">\n <Trophy size={12} /> Open hackathon\n </div>\n <h3 className=\"mt-0.5 truncate text-sm font-semibold text-white drop-shadow-sm\">\n {h.title}\n </h3>\n </div>\n {h.prizePool > 0 ? (\n <span className=\"shrink-0 rounded-full bg-white/20 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur\">\n {formatMoney(h.prizePool, h.currency)}\n </span>\n ) : null}\n </MediaCover>\n <div className=\"flex items-center justify-between gap-2 bg-bg-surface px-3.5 py-2.5\">\n <span className=\"flex items-center gap-1.5 text-xs text-text-muted\">\n <Calendar size={12} />\n {formatDate(h.startAt)} – {formatDate(h.endAt)}\n </span>\n <span className=\"flex items-center gap-1 text-xs font-medium text-accent-primary opacity-0 transition-opacity group-hover:opacity-100\">\n Register <ArrowRight size={12} />\n </span>\n </div>\n </button>\n );\n}\n\n/ ------------------------------------------------------------------ page /\n\nexport function DashboardDashboardPagePage() {\n const navigate = useTechnoSpamNavigate();\n const { currentUser } = useTechnoSpam();\n const learnerId = currentUser?.id;\n\n const enrollmentsQ = useEnrollmentsQuery(learnerId ? { learnerId } : {});\n const submissionsQ = useSubmissionsQuery(learnerId ? { learnerId } : {});\n const sessionsQ = useSessionsQuery(learnerId ? { menteeId: learnerId } : {});\n const certificatesQ = useCertificatesQuery(learnerId ? { learnerId } : {});\n const coursesQ = useCoursesQuery({ status: 'PUBLISHED' });\n const hackathonsQ = useHackathonsQuery({ status: 'REGISTRATION_OPEN' });\n\n const enrollments = enrollmentsQ.data?.tecListEnrollments.items ?? [];\n const submissions = submissionsQ.data?.tecListSubmissions.items ?? [];\n const sessions = sessionsQ.data?.tecListSessions ?? [];\n const certificates = certificatesQ.data?.tecListCertificates ?? [];\n const courses = coursesQ.data?.tecListCourses.items ?? [];\n const hackathons = hackathonsQ.data?.tecListHackathons.items ?? [];\n\n const greetingName =\n currentUser?.firstName \|\| currentUser?.name \|\| currentUser?.email?.split('@')[0] \|\| 'there';\n\n const inProgress = useMemo(\n () => enrollments.filter((e) => e.status === 'IN_PROGRESS' \|\| e.status === 'ENROLLED'),\n [enrollments]\n );\n\n const continueLearning = useMemo(\n () =>\n [...inProgress]\n .sort(\n (a, b) =>\n new Date(b.lastActiveAt ?? b.startedAt).getTime() -\n new Date(a.lastActiveAt ?? a.startedAt).getTime()\n )\n .slice(0, 3),\n [inProgress]\n );\n\n const problemsSolved = useMemo(\n () => new Set(submissions.filter((s) => s.verdict === 'ACCEPTED').map((s) => s.problemId)).size,\n [submissions]\n );\n\n // Stable \"now\" captured once on mount (state initializers may call impure fns).\n const [now] = useState(() => Date.now());\n const upcomingSessions = useMemo(() => {\n return [...sessions]\n .filter(\n (s) =>\n (s.status === 'CONFIRMED' \|\| s.status === 'REQUESTED') &&\n new Date(s.scheduledAt).getTime() > now\n )\n .sort((a, b) => new Date(a.scheduledAt).getTime() - new Date(b.scheduledAt).getTime());\n }, [sessions, now]);\n\n const recommended = useMemo(() => {\n const enrolledIds = new Set(enrollments.map((e) => e.courseId));\n return courses.filter((c) => !enrolledIds.has(c.id)).slice(0, 4);\n }, [courses, enrollments]);\n\n const openHackathons = hackathons.slice(0, 4);\n\n return (\n <PageLayout\n hero\n title={`Welcome back, ${greetingName}`}\n description=\"Your learning hub — pick up where you left off, keep your skills sharp, and jump into what's next.\"\n actions={\n <Button variant=\"outline\" onClick={() => navigate('/courses/my-learning-page')}>\n <GraduationCap size={16} /> My Learning\n </Button>\n }\n >\n {/ Top metrics /}\n <div className=\"mb-5 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n <StatCard\n label=\"Courses in progress\"\n value={inProgress.length}\n icon={BookOpen}\n tone=\"blue\"\n />\n <StatCard label=\"Problems solved\" value={problemsSolved} icon={Code2} tone=\"green\" />\n <StatCard\n label=\"Upcoming sessions\"\n value={upcomingSessions.length}\n icon={CalendarClock}\n tone=\"amber\"\n />\n <StatCard label=\"Certificates\" value={certificates.length} icon={Award} tone=\"purple\" />\n </div>\n\n {/ Quick actions /}\n <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/courses/courses-page')}\n >\n <BookOpen size={18} />\n <span className=\"text-xs\">Browse courses</span>\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/applications/problems-page')}\n >\n <Code2 size={18} />\n <span className=\"text-xs\">Practice problems</span>\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/mentorship/mentors-page')}\n >\n <Users size={18} />\n <span className=\"text-xs\">Find a mentor</span>\n </Button>\n <Button\n variant=\"outline\"\n className=\"h-auto flex-col gap-2 py-4\"\n onClick={() => navigate('/hackathons/hackathons-page')}\n >\n <Trophy size={18} />\n <span className=\"text-xs\">Hackathons</span>\n </Button>\n </div>\n\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ Main column /}\n <div className=\"space-y-6 lg:col-span-2\">\n {/ Continue learning /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Continue learning\"\n actionLabel=\"My Learning\"\n onAction={() => navigate('/courses/my-learning-page')}\n />\n {enrollmentsQ.loading && !enrollments.length ? (\n <LoadingRows count={2} height=\"h-16\" />\n ) : enrollmentsQ.error ? (\n <ErrorView title=\"Couldn't load your courses\" error={enrollmentsQ.error} />\n ) : continueLearning.length === 0 ? (\n <EmptyView\n icon={<BookOpen size={24} />}\n title=\"No courses in progress\"\n description=\"Enroll in a course to start building skill by doing — your active courses show up here.\"\n action={\n <Button onClick={() => navigate('/courses/courses-page')}>Browse courses</Button>\n }\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {continueLearning.map((e) => (\n <ContinueLearningCard\n key={e.id}\n e={e}\n onOpen={() => navigate(`/courses/course-details-page?id=${e.courseId}`)}\n />\n ))}\n </div>\n )}\n </GlassCard>\n\n {/ Recommended courses /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Recommended for you\"\n actionLabel=\"View all\"\n onAction={() => navigate('/courses/courses-page')}\n />\n {coursesQ.loading && !courses.length ? (\n <LoadingRows count={2} height=\"h-20\" />\n ) : coursesQ.error ? (\n <ErrorView title=\"Couldn't load courses\" error={coursesQ.error} />\n ) : recommended.length === 0 ? (\n <EmptyView\n icon={<GraduationCap size={24} />}\n title=\"No courses to recommend yet\"\n description=\"New courses are on the way. TechnoSpam is pre-launch — check back soon.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n {recommended.map((c) => (\n <RecommendedCourseCard\n key={c.id}\n course={c}\n onOpen={() => navigate(`/courses/course-details-page?id=${c.id}`)}\n />\n ))}\n </div>\n )}\n </GlassCard>\n </div>\n\n {/ Side column /}\n <div className=\"space-y-6\">\n {/ Upcoming sessions /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Upcoming sessions\"\n actionLabel=\"All sessions\"\n onAction={() => navigate('/mentorship/sessions-page')}\n />\n {sessionsQ.loading && !sessions.length ? (\n <LoadingRows count={2} height=\"h-14\" />\n ) : sessionsQ.error ? (\n <ErrorView title=\"Couldn't load sessions\" error={sessionsQ.error} />\n ) : upcomingSessions.length === 0 ? (\n <EmptyView\n icon={<CalendarClock size={24} />}\n title=\"No sessions booked\"\n description=\"Book time with a mentor to get unblocked — your upcoming sessions appear here.\"\n action={\n <Button variant=\"outline\" onClick={() => navigate('/mentorship/mentors-page')}>\n Find a mentor\n </Button>\n }\n />\n ) : (\n <div>\n {upcomingSessions.slice(0, 5).map((s) => (\n <SessionRow key={s.id} s={s} />\n ))}\n </div>\n )}\n </GlassCard>\n\n {/ Open hackathons /}\n <GlassCard className=\"p-5\">\n <SectionHeader\n title=\"Open hackathons\"\n actionLabel=\"View all\"\n onAction={() => navigate('/hackathons/hackathons-page')}\n />\n {hackathonsQ.loading && !hackathons.length ? (\n <LoadingRows count={2} height=\"h-14\" />\n ) : hackathonsQ.error ? (\n <ErrorView title=\"Couldn't load hackathons\" error={hackathonsQ.error} />\n ) : openHackathons.length === 0 ? (\n <EmptyView\n icon={<Trophy size={24} />}\n title=\"No open hackathons\"\n description=\"When registration opens for a hackathon, it will show up here to join.\"\n />\n ) : (\n <div className=\"space-y-3\">\n {openHackathons.map((h) => (\n <HackathonBanner\n key={h.id}\n h={h}\n onOpen={() => navigate(`/hackathons/hackathon-details-page?id=${h.id}`)}\n />\n ))}\n </div>\n )}\n </GlassCard>\n\n {/ Certificates summary */}\n {certificates.length > 0 ? (\n <GlassCard className=\"p-5\">\n <SectionHeader title=\"Latest certificate\" />\n <div className=\"flex items-center gap-3\">\n <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-accent-primary/12 text-accent-teal\">\n <CheckCircle2 size={20} />\n </span>\n <div className=\"min-w-0\">\n <div className=\"truncate text-sm font-medium text-text-primary\">\n {certificates[0]?.course?.title ?? 'Certificate'}\n </div>\n <div className=\"text-xs text-text-muted\">\n Score {certificates[0]?.score} · Issued {formatDate(certificates[0]?.issuedAt)}\n </div>\n </div>\n </div>\n </GlassCard>\n ) : null}\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js CHANGED Viewed

@@ -1,51 +1,69 @@
 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 { 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 "../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 { 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-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";
+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";
 //#region src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx
-function de({ team: e, isMine: t }) {
+function A({ icon: e, label: t }) {
+	return /* @__PURE__ */ x("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 }),
+			" ",
+			t
+		]
+	});
+}
+function fe({ team: e, isMine: n }) {
+	let r = e.status === "WINNER";
 	return /* @__PURE__ */ x(w, {
-		className: "flex flex-col gap-3 p-4",
+		className: "group flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
 		children: [
 			/* @__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"
+					className: "flex min-w-0 items-start gap-3",
+					children: [/* @__PURE__ */ b("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", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ x("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ b("span", {
+								className: "truncate text-sm font-semibold text-text-primary",
+								children: e.name
+							}), n ? /* @__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__ */ b(i, { status: e.status })]
+				}), /* @__PURE__ */ b(o, { 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",
+				className: "mt-auto 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: [
@@ -58,84 +76,88 @@ function de({ team: e, isMine: t }) {
 				}), /* @__PURE__ */ x("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ b(h, { size: 13 }),
+						/* @__PURE__ */ b(m, { size: 13 }),
 						" Score ",
 						e.score
 					]
 				})]
 			}),
 			e.repoUrl || e.projectUrl ? /* @__PURE__ */ x("div", {
-				className: "flex flex-wrap items-center gap-3",
+				className: "flex flex-wrap items-center gap-3 border-t border-border-seam pt-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"]
+					children: [/* @__PURE__ */ b(h, { 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"]
+					children: [/* @__PURE__ */ b(p, { 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, {
+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 ?? [], 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, {
 		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, {
+		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, {
 		title: "Hackathon",
 		backPath: "/hackathons/hackathons-page",
-		children: k ? /* @__PURE__ */ b(o, {
+		children: h ? /* @__PURE__ */ b(c, {
 			title: "Couldn't load hackathon",
-			error: k
-		}) : /* @__PURE__ */ b(a, {
+			error: h
+		}) : /* @__PURE__ */ b(s, {
 			title: "Hackathon not found",
 			description: "This hackathon may no longer be listed."
 		})
-	}) : /* @__PURE__ */ x(t, {
-		hero: !0,
+	}) : /* @__PURE__ */ x(n, {
 		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
-					})
-				]
+			/* @__PURE__ */ b(r, {
+				height: "h-40",
+				seed: Y.theme ?? Y.id,
+				icon: _,
+				className: "mb-6 rounded-xl",
+				children: /* @__PURE__ */ x("div", {
+					className: "flex w-full flex-col gap-3",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ b(o, { status: Y.status }), Y.tags.map((e) => /* @__PURE__ */ b(S, {
+							variant: "secondary",
+							className: "border-white/20 bg-white/15 text-[11px] text-white",
+							children: e
+						}, e))]
+					}), /* @__PURE__ */ x("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ b(A, {
+								icon: oe,
+								label: `${te(Y.prizePool, Y.currency)} prize pool`
+							}),
+							/* @__PURE__ */ b(A, {
+								icon: d,
+								label: `${a(Y.startAt)} – ${a(Y.endAt)}`
+							}),
+							/* @__PURE__ */ b(A, {
+								icon: y,
+								label: `Team of ${Y.maxTeamSize}`
+							}),
+							/* @__PURE__ */ b(A, {
+								icon: _,
+								label: `${X.length} team${X.length === 1 ? "" : "s"} registered`
+							})
+						]
+					})]
+				})
 			}),
 			Y.description ? /* @__PURE__ */ x(w, {
 				className: "mb-6 p-5",
@@ -157,7 +179,7 @@ function O() {
 					children: [
 						/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
-							children: [/* @__PURE__ */ b(p, {
+							children: [/* @__PURE__ */ b(d, {
 								size: 16,
 								className: "text-accent-teal"
 							}), /* @__PURE__ */ x("div", {
@@ -167,13 +189,13 @@ function O() {
 									children: "Starts"
 								}), /* @__PURE__ */ b("div", {
 									className: "truncate text-sm font-medium text-text-primary",
-									children: r(Y.startAt)
+									children: a(Y.startAt)
 								})]
 							})]
 						}),
 						/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
-							children: [/* @__PURE__ */ b(p, {
+							children: [/* @__PURE__ */ b(d, {
 								size: 16,
 								className: "text-accent-teal"
 							}), /* @__PURE__ */ x("div", {
@@ -183,13 +205,13 @@ function O() {
 									children: "Ends"
 								}), /* @__PURE__ */ b("div", {
 									className: "truncate text-sm font-medium text-text-primary",
-									children: r(Y.endAt)
+									children: a(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, {
+							children: [/* @__PURE__ */ b(se, {
 								size: 16,
 								className: "text-accent-teal"
 							}), /* @__PURE__ */ x("div", {
@@ -210,10 +232,10 @@ function O() {
 				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"
+						className: "mb-3 flex items-center gap-3",
+						children: [/* @__PURE__ */ b("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", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Register a team"
@@ -256,13 +278,13 @@ function O() {
 						className: "mt-4 flex justify-end",
 						children: /* @__PURE__ */ x(C, {
 							onClick: async () => {
-								if (!h || !L.trim()) return;
+								if (!i || !L.trim()) return;
 								let e = z.split(",").map((e) => e.trim()).filter(Boolean);
-								(await N({ variables: { input: {
-									hackathonId: h,
+								(await he({ variables: { input: {
+									hackathonId: i,
 									name: L.trim(),
 									memberIds: e
-								} } })).data?.tecRegisterTeam && (s.success("Team registered", `"${L.trim()}" is in the running.`), R(""), B(""), await Promise.all([M(), A()]));
+								} } })).data?.tecRegisterTeam && (l.success("Team registered", `"${L.trim()}" is in the running.`), R(""), B(""), await Promise.all([N(), j()]));
 							},
 							disabled: P || !L.trim(),
 							children: [
@@ -278,10 +300,10 @@ function O() {
 				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"
+						className: "mb-3 flex items-center gap-3",
+						children: [/* @__PURE__ */ b("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", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Submit your project"
@@ -297,8 +319,8 @@ function O() {
 									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, {
+									onValueChange: _e,
+									children: [/* @__PURE__ */ b(le, { children: /* @__PURE__ */ b(ue, { placeholder: "Choose a team" }) }), /* @__PURE__ */ b(D, { children: Q.map((e) => /* @__PURE__ */ b(O, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
@@ -352,7 +374,7 @@ function O() {
 										className: "text-text-muted",
 										children: "(optional)"
 									})]
-								}), /* @__PURE__ */ b(ue, {
+								}), /* @__PURE__ */ b(de, {
 									rows: 3,
 									placeholder: "What did you build, and why does it matter?",
 									value: q,
@@ -371,11 +393,11 @@ function O() {
 									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()]));
+								} } })).data?.tecSubmitProject && (l.success("Project submitted", `"${V.trim()}" is submitted for judging.`), H(""), W(""), K(""), J(""), await Promise.all([N(), j()]));
 							},
 							disabled: I || !$ || !V.trim(),
 							children: [
-								/* @__PURE__ */ b(_, { size: 16 }),
+								/* @__PURE__ */ b(g, { size: 16 }),
 								" ",
 								I ? "Submitting…" : "Submit project"
 							]
@@ -395,25 +417,25 @@ function O() {
 				}) : 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, {
+				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, {
 				title: "Couldn't load teams",
-				error: j
-			}) : X.length === 0 ? /* @__PURE__ */ b(a, {
+				error: M
+			}) : X.length === 0 ? /* @__PURE__ */ b(s, {
 				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, {
+				children: X.map((e) => /* @__PURE__ */ b(fe, {
 					team: e,
-					isMine: !!g?.id && e.captainId === g.id
+					isMine: !!f?.id && e.captainId === f.id
 				}, e.id))
 			})] })
 		]
 	});
 }
 //#endregion
-export { O as HackathonsHackathonDetailsPagePage };
+export { j as HackathonsHackathonDetailsPagePage };
 //# sourceMappingURL=HackathonsHackathonDetailsPagePage.js.map