@burdenoff/microfe-technospam 2026.719.1 → 2026.720.1

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js

@@ -3,69 +3,69 @@ 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 { EmptyView as o, ErrorView as ee, LoadingGrid as te, LoadingRows as ne } from "../components/StateViews.js";
 import "../components/index.js";
-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 { 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 { 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 { 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, TrendingUp as ye, Trophy as be, Users as xe, X as S } 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";
+import { Button as T, GlassCard as E, Input as D } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/AnalyticsAnalyticsPagePage.tsx
-var ye = [
+var Se = [
 	"ENROLLED",
 	"IN_PROGRESS",
 	"COMPLETED",
 	"DROPPED"
-], be = {
+], Ce = {
 	ENROLLED: "var(--color-accent-primary)",
 	IN_PROGRESS: "var(--color-accent-teal)",
 	COMPLETED: "var(--color-status-success)",
 	DROPPED: "var(--color-status-warning)"
-}, D = [
+}, we = [
 	"ACCEPTED",
 	"WRONG_ANSWER",
 	"TIME_LIMIT_EXCEEDED",
 	"RUNTIME_ERROR",
 	"COMPILE_ERROR",
 	"PENDING"
-], O = {
+], Te = {
 	ACCEPTED: "Accepted",
 	WRONG_ANSWER: "Wrong",
 	TIME_LIMIT_EXCEEDED: "TLE",
 	RUNTIME_ERROR: "Runtime",
 	COMPILE_ERROR: "Compile",
 	PENDING: "Pending"
-}, k = {
+}, Ee = {
 	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)"
-}, A = {
+}, O = {
 	background: "var(--color-bg-surface)",
 	border: "1px solid var(--color-border-seam)",
 	borderRadius: 12,
 	color: "var(--color-text-primary)",
 	fontSize: 12
-}, j = { color: "var(--color-text-secondary)" }, M = {
+}, k = { color: "var(--color-text-secondary)" }, A = {
 	fill: "var(--color-text-muted)",
 	fontSize: 12
 };
-function N(e) {
+function De(e) {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return {
 		key: 0,
@@ -80,17 +80,17 @@ function N(e) {
 		})
 	};
 }
-var P = {
+var j = {
 	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 }) {
+function M({ 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]),
+			className: n("flex h-9 w-9 shrink-0 items-center justify-center rounded-xl ring-1", j[i]),
 			children: /* @__PURE__ */ C(e, { size: 17 })
 		}), /* @__PURE__ */ w("div", {
 			className: "min-w-0",
@@ -104,10 +104,10 @@ function F({ icon: e, title: t, subtitle: r, tone: i }) {
 		})]
 	});
 }
-function I({ title: e, subtitle: t, icon: n, tone: r = "teal", isEmpty: i, emptyLabel: a, children: o }) {
+function N({ title: e, subtitle: t, icon: n, tone: r = "teal", isEmpty: i, emptyLabel: a, children: o }) {
 	return /* @__PURE__ */ w(E, {
 		className: "p-5 transition-shadow duration-200 hover:shadow-lg",
-		children: [/* @__PURE__ */ C(F, {
+		children: [/* @__PURE__ */ C(M, {
 			icon: n,
 			title: e,
 			subtitle: t,
@@ -115,41 +115,130 @@ function I({ title: e, subtitle: t, icon: n, tone: r = "teal", isEmpty: i, empty
 		}), i ? /* @__PURE__ */ C("div", {
 			className: "flex h-[240px] items-center justify-center text-center text-sm text-text-muted",
 			children: a
-		}) : /* @__PURE__ */ C(u, {
+		}) : /* @__PURE__ */ C(l, {
 			width: "100%",
 			height: 260,
 			children: o
 		})]
 	});
 }
-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.items ?? [], 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");
+function Oe(e) {
+	return e ? `${e}T00:00:00.000Z` : void 0;
+}
+function ke(e) {
+	return e ? `${e}T23:59:59.999Z` : void 0;
+}
+function Ae({ start: e, end: t, onStart: n, onEnd: r, onPreset: i, onClear: a }) {
+	return /* @__PURE__ */ w(E, {
+		className: "mb-6 flex flex-col gap-3 p-4 lg:flex-row lg:items-end lg:justify-between",
+		children: [/* @__PURE__ */ w("div", {
+			className: "flex flex-wrap items-end gap-3",
+			children: [
+				/* @__PURE__ */ w("div", {
+					className: "flex items-center gap-2 self-center text-sm font-medium text-text-secondary",
+					children: [/* @__PURE__ */ C(y, {
+						size: 16,
+						className: "text-accent-teal"
+					}), "Date range"]
+				}),
+				/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+					className: "mb-1 block text-xs font-medium text-text-muted",
+					htmlFor: "tec-range-from",
+					children: "From"
+				}), /* @__PURE__ */ C(D, {
+					id: "tec-range-from",
+					type: "date",
+					value: e,
+					max: t || void 0,
+					onChange: (e) => n(e.target.value),
+					className: "w-40"
+				})] }),
+				/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
+					className: "mb-1 block text-xs font-medium text-text-muted",
+					htmlFor: "tec-range-to",
+					children: "To"
+				}), /* @__PURE__ */ C(D, {
+					id: "tec-range-to",
+					type: "date",
+					value: t,
+					min: e || void 0,
+					onChange: (e) => r(e.target.value),
+					className: "w-40"
+				})] }),
+				e || t ? /* @__PURE__ */ w(T, {
+					variant: "ghost",
+					size: "sm",
+					onClick: a,
+					children: [/* @__PURE__ */ C(S, { size: 14 }), " Clear"]
+				}) : null
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "flex flex-wrap gap-2",
+			children: [
+				/* @__PURE__ */ C(T, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => i(7),
+					children: "Last 7 days"
+				}),
+				/* @__PURE__ */ C(T, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => i(30),
+					children: "Last 30 days"
+				}),
+				/* @__PURE__ */ C(T, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => i(90),
+					children: "Last 90 days"
+				})
+			]
+		})]
+	});
+}
+function P() {
+	let n = t(), { currentUser: y } = e(), S = y?.id, [D, j] = g(""), [P, F] = g(""), I = Oe(D), L = ke(P), je = (e) => {
+		let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
+		n.setDate(n.getDate() - e), j(n.toISOString().slice(0, 10)), F(t.toISOString().slice(0, 10));
+	}, Me = () => {
+		j(""), 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 } : {}), Ne = ie({ status: "PUBLISHED" }), Pe = se({ status: "PUBLISHED" }), Fe = 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 ?? [], Ie = Ne.data?.tecListCourses.items.length ?? 0, Le = Pe.data?.tecListProblems.items.length ?? 0, Re = Fe.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");
 		return {
 			coursesCompleted: e,
 			avgProgress: t,
 			problemsSolved: new Set(n.map((e) => e.problemId)).size,
-			acceptanceRate: U.length ? Math.round(n.length / U.length * 100) : 0
+			acceptanceRate: W.length ? Math.round(n.length / W.length * 100) : 0
 		};
-	}, [H, U]), q = g(() => ye.map((e) => ({
+	}, [U, W]), J = h(() => Se.map((e) => ({
 		name: a(e),
-		value: H.filter((t) => t.status === e).length,
-		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: k[e]
-	})).filter((e) => e.count > 0), [U]), Y = g(() => {
+		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]), X = h(() => {
 		let e = /* @__PURE__ */ new Map(), t = (t, n) => {
-			let { key: r, label: i } = N(t), a = e.get(r) ?? {
+			let { key: r, label: i } = De(t), a = e.get(r) ?? {
 				label: i,
 				submissions: 0,
 				enrollments: 0
 			};
 			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, 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: [
+		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, ze = z.loading || B.loading || V.loading || H.loading, Q = z.error || B.error || V.error || H.error, Be = ze && !Z, $ = /* @__PURE__ */ w("div", { children: [
 		/* @__PURE__ */ C("h2", {
 			className: "mb-3 text-base font-semibold text-text-primary",
 			children: "Workspace overview"
@@ -163,20 +252,20 @@ function L() {
 			children: [
 				/* @__PURE__ */ C(i, {
 					label: "Published courses",
-					value: we,
-					icon: me,
+					value: Ie,
+					icon: _e,
 					tone: "blue"
 				}),
 				/* @__PURE__ */ C(i, {
 					label: "Published problems",
-					value: Te,
-					icon: x,
+					value: Le,
+					icon: b,
 					tone: "indigo"
 				}),
 				/* @__PURE__ */ C(i, {
 					label: "Hackathons",
-					value: Ee,
-					icon: _e,
+					value: Re,
+					icon: be,
 					tone: "purple"
 				})
 			]
@@ -189,84 +278,92 @@ function L() {
 		actions: /* @__PURE__ */ w(T, {
 			variant: "outline",
 			onClick: () => n("/courses/my-learning-page"),
-			children: [/* @__PURE__ */ C(S, { size: 16 }), " My Learning"]
+			children: [/* @__PURE__ */ C(x, { size: 16 }), " My Learning"]
 		}),
-		children: L ? Q ? /* @__PURE__ */ w("div", {
+		children: S ? Be ? /* @__PURE__ */ w("div", {
 			className: "space-y-6",
 			children: [/* @__PURE__ */ C(te, {
 				count: 4,
 				height: "h-24"
-			}), /* @__PURE__ */ C(s, {
+			}), /* @__PURE__ */ C(ne, {
 				count: 2,
 				height: "h-72"
 			})]
-		}) : Z && !X ? /* @__PURE__ */ C(ee, {
+		}) : Q && !Z ? /* @__PURE__ */ C(ee, {
 			title: "Couldn't load your analytics",
-			error: Z
+			error: Q
 		}) : /* @__PURE__ */ w("div", {
 			className: "space-y-8",
 			children: [
+				/* @__PURE__ */ C(Ae, {
+					start: D,
+					end: P,
+					onStart: j,
+					onEnd: F,
+					onPreset: je,
+					onClear: Me
+				}),
 				/* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-4",
 					children: [
 						/* @__PURE__ */ C(i, {
 							label: "Courses enrolled",
-							value: H.length,
-							icon: b,
+							value: U.length,
+							icon: v,
 							tone: "blue"
 						}),
 						/* @__PURE__ */ C(i, {
 							label: "Courses completed",
-							value: K.coursesCompleted,
-							icon: S,
+							value: q.coursesCompleted,
+							icon: x,
 							tone: "green"
 						}),
 						/* @__PURE__ */ C(i, {
 							label: "Avg progress",
-							value: `${K.avgProgress}%`,
-							icon: ge,
+							value: `${q.avgProgress}%`,
+							icon: ye,
 							tone: "purple"
 						}),
 						/* @__PURE__ */ C(i, {
 							label: "Problems solved",
-							value: K.problemsSolved,
-							icon: x,
+							value: q.problemsSolved,
+							icon: b,
 							tone: "indigo"
 						}),
 						/* @__PURE__ */ C(i, {
 							label: "Acceptance rate",
-							value: `${K.acceptanceRate}%`,
-							icon: he,
+							value: `${q.acceptanceRate}%`,
+							icon: ve,
 							tone: "teal"
 						}),
 						/* @__PURE__ */ C(i, {
 							label: "Mentor sessions",
-							value: W.length,
-							icon: ve,
+							value: G.length,
+							icon: xe,
 							tone: "blue"
 						}),
 						/* @__PURE__ */ C(i, {
 							label: "Certificates",
-							value: G.length,
-							icon: v,
+							value: K.length,
+							icon: he,
 							tone: "amber"
 						})
 					]
 				}),
-				X ? /* @__PURE__ */ w("div", {
+				Z ? /* @__PURE__ */ w("div", {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
-						children: [/* @__PURE__ */ C(I, {
+						children: [/* @__PURE__ */ C(N, {
 							title: "Enrollments by status",
 							subtitle: "How your courses are progressing",
-							icon: b,
+							icon: v,
 							tone: "blue",
-							isEmpty: q.length === 0,
+							isEmpty: J.length === 0,
 							emptyLabel: "No enrollments yet",
-							children: /* @__PURE__ */ w(fe, { children: [
-								/* @__PURE__ */ C(le, {
-									data: q,
+							children: /* @__PURE__ */ w(pe, { children: [
+								/* @__PURE__ */ C(ue, {
+									data: J,
 									dataKey: "value",
 									nameKey: "name",
 									innerRadius: 60,
@@ -274,26 +371,26 @@ function L() {
 									paddingAngle: 2,
 									stroke: "var(--color-bg-surface)",
 									strokeWidth: 2,
-									children: q.map((e) => /* @__PURE__ */ C(d, { fill: e.color }, e.name))
-								}),
-								/* @__PURE__ */ C(l, {
-									contentStyle: A,
-									labelStyle: j
+									children: J.map((e) => /* @__PURE__ */ C(u, { fill: e.color }, e.name))
 								}),
 								/* @__PURE__ */ C(c, {
+									contentStyle: O,
+									labelStyle: k
+								}),
+								/* @__PURE__ */ C(s, {
 									iconType: "circle",
 									wrapperStyle: { fontSize: 12 }
 								})
 							] })
-						}), /* @__PURE__ */ C(I, {
+						}), /* @__PURE__ */ C(N, {
 							title: "Submissions by verdict",
 							subtitle: "Outcomes across your attempts",
-							icon: x,
+							icon: b,
 							tone: "purple",
-							isEmpty: J.length === 0,
+							isEmpty: Y.length === 0,
 							emptyLabel: "No submissions yet",
-							children: /* @__PURE__ */ w(de, {
-								data: J,
+							children: /* @__PURE__ */ w(fe, {
+								data: Y,
 								margin: {
 									top: 8,
 									right: 8,
@@ -301,32 +398,32 @@ function L() {
 									bottom: 0
 								},
 								children: [
-									/* @__PURE__ */ C(f, {
+									/* @__PURE__ */ C(d, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-seam)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ C(m, {
+									/* @__PURE__ */ C(p, {
 										dataKey: "label",
-										tick: M,
+										tick: A,
 										axisLine: { stroke: "var(--color-border-seam)" },
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ C(m, {
 										allowDecimals: !1,
-										tick: M,
+										tick: A,
 										axisLine: !1,
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(l, {
-										contentStyle: A,
-										labelStyle: j,
+									/* @__PURE__ */ C(c, {
+										contentStyle: O,
+										labelStyle: k,
 										cursor: {
 											fill: "var(--color-accent-primary)",
 											fillOpacity: .08
 										}
 									}),
-									/* @__PURE__ */ C(ue, {
+									/* @__PURE__ */ C(de, {
 										dataKey: "count",
 										name: "Submissions",
 										radius: [
@@ -336,26 +433,26 @@ function L() {
 											0
 										],
 										maxBarSize: 56,
-										children: J.map((e) => /* @__PURE__ */ C(d, { fill: e.color }, e.label))
+										children: Y.map((e) => /* @__PURE__ */ C(u, { fill: e.color }, e.label))
 									})
 								]
 							})
 						})]
 					}), /* @__PURE__ */ w(E, {
 						className: "p-5 transition-shadow duration-200 hover:shadow-lg",
-						children: [/* @__PURE__ */ C(F, {
+						children: [/* @__PURE__ */ C(M, {
 							icon: _,
 							title: "Learning activity over time",
 							subtitle: "Submissions and enrollments per week",
 							tone: "teal"
-						}), Y.length === 0 ? /* @__PURE__ */ C("div", {
+						}), X.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(u, {
+						}) : /* @__PURE__ */ C(l, {
 							width: "100%",
 							height: 280,
-							children: /* @__PURE__ */ w(pe, {
-								data: Y,
+							children: /* @__PURE__ */ w(me, {
+								data: X,
 								margin: {
 									top: 8,
 									right: 12,
@@ -394,32 +491,32 @@ function L() {
 											stopOpacity: 0
 										})]
 									})] }),
-									/* @__PURE__ */ C(f, {
+									/* @__PURE__ */ C(d, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-border-seam)",
 										vertical: !1
 									}),
-									/* @__PURE__ */ C(m, {
+									/* @__PURE__ */ C(p, {
 										dataKey: "label",
-										tick: M,
+										tick: A,
 										axisLine: { stroke: "var(--color-border-seam)" },
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(h, {
+									/* @__PURE__ */ C(m, {
 										allowDecimals: !1,
-										tick: M,
+										tick: A,
 										axisLine: !1,
 										tickLine: !1
 									}),
-									/* @__PURE__ */ C(l, {
-										contentStyle: A,
-										labelStyle: j
-									}),
 									/* @__PURE__ */ C(c, {
+										contentStyle: O,
+										labelStyle: k
+									}),
+									/* @__PURE__ */ C(s, {
 										iconType: "circle",
 										wrapperStyle: { fontSize: 12 }
 									}),
-									/* @__PURE__ */ C(p, {
+									/* @__PURE__ */ C(f, {
 										type: "monotone",
 										dataKey: "submissions",
 										name: "Submissions",
@@ -427,7 +524,7 @@ function L() {
 										strokeWidth: 2,
 										fill: "url(#tec-grad-submissions)"
 									}),
-									/* @__PURE__ */ C(p, {
+									/* @__PURE__ */ C(f, {
 										type: "monotone",
 										dataKey: "enrollments",
 										name: "Enrollments",
@@ -453,7 +550,7 @@ function L() {
 		}) : /* @__PURE__ */ w("div", {
 			className: "space-y-8",
 			children: [/* @__PURE__ */ C(o, {
-				icon: /* @__PURE__ */ C(y, { size: 26 }),
+				icon: /* @__PURE__ */ C(ge, { size: 26 }),
 				title: "Sign in to view your analytics",
 				description: "Your personal learning metrics appear here once you're signed in."
 			}), $]
@@ -461,6 +558,6 @@ function L() {
 	});
 }
 //#endregion
-export { L as AnalyticsAnalyticsPagePage };
+export { P as AnalyticsAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map