@burdenoff/microfe-technospam 2026.705.1 → 2026.709.1

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js

@@ -1,70 +1,71 @@
 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 { humanizeEnum as i } from "../utils/format.js";
-import { EmptyView as a, ErrorView as ee, LoadingGrid as te, LoadingRows as ne } from "../components/StateViews.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 s } from "../components/StateViews.js";
 import "../components/index.js";
-import { useCertificatesQuery as re, useCoursesQuery as ie, useEnrollmentsQuery as o, useHackathonsQuery as s, useProblemsQuery as c, useSessionsQuery as ae, useSubmissionsQuery as oe } from "../api/technospamApi.js";
-import { Legend as l } from "../../node_modules/recharts/es6/component/Legend.js";
-import { Tooltip as u } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as d } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Cell as f } from "../../node_modules/recharts/es6/component/Cell.js";
-import { Pie as se } from "../../node_modules/recharts/es6/polar/Pie.js";
-import { Bar as ce } from "../../node_modules/recharts/es6/cartesian/Bar.js";
-import { CartesianGrid as p } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { Area as m } from "../../node_modules/recharts/es6/cartesian/Area.js";
-import { XAxis as h } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as g } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { BarChart as _ } from "../../node_modules/recharts/es6/chart/BarChart.js";
-import { PieChart as le } from "../../node_modules/recharts/es6/chart/PieChart.js";
-import { AreaChart as ue } from "../../node_modules/recharts/es6/chart/AreaChart.js";
-import { useMemo as v } from "react";
-import { Activity as y, Award as de, BarChart3 as fe, BookOpen as b, Code2 as x, GraduationCap as S, Library as pe, Percent as me, TrendingUp as he, Trophy as ge, Users as _e } from "lucide-react";
+import { useCertificatesQuery as ne, useCoursesQuery as re, useEnrollmentsQuery as ie, useHackathonsQuery as ae, useProblemsQuery as oe, useSessionsQuery as se, useSubmissionsQuery as ce } from "../api/technospamApi.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 le } from "../../node_modules/recharts/es6/polar/Pie.js";
+import { Bar as ue } from "../../node_modules/recharts/es6/cartesian/Bar.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 de } from "../../node_modules/recharts/es6/chart/BarChart.js";
+import { PieChart as fe } from "../../node_modules/recharts/es6/chart/PieChart.js";
+import { AreaChart as pe } from "../../node_modules/recharts/es6/chart/AreaChart.js";
+import { useMemo as g } from "react";
+import { Activity as _, Award as v, BarChart3 as y, BookOpen as b, Code2 as x, GraduationCap as S, Library as me, Percent as he, TrendingUp as ge, Trophy as _e, Users as ve } from "lucide-react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
 import { Button as T, GlassCard as E } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/AnalyticsAnalyticsPagePage.tsx
-var ve = [
+var ye = [
 	"ENROLLED",
 	"IN_PROGRESS",
 	"COMPLETED",
 	"DROPPED"
-], D = {
+], be = {
 	ENROLLED: "var(--color-accent-primary)",
 	IN_PROGRESS: "var(--color-accent-teal)",
 	COMPLETED: "var(--color-status-success)",
 	DROPPED: "var(--color-status-warning)"
-}, O = [
+}, D = [
 	"ACCEPTED",
 	"WRONG_ANSWER",
 	"TIME_LIMIT_EXCEEDED",
 	"RUNTIME_ERROR",
 	"COMPILE_ERROR",
 	"PENDING"
-], k = {
+], O = {
 	ACCEPTED: "Accepted",
 	WRONG_ANSWER: "Wrong",
 	TIME_LIMIT_EXCEEDED: "TLE",
 	RUNTIME_ERROR: "Runtime",
 	COMPILE_ERROR: "Compile",
 	PENDING: "Pending"
-}, A = {
+}, k = {
 	ACCEPTED: "var(--color-status-success)",
 	WRONG_ANSWER: "var(--color-status-error)",
 	TIME_LIMIT_EXCEEDED: "var(--color-status-warning)",
 	RUNTIME_ERROR: "var(--color-status-error)",
 	COMPILE_ERROR: "var(--color-status-error)",
 	PENDING: "var(--color-text-muted)"
-}, j = {
+}, A = {
 	background: "var(--color-bg-surface)",
 	border: "1px solid var(--color-border-seam)",
 	borderRadius: 12,
 	color: "var(--color-text-primary)",
 	fontSize: 12
-}, M = { color: "var(--color-text-secondary)" }, N = {
+}, j = { color: "var(--color-text-secondary)" }, M = {
 	fill: "var(--color-text-muted)",
 	fontSize: 12
 };
-function P(e) {
+function N(e) {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return {
 		key: 0,
@@ -79,27 +80,50 @@ function P(e) {
 		})
 	};
 }
-function F({ title: e, icon: t, isEmpty: n, emptyLabel: r, children: i }) {
+var P = {
+	blue: "bg-accent-primary/15 text-accent-primary ring-accent-primary/20",
+	teal: "bg-accent-teal/15 text-accent-teal ring-accent-teal/20",
+	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 F({ icon: e, title: t, subtitle: r, tone: i }) {
+	return /* @__PURE__ */ w("div", {
+		className: "mb-4 flex items-center gap-3",
+		children: [/* @__PURE__ */ C("span", {
+			className: n("flex h-9 w-9 shrink-0 items-center justify-center rounded-xl ring-1", P[i]),
+			children: /* @__PURE__ */ C(e, { size: 17 })
+		}), /* @__PURE__ */ w("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ C("h3", {
+				className: "truncate text-sm font-semibold text-text-primary",
+				children: t
+			}), r ? /* @__PURE__ */ C("p", {
+				className: "truncate text-xs text-text-muted",
+				children: r
+			}) : null]
+		})]
+	});
+}
+function I({ title: e, subtitle: t, icon: n, tone: r = "teal", isEmpty: i, emptyLabel: a, children: o }) {
 	return /* @__PURE__ */ w(E, {
-		className: "p-5",
-		children: [/* @__PURE__ */ w("h3", {
-			className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
-			children: [/* @__PURE__ */ C(t, {
-				size: 16,
-				className: "text-accent-teal"
-			}), e]
-		}), n ? /* @__PURE__ */ C("div", {
+		className: "p-5 transition-shadow duration-200 hover:shadow-lg",
+		children: [/* @__PURE__ */ C(F, {
+			icon: n,
+			title: e,
+			subtitle: t,
+			tone: r
+		}), i ? /* @__PURE__ */ C("div", {
 			className: "flex h-[240px] items-center justify-center text-center text-sm text-text-muted",
-			children: r
-		}) : /* @__PURE__ */ C(d, {
+			children: a
+		}) : /* @__PURE__ */ C(u, {
 			width: "100%",
 			height: 260,
-			children: i
+			children: o
 		})]
 	});
 }
-function I() {
-	let I = t(), { currentUser: ye } = e(), L = ye?.id, R = o(L ? { learnerId: L } : {}), z = oe(L ? { learnerId: L } : {}), B = ae(L ? { menteeId: L } : {}), V = re(L ? { learnerId: L } : {}), be = ie({ status: "PUBLISHED" }), xe = c({ status: "PUBLISHED" }), Se = s({}), H = v(() => R.data?.tecListEnrollments.items ?? [], [R.data]), U = v(() => z.data?.tecListSubmissions.items ?? [], [z.data]), W = B.data?.tecListSessions ?? [], G = V.data?.tecListCertificates ?? [], Ce = be.data?.tecListCourses.items.length ?? 0, we = xe.data?.tecListProblems.items.length ?? 0, Te = Se.data?.tecListHackathons.items.length ?? 0, K = v(() => {
+function L() {
+	let n = t(), { currentUser: P } = e(), L = P?.id, R = ie(L ? { learnerId: L } : {}), z = ce(L ? { learnerId: L } : {}), B = se(L ? { menteeId: L } : {}), V = ne(L ? { learnerId: L } : {}), xe = re({ status: "PUBLISHED" }), Se = oe({ status: "PUBLISHED" }), Ce = ae({}), H = g(() => R.data?.tecListEnrollments.items ?? [], [R.data]), U = g(() => z.data?.tecListSubmissions.items ?? [], [z.data]), W = B.data?.tecListSessions ?? [], G = V.data?.tecListCertificates ?? [], we = xe.data?.tecListCourses.items.length ?? 0, Te = Se.data?.tecListProblems.items.length ?? 0, Ee = Ce.data?.tecListHackathons.items.length ?? 0, K = g(() => {
 		let e = H.filter((e) => e.status === "COMPLETED").length, t = H.length ? Math.round(H.reduce((e, t) => e + t.progressPct, 0) / H.length) : 0, n = U.filter((e) => e.verdict === "ACCEPTED");
 		return {
 			coursesCompleted: e,
@@ -107,17 +131,17 @@ function I() {
 			problemsSolved: new Set(n.map((e) => e.problemId)).size,
 			acceptanceRate: U.length ? Math.round(n.length / U.length * 100) : 0
 		};
-	}, [H, U]), q = v(() => ve.map((e) => ({
-		name: i(e),
+	}, [H, U]), q = g(() => ye.map((e) => ({
+		name: a(e),
 		value: H.filter((t) => t.status === e).length,
-		color: D[e]
-	})).filter((e) => e.value > 0), [H]), J = v(() => O.map((e) => ({
-		label: k[e],
+		color: be[e]
+	})).filter((e) => e.value > 0), [H]), J = g(() => D.map((e) => ({
+		label: O[e],
 		count: U.filter((t) => t.verdict === e).length,
-		color: A[e]
-	})).filter((e) => e.count > 0), [U]), Y = v(() => {
+		color: k[e]
+	})).filter((e) => e.count > 0), [U]), Y = g(() => {
 		let e = /* @__PURE__ */ new Map(), t = (t, n) => {
-			let { key: r, label: i } = P(t), a = e.get(r) ?? {
+			let { key: r, label: i } = N(t), a = e.get(r) ?? {
 				label: i,
 				submissions: 0,
 				enrollments: 0
@@ -125,7 +149,7 @@ function I() {
 			a[n] += 1, e.set(r, a);
 		};
 		return U.forEach((e) => t(e.createdAt, "submissions")), H.forEach((e) => t(e.createdAt, "enrollments")), [...e.entries()].sort((e, t) => e[0] - t[0]).slice(-8).map(([, e]) => e);
-	}, [U, H]), X = H.length > 0 || U.length > 0 || W.length > 0 || G.length > 0, Z = R.loading || z.loading || B.loading || V.loading, Q = R.error || z.error || B.error || V.error, Ee = Z && !X, $ = /* @__PURE__ */ w("div", { children: [
+	}, [U, H]), X = H.length > 0 || U.length > 0 || W.length > 0 || G.length > 0, De = R.loading || z.loading || B.loading || V.loading, Z = R.error || z.error || B.error || V.error, Q = De && !X, $ = /* @__PURE__ */ w("div", { children: [
 		/* @__PURE__ */ C("h2", {
 			className: "mb-3 text-base font-semibold text-text-primary",
 			children: "Workspace overview"
@@ -137,85 +161,95 @@ function I() {
 		/* @__PURE__ */ w("div", {
 			className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
 			children: [
-				/* @__PURE__ */ C(r, {
+				/* @__PURE__ */ C(i, {
 					label: "Published courses",
-					value: Ce,
-					icon: pe
+					value: we,
+					icon: me,
+					tone: "blue"
 				}),
-				/* @__PURE__ */ C(r, {
+				/* @__PURE__ */ C(i, {
 					label: "Published problems",
-					value: we,
-					icon: x
+					value: Te,
+					icon: x,
+					tone: "indigo"
 				}),
-				/* @__PURE__ */ C(r, {
+				/* @__PURE__ */ C(i, {
 					label: "Hackathons",
-					value: Te,
-					icon: ge
+					value: Ee,
+					icon: _e,
+					tone: "purple"
 				})
 			]
 		})
 	] });
-	return /* @__PURE__ */ C(n, {
+	return /* @__PURE__ */ C(r, {
 		hero: !0,
 		title: "Analytics",
 		description: "Your real learning performance across courses, problems, mentoring and certificates.",
 		actions: /* @__PURE__ */ w(T, {
 			variant: "outline",
-			onClick: () => I("/courses/my-learning-page"),
+			onClick: () => n("/courses/my-learning-page"),
 			children: [/* @__PURE__ */ C(S, { size: 16 }), " My Learning"]
 		}),
-		children: L ? Ee ? /* @__PURE__ */ w("div", {
+		children: L ? Q ? /* @__PURE__ */ w("div", {
 			className: "space-y-6",
 			children: [/* @__PURE__ */ C(te, {
 				count: 4,
 				height: "h-24"
-			}), /* @__PURE__ */ C(ne, {
+			}), /* @__PURE__ */ C(s, {
 				count: 2,
 				height: "h-72"
 			})]
-		}) : Q && !X ? /* @__PURE__ */ C(ee, {
+		}) : Z && !X ? /* @__PURE__ */ C(ee, {
 			title: "Couldn't load your analytics",
-			error: Q
+			error: Z
 		}) : /* @__PURE__ */ w("div", {
 			className: "space-y-8",
 			children: [
 				/* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-4",
 					children: [
-						/* @__PURE__ */ C(r, {
+						/* @__PURE__ */ C(i, {
 							label: "Courses enrolled",
 							value: H.length,
-							icon: b
+							icon: b,
+							tone: "blue"
 						}),
-						/* @__PURE__ */ C(r, {
+						/* @__PURE__ */ C(i, {
 							label: "Courses completed",
 							value: K.coursesCompleted,
-							icon: S
+							icon: S,
+							tone: "green"
 						}),
-						/* @__PURE__ */ C(r, {
+						/* @__PURE__ */ C(i, {
 							label: "Avg progress",
 							value: `${K.avgProgress}%`,
-							icon: he
+							icon: ge,
+							tone: "purple"
 						}),
-						/* @__PURE__ */ C(r, {
+						/* @__PURE__ */ C(i, {
 							label: "Problems solved",
 							value: K.problemsSolved,
-							icon: x
+							icon: x,
+							tone: "indigo"
 						}),
-						/* @__PURE__ */ C(r, {
+						/* @__PURE__ */ C(i, {
 							label: "Acceptance rate",
 							value: `${K.acceptanceRate}%`,
-							icon: me
+							icon: he,
+							tone: "teal"
 						}),
-						/* @__PURE__ */ C(r, {
+						/* @__PURE__ */ C(i, {
 							label: "Mentor sessions",
 							value: W.length,
-							icon: _e
+							icon: ve,
+							tone: "blue"
 						}),
-						/* @__PURE__ */ C(r, {
+						/* @__PURE__ */ C(i, {
 							label: "Certificates",
 							value: G.length,
-							icon: de
+							icon: v,
+							tone: "amber"
 						})
 					]
 				}),
@@ -223,13 +257,15 @@ function I() {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-						children: [/* @__PURE__ */ C(F, {
+						children: [/* @__PURE__ */ C(I, {
 							title: "Enrollments by status",
+							subtitle: "How your courses are progressing",
 							icon: b,
+							tone: "blue",
 							isEmpty: q.length === 0,
 							emptyLabel: "No enrollments yet",
-							children: /* @__PURE__ */ w(le, { children: [
-								/* @__PURE__ */ C(se, {
+							children: /* @__PURE__ */ w(fe, { children: [
+								/* @__PURE__ */ C(le, {
 									data: q,
 									dataKey: "value",
 									nameKey: "name",
@@ -238,23 +274,25 @@ function I() {
 									paddingAngle: 2,
 									stroke: "var(--color-bg-surface)",
 									strokeWidth: 2,
-									children: q.map((e) => /* @__PURE__ */ C(f, { fill: e.color }, e.name))
-								}),
-								/* @__PURE__ */ C(u, {
-									contentStyle: j,
-									labelStyle: M
+									children: q.map((e) => /* @__PURE__ */ C(d, { fill: e.color }, e.name))
 								}),
 								/* @__PURE__ */ C(l, {
+									contentStyle: A,
+									labelStyle: j
+								}),
+								/* @__PURE__ */ C(c, {
 									iconType: "circle",
 									wrapperStyle: { fontSize: 12 }
 								})
 							] })
-						}), /* @__PURE__ */ C(F, {
+						}), /* @__PURE__ */ C(I, {
 							title: "Submissions by verdict",
+							subtitle: "Outcomes across your attempts",
 							icon: x,
+							tone: "purple",
 							isEmpty: J.length === 0,
 							emptyLabel: "No submissions yet",
-							children: /* @__PURE__ */ w(_, {
+							children: /* @__PURE__ */ w(de, {
 								data: J,
 								margin: {
 									top: 8,
@@ -263,29 +301,32 @@ function I() {
 									bottom: 0
 								},
 								children: [
-									/* @__PURE__ */ C(p, {
+									/* @__PURE__ */ C(f, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-seam)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ C(m, {
 										dataKey: "label",
-										tick: N,
+										tick: M,
 										axisLine: { stroke: "var(--color-border-seam)" },
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(g, {
+									/* @__PURE__ */ C(h, {
 										allowDecimals: !1,
-										tick: N,
+										tick: M,
 										axisLine: !1,
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(u, {
-										contentStyle: j,
-										labelStyle: M,
-										cursor: { fill: "var(--color-accent-wash)" }
+									/* @__PURE__ */ C(l, {
+										contentStyle: A,
+										labelStyle: j,
+										cursor: {
+											fill: "var(--color-accent-primary)",
+											fillOpacity: .08
+										}
 									}),
-									/* @__PURE__ */ C(ce, {
+									/* @__PURE__ */ C(ue, {
 										dataKey: "count",
 										name: "Submissions",
 										radius: [
@@ -295,26 +336,25 @@ function I() {
 											0
 										],
 										maxBarSize: 56,
-										children: J.map((e) => /* @__PURE__ */ C(f, { fill: e.color }, e.label))
+										children: J.map((e) => /* @__PURE__ */ C(d, { fill: e.color }, e.label))
 									})
 								]
 							})
 						})]
 					}), /* @__PURE__ */ w(E, {
-						className: "p-5",
-						children: [/* @__PURE__ */ w("h3", {
-							className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
-							children: [/* @__PURE__ */ C(y, {
-								size: 16,
-								className: "text-accent-teal"
-							}), "Learning activity over time"]
+						className: "p-5 transition-shadow duration-200 hover:shadow-lg",
+						children: [/* @__PURE__ */ C(F, {
+							icon: _,
+							title: "Learning activity over time",
+							subtitle: "Submissions and enrollments per week",
+							tone: "teal"
 						}), Y.length === 0 ? /* @__PURE__ */ C("div", {
 							className: "flex h-[240px] items-center justify-center text-sm text-text-muted",
 							children: "No dated activity yet"
-						}) : /* @__PURE__ */ C(d, {
+						}) : /* @__PURE__ */ C(u, {
 							width: "100%",
 							height: 280,
-							children: /* @__PURE__ */ w(ue, {
+							children: /* @__PURE__ */ w(pe, {
 								data: Y,
 								margin: {
 									top: 8,
@@ -354,32 +394,32 @@ function I() {
 											stopOpacity: 0
 										})]
 									})] }),
-									/* @__PURE__ */ C(p, {
+									/* @__PURE__ */ C(f, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-seam)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ C(m, {
 										dataKey: "label",
-										tick: N,
+										tick: M,
 										axisLine: { stroke: "var(--color-border-seam)" },
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(g, {
+									/* @__PURE__ */ C(h, {
 										allowDecimals: !1,
-										tick: N,
+										tick: M,
 										axisLine: !1,
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(u, {
-										contentStyle: j,
-										labelStyle: M
-									}),
 									/* @__PURE__ */ C(l, {
+										contentStyle: A,
+										labelStyle: j
+									}),
+									/* @__PURE__ */ C(c, {
 										iconType: "circle",
 										wrapperStyle: { fontSize: 12 }
 									}),
-									/* @__PURE__ */ C(m, {
+									/* @__PURE__ */ C(p, {
 										type: "monotone",
 										dataKey: "submissions",
 										name: "Submissions",
@@ -387,7 +427,7 @@ function I() {
 										strokeWidth: 2,
 										fill: "url(#tec-grad-submissions)"
 									}),
-									/* @__PURE__ */ C(m, {
+									/* @__PURE__ */ C(p, {
 										type: "monotone",
 										dataKey: "enrollments",
 										name: "Enrollments",
@@ -399,12 +439,12 @@ function I() {
 							})
 						})]
 					})]
-				}) : /* @__PURE__ */ C(a, {
-					icon: /* @__PURE__ */ C(y, { size: 26 }),
+				}) : /* @__PURE__ */ C(o, {
+					icon: /* @__PURE__ */ C(_, { 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.",
 					action: /* @__PURE__ */ C(T, {
-						onClick: () => I("/courses/courses-page"),
+						onClick: () => n("/courses/courses-page"),
 						children: "Browse courses"
 					})
 				}),
@@ -412,8 +452,8 @@ function I() {
 			]
 		}) : /* @__PURE__ */ w("div", {
 			className: "space-y-8",
-			children: [/* @__PURE__ */ C(a, {
-				icon: /* @__PURE__ */ C(fe, { size: 26 }),
+			children: [/* @__PURE__ */ C(o, {
+				icon: /* @__PURE__ */ C(y, { size: 26 }),
 				title: "Sign in to view your analytics",
 				description: "Your personal learning metrics appear here once you're signed in."
 			}), $]
@@ -421,6 +461,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as AnalyticsAnalyticsPagePage };
+export { L as AnalyticsAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map