@burdenoff/microfe-technospam 2026.525.1 → 2026.704.2

package/dist/technospam/pages/DashboardDashboardPagePage.js

@@ -1,337 +1,366 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { tWithFallback as t } from "../utils/i18n.js";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowRight as r, Award as i, Bell as a, BookOpen as o, Calendar as s, Clock as c, Code as l, Flame as u, Target as d, TrendingUp as f, Trophy as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { StatCard as r } from "../components/StatCard.js";
+import { formatDate as i, formatDateTime as a, formatMoney as o } from "../utils/format.js";
+import { StatusBadge as s } from "../components/StatusBadge.js";
+import { EmptyView as c, ErrorView as l, LoadingRows as u } from "../components/StateViews.js";
+import "../components/index.js";
+import { useCertificatesQuery as d, useCoursesQuery as f, useEnrollmentsQuery as ee, useHackathonsQuery as p, useSessionsQuery as m, useSubmissionsQuery as h } from "../api/technospamApi.js";
+import { useMemo as g, useState as te } from "react";
+import { ArrowRight as _, Award as v, BookOpen as y, Calendar as b, CalendarClock as x, CheckCircle2 as S, Code2 as C, GraduationCap as w, PlayCircle as T, Trophy as E, Users as D } from "lucide-react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Button as A, GlassCard as j } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/DashboardDashboardPagePage.tsx
-function S() {
-	let { t: S } = n(), C = (e, n, r) => t(S, e, n, r), { userStats: w, notifications: T, hackathons: E, courses: D, achievements: O } = e(), k = T.filter((e) => !e.read), A = E.filter((e) => e.status === "upcoming" || e.status === "registration_open"), j = O.filter((e) => e.unlockedAt).slice(0, 3);
-	return /* @__PURE__ */ h("div", {
-		className: "space-y-6 p-6",
+function M({ title: e, actionLabel: t, onAction: n }) {
+	return /* @__PURE__ */ k("div", {
+		className: "mb-3 flex items-center justify-between",
+		children: [/* @__PURE__ */ O("h2", {
+			className: "text-base font-semibold text-text-primary",
+			children: e
+		}), t && n ? /* @__PURE__ */ k(A, {
+			variant: "ghost",
+			size: "sm",
+			className: "text-xs",
+			onClick: n,
+			children: [
+				t,
+				" ",
+				/* @__PURE__ */ O(_, { size: 13 })
+			]
+		}) : null]
+	});
+}
+function N({ pct: e }) {
+	return /* @__PURE__ */ O("div", {
+		className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+		children: /* @__PURE__ */ O("div", {
+			className: "h-full rounded-full bg-accent-primary transition-all",
+			style: { width: `${Math.max(0, Math.min(100, e))}%` }
+		})
+	});
+}
+function P({ e, onOpen: t }) {
+	return /* @__PURE__ */ k("button", {
+		type: "button",
+		onClick: t,
+		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)]",
 		children: [
-			/* @__PURE__ */ h("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
-					className: "text-2xl font-semibold text-foreground",
-					children: C("technospam.dashboard.title", "Welcome back!")
-				}), /* @__PURE__ */ m("p", {
-					className: "text-sm text-muted-foreground",
-					children: C("technospam.dashboard.subtitle", "Here's your learning overview for today")
-				})] }), /* @__PURE__ */ h("div", {
+			/* @__PURE__ */ O("span", {
+				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-primary",
+				children: /* @__PURE__ */ O(y, { size: 18 })
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ k("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ h(g, {
-						variant: "secondary",
-						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ m(u, { className: "h-3 w-3" }), C("technospam.dashboard.hero.studyStreak", "{{count}} day streak", { count: w.studyStreak })]
-					}), /* @__PURE__ */ m(g, {
-						variant: "secondary",
-						children: C("technospam.dashboard.hero.rank", "Rank #{{rank}}", { rank: w.rank })
+					children: [/* @__PURE__ */ O("span", {
+						className: "truncate text-sm font-medium text-text-primary group-hover:text-accent-primary",
+						children: e.course?.title ?? "Course"
+					}), /* @__PURE__ */ O(s, { status: e.status })]
+				}), /* @__PURE__ */ k("div", {
+					className: "mt-1.5 flex items-center gap-3",
+					children: [/* @__PURE__ */ O("div", {
+						className: "flex-1",
+						children: /* @__PURE__ */ O(N, { pct: e.progressPct })
+					}), /* @__PURE__ */ k("span", {
+						className: "shrink-0 text-xs font-medium text-text-secondary",
+						children: [e.progressPct, "%"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+			/* @__PURE__ */ O(T, {
+				size: 18,
+				className: "shrink-0 text-text-muted transition-colors group-hover:text-accent-primary"
+			})
+		]
+	});
+}
+function F({ course: e, onOpen: t }) {
+	return /* @__PURE__ */ k("button", {
+		type: "button",
+		onClick: t,
+		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)]",
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ O(s, {
+					status: e.level,
+					kind: "level"
+				}), e.topic ? /* @__PURE__ */ O("span", {
+					className: "truncate text-xs text-text-muted",
+					children: e.topic
+				}) : null]
+			}),
+			/* @__PURE__ */ O("h3", {
+				className: "truncate text-sm font-semibold text-text-primary group-hover:text-accent-primary",
+				children: e.title
+			}),
+			e.summary ? /* @__PURE__ */ O("p", {
+				className: "line-clamp-2 text-xs text-text-secondary",
+				children: e.summary
+			}) : null
+		]
+	});
+}
+function I({ s: e }) {
+	return /* @__PURE__ */ k("div", {
+		className: "flex items-start gap-3 border-b border-border-seam py-3 last:border-0",
+		children: [/* @__PURE__ */ O("span", {
+			className: "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-wash text-accent-teal",
+			children: /* @__PURE__ */ O(x, { size: 16 })
+		}), /* @__PURE__ */ k("div", {
+			className: "min-w-0 flex-1",
+			children: [
+				/* @__PURE__ */ k("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ O("span", {
+						className: "truncate text-sm font-medium text-text-primary",
+						children: e.topic
+					}), /* @__PURE__ */ O(s, { status: e.status })]
+				}),
+				e.mentor?.headline ? /* @__PURE__ */ O("div", {
+					className: "truncate text-xs text-text-muted",
+					children: e.mentor.headline
+				}) : null,
+				/* @__PURE__ */ O("div", {
+					className: "mt-0.5 text-xs text-text-secondary",
+					children: a(e.scheduledAt)
+				})
+			]
+		})]
+	});
+}
+function L({ h: e, onOpen: t }) {
+	return /* @__PURE__ */ k("button", {
+		type: "button",
+		onClick: t,
+		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",
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ O("span", {
+				className: "truncate text-sm font-medium text-text-primary group-hover:text-accent-primary",
+				children: e.title
+			}), e.prizePool > 0 ? /* @__PURE__ */ O("span", {
+				className: "shrink-0 text-xs font-semibold text-accent-teal",
+				children: o(e.prizePool, e.currency)
+			}) : null]
+		}), /* @__PURE__ */ k("div", {
+			className: "flex items-center gap-1.5 text-xs text-text-muted",
+			children: [/* @__PURE__ */ O(b, { size: 12 }), /* @__PURE__ */ k("span", { children: [
+				i(e.startAt),
+				" – ",
+				i(e.endAt)
+			] })]
+		})]
+	});
+}
+function R() {
+	let a = t(), { currentUser: o } = e(), s = o?.id, _ = ee(s ? { learnerId: s } : {}), b = h(s ? { learnerId: s } : {}), T = m(s ? { menteeId: s } : {}), N = d(s ? { learnerId: s } : {}), R = f({ status: "PUBLISHED" }), z = p({ status: "REGISTRATION_OPEN" }), B = _.data?.tecListEnrollments.items ?? [], V = b.data?.tecListSubmissions.items ?? [], H = T.data?.tecListSessions ?? [], U = N.data?.tecListCertificates ?? [], W = R.data?.tecListCourses.items ?? [], G = z.data?.tecListHackathons.items ?? [], K = o?.firstName || o?.name || o?.email?.split("@")[0] || "there", q = g(() => B.filter((e) => e.status === "IN_PROGRESS" || e.status === "ENROLLED"), [B]), J = g(() => [...q].sort((e, t) => new Date(t.lastActiveAt ?? t.startedAt).getTime() - new Date(e.lastActiveAt ?? e.startedAt).getTime()).slice(0, 3), [q]), Y = g(() => new Set(V.filter((e) => e.verdict === "ACCEPTED").map((e) => e.problemId)).size, [V]), [X] = te(() => Date.now()), Z = g(() => [...H].filter((e) => (e.status === "CONFIRMED" || e.status === "REQUESTED") && new Date(e.scheduledAt).getTime() > X).sort((e, t) => new Date(e.scheduledAt).getTime() - new Date(t.scheduledAt).getTime()), [H, X]), Q = g(() => {
+		let e = new Set(B.map((e) => e.courseId));
+		return W.filter((t) => !e.has(t.id)).slice(0, 4);
+	}, [W, B]), $ = G.slice(0, 4);
+	return /* @__PURE__ */ k(n, {
+		hero: !0,
+		title: `Welcome back, ${K}`,
+		description: "Your learning hub — pick up where you left off, keep your skills sharp, and jump into what's next.",
+		actions: /* @__PURE__ */ k(A, {
+			variant: "outline",
+			onClick: () => a("/courses/my-learning-page"),
+			children: [/* @__PURE__ */ O(w, { size: 16 }), " My Learning"]
+		}),
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "mb-5 grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ m(x, {
-							className: "text-sm font-medium",
-							children: C("technospam.dashboard.metrics.coursesCompleted.title", "Courses Completed")
-						}), /* @__PURE__ */ m(o, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
-						className: "text-2xl font-bold",
-						children: w.coursesCompleted
-					}), /* @__PURE__ */ m("p", {
-						className: "text-xs text-muted-foreground",
-						children: C("technospam.dashboard.metrics.coursesCompleted.subtitle", "{{count}} enrolled total", { count: w.coursesEnrolled })
-					})] })] }),
-					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ m(x, {
-							className: "text-sm font-medium",
-							children: C("technospam.dashboard.metrics.problemsSolved.title", "Problems Solved")
-						}), /* @__PURE__ */ m(l, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
-						className: "text-2xl font-bold",
-						children: w.problemsSolved
-					}), /* @__PURE__ */ m("p", {
-						className: "text-xs text-muted-foreground",
-						children: C("technospam.dashboard.metrics.problemsSolved.subtitle", "+12 this week")
-					})] })] }),
-					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ m(x, {
-							className: "text-sm font-medium",
-							children: C("technospam.dashboard.metrics.studyStreak.title", "Study Streak")
-						}), /* @__PURE__ */ m(u, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
-						className: "text-2xl font-bold",
-						children: C("technospam.dashboard.metrics.studyStreak.value", "{{count}} days", { count: w.studyStreak })
-					}), /* @__PURE__ */ m("p", {
-						className: "text-xs text-muted-foreground",
-						children: C("technospam.dashboard.metrics.studyStreak.subtitle", "{{hours}}h total learning", { hours: w.totalLearningHours })
-					})] })] }),
-					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ m(x, {
-							className: "text-sm font-medium",
-							children: C("technospam.dashboard.metrics.totalPoints.title", "Total Points")
-						}), /* @__PURE__ */ m(p, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
-						className: "text-2xl font-bold",
-						children: w.totalPoints.toLocaleString()
-					}), /* @__PURE__ */ m("p", {
-						className: "text-xs text-muted-foreground",
-						children: C("technospam.dashboard.metrics.totalPoints.subtitle", "{{count}} certificates earned", { count: w.certificatesEarned })
-					})] })] })
+					/* @__PURE__ */ O(r, {
+						label: "Courses in progress",
+						value: q.length,
+						icon: y
+					}),
+					/* @__PURE__ */ O(r, {
+						label: "Problems solved",
+						value: Y,
+						icon: C
+					}),
+					/* @__PURE__ */ O(r, {
+						label: "Upcoming sessions",
+						value: Z.length,
+						icon: x
+					}),
+					/* @__PURE__ */ O(r, {
+						label: "Certificates",
+						value: U.length,
+						icon: v
+					})
 				]
 			}),
-			/* @__PURE__ */ h("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ k("div", {
+				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ k(A, {
+						variant: "outline",
+						className: "h-auto flex-col gap-2 py-4",
+						onClick: () => a("/courses/courses-page"),
+						children: [/* @__PURE__ */ O(y, { size: 18 }), /* @__PURE__ */ O("span", {
+							className: "text-xs",
+							children: "Browse courses"
+						})]
+					}),
+					/* @__PURE__ */ k(A, {
+						variant: "outline",
+						className: "h-auto flex-col gap-2 py-4",
+						onClick: () => a("/applications/problems-page"),
+						children: [/* @__PURE__ */ O(C, { size: 18 }), /* @__PURE__ */ O("span", {
+							className: "text-xs",
+							children: "Practice problems"
+						})]
+					}),
+					/* @__PURE__ */ k(A, {
+						variant: "outline",
+						className: "h-auto flex-col gap-2 py-4",
+						onClick: () => a("/mentorship/mentors-page"),
+						children: [/* @__PURE__ */ O(D, { size: 18 }), /* @__PURE__ */ O("span", {
+							className: "text-xs",
+							children: "Find a mentor"
+						})]
+					}),
+					/* @__PURE__ */ k(A, {
+						variant: "outline",
+						className: "h-auto flex-col gap-2 py-4",
+						onClick: () => a("/hackathons/hackathons-page"),
+						children: [/* @__PURE__ */ O(E, { size: 18 }), /* @__PURE__ */ O("span", {
+							className: "text-xs",
+							children: "Hackathons"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ k("div", {
 					className: "space-y-6 lg:col-span-2",
-					children: [
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, {
-							className: "text-base",
-							children: C("technospam.dashboard.quickActions.title", "Quick Actions")
-						}) }), /* @__PURE__ */ m(y, { children: /* @__PURE__ */ h("div", {
-							className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
-							children: [
-								/* @__PURE__ */ h(_, {
-									variant: "outline",
-									className: "flex h-auto flex-col items-center gap-2 p-4",
-									children: [/* @__PURE__ */ m(l, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
-										className: "text-xs",
-										children: C("technospam.dashboard.quickActions.solveProblems", "Solve Problems")
-									})]
-								}),
-								/* @__PURE__ */ h(_, {
-									variant: "outline",
-									className: "flex h-auto flex-col items-center gap-2 p-4",
-									children: [/* @__PURE__ */ m(o, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
-										className: "text-xs",
-										children: C("technospam.dashboard.quickActions.browseCourses", "Browse Courses")
-									})]
-								}),
-								/* @__PURE__ */ h(_, {
-									variant: "outline",
-									className: "flex h-auto flex-col items-center gap-2 p-4",
-									children: [/* @__PURE__ */ m(s, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
-										className: "text-xs",
-										children: C("technospam.dashboard.quickActions.hackathons", "Hackathons")
-									})]
-								}),
-								/* @__PURE__ */ h(_, {
-									variant: "outline",
-									className: "flex h-auto flex-col items-center gap-2 p-4",
-									children: [/* @__PURE__ */ m(d, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
-										className: "text-xs",
-										children: C("technospam.dashboard.quickActions.studyPlan", "Study Plan")
-									})]
-								})
-							]
-						}) })] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
-							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ m(x, {
-								className: "text-base",
-								children: C("technospam.dashboard.currentlyLearning.title", "Currently Learning")
-							}), /* @__PURE__ */ h(_, {
-								variant: "ghost",
-								size: "sm",
-								className: "text-xs",
-								children: [
-									C("technospam.shared.actions.viewAll", "View All"),
-									" ",
-									/* @__PURE__ */ m(r, { className: "ml-1 h-3 w-3" })
-								]
-							})]
-						}), /* @__PURE__ */ m(y, {
-							className: "space-y-4",
-							children: [
-								{
-									courseId: "c1",
-									progress: 72
-								},
-								{
-									courseId: "c2",
-									progress: 45
-								},
-								{
-									courseId: "c3",
-									progress: 18
-								},
-								{
-									courseId: "c6",
-									progress: 90
-								}
-							].map((e) => {
-								let t = D.find((t) => t.id === e.courseId);
-								return t ? /* @__PURE__ */ h("div", {
-									className: "space-y-2",
-									children: [
-										/* @__PURE__ */ h("div", {
-											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ h("div", {
-												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ m("span", {
-													className: "text-sm font-medium",
-													children: t.title
-												}), /* @__PURE__ */ m(g, {
-													variant: "secondary",
-													className: "text-xs",
-													children: t.level
-												})]
-											}), /* @__PURE__ */ h("span", {
-												className: "text-sm text-muted-foreground",
-												children: [e.progress, "%"]
-											})]
-										}),
-										/* @__PURE__ */ m("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
-											children: /* @__PURE__ */ m("div", {
-												className: "h-2 rounded-full bg-primary",
-												style: { width: `${e.progress}%` }
-											})
-										}),
-										/* @__PURE__ */ m("p", {
-											className: "text-xs text-muted-foreground",
-											children: C("technospam.dashboard.currentlyLearning.courseMeta", "{{instructor}} · {{duration}}h", {
-												instructor: t.instructor,
-												duration: t.duration
-											})
-										})
-									]
-								}, e.courseId) : null;
+					children: [/* @__PURE__ */ k(j, {
+						className: "p-5",
+						children: [/* @__PURE__ */ O(M, {
+							title: "Continue learning",
+							actionLabel: "My Learning",
+							onAction: () => a("/courses/my-learning-page")
+						}), _.loading && !B.length ? /* @__PURE__ */ O(u, {
+							count: 2,
+							height: "h-16"
+						}) : _.error ? /* @__PURE__ */ O(l, {
+							title: "Couldn't load your courses",
+							error: _.error
+						}) : J.length === 0 ? /* @__PURE__ */ O(c, {
+							icon: /* @__PURE__ */ O(y, { size: 24 }),
+							title: "No courses in progress",
+							description: "Enroll in a course to start building skill by doing — your active courses show up here.",
+							action: /* @__PURE__ */ O(A, {
+								onClick: () => a("/courses/courses-page"),
+								children: "Browse courses"
 							})
-						})] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
-							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ m(x, {
-								className: "text-base",
-								children: C("technospam.dashboard.achievements.title", "Recent Achievements")
-							}), /* @__PURE__ */ h(_, {
-								variant: "ghost",
-								size: "sm",
-								className: "text-xs",
-								children: [
-									C("technospam.shared.actions.viewAll", "View All"),
-									" ",
-									/* @__PURE__ */ m(r, { className: "ml-1 h-3 w-3" })
-								]
-							})]
-						}), /* @__PURE__ */ m(y, { children: /* @__PURE__ */ m("div", {
-							className: "grid gap-3 sm:grid-cols-3",
-							children: j.map((e) => /* @__PURE__ */ h("div", {
-								className: "flex items-center gap-3 rounded-lg border border-border p-3",
-								children: [/* @__PURE__ */ m("div", {
-									className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted",
-									children: /* @__PURE__ */ m(i, { className: "h-5 w-5 text-primary" })
-								}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
-									className: "text-sm font-medium",
-									children: e.title
-								}), /* @__PURE__ */ m("p", {
-									className: "text-xs text-muted-foreground",
-									children: e.reward
-								})] })]
-							}, e.id))
-						}) })] })
-					]
-				}), /* @__PURE__ */ h("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
-							className: "flex flex-row items-center justify-between",
-							children: [/* @__PURE__ */ h(x, {
-								className: "flex items-center gap-2 text-base",
-								children: [/* @__PURE__ */ m(a, { className: "h-4 w-4" }), C("technospam.dashboard.notifications.title", "Notifications")]
-							}), k.length > 0 && /* @__PURE__ */ m(g, {
-								variant: "secondary",
-								children: C("technospam.dashboard.notifications.newCount", "{{count}} new", { count: k.length })
-							})]
-						}), /* @__PURE__ */ m(y, {
+						}) : /* @__PURE__ */ O("div", {
 							className: "space-y-3",
-							children: T.slice(0, 4).map((e) => /* @__PURE__ */ h("div", {
-								className: `rounded-lg border p-3 ${e.read ? "border-border" : "border-primary/30 bg-primary/5"}`,
-								children: [/* @__PURE__ */ m("p", {
-									className: "text-sm font-medium",
-									children: e.title
-								}), /* @__PURE__ */ m("p", {
-									className: "text-xs text-muted-foreground line-clamp-2",
-									children: e.message
-								})]
+							children: J.map((e) => /* @__PURE__ */ O(P, {
+								e,
+								onOpen: () => a(`/courses/course-details-page?id=${e.courseId}`)
 							}, e.id))
-						})] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
-							className: "flex items-center gap-2 text-base",
-							children: [/* @__PURE__ */ m(s, { className: "h-4 w-4" }), C("technospam.dashboard.events.title", "Upcoming Events")]
-						}) }), /* @__PURE__ */ m(y, {
-							className: "space-y-3",
-							children: A.map((e) => /* @__PURE__ */ h("div", {
-								className: "rounded-lg border border-border p-3",
-								children: [
-									/* @__PURE__ */ m("p", {
-										className: "text-sm font-medium",
-										children: e.title
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground",
-										children: [/* @__PURE__ */ m(c, { className: "h-3 w-3" }), /* @__PURE__ */ m("span", { children: new Date(e.startDate).toLocaleDateString() })]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "mt-1 flex items-center gap-1",
-										children: [/* @__PURE__ */ m(g, {
-											variant: "secondary",
-											className: "text-xs",
-											children: e.mode
-										}), /* @__PURE__ */ h(g, {
-											variant: "secondary",
-											className: "text-xs",
-											children: ["$", e.prizePool.toLocaleString()]
-										})]
-									})
-								]
+						})]
+					}), /* @__PURE__ */ k(j, {
+						className: "p-5",
+						children: [/* @__PURE__ */ O(M, {
+							title: "Recommended for you",
+							actionLabel: "View all",
+							onAction: () => a("/courses/courses-page")
+						}), R.loading && !W.length ? /* @__PURE__ */ O(u, {
+							count: 2,
+							height: "h-20"
+						}) : R.error ? /* @__PURE__ */ O(l, {
+							title: "Couldn't load courses",
+							error: R.error
+						}) : Q.length === 0 ? /* @__PURE__ */ O(c, {
+							icon: /* @__PURE__ */ O(w, { size: 24 }),
+							title: "No courses to recommend yet",
+							description: "New courses are on the way. TechnoSpam is pre-launch — check back soon."
+						}) : /* @__PURE__ */ O("div", {
+							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+							children: Q.map((e) => /* @__PURE__ */ O(F, {
+								course: e,
+								onOpen: () => a(`/courses/course-details-page?id=${e.id}`)
 							}, e.id))
-						})] }),
-						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
-							className: "flex items-center gap-2 text-base",
-							children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), C("technospam.dashboard.weeklyStats.title", "This Week")]
-						}) }), /* @__PURE__ */ h(y, {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ h("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ m("span", {
-										className: "text-sm text-muted-foreground",
-										children: C("technospam.dashboard.weeklyStats.mentorshipSessions", "Mentorship Sessions")
-									}), /* @__PURE__ */ m("span", {
-										className: "text-sm font-medium",
-										children: w.mentorshipSessions
-									})]
-								}),
-								/* @__PURE__ */ h("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ m("span", {
-										className: "text-sm text-muted-foreground",
-										children: C("technospam.dashboard.weeklyStats.contributions", "Contributions")
-									}), /* @__PURE__ */ m("span", {
-										className: "text-sm font-medium",
-										children: w.contributionsMade
-									})]
-								}),
-								/* @__PURE__ */ h("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ m("span", {
-										className: "text-sm text-muted-foreground",
-										children: C("technospam.dashboard.weeklyStats.hackathonsJoined", "Hackathons Joined")
-									}), /* @__PURE__ */ m("span", {
-										className: "text-sm font-medium",
-										children: w.hackathonsJoined
-									})]
+						})]
+					})]
+				}), /* @__PURE__ */ k("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ k(j, {
+							className: "p-5",
+							children: [/* @__PURE__ */ O(M, {
+								title: "Upcoming sessions",
+								actionLabel: "All sessions",
+								onAction: () => a("/mentorship/sessions-page")
+							}), T.loading && !H.length ? /* @__PURE__ */ O(u, {
+								count: 2,
+								height: "h-14"
+							}) : T.error ? /* @__PURE__ */ O(l, {
+								title: "Couldn't load sessions",
+								error: T.error
+							}) : Z.length === 0 ? /* @__PURE__ */ O(c, {
+								icon: /* @__PURE__ */ O(x, { size: 24 }),
+								title: "No sessions booked",
+								description: "Book time with a mentor to get unblocked — your upcoming sessions appear here.",
+								action: /* @__PURE__ */ O(A, {
+									variant: "outline",
+									onClick: () => a("/mentorship/mentors-page"),
+									children: "Find a mentor"
 								})
-							]
-						})] })
+							}) : /* @__PURE__ */ O("div", { children: Z.slice(0, 5).map((e) => /* @__PURE__ */ O(I, { s: e }, e.id)) })]
+						}),
+						/* @__PURE__ */ k(j, {
+							className: "p-5",
+							children: [/* @__PURE__ */ O(M, {
+								title: "Open hackathons",
+								actionLabel: "View all",
+								onAction: () => a("/hackathons/hackathons-page")
+							}), z.loading && !G.length ? /* @__PURE__ */ O(u, {
+								count: 2,
+								height: "h-14"
+							}) : z.error ? /* @__PURE__ */ O(l, {
+								title: "Couldn't load hackathons",
+								error: z.error
+							}) : $.length === 0 ? /* @__PURE__ */ O(c, {
+								icon: /* @__PURE__ */ O(E, { size: 24 }),
+								title: "No open hackathons",
+								description: "When registration opens for a hackathon, it will show up here to join."
+							}) : /* @__PURE__ */ O("div", { children: $.map((e) => /* @__PURE__ */ O(L, {
+								h: e,
+								onOpen: () => a(`/hackathons/hackathon-details-page?id=${e.id}`)
+							}, e.id)) })]
+						}),
+						U.length > 0 ? /* @__PURE__ */ k(j, {
+							className: "p-5",
+							children: [/* @__PURE__ */ O(M, { title: "Latest certificate" }), /* @__PURE__ */ k("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ O("span", {
+									className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-accent-wash text-accent-teal",
+									children: /* @__PURE__ */ O(S, { size: 20 })
+								}), /* @__PURE__ */ k("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ O("div", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: U[0]?.course?.title ?? "Certificate"
+									}), /* @__PURE__ */ k("div", {
+										className: "text-xs text-text-muted",
+										children: [
+											"Score ",
+											U[0]?.score,
+											" · Issued ",
+											i(U[0]?.issuedAt)
+										]
+									})]
+								})]
+							})]
+						}) : null
 					]
 				})]
 			})
@@ -339,6 +368,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as DashboardDashboardPagePage };
+export { R as DashboardDashboardPagePage };
 
 //# sourceMappingURL=DashboardDashboardPagePage.js.map