@burdenoff/microfe-technospam 2026.828.1 → 2026.830.1

package/dist/technospam/pages/DashboardDashboardPagePage.js

@@ -1,24 +1,25 @@
 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 { 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 { useTr as n } from "../hooks/useTr.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { StatCard as i } from "../components/StatCard.js";
+import { MediaCover as a, topicIcon as o } from "../components/MediaCover.js";
+import { formatDate as s, formatDateTime as c, formatMoney as l } from "../utils/format.js";
+import { StatusBadge as u } from "../components/StatusBadge.js";
+import { EmptyView as d, ErrorView as f, LoadingRows as p } from "../components/StateViews.js";
 import "../components/index.js";
-import { useCertificatesQuery as p, useCoursesQuery as m, useEnrollmentsQuery as h, useHackathonsQuery as g, useSessionsQuery as _, useSubmissionsQuery as v } from "../api/technospamApi.js";
+import { useCertificatesQuery as ee, 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";
+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 te } from "lucide-react";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Button as P, GlassCard as F } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/DashboardDashboardPagePage.tsx
-function L({ title: e, actionLabel: t, onAction: n }) {
-	return /* @__PURE__ */ P("div", {
+function I({ title: e, actionLabel: t, onAction: n }) {
+	return /* @__PURE__ */ N("div", {
 		className: "mb-3 flex items-center justify-between",
-		children: [/* @__PURE__ */ N("h2", {
+		children: [/* @__PURE__ */ M("h2", {
 			className: "text-base font-semibold text-text-primary",
 			children: e
-		}), t && n ? /* @__PURE__ */ P(F, {
+		}), t && n ? /* @__PURE__ */ N(P, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
@@ -26,51 +27,51 @@ function L({ title: e, actionLabel: t, onAction: n }) {
 			children: [
 				t,
 				" ",
-				/* @__PURE__ */ N(x, { size: 13 })
+				/* @__PURE__ */ M(x, { size: 13 })
 			]
 		}) : null]
 	});
 }
-function R({ pct: e }) {
-	return /* @__PURE__ */ N("div", {
+function L({ pct: e }) {
+	return /* @__PURE__ */ M("div", {
 		className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-		children: /* @__PURE__ */ N("div", {
+		children: /* @__PURE__ */ M("div", {
 			className: "h-full rounded-full bg-accent-primary transition-all",
 			style: { width: `${Math.max(0, Math.min(100, e))}%` }
 		})
 	});
 }
-function z({ e, onOpen: t }) {
-	let n = e.course?.title ?? "Course";
-	return /* @__PURE__ */ P("button", {
+function R({ e, onOpen: t }) {
+	let r = n(), i = e.course?.title ?? r("technospam.common.courseFallback", "Course");
+	return /* @__PURE__ */ N("button", {
 		type: "button",
 		onClick: t,
 		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),
+		children: [/* @__PURE__ */ N(a, {
+			seed: `${e.course?.topic ?? ""} ${i}`,
+			icon: o(e.course?.topic ?? i),
 			height: "h-20",
-			children: [e.course?.level ? /* @__PURE__ */ N(l, {
+			children: [e.course?.level ? /* @__PURE__ */ M(u, {
 				status: e.course.level,
 				kind: "level"
-			}) : /* @__PURE__ */ N("span", {}), /* @__PURE__ */ N("span", {
+			}) : /* @__PURE__ */ M("span", {}), /* @__PURE__ */ M("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 })
+				children: /* @__PURE__ */ M(A, { size: 16 })
 			})]
-		}), /* @__PURE__ */ P("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "flex flex-1 flex-col gap-2.5 p-3.5",
-			children: [/* @__PURE__ */ P("div", {
+			children: [/* @__PURE__ */ N("div", {
 				className: "flex items-start gap-2",
-				children: [/* @__PURE__ */ N("h3", {
+				children: [/* @__PURE__ */ M("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", {
+					children: i
+				}), /* @__PURE__ */ M(u, { status: e.status })]
+			}), /* @__PURE__ */ N("div", {
 				className: "mt-auto flex items-center gap-2.5",
-				children: [/* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "flex-1",
-					children: /* @__PURE__ */ N(R, { pct: e.progressPct })
-				}), /* @__PURE__ */ P("span", {
+					children: /* @__PURE__ */ M(L, { pct: e.progressPct })
+				}), /* @__PURE__ */ N("span", {
 					className: "shrink-0 text-xs font-semibold text-text-secondary",
 					children: [e.progressPct, "%"]
 				})]
@@ -78,31 +79,31 @@ function z({ e, onOpen: t }) {
 		})]
 	});
 }
-function B({ course: e, onOpen: t }) {
-	return /* @__PURE__ */ P("button", {
+function z({ course: e, onOpen: t }) {
+	return /* @__PURE__ */ N("button", {
 		type: "button",
 		onClick: t,
 		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, {
+		children: [/* @__PURE__ */ M(a, {
 			seed: `${e.topic ?? ""} ${e.title}`,
-			icon: a(e.topic ?? e.title),
+			icon: o(e.topic ?? e.title),
 			height: "h-20",
-			children: /* @__PURE__ */ N(l, {
+			children: /* @__PURE__ */ M(u, {
 				status: e.level,
 				kind: "level"
 			})
-		}), /* @__PURE__ */ P("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "flex flex-1 flex-col gap-1.5 p-3.5",
 			children: [
-				/* @__PURE__ */ N("h3", {
+				/* @__PURE__ */ M("h3", {
 					className: "truncate text-sm font-semibold text-text-primary group-hover:text-accent-primary",
 					children: e.title
 				}),
-				e.summary ? /* @__PURE__ */ N("p", {
+				e.summary ? /* @__PURE__ */ M("p", {
 					className: "line-clamp-2 text-xs text-text-secondary",
 					children: e.summary
 				}) : null,
-				e.topic ? /* @__PURE__ */ N("span", {
+				e.topic ? /* @__PURE__ */ M("span", {
 					className: "mt-auto truncate pt-0.5 text-xs text-text-muted",
 					children: e.topic
 				}) : null
@@ -110,285 +111,302 @@ function B({ course: e, onOpen: t }) {
 		})]
 	});
 }
-function V({ s: e }) {
-	return /* @__PURE__ */ P("div", {
+function B({ s: e }) {
+	return /* @__PURE__ */ 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",
-		children: [/* @__PURE__ */ N("span", {
+		children: [/* @__PURE__ */ M("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", {
+			children: /* @__PURE__ */ M(T, { size: 16 })
+		}), /* @__PURE__ */ N("div", {
 			className: "min-w-0 flex-1",
 			children: [
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ N("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ N("span", {
+					children: [/* @__PURE__ */ M("span", {
 						className: "truncate text-sm font-medium text-text-primary",
 						children: e.topic
-					}), /* @__PURE__ */ N(l, { status: e.status })]
+					}), /* @__PURE__ */ M(u, { status: e.status })]
 				}),
-				e.mentor?.headline ? /* @__PURE__ */ N("div", {
+				e.mentor?.headline ? /* @__PURE__ */ M("div", {
 					className: "truncate text-xs text-text-muted",
 					children: e.mentor.headline
 				}) : null,
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ N("div", {
 					className: "mt-0.5 flex items-center gap-1.5 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ N(D, {
+					children: [/* @__PURE__ */ M(D, {
 						size: 12,
 						className: "text-text-muted"
-					}), s(e.scheduledAt)]
+					}), c(e.scheduledAt)]
 				})
 			]
 		})]
 	});
 }
-function H({ h: e, onOpen: t }) {
-	return /* @__PURE__ */ P("button", {
+function V({ h: e, onOpen: t }) {
+	let r = n();
+	return /* @__PURE__ */ N("button", {
 		type: "button",
 		onClick: t,
 		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, {
+		children: [/* @__PURE__ */ N(a, {
 			seed: `${e.theme ?? ""} ${e.title}`,
 			icon: j,
 			height: "h-24",
-			children: [/* @__PURE__ */ P("div", {
+			children: [/* @__PURE__ */ N("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ P("div", {
+				children: [/* @__PURE__ */ N("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", {
+					children: [
+						/* @__PURE__ */ M(j, { size: 12 }),
+						" ",
+						r("technospam.common.openHackathon", "Open hackathon")
+					]
+				}), /* @__PURE__ */ M("h3", {
 					className: "mt-0.5 truncate text-sm font-semibold text-white drop-shadow-sm",
 					children: e.title
 				})]
-			}), e.prizePool > 0 ? /* @__PURE__ */ N("span", {
+			}), e.prizePool > 0 ? /* @__PURE__ */ M("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)
+				children: l(e.prizePool, e.currency)
 			}) : null]
-		}), /* @__PURE__ */ P("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "flex items-center justify-between gap-2 bg-bg-surface px-3.5 py-2.5",
-			children: [/* @__PURE__ */ P("span", {
+			children: [/* @__PURE__ */ N("span", {
 				className: "flex items-center gap-1.5 text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ N(w, { size: 12 }),
-					o(e.startAt),
+					/* @__PURE__ */ M(w, { size: 12 }),
+					s(e.startAt),
 					" – ",
-					o(e.endAt)
+					s(e.endAt)
 				]
-			}), /* @__PURE__ */ P("span", {
+			}), /* @__PURE__ */ N("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 })]
+				children: [
+					r("technospam.common.register", "Register"),
+					" ",
+					/* @__PURE__ */ M(x, { size: 12 })
+				]
 			})]
 		})]
 	});
 }
-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?.items ?? [], 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));
+function H() {
+	let a = t(), { currentUser: o } = e(), c = n(), l = o?.id, u = h(l ? { learnerId: l } : {}), x = v(l ? { learnerId: l } : {}), w = _(l ? { menteeId: l } : {}), D = ee(l ? { learnerId: l } : {}), A = m({ status: "PUBLISHED" }), L = g({ status: "REGISTRATION_OPEN" }), H = u.data?.tecListEnrollments?.items ?? [], U = x.data?.tecListSubmissions?.items ?? [], W = w.data?.tecListSessions?.items ?? [], G = D.data?.tecListCertificates ?? [], K = A.data?.tecListCourses?.items ?? [], q = L.data?.tecListHackathons?.items ?? [], ne = o?.firstName || o?.name || o?.email?.split("@")[0] || "there", J = y(() => H.filter((e) => e.status === "IN_PROGRESS" || e.status === "ENROLLED"), [H]), Y = y(() => [...J].sort((e, t) => new Date(t.lastActiveAt ?? t.startedAt).getTime() - new Date(e.lastActiveAt ?? e.startedAt).getTime()).slice(0, 3), [J]), re = 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(H.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, {
+	}, [K, H]), $ = q.slice(0, 4);
+	return /* @__PURE__ */ N(r, {
 		hero: !0,
-		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__ */ P(F, {
+		title: c("technospam.dashboard.title", "Welcome back, {{name}}", { name: ne }),
+		description: c("technospam.dashboard.description", "Your learning hub — pick up where you left off, keep your skills sharp, and jump into what's next."),
+		actions: /* @__PURE__ */ N(P, {
 			variant: "outline",
-			onClick: () => i("/courses/my-learning-page"),
-			children: [/* @__PURE__ */ N(k, { size: 16 }), " My Learning"]
+			onClick: () => a("/courses/my-learning-page"),
+			children: [
+				/* @__PURE__ */ M(k, { size: 16 }),
+				" ",
+				c("technospam.dashboard.myLearning", "My Learning")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ N(r, {
-						label: "Courses in progress",
+					/* @__PURE__ */ M(i, {
+						label: c("technospam.dashboard.coursesInProgress", "Courses in progress"),
 						value: J.length,
 						icon: C,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ N(r, {
-						label: "Problems solved",
-						value: te,
+					/* @__PURE__ */ M(i, {
+						label: c("technospam.dashboard.problemsSolved", "Problems solved"),
+						value: re,
 						icon: O,
 						tone: "green"
 					}),
-					/* @__PURE__ */ N(r, {
-						label: "Upcoming sessions",
+					/* @__PURE__ */ M(i, {
+						label: c("technospam.dashboard.upcomingSessions", "Upcoming sessions"),
 						value: Z.length,
 						icon: T,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ N(r, {
-						label: "Certificates",
+					/* @__PURE__ */ M(i, {
+						label: c("technospam.dashboard.certificates", "Certificates"),
 						value: G.length,
 						icon: S,
 						tone: "purple"
 					})
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ P(F, {
+					/* @__PURE__ */ N(P, {
 						variant: "outline",
 						className: "h-auto flex-col gap-2 py-4",
-						onClick: () => i("/courses/courses-page"),
-						children: [/* @__PURE__ */ N(C, { size: 18 }), /* @__PURE__ */ N("span", {
+						onClick: () => a("/courses/courses-page"),
+						children: [/* @__PURE__ */ M(C, { size: 18 }), /* @__PURE__ */ M("span", {
 							className: "text-xs",
-							children: "Browse courses"
+							children: c("technospam.common.browseCourses", "Browse courses")
 						})]
 					}),
-					/* @__PURE__ */ P(F, {
+					/* @__PURE__ */ N(P, {
 						variant: "outline",
 						className: "h-auto flex-col gap-2 py-4",
-						onClick: () => i("/applications/problems-page"),
-						children: [/* @__PURE__ */ N(O, { size: 18 }), /* @__PURE__ */ N("span", {
+						onClick: () => a("/applications/problems-page"),
+						children: [/* @__PURE__ */ M(O, { size: 18 }), /* @__PURE__ */ M("span", {
 							className: "text-xs",
-							children: "Practice problems"
+							children: c("technospam.common.practiceProblems", "Practice problems")
 						})]
 					}),
-					/* @__PURE__ */ P(F, {
+					/* @__PURE__ */ N(P, {
 						variant: "outline",
 						className: "h-auto flex-col gap-2 py-4",
-						onClick: () => i("/mentorship/mentors-page"),
-						children: [/* @__PURE__ */ N(M, { size: 18 }), /* @__PURE__ */ N("span", {
+						onClick: () => a("/mentorship/mentors-page"),
+						children: [/* @__PURE__ */ M(te, { size: 18 }), /* @__PURE__ */ M("span", {
 							className: "text-xs",
-							children: "Find a mentor"
+							children: c("technospam.common.findMentor", "Find a mentor")
 						})]
 					}),
-					/* @__PURE__ */ P(F, {
+					/* @__PURE__ */ N(P, {
 						variant: "outline",
 						className: "h-auto flex-col gap-2 py-4",
-						onClick: () => i("/hackathons/hackathons-page"),
-						children: [/* @__PURE__ */ N(j, { size: 18 }), /* @__PURE__ */ N("span", {
+						onClick: () => a("/hackathons/hackathons-page"),
+						children: [/* @__PURE__ */ M(j, { size: 18 }), /* @__PURE__ */ M("span", {
 							className: "text-xs",
-							children: "Hackathons"
+							children: c("technospam.common.hackathons", "Hackathons")
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ P("div", {
+				children: [/* @__PURE__ */ N("div", {
 					className: "space-y-6 lg:col-span-2",
-					children: [/* @__PURE__ */ P(I, {
+					children: [/* @__PURE__ */ N(F, {
 						className: "p-5",
-						children: [/* @__PURE__ */ N(L, {
-							title: "Continue learning",
-							actionLabel: "My Learning",
-							onAction: () => i("/courses/my-learning-page")
-						}), c.loading && !R.length ? /* @__PURE__ */ N(f, {
+						children: [/* @__PURE__ */ M(I, {
+							title: c("technospam.dashboard.continueLearning", "Continue learning"),
+							actionLabel: c("technospam.dashboard.myLearning", "My Learning"),
+							onAction: () => a("/courses/my-learning-page")
+						}), u.loading && !H.length ? /* @__PURE__ */ M(p, {
 							count: 2,
 							height: "h-16"
-						}) : c.error ? /* @__PURE__ */ N(d, {
-							title: "Couldn't load your courses",
-							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__ */ N(F, {
-								onClick: () => i("/courses/courses-page"),
-								children: "Browse courses"
+						}) : u.error ? /* @__PURE__ */ M(f, {
+							title: c("technospam.common.errorLoadCourses", "Couldn't load your courses"),
+							error: u.error
+						}) : Y.length === 0 ? /* @__PURE__ */ M(d, {
+							icon: /* @__PURE__ */ M(C, { size: 24 }),
+							title: c("technospam.dashboard.noCoursesInProgressTitle", "No courses in progress"),
+							description: c("technospam.dashboard.noCoursesInProgressDesc", "Enroll in a course to start building skill by doing — your active courses show up here."),
+							action: /* @__PURE__ */ M(P, {
+								onClick: () => a("/courses/courses-page"),
+								children: c("technospam.common.browseCourses", "Browse courses")
 							})
-						}) : /* @__PURE__ */ N("div", {
+						}) : /* @__PURE__ */ M("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-							children: Y.map((e) => /* @__PURE__ */ N(z, {
+							children: Y.map((e) => /* @__PURE__ */ M(R, {
 								e,
-								onOpen: () => i(`/courses/course-details-page?id=${e.courseId}`)
+								onOpen: () => a(`/courses/course-details-page?id=${e.courseId}`)
 							}, e.id))
 						})]
-					}), /* @__PURE__ */ P(I, {
+					}), /* @__PURE__ */ N(F, {
 						className: "p-5",
-						children: [/* @__PURE__ */ N(L, {
-							title: "Recommended for you",
-							actionLabel: "View all",
-							onAction: () => i("/courses/courses-page")
-						}), D.loading && !K.length ? /* @__PURE__ */ N(f, {
+						children: [/* @__PURE__ */ M(I, {
+							title: c("technospam.dashboard.recommendedForYou", "Recommended for you"),
+							actionLabel: c("technospam.common.viewAll", "View all"),
+							onAction: () => a("/courses/courses-page")
+						}), A.loading && !K.length ? /* @__PURE__ */ M(p, {
 							count: 2,
 							height: "h-20"
-						}) : D.error ? /* @__PURE__ */ N(d, {
-							title: "Couldn't load courses",
-							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__ */ N("div", {
+						}) : A.error ? /* @__PURE__ */ M(f, {
+							title: c("technospam.common.errorLoadCourses", "Couldn't load courses"),
+							error: A.error
+						}) : Q.length === 0 ? /* @__PURE__ */ M(d, {
+							icon: /* @__PURE__ */ M(k, { size: 24 }),
+							title: c("technospam.dashboard.noRecommendationsTitle", "No courses to recommend yet"),
+							description: c("technospam.dashboard.noRecommendationsDesc", "New courses are on the way. TechnoSpam is pre-launch — check back soon.")
+						}) : /* @__PURE__ */ M("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-							children: Q.map((e) => /* @__PURE__ */ N(B, {
+							children: Q.map((e) => /* @__PURE__ */ M(z, {
 								course: e,
-								onOpen: () => i(`/courses/course-details-page?id=${e.id}`)
+								onOpen: () => a(`/courses/course-details-page?id=${e.id}`)
 							}, e.id))
 						})]
 					})]
-				}), /* @__PURE__ */ P("div", {
+				}), /* @__PURE__ */ N("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ P(I, {
+						/* @__PURE__ */ N(F, {
 							className: "p-5",
-							children: [/* @__PURE__ */ N(L, {
-								title: "Upcoming sessions",
-								actionLabel: "All sessions",
-								onAction: () => i("/mentorship/sessions-page")
-							}), x.loading && !W.length ? /* @__PURE__ */ N(f, {
+							children: [/* @__PURE__ */ M(I, {
+								title: c("technospam.dashboard.upcomingSessionsTitle", "Upcoming sessions"),
+								actionLabel: c("technospam.common.allSessions", "All sessions"),
+								onAction: () => a("/mentorship/sessions-page")
+							}), w.loading && !W.length ? /* @__PURE__ */ M(p, {
 								count: 2,
 								height: "h-14"
-							}) : x.error ? /* @__PURE__ */ N(d, {
-								title: "Couldn't load sessions",
-								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__ */ N(F, {
+							}) : w.error ? /* @__PURE__ */ M(f, {
+								title: c("technospam.common.errorLoadSessions", "Couldn't load sessions"),
+								error: w.error
+							}) : Z.length === 0 ? /* @__PURE__ */ M(d, {
+								icon: /* @__PURE__ */ M(T, { size: 24 }),
+								title: c("technospam.dashboard.noSessionsBookedTitle", "No sessions booked"),
+								description: c("technospam.dashboard.noSessionsBookedDesc", "Book time with a mentor to get unblocked — your upcoming sessions appear here."),
+								action: /* @__PURE__ */ M(P, {
 									variant: "outline",
-									onClick: () => i("/mentorship/mentors-page"),
-									children: "Find a mentor"
+									onClick: () => a("/mentorship/mentors-page"),
+									children: c("technospam.common.findMentor", "Find a mentor")
 								})
-							}) : /* @__PURE__ */ N("div", { children: Z.slice(0, 5).map((e) => /* @__PURE__ */ N(V, { s: e }, e.id)) })]
+							}) : /* @__PURE__ */ M("div", { children: Z.slice(0, 5).map((e) => /* @__PURE__ */ M(B, { s: e }, e.id)) })]
 						}),
-						/* @__PURE__ */ P(I, {
+						/* @__PURE__ */ N(F, {
 							className: "p-5",
-							children: [/* @__PURE__ */ N(L, {
-								title: "Open hackathons",
-								actionLabel: "View all",
-								onAction: () => i("/hackathons/hackathons-page")
-							}), A.loading && !q.length ? /* @__PURE__ */ N(f, {
+							children: [/* @__PURE__ */ M(I, {
+								title: c("technospam.dashboard.openHackathons", "Open hackathons"),
+								actionLabel: c("technospam.common.viewAll", "View all"),
+								onAction: () => a("/hackathons/hackathons-page")
+							}), L.loading && !q.length ? /* @__PURE__ */ M(p, {
 								count: 2,
 								height: "h-14"
-							}) : A.error ? /* @__PURE__ */ N(d, {
-								title: "Couldn't load hackathons",
-								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__ */ N("div", {
+							}) : L.error ? /* @__PURE__ */ M(f, {
+								title: c("technospam.common.errorLoadHackathons", "Couldn't load hackathons"),
+								error: L.error
+							}) : $.length === 0 ? /* @__PURE__ */ M(d, {
+								icon: /* @__PURE__ */ M(j, { size: 24 }),
+								title: c("technospam.dashboard.noOpenHackathonsTitle", "No open hackathons"),
+								description: c("technospam.dashboard.noOpenHackathonsDesc", "When registration opens for a hackathon, it will show up here to join.")
+							}) : /* @__PURE__ */ M("div", {
 								className: "space-y-3",
-								children: $.map((e) => /* @__PURE__ */ N(H, {
+								children: $.map((e) => /* @__PURE__ */ M(V, {
 									h: e,
-									onOpen: () => i(`/hackathons/hackathon-details-page?id=${e.id}`)
+									onOpen: () => a(`/hackathons/hackathon-details-page?id=${e.id}`)
 								}, e.id))
 							})]
 						}),
-						G.length > 0 ? /* @__PURE__ */ P(I, {
+						G.length > 0 ? /* @__PURE__ */ N(F, {
 							className: "p-5",
-							children: [/* @__PURE__ */ N(L, { title: "Latest certificate" }), /* @__PURE__ */ P("div", {
+							children: [/* @__PURE__ */ M(I, { title: c("technospam.common.latestCertificate", "Latest certificate") }), /* @__PURE__ */ N("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ N("span", {
+								children: [/* @__PURE__ */ M("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", {
+									children: /* @__PURE__ */ M(E, { size: 20 })
+								}), /* @__PURE__ */ N("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ M("div", {
 										className: "truncate text-sm font-medium text-text-primary",
-										children: G[0]?.course?.title ?? "Certificate"
-									}), /* @__PURE__ */ P("div", {
+										children: G[0]?.course?.title ?? c("technospam.common.courseFallback", "Course")
+									}), /* @__PURE__ */ N("div", {
 										className: "text-xs text-text-muted",
 										children: [
-											"Score ",
+											c("technospam.common.score", "Score"),
+											" ",
 											G[0]?.score,
-											" · Issued ",
-											o(G[0]?.issuedAt)
+											" ·",
+											" ",
+											c("technospam.common.issued", "Issued"),
+											" ",
+											s(G[0]?.issuedAt)
 										]
 									})]
 								})]
@@ -401,6 +419,6 @@ function U() {
 	});
 }
 //#endregion
-export { U as DashboardDashboardPagePage };
+export { H as DashboardDashboardPagePage };
 
 //# sourceMappingURL=DashboardDashboardPagePage.js.map