@burdenoff/microfe-technospam 2026.704.2 → 2026.705.2

package/dist/technospam/pages/DashboardDashboardPagePage.js

@@ -1,23 +1,24 @@
 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 { MediaCover as i, topicIcon as a } from "../components/MediaCover.js";
+import { formatDate as o, formatDateTime as s, formatMoney as c } from "../utils/format.js";
+import { StatusBadge as l } from "../components/StatusBadge.js";
+import { EmptyView as u, ErrorView as d, LoadingRows as f } 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";
+import { useCertificatesQuery as p, useCoursesQuery as m, useEnrollmentsQuery as h, useHackathonsQuery as g, useSessionsQuery as _, useSubmissionsQuery as v } from "../api/technospamApi.js";
+import { useMemo as y, useState as b } from "react";
+import { ArrowRight as x, Award as S, BookOpen as C, Calendar as w, CalendarClock as T, CheckCircle2 as E, Clock as D, Code2 as O, GraduationCap as k, PlayCircle as A, Trophy as j, Users as M } from "lucide-react";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+import { Button as F, GlassCard as I } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/DashboardDashboardPagePage.tsx
-function M({ title: e, actionLabel: t, onAction: n }) {
-	return /* @__PURE__ */ k("div", {
+function L({ title: e, actionLabel: t, onAction: n }) {
+	return /* @__PURE__ */ P("div", {
 		className: "mb-3 flex items-center justify-between",
-		children: [/* @__PURE__ */ O("h2", {
+		children: [/* @__PURE__ */ N("h2", {
 			className: "text-base font-semibold text-text-primary",
 			children: e
-		}), t && n ? /* @__PURE__ */ k(A, {
+		}), t && n ? /* @__PURE__ */ P(F, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
@@ -25,337 +26,369 @@ function M({ title: e, actionLabel: t, onAction: n }) {
 			children: [
 				t,
 				" ",
-				/* @__PURE__ */ O(_, { size: 13 })
+				/* @__PURE__ */ N(x, { size: 13 })
 			]
 		}) : null]
 	});
 }
-function N({ pct: e }) {
-	return /* @__PURE__ */ O("div", {
+function R({ pct: e }) {
+	return /* @__PURE__ */ N("div", {
 		className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-		children: /* @__PURE__ */ O("div", {
+		children: /* @__PURE__ */ N("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", {
+function z({ e, onOpen: t }) {
+	let n = e.course?.title ?? "Course";
+	return /* @__PURE__ */ P("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__ */ 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__ */ 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, "%"]
-					})]
+		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)]",
+		children: [/* @__PURE__ */ P(i, {
+			seed: `${e.course?.topic ?? ""} ${n}`,
+			icon: a(e.course?.topic ?? n),
+			height: "h-20",
+			children: [e.course?.level ? /* @__PURE__ */ N(l, {
+				status: e.course.level,
+				kind: "level"
+			}) : /* @__PURE__ */ N("span", {}), /* @__PURE__ */ 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",
+				children: /* @__PURE__ */ N(A, { size: 16 })
+			})]
+		}), /* @__PURE__ */ P("div", {
+			className: "flex flex-1 flex-col gap-2.5 p-3.5",
+			children: [/* @__PURE__ */ P("div", {
+				className: "flex items-start gap-2",
+				children: [/* @__PURE__ */ N("h3", {
+					className: "line-clamp-2 flex-1 text-sm font-semibold text-text-primary group-hover:text-accent-primary",
+					children: n
+				}), /* @__PURE__ */ N(l, { status: e.status })]
+			}), /* @__PURE__ */ P("div", {
+				className: "mt-auto flex items-center gap-2.5",
+				children: [/* @__PURE__ */ N("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ N(R, { pct: e.progressPct })
+				}), /* @__PURE__ */ P("span", {
+					className: "shrink-0 text-xs font-semibold text-text-secondary",
+					children: [e.progressPct, "%"]
 				})]
-			}),
-			/* @__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", {
+function B({ course: e, onOpen: t }) {
+	return /* @__PURE__ */ P("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",
+		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)]",
+		children: [/* @__PURE__ */ N(i, {
+			seed: `${e.topic ?? ""} ${e.title}`,
+			icon: a(e.topic ?? e.title),
+			height: "h-20",
+			children: /* @__PURE__ */ N(l, {
+				status: e.level,
+				kind: "level"
+			})
+		}), /* @__PURE__ */ P("div", {
+			className: "flex flex-1 flex-col gap-1.5 p-3.5",
+			children: [
+				/* @__PURE__ */ N("h3", {
+					className: "truncate text-sm font-semibold text-text-primary group-hover:text-accent-primary",
+					children: e.title
+				}),
+				e.summary ? /* @__PURE__ */ N("p", {
+					className: "line-clamp-2 text-xs text-text-secondary",
+					children: e.summary
+				}) : null,
+				e.topic ? /* @__PURE__ */ N("span", {
+					className: "mt-auto truncate pt-0.5 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
-		]
+				}) : 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", {
+function V({ s: e }) {
+	return /* @__PURE__ */ P("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",
+		children: [/* @__PURE__ */ 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",
+			children: /* @__PURE__ */ N(T, { size: 16 })
+		}), /* @__PURE__ */ P("div", {
 			className: "min-w-0 flex-1",
 			children: [
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ O("span", {
+					children: [/* @__PURE__ */ N("span", {
 						className: "truncate text-sm font-medium text-text-primary",
 						children: e.topic
-					}), /* @__PURE__ */ O(s, { status: e.status })]
+					}), /* @__PURE__ */ N(l, { status: e.status })]
 				}),
-				e.mentor?.headline ? /* @__PURE__ */ O("div", {
+				e.mentor?.headline ? /* @__PURE__ */ N("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)
+				/* @__PURE__ */ P("div", {
+					className: "mt-0.5 flex items-center gap-1.5 text-xs text-text-secondary",
+					children: [/* @__PURE__ */ N(D, {
+						size: 12,
+						className: "text-text-muted"
+					}), s(e.scheduledAt)]
 				})
 			]
 		})]
 	});
 }
-function L({ h: e, onOpen: t }) {
-	return /* @__PURE__ */ k("button", {
+function H({ h: e, onOpen: t }) {
+	return /* @__PURE__ */ P("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)
+		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)]",
+		children: [/* @__PURE__ */ P(i, {
+			seed: `${e.theme ?? ""} ${e.title}`,
+			icon: j,
+			height: "h-24",
+			children: [/* @__PURE__ */ P("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ P("div", {
+					className: "flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wide text-white/80",
+					children: [/* @__PURE__ */ N(j, { size: 12 }), " Open hackathon"]
+				}), /* @__PURE__ */ N("h3", {
+					className: "mt-0.5 truncate text-sm font-semibold text-white drop-shadow-sm",
+					children: e.title
+				})]
+			}), e.prizePool > 0 ? /* @__PURE__ */ N("span", {
+				className: "shrink-0 rounded-full bg-white/20 px-2.5 py-1 text-xs font-semibold text-white backdrop-blur",
+				children: c(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)
-			] })]
+		}), /* @__PURE__ */ P("div", {
+			className: "flex items-center justify-between gap-2 bg-bg-surface px-3.5 py-2.5",
+			children: [/* @__PURE__ */ P("span", {
+				className: "flex items-center gap-1.5 text-xs text-text-muted",
+				children: [
+					/* @__PURE__ */ N(w, { size: 12 }),
+					o(e.startAt),
+					" – ",
+					o(e.endAt)
+				]
+			}), /* @__PURE__ */ P("span", {
+				className: "flex items-center gap-1 text-xs font-medium text-accent-primary opacity-0 transition-opacity group-hover:opacity-100",
+				children: ["Register ", /* @__PURE__ */ N(x, { size: 12 })]
+			})]
 		})]
 	});
 }
-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, {
+function U() {
+	let i = t(), { currentUser: a } = e(), s = a?.id, c = h(s ? { learnerId: s } : {}), l = v(s ? { learnerId: s } : {}), x = _(s ? { menteeId: s } : {}), w = p(s ? { learnerId: s } : {}), D = m({ status: "PUBLISHED" }), A = g({ status: "REGISTRATION_OPEN" }), R = c.data?.tecListEnrollments.items ?? [], U = l.data?.tecListSubmissions.items ?? [], W = x.data?.tecListSessions ?? [], G = w.data?.tecListCertificates ?? [], K = D.data?.tecListCourses.items ?? [], q = A.data?.tecListHackathons.items ?? [], ee = a?.firstName || a?.name || a?.email?.split("@")[0] || "there", J = y(() => R.filter((e) => e.status === "IN_PROGRESS" || e.status === "ENROLLED"), [R]), Y = y(() => [...J].sort((e, t) => new Date(t.lastActiveAt ?? t.startedAt).getTime() - new Date(e.lastActiveAt ?? e.startedAt).getTime()).slice(0, 3), [J]), te = y(() => new Set(U.filter((e) => e.verdict === "ACCEPTED").map((e) => e.problemId)).size, [U]), [X] = b(() => Date.now()), Z = y(() => [...W].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()), [W, X]), Q = y(() => {
+		let e = new Set(R.map((e) => e.courseId));
+		return K.filter((t) => !e.has(t.id)).slice(0, 4);
+	}, [K, R]), $ = q.slice(0, 4);
+	return /* @__PURE__ */ P(n, {
 		hero: !0,
-		title: `Welcome back, ${K}`,
+		title: `Welcome back, ${ee}`,
 		description: "Your learning hub — pick up where you left off, keep your skills sharp, and jump into what's next.",
-		actions: /* @__PURE__ */ k(A, {
+		actions: /* @__PURE__ */ P(F, {
 			variant: "outline",
-			onClick: () => a("/courses/my-learning-page"),
-			children: [/* @__PURE__ */ O(w, { size: 16 }), " My Learning"]
+			onClick: () => i("/courses/my-learning-page"),
+			children: [/* @__PURE__ */ N(k, { size: 16 }), " My Learning"]
 		}),
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ N(r, {
 						label: "Courses in progress",
-						value: q.length,
-						icon: y
+						value: J.length,
+						icon: C,
+						tone: "blue"
 					}),
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ N(r, {
 						label: "Problems solved",
-						value: Y,
-						icon: C
+						value: te,
+						icon: O,
+						tone: "green"
 					}),
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ N(r, {
 						label: "Upcoming sessions",
 						value: Z.length,
-						icon: x
+						icon: T,
+						tone: "amber"
 					}),
-					/* @__PURE__ */ O(r, {
+					/* @__PURE__ */ N(r, {
 						label: "Certificates",
-						value: U.length,
-						icon: v
+						value: G.length,
+						icon: S,
+						tone: "purple"
 					})
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ k(A, {
+					/* @__PURE__ */ P(F, {
 						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", {
+						onClick: () => i("/courses/courses-page"),
+						children: [/* @__PURE__ */ N(C, { size: 18 }), /* @__PURE__ */ N("span", {
 							className: "text-xs",
 							children: "Browse courses"
 						})]
 					}),
-					/* @__PURE__ */ k(A, {
+					/* @__PURE__ */ P(F, {
 						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", {
+						onClick: () => i("/applications/problems-page"),
+						children: [/* @__PURE__ */ N(O, { size: 18 }), /* @__PURE__ */ N("span", {
 							className: "text-xs",
 							children: "Practice problems"
 						})]
 					}),
-					/* @__PURE__ */ k(A, {
+					/* @__PURE__ */ P(F, {
 						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", {
+						onClick: () => i("/mentorship/mentors-page"),
+						children: [/* @__PURE__ */ N(M, { size: 18 }), /* @__PURE__ */ N("span", {
 							className: "text-xs",
 							children: "Find a mentor"
 						})]
 					}),
-					/* @__PURE__ */ k(A, {
+					/* @__PURE__ */ P(F, {
 						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", {
+						onClick: () => i("/hackathons/hackathons-page"),
+						children: [/* @__PURE__ */ N(j, { size: 18 }), /* @__PURE__ */ N("span", {
 							className: "text-xs",
 							children: "Hackathons"
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ P("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ P("div", {
 					className: "space-y-6 lg:col-span-2",
-					children: [/* @__PURE__ */ k(j, {
+					children: [/* @__PURE__ */ P(I, {
 						className: "p-5",
-						children: [/* @__PURE__ */ O(M, {
+						children: [/* @__PURE__ */ N(L, {
 							title: "Continue learning",
 							actionLabel: "My Learning",
-							onAction: () => a("/courses/my-learning-page")
-						}), _.loading && !B.length ? /* @__PURE__ */ O(u, {
+							onAction: () => i("/courses/my-learning-page")
+						}), c.loading && !R.length ? /* @__PURE__ */ N(f, {
 							count: 2,
 							height: "h-16"
-						}) : _.error ? /* @__PURE__ */ O(l, {
+						}) : c.error ? /* @__PURE__ */ N(d, {
 							title: "Couldn't load your courses",
-							error: _.error
-						}) : J.length === 0 ? /* @__PURE__ */ O(c, {
-							icon: /* @__PURE__ */ O(y, { size: 24 }),
+							error: c.error
+						}) : Y.length === 0 ? /* @__PURE__ */ N(u, {
+							icon: /* @__PURE__ */ N(C, { 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"),
+							action: /* @__PURE__ */ N(F, {
+								onClick: () => i("/courses/courses-page"),
 								children: "Browse courses"
 							})
-						}) : /* @__PURE__ */ O("div", {
-							className: "space-y-3",
-							children: J.map((e) => /* @__PURE__ */ O(P, {
+						}) : /* @__PURE__ */ N("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+							children: Y.map((e) => /* @__PURE__ */ N(z, {
 								e,
-								onOpen: () => a(`/courses/course-details-page?id=${e.courseId}`)
+								onOpen: () => i(`/courses/course-details-page?id=${e.courseId}`)
 							}, e.id))
 						})]
-					}), /* @__PURE__ */ k(j, {
+					}), /* @__PURE__ */ P(I, {
 						className: "p-5",
-						children: [/* @__PURE__ */ O(M, {
+						children: [/* @__PURE__ */ N(L, {
 							title: "Recommended for you",
 							actionLabel: "View all",
-							onAction: () => a("/courses/courses-page")
-						}), R.loading && !W.length ? /* @__PURE__ */ O(u, {
+							onAction: () => i("/courses/courses-page")
+						}), D.loading && !K.length ? /* @__PURE__ */ N(f, {
 							count: 2,
 							height: "h-20"
-						}) : R.error ? /* @__PURE__ */ O(l, {
+						}) : D.error ? /* @__PURE__ */ N(d, {
 							title: "Couldn't load courses",
-							error: R.error
-						}) : Q.length === 0 ? /* @__PURE__ */ O(c, {
-							icon: /* @__PURE__ */ O(w, { size: 24 }),
+							error: D.error
+						}) : Q.length === 0 ? /* @__PURE__ */ N(u, {
+							icon: /* @__PURE__ */ N(k, { 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", {
+						}) : /* @__PURE__ */ N("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: Q.map((e) => /* @__PURE__ */ O(F, {
+							children: Q.map((e) => /* @__PURE__ */ N(B, {
 								course: e,
-								onOpen: () => a(`/courses/course-details-page?id=${e.id}`)
+								onOpen: () => i(`/courses/course-details-page?id=${e.id}`)
 							}, e.id))
 						})]
 					})]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ P("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ k(j, {
+						/* @__PURE__ */ P(I, {
 							className: "p-5",
-							children: [/* @__PURE__ */ O(M, {
+							children: [/* @__PURE__ */ N(L, {
 								title: "Upcoming sessions",
 								actionLabel: "All sessions",
-								onAction: () => a("/mentorship/sessions-page")
-							}), T.loading && !H.length ? /* @__PURE__ */ O(u, {
+								onAction: () => i("/mentorship/sessions-page")
+							}), x.loading && !W.length ? /* @__PURE__ */ N(f, {
 								count: 2,
 								height: "h-14"
-							}) : T.error ? /* @__PURE__ */ O(l, {
+							}) : x.error ? /* @__PURE__ */ N(d, {
 								title: "Couldn't load sessions",
-								error: T.error
-							}) : Z.length === 0 ? /* @__PURE__ */ O(c, {
-								icon: /* @__PURE__ */ O(x, { size: 24 }),
+								error: x.error
+							}) : Z.length === 0 ? /* @__PURE__ */ N(u, {
+								icon: /* @__PURE__ */ N(T, { size: 24 }),
 								title: "No sessions booked",
 								description: "Book time with a mentor to get unblocked — your upcoming sessions appear here.",
-								action: /* @__PURE__ */ O(A, {
+								action: /* @__PURE__ */ N(F, {
 									variant: "outline",
-									onClick: () => a("/mentorship/mentors-page"),
+									onClick: () => i("/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__ */ N("div", { children: Z.slice(0, 5).map((e) => /* @__PURE__ */ N(V, { s: e }, e.id)) })]
 						}),
-						/* @__PURE__ */ k(j, {
+						/* @__PURE__ */ P(I, {
 							className: "p-5",
-							children: [/* @__PURE__ */ O(M, {
+							children: [/* @__PURE__ */ N(L, {
 								title: "Open hackathons",
 								actionLabel: "View all",
-								onAction: () => a("/hackathons/hackathons-page")
-							}), z.loading && !G.length ? /* @__PURE__ */ O(u, {
+								onAction: () => i("/hackathons/hackathons-page")
+							}), A.loading && !q.length ? /* @__PURE__ */ N(f, {
 								count: 2,
 								height: "h-14"
-							}) : z.error ? /* @__PURE__ */ O(l, {
+							}) : A.error ? /* @__PURE__ */ N(d, {
 								title: "Couldn't load hackathons",
-								error: z.error
-							}) : $.length === 0 ? /* @__PURE__ */ O(c, {
-								icon: /* @__PURE__ */ O(E, { size: 24 }),
+								error: A.error
+							}) : $.length === 0 ? /* @__PURE__ */ N(u, {
+								icon: /* @__PURE__ */ N(j, { 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)) })]
+							}) : /* @__PURE__ */ N("div", {
+								className: "space-y-3",
+								children: $.map((e) => /* @__PURE__ */ N(H, {
+									h: e,
+									onOpen: () => i(`/hackathons/hackathon-details-page?id=${e.id}`)
+								}, e.id))
+							})]
 						}),
-						U.length > 0 ? /* @__PURE__ */ k(j, {
+						G.length > 0 ? /* @__PURE__ */ P(I, {
 							className: "p-5",
-							children: [/* @__PURE__ */ O(M, { title: "Latest certificate" }), /* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ N(L, { title: "Latest certificate" }), /* @__PURE__ */ P("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", {
+								children: [/* @__PURE__ */ N("span", {
+									className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-accent-primary/12 text-accent-teal",
+									children: /* @__PURE__ */ N(E, { size: 20 })
+								}), /* @__PURE__ */ P("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ N("div", {
 										className: "truncate text-sm font-medium text-text-primary",
-										children: U[0]?.course?.title ?? "Certificate"
-									}), /* @__PURE__ */ k("div", {
+										children: G[0]?.course?.title ?? "Certificate"
+									}), /* @__PURE__ */ P("div", {
 										className: "text-xs text-text-muted",
 										children: [
 											"Score ",
-											U[0]?.score,
+											G[0]?.score,
 											" · Issued ",
-											i(U[0]?.issuedAt)
+											o(G[0]?.issuedAt)
 										]
 									})]
 								})]
@@ -368,6 +401,6 @@ function R() {
 	});
 }
 //#endregion
-export { R as DashboardDashboardPagePage };
+export { U as DashboardDashboardPagePage };
 
 //# sourceMappingURL=DashboardDashboardPagePage.js.map