@burdenoff/microfe-technospam 2026.512.1 → 2026.704.1

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js

@@ -1,260 +1,426 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { useState as t } from "react";
-import { BarChart3 as n, BookOpen as r, Clock as i, Code as a, Target as o, TrendingUp as s } from "lucide-react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+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 "../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 { 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 g = [
-	{
-		day: "Mon",
-		hours: 2.5
-	},
-	{
-		day: "Tue",
-		hours: 3.2
-	},
-	{
-		day: "Wed",
-		hours: 1.8
-	},
-	{
-		day: "Thu",
-		hours: 4
-	},
-	{
-		day: "Fri",
-		hours: 2
-	},
-	{
-		day: "Sat",
-		hours: 5.5
-	},
-	{
-		day: "Sun",
-		hours: 3
-	}
-], _ = Math.max(...g.map((e) => e.hours));
-function v() {
-	let { userStats: v, courses: y, problems: b } = e(), [x, S] = t("personal"), C = {
-		easy: b.filter((e) => e.isSolved && e.difficulty === "easy").length,
-		medium: b.filter((e) => e.isSolved && e.difficulty === "medium").length,
-		hard: b.filter((e) => e.isSolved && e.difficulty === "hard").length
+var ve = [
+	"ENROLLED",
+	"IN_PROGRESS",
+	"COMPLETED",
+	"DROPPED"
+], D = {
+	ENROLLED: "var(--color-accent-primary)",
+	IN_PROGRESS: "var(--color-accent-teal)",
+	COMPLETED: "var(--color-status-success)",
+	DROPPED: "var(--color-status-warning)"
+}, O = [
+	"ACCEPTED",
+	"WRONG_ANSWER",
+	"TIME_LIMIT_EXCEEDED",
+	"RUNTIME_ERROR",
+	"COMPILE_ERROR",
+	"PENDING"
+], k = {
+	ACCEPTED: "Accepted",
+	WRONG_ANSWER: "Wrong",
+	TIME_LIMIT_EXCEEDED: "TLE",
+	RUNTIME_ERROR: "Runtime",
+	COMPILE_ERROR: "Compile",
+	PENDING: "Pending"
+}, A = {
+	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 = {
+	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 = {
+	fill: "var(--color-text-muted)",
+	fontSize: 12
+};
+function P(e) {
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return {
+		key: 0,
+		label: "—"
 	};
-	return /* @__PURE__ */ u("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
-				className: "text-2xl font-semibold text-foreground",
-				children: "Analytics"
-			}), /* @__PURE__ */ l("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Insights into your learning performance"
-			})] }),
-			/* @__PURE__ */ u("div", {
-				className: "flex gap-2 border-b border-border pb-2",
-				children: [/* @__PURE__ */ l(d, {
-					variant: x === "personal" ? "default" : "ghost",
-					size: "sm",
-					onClick: () => S("personal"),
-					children: "Personal Insights"
-				}), /* @__PURE__ */ l(d, {
-					variant: x === "platform" ? "default" : "ghost",
-					size: "sm",
-					onClick: () => S("platform"),
-					children: "Platform Overview"
-				})]
-			}),
-			x === "personal" ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ l(h, {
-							className: "text-sm font-medium",
-							children: "Learning Hours"
-						}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
-						className: "text-2xl font-bold",
-						children: v.totalLearningHours
-					}), /* @__PURE__ */ l("p", {
-						className: "text-xs text-muted-foreground",
-						children: "+22h this week"
-					})] })] }),
-					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ l(h, {
-							className: "text-sm font-medium",
-							children: "Problems Solved"
-						}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
-						className: "text-2xl font-bold",
-						children: v.problemsSolved
-					}), /* @__PURE__ */ l("p", {
-						className: "text-xs text-muted-foreground",
-						children: "+12 this week"
-					})] })] }),
-					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ l(h, {
-							className: "text-sm font-medium",
-							children: "Courses Progress"
-						}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u("div", {
-						className: "text-2xl font-bold",
-						children: [
-							v.coursesCompleted,
-							"/",
-							v.coursesEnrolled
-						]
-					}), /* @__PURE__ */ l("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Completed/Enrolled"
-					})] })] }),
-					/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ u(m, {
-						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ l(h, {
-							className: "text-sm font-medium",
-							children: "Total Points"
-						}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l("div", {
-						className: "text-2xl font-bold",
-						children: v.totalPoints.toLocaleString()
-					}), /* @__PURE__ */ u("p", {
-						className: "text-xs text-muted-foreground",
-						children: ["Rank #", v.rank]
-					})] })] })
-				]
-			}), /* @__PURE__ */ u("div", {
-				className: "grid gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, {
-					className: "flex items-center gap-2 text-base",
-					children: [/* @__PURE__ */ l(n, { className: "h-4 w-4" }), "Weekly Activity"]
-				}) }), /* @__PURE__ */ l(p, {
-					className: "space-y-2",
-					children: g.map((e) => /* @__PURE__ */ u("div", {
-						className: "flex items-center gap-3",
-						children: [
-							/* @__PURE__ */ l("span", {
-								className: "w-8 text-sm text-muted-foreground",
-								children: e.day
-							}),
-							/* @__PURE__ */ l("div", {
-								className: "flex-1 h-4 bg-muted rounded overflow-hidden",
-								children: /* @__PURE__ */ l("div", {
-									className: "h-4 bg-primary rounded",
-									style: { width: `${e.hours / _ * 100}%` }
-								})
-							}),
-							/* @__PURE__ */ u("span", {
-								className: "w-10 text-sm font-medium text-right",
-								children: [e.hours, "h"]
-							})
-						]
-					}, e.day))
-				})] }), /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, {
-					className: "text-base",
-					children: "Problems by Difficulty"
-				}) }), /* @__PURE__ */ u(p, {
-					className: "space-y-4",
+	let n = new Date(t.getFullYear(), t.getMonth(), t.getDate() - t.getDay());
+	return {
+		key: n.getTime(),
+		label: n.toLocaleDateString(void 0, {
+			month: "short",
+			day: "numeric"
+		})
+	};
+}
+function F({ title: e, icon: t, isEmpty: n, emptyLabel: r, children: i }) {
+	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: "flex h-[240px] items-center justify-center text-center text-sm text-text-muted",
+			children: r
+		}) : /* @__PURE__ */ C(d, {
+			width: "100%",
+			height: 260,
+			children: i
+		})]
+	});
+}
+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(() => {
+		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,
+			avgProgress: t,
+			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),
+		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],
+		count: U.filter((t) => t.verdict === e).length,
+		color: A[e]
+	})).filter((e) => e.count > 0), [U]), Y = v(() => {
+		let e = /* @__PURE__ */ new Map(), t = (t, n) => {
+			let { key: r, label: i } = P(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, 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: [
+		/* @__PURE__ */ C("h2", {
+			className: "mb-3 text-base font-semibold text-text-primary",
+			children: "Workspace overview"
+		}),
+		/* @__PURE__ */ C("p", {
+			className: "mb-4 max-w-2xl text-sm text-text-secondary",
+			children: "Live content available across the TechnoSpam learning workspace right now."
+		}),
+		/* @__PURE__ */ w("div", {
+			className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
+			children: [
+				/* @__PURE__ */ C(r, {
+					label: "Published courses",
+					value: Ce,
+					icon: pe
+				}),
+				/* @__PURE__ */ C(r, {
+					label: "Published problems",
+					value: we,
+					icon: x
+				}),
+				/* @__PURE__ */ C(r, {
+					label: "Hackathons",
+					value: Te,
+					icon: ge
+				})
+			]
+		})
+	] });
+	return /* @__PURE__ */ C(n, {
+		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"),
+			children: [/* @__PURE__ */ C(S, { size: 16 }), " My Learning"]
+		}),
+		children: L ? Ee ? /* @__PURE__ */ w("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ C(te, {
+				count: 4,
+				height: "h-24"
+			}), /* @__PURE__ */ C(ne, {
+				count: 2,
+				height: "h-72"
+			})]
+		}) : Q && !X ? /* @__PURE__ */ C(ee, {
+			title: "Couldn't load your analytics",
+			error: Q
+		}) : /* @__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__ */ u("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ u("div", {
-								className: "flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ l("span", {
-									className: "text-green-600",
-									children: "Easy"
-								}), /* @__PURE__ */ l("span", {
-									className: "font-medium",
-									children: C.easy
-								})]
-							}), /* @__PURE__ */ l("div", {
-								className: "h-3 w-full overflow-hidden rounded-full bg-muted",
-								children: /* @__PURE__ */ l("div", {
-									className: "h-3 rounded-full bg-green-500",
-									style: { width: `${C.easy / b.length * 100}%` }
-								})
-							})]
+						/* @__PURE__ */ C(r, {
+							label: "Courses enrolled",
+							value: H.length,
+							icon: b
 						}),
-						/* @__PURE__ */ u("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ u("div", {
-								className: "flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ l("span", {
-									className: "text-yellow-600",
-									children: "Medium"
-								}), /* @__PURE__ */ l("span", {
-									className: "font-medium",
-									children: C.medium
-								})]
-							}), /* @__PURE__ */ l("div", {
-								className: "h-3 w-full overflow-hidden rounded-full bg-muted",
-								children: /* @__PURE__ */ l("div", {
-									className: "h-3 rounded-full bg-yellow-500",
-									style: { width: `${C.medium / b.length * 100}%` }
-								})
-							})]
+						/* @__PURE__ */ C(r, {
+							label: "Courses completed",
+							value: K.coursesCompleted,
+							icon: S
 						}),
-						/* @__PURE__ */ u("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ u("div", {
-								className: "flex items-center justify-between text-sm",
-								children: [/* @__PURE__ */ l("span", {
-									className: "text-red-600",
-									children: "Hard"
-								}), /* @__PURE__ */ l("span", {
-									className: "font-medium",
-									children: C.hard
-								})]
-							}), /* @__PURE__ */ l("div", {
-								className: "h-3 w-full overflow-hidden rounded-full bg-muted",
-								children: /* @__PURE__ */ l("div", {
-									className: "h-3 rounded-full bg-red-500",
-									style: { width: `${C.hard / b.length * 100}%` }
-								})
-							})]
+						/* @__PURE__ */ C(r, {
+							label: "Avg progress",
+							value: `${K.avgProgress}%`,
+							icon: he
+						}),
+						/* @__PURE__ */ C(r, {
+							label: "Problems solved",
+							value: K.problemsSolved,
+							icon: x
+						}),
+						/* @__PURE__ */ C(r, {
+							label: "Acceptance rate",
+							value: `${K.acceptanceRate}%`,
+							icon: me
+						}),
+						/* @__PURE__ */ C(r, {
+							label: "Mentor sessions",
+							value: W.length,
+							icon: _e
+						}),
+						/* @__PURE__ */ C(r, {
+							label: "Certificates",
+							value: G.length,
+							icon: de
 						})
 					]
-				})] })]
-			})] }) : /* @__PURE__ */ u("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: [
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
-						className: "flex items-center gap-4 pt-6",
-						children: [/* @__PURE__ */ l(s, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
-							className: "text-2xl font-bold",
-							children: y.length
-						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
-							children: "Total Courses"
-						})] })]
-					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
-						className: "flex items-center gap-4 pt-6",
-						children: [/* @__PURE__ */ l(a, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
-							className: "text-2xl font-bold",
-							children: b.length
-						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
-							children: "Total Problems"
-						})] })]
-					}) }),
-					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
-						className: "flex items-center gap-4 pt-6",
-						children: [/* @__PURE__ */ l(n, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("div", {
-							className: "text-2xl font-bold",
-							children: [(b.reduce((e, t) => e + t.acceptanceRate, 0) / b.length).toFixed(1), "%"]
-						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
-							children: "Avg Acceptance Rate"
-						})] })]
-					}) })
-				]
-			})
-		]
+				}),
+				X ? /* @__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(F, {
+							title: "Enrollments by status",
+							icon: b,
+							isEmpty: q.length === 0,
+							emptyLabel: "No enrollments yet",
+							children: /* @__PURE__ */ w(le, { children: [
+								/* @__PURE__ */ C(se, {
+									data: q,
+									dataKey: "value",
+									nameKey: "name",
+									innerRadius: 60,
+									outerRadius: 92,
+									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
+								}),
+								/* @__PURE__ */ C(l, {
+									iconType: "circle",
+									wrapperStyle: { fontSize: 12 }
+								})
+							] })
+						}), /* @__PURE__ */ C(F, {
+							title: "Submissions by verdict",
+							icon: x,
+							isEmpty: J.length === 0,
+							emptyLabel: "No submissions yet",
+							children: /* @__PURE__ */ w(_, {
+								data: J,
+								margin: {
+									top: 8,
+									right: 8,
+									left: -18,
+									bottom: 0
+								},
+								children: [
+									/* @__PURE__ */ C(p, {
+										strokeDasharray: "3 3",
+										stroke: "var(--color-border-seam)",
+										vertical: !1
+									}),
+									/* @__PURE__ */ C(h, {
+										dataKey: "label",
+										tick: N,
+										axisLine: { stroke: "var(--color-border-seam)" },
+										tickLine: !1
+									}),
+									/* @__PURE__ */ C(g, {
+										allowDecimals: !1,
+										tick: N,
+										axisLine: !1,
+										tickLine: !1
+									}),
+									/* @__PURE__ */ C(u, {
+										contentStyle: j,
+										labelStyle: M,
+										cursor: { fill: "var(--color-accent-wash)" }
+									}),
+									/* @__PURE__ */ C(ce, {
+										dataKey: "count",
+										name: "Submissions",
+										radius: [
+											6,
+											6,
+											0,
+											0
+										],
+										maxBarSize: 56,
+										children: J.map((e) => /* @__PURE__ */ C(f, { 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"]
+						}), 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, {
+							width: "100%",
+							height: 280,
+							children: /* @__PURE__ */ w(ue, {
+								data: Y,
+								margin: {
+									top: 8,
+									right: 12,
+									left: -18,
+									bottom: 0
+								},
+								children: [
+									/* @__PURE__ */ w("defs", { children: [/* @__PURE__ */ w("linearGradient", {
+										id: "tec-grad-submissions",
+										x1: "0",
+										y1: "0",
+										x2: "0",
+										y2: "1",
+										children: [/* @__PURE__ */ C("stop", {
+											offset: "0%",
+											stopColor: "var(--color-accent-primary)",
+											stopOpacity: .35
+										}), /* @__PURE__ */ C("stop", {
+											offset: "100%",
+											stopColor: "var(--color-accent-primary)",
+											stopOpacity: 0
+										})]
+									}), /* @__PURE__ */ w("linearGradient", {
+										id: "tec-grad-enrollments",
+										x1: "0",
+										y1: "0",
+										x2: "0",
+										y2: "1",
+										children: [/* @__PURE__ */ C("stop", {
+											offset: "0%",
+											stopColor: "var(--color-accent-teal)",
+											stopOpacity: .35
+										}), /* @__PURE__ */ C("stop", {
+											offset: "100%",
+											stopColor: "var(--color-accent-teal)",
+											stopOpacity: 0
+										})]
+									})] }),
+									/* @__PURE__ */ C(p, {
+										strokeDasharray: "3 3",
+										stroke: "var(--color-border-seam)",
+										vertical: !1
+									}),
+									/* @__PURE__ */ C(h, {
+										dataKey: "label",
+										tick: N,
+										axisLine: { stroke: "var(--color-border-seam)" },
+										tickLine: !1
+									}),
+									/* @__PURE__ */ C(g, {
+										allowDecimals: !1,
+										tick: N,
+										axisLine: !1,
+										tickLine: !1
+									}),
+									/* @__PURE__ */ C(u, {
+										contentStyle: j,
+										labelStyle: M
+									}),
+									/* @__PURE__ */ C(l, {
+										iconType: "circle",
+										wrapperStyle: { fontSize: 12 }
+									}),
+									/* @__PURE__ */ C(m, {
+										type: "monotone",
+										dataKey: "submissions",
+										name: "Submissions",
+										stroke: "var(--color-accent-primary)",
+										strokeWidth: 2,
+										fill: "url(#tec-grad-submissions)"
+									}),
+									/* @__PURE__ */ C(m, {
+										type: "monotone",
+										dataKey: "enrollments",
+										name: "Enrollments",
+										stroke: "var(--color-accent-teal)",
+										strokeWidth: 2,
+										fill: "url(#tec-grad-enrollments)"
+									})
+								]
+							})
+						})]
+					})]
+				}) : /* @__PURE__ */ C(a, {
+					icon: /* @__PURE__ */ C(y, { 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"),
+						children: "Browse courses"
+					})
+				}),
+				$
+			]
+		}) : /* @__PURE__ */ w("div", {
+			className: "space-y-8",
+			children: [/* @__PURE__ */ C(a, {
+				icon: /* @__PURE__ */ C(fe, { size: 26 }),
+				title: "Sign in to view your analytics",
+				description: "Your personal learning metrics appear here once you're signed in."
+			}), $]
+		})
 	});
 }
 //#endregion
-export { v as AnalyticsAnalyticsPagePage };
+export { I as AnalyticsAnalyticsPagePage };
 
 //# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map