@burdenoff/microfe-technospam 2026.828.1 → 2026.830.1

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js

@@ -1,54 +1,55 @@
 import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/TechnoSpamProvider.js";
-import { cn as n } from "../utils/cn.js";
-import { PageLayout as r } from "../components/PageLayout.js";
-import { StatCard as i } from "../components/StatCard.js";
-import { humanizeEnum as a } from "../utils/format.js";
-import { EmptyView as o, ErrorView as ee, LoadingGrid as te, LoadingRows as ne } from "../components/StateViews.js";
+import { useTr as n } from "../hooks/useTr.js";
+import { cn as r } from "../utils/cn.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { StatCard as a } from "../components/StatCard.js";
+import { humanizeEnum as o } from "../utils/format.js";
+import { EmptyView as s, ErrorView as ee, LoadingGrid as te, LoadingRows as ne } from "../components/StateViews.js";
 import "../components/index.js";
 import { useCertificatesQuery as re, useCoursesQuery as ie, useEnrollmentsQuery as ae, useHackathonsQuery as oe, useProblemsQuery as se, useSessionsQuery as ce, useSubmissionsQuery as le } from "../api/technospamApi.js";
-import { Legend as s } from "../../node_modules/recharts/es6/component/Legend.js";
-import { Tooltip as c } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as l } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Cell as u } from "../../node_modules/recharts/es6/component/Cell.js";
+import { Legend as c } from "../../node_modules/recharts/es6/component/Legend.js";
+import { Tooltip as l } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as u } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Cell as d } from "../../node_modules/recharts/es6/component/Cell.js";
 import { Pie as ue } from "../../node_modules/recharts/es6/polar/Pie.js";
 import { Bar as de } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as d } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Area as f } from "../../node_modules/recharts/es6/cartesian/Area.js";
-import { XAxis as p } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as m } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { CartesianGrid as f } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Area as p } from "../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as m } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as h } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
 import { BarChart as fe } from "../../node_modules/recharts/es6/chart/BarChart.js";
 import { PieChart as pe } from "../../node_modules/recharts/es6/chart/PieChart.js";
 import { AreaChart as me } from "../../node_modules/recharts/es6/chart/AreaChart.js";
-import { useMemo as h, useState as g } from "react";
-import { Activity as _, Award as he, BarChart3 as ge, BookOpen as v, CalendarRange as y, Code2 as b, GraduationCap as x, Library as _e, Percent as ve, Target as S, TrendingUp as ye, Trophy as be, Users as xe, X as C } from "lucide-react";
+import { useMemo as g, useState as _ } from "react";
+import { Activity as v, Award as he, BarChart3 as ge, BookOpen as _e, CalendarRange as y, Code2 as b, GraduationCap as x, Library as ve, Percent as ye, Target as S, TrendingUp as be, Trophy as xe, Users as Se, X as C } from "lucide-react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { Button as E, GlassCard as D, Input as O } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/AnalyticsAnalyticsPagePage.tsx
-var Se = [
+var Ce = [
 	"ENROLLED",
 	"IN_PROGRESS",
 	"COMPLETED",
 	"DROPPED"
-], Ce = {
+], we = {
 	ENROLLED: "var(--color-accent-primary)",
 	IN_PROGRESS: "var(--color-accent-teal)",
 	COMPLETED: "var(--color-status-success)",
 	DROPPED: "var(--color-status-warning)"
-}, we = [
+}, Te = [
 	"ACCEPTED",
 	"WRONG_ANSWER",
 	"TIME_LIMIT_EXCEEDED",
 	"RUNTIME_ERROR",
 	"COMPILE_ERROR",
 	"PENDING"
-], Te = {
+], Ee = {
 	ACCEPTED: "Accepted",
 	WRONG_ANSWER: "Wrong",
 	TIME_LIMIT_EXCEEDED: "TLE",
 	RUNTIME_ERROR: "Runtime",
 	COMPILE_ERROR: "Compile",
 	PENDING: "Pending"
-}, Ee = {
+}, De = {
 	ACCEPTED: "var(--color-status-success)",
 	WRONG_ANSWER: "var(--color-status-error)",
 	TIME_LIMIT_EXCEEDED: "var(--color-status-warning)",
@@ -65,7 +66,7 @@ var Se = [
 	fill: "var(--color-text-muted)",
 	fontSize: 12
 };
-function De(e) {
+function Oe(e) {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return {
 		key: 0,
@@ -86,20 +87,20 @@ var M = {
 	purple: "bg-accent-purple/15 text-accent-purple ring-accent-purple/20",
 	indigo: "bg-accent-indigo/15 text-accent-indigo ring-accent-indigo/20"
 };
-function N({ icon: e, title: t, subtitle: r, tone: i }) {
+function N({ icon: e, title: t, subtitle: n, tone: i }) {
 	return /* @__PURE__ */ T("div", {
 		className: "mb-4 flex items-center gap-3",
 		children: [/* @__PURE__ */ w("span", {
-			className: n("flex h-9 w-9 shrink-0 items-center justify-center rounded-xl ring-1", M[i]),
+			className: r("flex h-9 w-9 shrink-0 items-center justify-center rounded-xl ring-1", M[i]),
 			children: /* @__PURE__ */ w(e, { size: 17 })
 		}), /* @__PURE__ */ T("div", {
 			className: "min-w-0",
 			children: [/* @__PURE__ */ w("h3", {
 				className: "truncate text-sm font-semibold text-text-primary",
 				children: t
-			}), r ? /* @__PURE__ */ w("p", {
+			}), n ? /* @__PURE__ */ w("p", {
 				className: "truncate text-xs text-text-muted",
-				children: r
+				children: n
 			}) : null]
 		})]
 	});
@@ -115,29 +116,29 @@ function P({ title: e, subtitle: t, icon: n, tone: r = "teal", isEmpty: i, empty
 		}), i ? /* @__PURE__ */ w("div", {
 			className: "flex h-[240px] items-center justify-center text-center text-sm text-text-muted",
 			children: a
-		}) : /* @__PURE__ */ w(l, {
+		}) : /* @__PURE__ */ w(u, {
 			width: "100%",
 			height: 260,
 			children: o
 		})]
 	});
 }
-function Oe({ data: e }) {
-	let t = e.length > 1 ? e[e.length - 1] : void 0;
+function ke({ data: e, title: t, subtitle: n, noData: i, lowestRateLabel: a }) {
+	let o = e.length > 1 ? e[e.length - 1] : void 0;
 	return /* @__PURE__ */ T(D, {
 		className: "p-5 transition-shadow duration-200 hover:shadow-lg",
 		children: [/* @__PURE__ */ w(N, {
 			icon: S,
-			title: "Accepted rate by topic",
-			subtitle: "Where your solutions land, and where they don't",
+			title: t,
+			subtitle: n,
 			tone: "indigo"
 		}), e.length === 0 ? /* @__PURE__ */ w("div", {
 			className: "flex h-[240px] items-center justify-center text-center text-sm text-text-muted",
-			children: "Solve a practice problem and your per-topic rate builds here"
+			children: i
 		}) : /* @__PURE__ */ T("div", {
 			className: "space-y-3",
 			children: [e.map((e) => {
-				let r = t?.topic === e.topic;
+				let t = o?.topic === e.topic;
 				return /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
 					className: "mb-1 flex flex-wrap items-baseline gap-x-2",
 					children: [
@@ -146,7 +147,7 @@ function Oe({ data: e }) {
 							children: e.topic
 						}),
 						/* @__PURE__ */ T("span", {
-							className: n("text-sm font-semibold tabular-nums", r ? "text-status-warning-text" : "text-text-secondary"),
+							className: r("text-sm font-semibold tabular-nums", t ? "text-status-warning-text" : "text-text-secondary"),
 							children: [e.rate, "%"]
 						}),
 						/* @__PURE__ */ T("span", {
@@ -162,36 +163,25 @@ function Oe({ data: e }) {
 				}), /* @__PURE__ */ w("div", {
 					className: "h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken",
 					children: /* @__PURE__ */ w("div", {
-						className: n("h-full rounded-full transition-all duration-500", r ? "bg-status-warning-text" : "bg-accent-primary"),
+						className: r("h-full rounded-full transition-all duration-500", t ? "bg-status-warning-text" : "bg-accent-primary"),
 						style: { width: `${e.rate}%` }
 					})
 				})] }, e.topic);
-			}), t ? /* @__PURE__ */ T("p", {
+			}), o ? /* @__PURE__ */ w("p", {
 				className: "pt-1 text-xs text-text-muted",
-				children: [
-					"Lowest measured rate: ",
-					/* @__PURE__ */ w("span", {
-						className: "text-text-secondary",
-						children: t.topic
-					}),
-					" —",
-					" ",
-					t.accepted,
-					" of ",
-					t.attempted,
-					" attempts accepted in the loaded range."
-				]
+				children: a(o.topic, o.accepted, o.attempted)
 			}) : null]
 		})]
 	});
 }
-function ke(e) {
+function Ae(e) {
 	return e ? `${e}T00:00:00.000Z` : void 0;
 }
-function Ae(e) {
+function je(e) {
 	return e ? `${e}T23:59:59.999Z` : void 0;
 }
-function je({ start: e, end: t, onStart: n, onEnd: r, onPreset: i, onClear: a }) {
+function Me({ start: e, end: t, onStart: n, onEnd: r, onPreset: i, onClear: a, tr: o }) {
+	let s = !!(e || t);
 	return /* @__PURE__ */ T(D, {
 		className: "mb-6 flex flex-col gap-3 p-4 lg:flex-row lg:items-end lg:justify-between",
 		children: [/* @__PURE__ */ T("div", {
@@ -202,12 +192,12 @@ function je({ start: e, end: t, onStart: n, onEnd: r, onPreset: i, onClear: a })
 					children: [/* @__PURE__ */ w(y, {
 						size: 16,
 						className: "text-accent-teal"
-					}), "Date range"]
+					}), o("technospam.analytics.dateRangeTitle", "Date range")]
 				}),
 				/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 					className: "mb-1 block text-xs font-medium text-text-muted",
 					htmlFor: "tec-range-from",
-					children: "From"
+					children: o("technospam.analytics.from", "From")
 				}), /* @__PURE__ */ w(O, {
 					id: "tec-range-from",
 					type: "date",
@@ -219,7 +209,7 @@ function je({ start: e, end: t, onStart: n, onEnd: r, onPreset: i, onClear: a })
 				/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("label", {
 					className: "mb-1 block text-xs font-medium text-text-muted",
 					htmlFor: "tec-range-to",
-					children: "To"
+					children: o("technospam.analytics.to", "To")
 				}), /* @__PURE__ */ w(O, {
 					id: "tec-range-to",
 					type: "date",
@@ -228,11 +218,15 @@ function je({ start: e, end: t, onStart: n, onEnd: r, onPreset: i, onClear: a })
 					onChange: (e) => r(e.target.value),
 					className: "w-40"
 				})] }),
-				e || t ? /* @__PURE__ */ T(E, {
+				s ? /* @__PURE__ */ T(E, {
 					variant: "ghost",
 					size: "sm",
 					onClick: a,
-					children: [/* @__PURE__ */ w(C, { size: 14 }), " Clear"]
+					children: [
+						/* @__PURE__ */ w(C, { size: 14 }),
+						" ",
+						o("technospam.analytics.clear", "Clear")
+					]
 				}) : null
 			]
 		}), /* @__PURE__ */ T("div", {
@@ -242,58 +236,58 @@ function je({ start: e, end: t, onStart: n, onEnd: r, onPreset: i, onClear: a })
 					variant: "outline",
 					size: "sm",
 					onClick: () => i(7),
-					children: "Last 7 days"
+					children: o("technospam.analytics.last7Days", "Last 7 days")
 				}),
 				/* @__PURE__ */ w(E, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => i(30),
-					children: "Last 30 days"
+					children: o("technospam.analytics.last30Days", "Last 30 days")
 				}),
 				/* @__PURE__ */ w(E, {
 					variant: "outline",
 					size: "sm",
 					onClick: () => i(90),
-					children: "Last 90 days"
+					children: o("technospam.analytics.last90Days", "Last 90 days")
 				})
 			]
 		})]
 	});
 }
 function F() {
-	let n = t(), { currentUser: y } = e(), S = y?.id, [C, O] = g(""), [M, F] = g(""), I = ke(C), L = Ae(M), Me = (e) => {
+	let r = t(), { currentUser: y } = e(), S = n(), C = y?.id, [O, M] = _(""), [F, I] = _(""), L = Ae(O), R = je(F), Ne = (e) => {
 		let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
-		n.setDate(n.getDate() - e), O(n.toISOString().slice(0, 10)), F(t.toISOString().slice(0, 10));
-	}, Ne = () => {
-		O(""), F("");
-	}, R = I || L ? {
-		startDate: I,
-		endDate: L
-	} : {}, z = ae(S ? {
-		learnerId: S,
-		...R
-	} : {}), B = le(S ? {
-		learnerId: S,
-		...R
-	} : {}), V = ce(S ? { menteeId: S } : {}), H = re(S ? { learnerId: S } : {}), Pe = ie({ status: "PUBLISHED" }), Fe = se({ status: "PUBLISHED" }), Ie = oe({}), U = h(() => z.data?.tecListEnrollments?.items ?? [], [z.data]), W = h(() => B.data?.tecListSubmissions?.items ?? [], [B.data]), G = V.data?.tecListSessions?.items ?? [], K = H.data?.tecListCertificates ?? [], Le = Pe.data?.tecListCourses?.items.length ?? 0, Re = Fe.data?.tecListProblems?.items.length ?? 0, ze = Ie.data?.tecListHackathons?.items.length ?? 0, q = h(() => {
-		let e = U.filter((e) => e.status === "COMPLETED").length, t = U.length ? Math.round(U.reduce((e, t) => e + t.progressPct, 0) / U.length) : 0, n = W.filter((e) => e.verdict === "ACCEPTED");
+		n.setDate(n.getDate() - e), M(n.toISOString().slice(0, 10)), I(t.toISOString().slice(0, 10));
+	}, Pe = () => {
+		M(""), I("");
+	}, z = L || R ? {
+		startDate: L,
+		endDate: R
+	} : {}, B = ae(C ? {
+		learnerId: C,
+		...z
+	} : {}), V = le(C ? {
+		learnerId: C,
+		...z
+	} : {}), H = ce(C ? { menteeId: C } : {}), U = re(C ? { learnerId: C } : {}), Fe = ie({ status: "PUBLISHED" }), Ie = se({ status: "PUBLISHED" }), Le = oe({}), W = g(() => B.data?.tecListEnrollments?.items ?? [], [B.data]), G = g(() => V.data?.tecListSubmissions?.items ?? [], [V.data]), K = H.data?.tecListSessions?.items ?? [], q = U.data?.tecListCertificates ?? [], Re = Fe.data?.tecListCourses?.items.length ?? 0, ze = Ie.data?.tecListProblems?.items.length ?? 0, Be = Le.data?.tecListHackathons?.items.length ?? 0, J = g(() => {
+		let e = W.filter((e) => e.status === "COMPLETED").length, t = W.length ? Math.round(W.reduce((e, t) => e + t.progressPct, 0) / W.length) : 0, n = G.filter((e) => e.verdict === "ACCEPTED");
 		return {
 			coursesCompleted: e,
 			avgProgress: t,
 			problemsSolved: new Set(n.map((e) => e.problemId)).size,
-			acceptanceRate: W.length ? Math.round(n.length / W.length * 100) : 0
+			acceptanceRate: G.length ? Math.round(n.length / G.length * 100) : 0
 		};
-	}, [U, W]), J = h(() => Se.map((e) => ({
-		name: a(e),
-		value: U.filter((t) => t.status === e).length,
-		color: Ce[e]
-	})).filter((e) => e.value > 0), [U]), Y = h(() => we.map((e) => ({
-		label: Te[e],
-		count: W.filter((t) => t.verdict === e).length,
-		color: Ee[e]
-	})).filter((e) => e.count > 0), [W]), Be = h(() => {
+	}, [W, G]), Y = g(() => Ce.map((e) => ({
+		name: o(e),
+		value: W.filter((t) => t.status === e).length,
+		color: we[e]
+	})).filter((e) => e.value > 0), [W]), X = g(() => Te.map((e) => ({
+		label: Ee[e],
+		count: G.filter((t) => t.verdict === e).length,
+		color: De[e]
+	})).filter((e) => e.count > 0), [G]), Ve = g(() => {
 		let e = /* @__PURE__ */ new Map();
-		return W.forEach((t) => {
+		return G.forEach((t) => {
 			let n = t.problem?.topic?.trim() || "Untagged", r = e.get(n) ?? {
 				accepted: 0,
 				attempted: 0
@@ -305,59 +299,63 @@ function F() {
 			attempted: t.attempted,
 			rate: Math.round(t.accepted / t.attempted * 100)
 		})).sort((e, t) => t.rate - e.rate || t.attempted - e.attempted);
-	}, [W]), X = h(() => {
+	}, [G]), Z = g(() => {
 		let e = /* @__PURE__ */ new Map(), t = (t, n) => {
-			let { key: r, label: i } = De(t), a = e.get(r) ?? {
+			let { key: r, label: i } = Oe(t), a = e.get(r) ?? {
 				label: i,
 				submissions: 0,
 				enrollments: 0
 			};
 			a[n] += 1, e.set(r, a);
 		};
-		return W.forEach((e) => t(e.createdAt, "submissions")), U.forEach((e) => t(e.createdAt, "enrollments")), [...e.entries()].sort((e, t) => e[0] - t[0]).slice(-8).map(([, e]) => e);
-	}, [W, U]), Z = U.length > 0 || W.length > 0 || G.length > 0 || K.length > 0, Ve = z.loading || B.loading || V.loading || H.loading, Q = z.error || B.error || V.error || H.error, He = Ve && !Z, $ = /* @__PURE__ */ T("div", { children: [
+		return G.forEach((e) => t(e.createdAt, "submissions")), W.forEach((e) => t(e.createdAt, "enrollments")), [...e.entries()].sort((e, t) => e[0] - t[0]).slice(-8).map(([, e]) => e);
+	}, [G, W]), Q = W.length > 0 || G.length > 0 || K.length > 0 || q.length > 0, He = B.loading || V.loading || H.loading || U.loading, $ = B.error || V.error || H.error || U.error, Ue = He && !Q, We = /* @__PURE__ */ T("div", { children: [
 		/* @__PURE__ */ w("h2", {
 			className: "mb-3 text-base font-semibold text-text-primary",
-			children: "Workspace overview"
+			children: S("technospam.analytics.workspaceOverviewTitle", "Workspace overview")
 		}),
 		/* @__PURE__ */ w("p", {
 			className: "mb-4 max-w-2xl text-sm text-text-secondary",
-			children: "Live content available across the TechnoSpam learning workspace right now."
+			children: S("technospam.analytics.workspaceOverviewDesc", "Live content available across the TechnoSpam learning workspace right now.")
 		}),
 		/* @__PURE__ */ T("div", {
 			className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
 			children: [
-				/* @__PURE__ */ w(i, {
-					label: "Published courses",
-					value: Le,
-					icon: _e,
+				/* @__PURE__ */ w(a, {
+					label: S("technospam.analytics.statPublishedCourses", "Published courses"),
+					value: Re,
+					icon: ve,
 					tone: "blue"
 				}),
-				/* @__PURE__ */ w(i, {
-					label: "Published problems",
-					value: Re,
+				/* @__PURE__ */ w(a, {
+					label: S("technospam.analytics.statPublishedProblems", "Published problems"),
+					value: ze,
 					icon: b,
 					tone: "indigo"
 				}),
-				/* @__PURE__ */ w(i, {
-					label: "Hackathons",
-					value: ze,
-					icon: be,
+				/* @__PURE__ */ w(a, {
+					label: S("technospam.analytics.statHackathons", "Hackathons"),
+					value: Be,
+					icon: xe,
 					tone: "purple"
 				})
 			]
 		})
 	] });
-	return /* @__PURE__ */ w(r, {
+	return /* @__PURE__ */ w(i, {
 		hero: !0,
-		title: "Analytics",
-		description: "Your real learning performance across courses, problems, mentoring and certificates.",
+		title: S("technospam.analytics.title", "Analytics"),
+		description: S("technospam.analytics.description", "Your real learning performance across courses, problems, mentoring and certificates."),
 		actions: /* @__PURE__ */ T(E, {
 			variant: "outline",
-			onClick: () => n("/courses/my-learning-page"),
-			children: [/* @__PURE__ */ w(x, { size: 16 }), " My Learning"]
+			onClick: () => r("/courses/my-learning-page"),
+			children: [
+				/* @__PURE__ */ w(x, { size: 16 }),
+				" ",
+				S("technospam.common.myLearning", "My Learning")
+			]
 		}),
-		children: S ? He ? /* @__PURE__ */ T("div", {
+		children: C ? Ue ? /* @__PURE__ */ T("div", {
 			className: "space-y-6",
 			children: [/* @__PURE__ */ w(te, {
 				count: 4,
@@ -366,82 +364,83 @@ function F() {
 				count: 2,
 				height: "h-72"
 			})]
-		}) : Q && !Z ? /* @__PURE__ */ w(ee, {
-			title: "Couldn't load your analytics",
-			error: Q
+		}) : $ && !Q ? /* @__PURE__ */ w(ee, {
+			title: S("technospam.common.errorLoadAnalytics", "Couldn't load your analytics"),
+			error: $
 		}) : /* @__PURE__ */ T("div", {
 			className: "space-y-8",
 			children: [
-				/* @__PURE__ */ w(je, {
-					start: C,
-					end: M,
-					onStart: O,
-					onEnd: F,
-					onPreset: Me,
-					onClear: Ne
+				/* @__PURE__ */ w(Me, {
+					start: O,
+					end: F,
+					onStart: M,
+					onEnd: I,
+					onPreset: Ne,
+					onClear: Pe,
+					tr: S
 				}),
 				/* @__PURE__ */ T("div", {
 					className: "grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-4",
 					children: [
-						/* @__PURE__ */ w(i, {
-							label: "Courses enrolled",
-							value: U.length,
-							icon: v,
+						/* @__PURE__ */ w(a, {
+							label: S("technospam.analytics.statCoursesEnrolled", "Courses enrolled"),
+							value: W.length,
+							icon: _e,
 							tone: "blue"
 						}),
-						/* @__PURE__ */ w(i, {
-							label: "Courses completed",
-							value: q.coursesCompleted,
+						/* @__PURE__ */ w(a, {
+							label: S("technospam.analytics.statCoursesCompleted", "Courses completed"),
+							value: J.coursesCompleted,
 							icon: x,
 							tone: "green"
 						}),
-						/* @__PURE__ */ w(i, {
-							label: "Avg progress",
-							value: `${q.avgProgress}%`,
-							icon: ye,
+						/* @__PURE__ */ w(a, {
+							label: S("technospam.analytics.statAvgProgress", "Avg progress"),
+							value: `${J.avgProgress}%`,
+							icon: be,
 							tone: "purple"
 						}),
-						/* @__PURE__ */ w(i, {
-							label: "Problems solved",
-							value: q.problemsSolved,
+						/* @__PURE__ */ w(a, {
+							label: S("technospam.analytics.statProblemsSolved", "Problems solved"),
+							value: J.problemsSolved,
 							icon: b,
 							tone: "indigo"
 						}),
-						/* @__PURE__ */ w(i, {
-							label: "Acceptance rate",
-							value: `${q.acceptanceRate}%`,
-							icon: ve,
+						/* @__PURE__ */ w(a, {
+							label: S("technospam.analytics.statAcceptanceRate", "Acceptance rate"),
+							value: `${J.acceptanceRate}%`,
+							icon: ye,
 							tone: "teal"
 						}),
-						/* @__PURE__ */ w(i, {
-							label: "Mentor sessions",
-							value: G.length,
-							icon: xe,
+						/* @__PURE__ */ w(a, {
+							label: S("technospam.analytics.statMentorSessions", "Mentor sessions"),
+							value: K.length,
+							icon: Se,
 							tone: "blue"
 						}),
-						/* @__PURE__ */ w(i, {
-							label: "Certificates",
-							value: K.length,
+						/* @__PURE__ */ w(a, {
+							label: S("technospam.analytics.statCertificates", "Certificates"),
+							value: q.length,
 							icon: he,
 							tone: "amber"
 						})
 					]
 				}),
-				Z ? /* @__PURE__ */ T("div", {
+				Q ? /* @__PURE__ */ T("div", {
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ T("div", {
 							className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
 							children: [/* @__PURE__ */ w(P, {
-								title: "Enrollments by status",
-								subtitle: "How your courses are progressing",
-								icon: v,
+								title: S("technospam.analytics.enrollmentsByStatusTitle", "Enrollments by status"),
+								subtitle: S("technospam.analytics.enrollmentsByStatusSubtitle", "How your courses are progressing"),
+								icon: _e,
 								tone: "blue",
-								isEmpty: J.length === 0,
-								emptyLabel: "No enrollments yet",
+								isEmpty: Y.length === 0,
+								emptyLabel: S("technospam.analytics.noEnrollments", "No enrollments yet"),
 								children: /* @__PURE__ */ T(pe, { children: [
 									/* @__PURE__ */ w(ue, {
-										data: J,
+										data: Y,
 										dataKey: "value",
 										nameKey: "name",
 										innerRadius: 60,
@@ -449,26 +448,26 @@ function F() {
 										paddingAngle: 2,
 										stroke: "var(--color-bg-surface)",
 										strokeWidth: 2,
-										children: J.map((e) => /* @__PURE__ */ w(u, { fill: e.color }, e.name))
+										children: Y.map((e) => /* @__PURE__ */ w(d, { fill: e.color }, e.name))
 									}),
-									/* @__PURE__ */ w(c, {
+									/* @__PURE__ */ w(l, {
 										contentStyle: k,
 										labelStyle: A
 									}),
-									/* @__PURE__ */ w(s, {
+									/* @__PURE__ */ w(c, {
 										iconType: "circle",
 										wrapperStyle: { fontSize: 12 }
 									})
 								] })
 							}), /* @__PURE__ */ w(P, {
-								title: "Submissions by verdict",
-								subtitle: "Outcomes across your attempts",
+								title: S("technospam.analytics.submissionsByVerdictTitle", "Submissions by verdict"),
+								subtitle: S("technospam.analytics.submissionsByVerdictSubtitle", "Outcomes across your attempts"),
 								icon: b,
 								tone: "purple",
-								isEmpty: Y.length === 0,
-								emptyLabel: "No submissions yet",
+								isEmpty: X.length === 0,
+								emptyLabel: S("technospam.analytics.noSubmissions", "No submissions yet"),
 								children: /* @__PURE__ */ T(fe, {
-									data: Y,
+									data: X,
 									margin: {
 										top: 8,
 										right: 8,
@@ -476,24 +475,24 @@ function F() {
 										bottom: 0
 									},
 									children: [
-										/* @__PURE__ */ w(d, {
+										/* @__PURE__ */ w(f, {
 											strokeDasharray: "3 3",
 											stroke: "var(--color-border-seam)",
 											vertical: !1
 										}),
-										/* @__PURE__ */ w(p, {
+										/* @__PURE__ */ w(m, {
 											dataKey: "label",
 											tick: j,
 											axisLine: { stroke: "var(--color-border-seam)" },
 											tickLine: !1
 										}),
-										/* @__PURE__ */ w(m, {
+										/* @__PURE__ */ w(h, {
 											allowDecimals: !1,
 											tick: j,
 											axisLine: !1,
 											tickLine: !1
 										}),
-										/* @__PURE__ */ w(c, {
+										/* @__PURE__ */ w(l, {
 											contentStyle: k,
 											labelStyle: A,
 											cursor: {
@@ -511,28 +510,38 @@ function F() {
 												0
 											],
 											maxBarSize: 56,
-											children: Y.map((e) => /* @__PURE__ */ w(u, { fill: e.color }, e.label))
+											children: X.map((e) => /* @__PURE__ */ w(d, { fill: e.color }, e.label))
 										})
 									]
 								})
 							})]
 						}),
-						/* @__PURE__ */ w(Oe, { data: Be }),
+						/* @__PURE__ */ w(ke, {
+							data: Ve,
+							title: S("technospam.analytics.topicAcceptanceTitle", "Accepted rate by topic"),
+							subtitle: S("technospam.analytics.topicAcceptanceSubtitle", "Where your solutions land, and where they don't"),
+							noData: S("technospam.analytics.noTopicData", "Solve a practice problem and your per-topic rate builds here"),
+							lowestRateLabel: (e, t, n) => S("technospam.analytics.lowestMeasuredRate", "Lowest measured rate: {{topic}} — {{accepted}} of {{attempted}} attempts accepted in the loaded range.", {
+								topic: e,
+								accepted: t,
+								attempted: n
+							})
+						}),
 						/* @__PURE__ */ T(D, {
 							className: "p-5 transition-shadow duration-200 hover:shadow-lg",
 							children: [/* @__PURE__ */ w(N, {
-								icon: _,
-								title: "Learning activity over time",
-								subtitle: "Submissions and enrollments per week",
+								icon: v,
+								title: S("technospam.analytics.activityOverTimeTitle", "Learning activity over time"),
+								subtitle: S("technospam.analytics.activityOverTimeSubtitle", "Submissions and enrollments per week"),
 								tone: "teal"
-							}), X.length === 0 ? /* @__PURE__ */ w("div", {
+							}), Z.length === 0 ? /* @__PURE__ */ w("div", {
 								className: "flex h-[240px] items-center justify-center text-sm text-text-muted",
-								children: "No dated activity yet"
-							}) : /* @__PURE__ */ w(l, {
+								children: S("technospam.analytics.noDatedActivity", "No dated activity yet")
+							}) : /* @__PURE__ */ w(u, {
 								width: "100%",
 								height: 280,
 								children: /* @__PURE__ */ T(me, {
-									data: X,
+									data: Z,
 									margin: {
 										top: 8,
 										right: 12,
@@ -571,32 +580,32 @@ function F() {
 												stopOpacity: 0
 											})]
 										})] }),
-										/* @__PURE__ */ w(d, {
+										/* @__PURE__ */ w(f, {
 											strokeDasharray: "3 3",
 											stroke: "var(--color-border-seam)",
 											vertical: !1
 										}),
-										/* @__PURE__ */ w(p, {
+										/* @__PURE__ */ w(m, {
 											dataKey: "label",
 											tick: j,
 											axisLine: { stroke: "var(--color-border-seam)" },
 											tickLine: !1
 										}),
-										/* @__PURE__ */ w(m, {
+										/* @__PURE__ */ w(h, {
 											allowDecimals: !1,
 											tick: j,
 											axisLine: !1,
 											tickLine: !1
 										}),
-										/* @__PURE__ */ w(c, {
+										/* @__PURE__ */ w(l, {
 											contentStyle: k,
 											labelStyle: A
 										}),
-										/* @__PURE__ */ w(s, {
+										/* @__PURE__ */ w(c, {
 											iconType: "circle",
 											wrapperStyle: { fontSize: 12 }
 										}),
-										/* @__PURE__ */ w(f, {
+										/* @__PURE__ */ w(p, {
 											type: "monotone",
 											dataKey: "submissions",
 											name: "Submissions",
@@ -604,7 +613,7 @@ function F() {
 											strokeWidth: 2,
 											fill: "url(#tec-grad-submissions)"
 										}),
-										/* @__PURE__ */ w(f, {
+										/* @__PURE__ */ w(p, {
 											type: "monotone",
 											dataKey: "enrollments",
 											name: "Enrollments",
@@ -617,24 +626,24 @@ function F() {
 							})]
 						})
 					]
-				}) : /* @__PURE__ */ w(o, {
-					icon: /* @__PURE__ */ w(_, { size: 26 }),
-					title: "No learning activity yet",
-					description: "Enroll in a course or solve a problem and your progress charts will build here. TechnoSpam is pre-launch — start learning to see your data.",
+				}) : /* @__PURE__ */ w(s, {
+					icon: /* @__PURE__ */ w(v, { size: 26 }),
+					title: S("technospam.analytics.noActivityTitle", "No learning activity yet"),
+					description: S("technospam.analytics.noActivityDesc", "Enroll in a course or solve a problem and your progress charts will build here. TechnoSpam is pre-launch — start learning to see your data."),
 					action: /* @__PURE__ */ w(E, {
-						onClick: () => n("/courses/courses-page"),
-						children: "Browse courses"
+						onClick: () => r("/courses/courses-page"),
+						children: S("technospam.common.browseCourses", "Browse courses")
 					})
 				}),
-				$
+				We
 			]
 		}) : /* @__PURE__ */ T("div", {
 			className: "space-y-8",
-			children: [/* @__PURE__ */ w(o, {
+			children: [/* @__PURE__ */ w(s, {
 				icon: /* @__PURE__ */ w(ge, { size: 26 }),
-				title: "Sign in to view your analytics",
-				description: "Your personal learning metrics appear here once you're signed in."
-			}), $]
+				title: S("technospam.analytics.signInTitle", "Sign in to view your analytics"),
+				description: S("technospam.analytics.signInDesc", "Your personal learning metrics appear here once you're signed in.")
+			}), We]
 		})
 	});
 }