@burdenoff/microfe-technospam 2026.509.101

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { BarChart3, TrendingUp, Clock, Code, BookOpen, Target } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype TabView = 'personal' | 'platform';\n\nconst weeklyActivity = [\n  { day: 'Mon', hours: 2.5 },\n  { day: 'Tue', hours: 3.2 },\n  { day: 'Wed', hours: 1.8 },\n  { day: 'Thu', hours: 4.0 },\n  { day: 'Fri', hours: 2.0 },\n  { day: 'Sat', hours: 5.5 },\n  { day: 'Sun', hours: 3.0 },\n];\n\nconst maxHours = Math.max(...weeklyActivity.map((d) => d.hours));\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { userStats, courses, problems } = useTechnoSpamStore();\n  const [activeTab, setActiveTab] = useState<TabView>('personal');\n\n  const solvedByDifficulty = {\n    easy: problems.filter((p) => p.isSolved && p.difficulty === 'easy').length,\n    medium: problems.filter((p) => p.isSolved && p.difficulty === 'medium').length,\n    hard: problems.filter((p) => p.isSolved && p.difficulty === 'hard').length,\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">Insights into your learning performance</p>\n      </div>\n\n      <div className=\"flex gap-2 border-b border-border pb-2\">\n        <Button\n          variant={activeTab === 'personal' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('personal')}\n        >\n          Personal Insights\n        </Button>\n        <Button\n          variant={activeTab === 'platform' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('platform')}\n        >\n          Platform Overview\n        </Button>\n      </div>\n\n      {activeTab === 'personal' ? (\n        <>\n          <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n            <Card>\n              <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n                <CardTitle className=\"text-sm font-medium\">Learning Hours</CardTitle>\n                <Clock className=\"h-4 w-4 text-muted-foreground\" />\n              </CardHeader>\n              <CardContent>\n                <div className=\"text-2xl font-bold\">{userStats.totalLearningHours}</div>\n                <p className=\"text-xs text-muted-foreground\">+22h this week</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n                <CardTitle className=\"text-sm font-medium\">Problems Solved</CardTitle>\n                <Code className=\"h-4 w-4 text-muted-foreground\" />\n              </CardHeader>\n              <CardContent>\n                <div className=\"text-2xl font-bold\">{userStats.problemsSolved}</div>\n                <p className=\"text-xs text-muted-foreground\">+12 this week</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n                <CardTitle className=\"text-sm font-medium\">Courses Progress</CardTitle>\n                <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n              </CardHeader>\n              <CardContent>\n                <div className=\"text-2xl font-bold\">\n                  {userStats.coursesCompleted}/{userStats.coursesEnrolled}\n                </div>\n                <p className=\"text-xs text-muted-foreground\">Completed/Enrolled</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n                <CardTitle className=\"text-sm font-medium\">Total Points</CardTitle>\n                <Target className=\"h-4 w-4 text-muted-foreground\" />\n              </CardHeader>\n              <CardContent>\n                <div className=\"text-2xl font-bold\">{userStats.totalPoints.toLocaleString()}</div>\n                <p className=\"text-xs text-muted-foreground\">Rank #{userStats.rank}</p>\n              </CardContent>\n            </Card>\n          </div>\n\n          <div className=\"grid gap-6 lg:grid-cols-2\">\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2 text-base\">\n                  <BarChart3 className=\"h-4 w-4\" />\n                  Weekly Activity\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-2\">\n                {weeklyActivity.map((day) => (\n                  <div key={day.day} className=\"flex items-center gap-3\">\n                    <span className=\"w-8 text-sm text-muted-foreground\">{day.day}</span>\n                    <div className=\"flex-1 h-4 bg-muted rounded overflow-hidden\">\n                      <div\n                        className=\"h-4 bg-primary rounded\"\n                        style={{ width: `${(day.hours / maxHours) * 100}%` }}\n                      />\n                    </div>\n                    <span className=\"w-10 text-sm font-medium text-right\">{day.hours}h</span>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"text-base\">Problems by Difficulty</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"space-y-2\">\n                  <div className=\"flex items-center justify-between text-sm\">\n                    <span className=\"text-green-600\">Easy</span>\n                    <span className=\"font-medium\">{solvedByDifficulty.easy}</span>\n                  </div>\n                  <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className=\"h-3 rounded-full bg-green-500\"\n                      style={{ width: `${(solvedByDifficulty.easy / problems.length) * 100}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"space-y-2\">\n                  <div className=\"flex items-center justify-between text-sm\">\n                    <span className=\"text-yellow-600\">Medium</span>\n                    <span className=\"font-medium\">{solvedByDifficulty.medium}</span>\n                  </div>\n                  <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className=\"h-3 rounded-full bg-yellow-500\"\n                      style={{ width: `${(solvedByDifficulty.medium / problems.length) * 100}%` }}\n                    />\n                  </div>\n                </div>\n                <div className=\"space-y-2\">\n                  <div className=\"flex items-center justify-between text-sm\">\n                    <span className=\"text-red-600\">Hard</span>\n                    <span className=\"font-medium\">{solvedByDifficulty.hard}</span>\n                  </div>\n                  <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className=\"h-3 rounded-full bg-red-500\"\n                      style={{ width: `${(solvedByDifficulty.hard / problems.length) * 100}%` }}\n                    />\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        </>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          <Card>\n            <CardContent className=\"flex items-center gap-4 pt-6\">\n              <TrendingUp className=\"h-8 w-8 text-primary\" />\n              <div>\n                <div className=\"text-2xl font-bold\">{courses.length}</div>\n                <p className=\"text-xs text-muted-foreground\">Total Courses</p>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"flex items-center gap-4 pt-6\">\n              <Code className=\"h-8 w-8 text-primary\" />\n              <div>\n                <div className=\"text-2xl font-bold\">{problems.length}</div>\n                <p className=\"text-xs text-muted-foreground\">Total Problems</p>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"flex items-center gap-4 pt-6\">\n              <BarChart3 className=\"h-8 w-8 text-primary\" />\n              <div>\n                <div className=\"text-2xl font-bold\">\n                  {(problems.reduce((s, p) => s + p.acceptanceRate, 0) / problems.length).toFixed(\n                    1\n                  )}\n                  %\n                </div>\n                <p className=\"text-xs text-muted-foreground\">Avg Acceptance Rate</p>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/AnalyticsProgressPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AnalyticsProgressPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnalyticsProgressPagePage.d.ts.map

package/dist/technospam/pages/AnalyticsProgressPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsProgressPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/AnalyticsProgressPagePage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,yBAAyB,4CAoJxC"}

package/dist/technospam/pages/AnalyticsProgressPagePage.js

@@ -0,0 +1,215 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { Award as t, BookOpen as n, Flame as r, Target as i, TrendingUp as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/AnalyticsProgressPagePage.tsx
+var p = [
+	{
+		name: "Algorithms",
+		level: 72
+	},
+	{
+		name: "Data Structures",
+		level: 65
+	},
+	{
+		name: "System Design",
+		level: 45
+	},
+	{
+		name: "Frontend",
+		level: 85
+	},
+	{
+		name: "Backend",
+		level: 60
+	},
+	{
+		name: "DevOps",
+		level: 30
+	}
+], m = [
+	{
+		name: "Solve 200 problems",
+		current: 156,
+		target: 200
+	},
+	{
+		name: "Complete 10 courses",
+		current: 5,
+		target: 10
+	},
+	{
+		name: "Earn 5 certificates",
+		current: 4,
+		target: 5
+	},
+	{
+		name: "Reach 50-day streak",
+		current: 15,
+		target: 50
+	}
+];
+function h() {
+	let { userStats: h, learningPaths: g } = e();
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "Learning Progress"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Track your growth and skill development"
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(f, {
+							className: "text-sm font-medium",
+							children: "Study Streak"
+						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-orange-500" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: [h.studyStreak, " days"]
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(f, {
+							className: "text-sm font-medium",
+							children: "Total Points"
+						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: h.totalPoints.toLocaleString()
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(f, {
+							className: "text-sm font-medium",
+							children: "Courses Done"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: h.coursesCompleted
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(f, {
+							className: "text-sm font-medium",
+							children: "Certificates"
+						}), /* @__PURE__ */ o(t, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: h.certificatesEarned
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ s(f, {
+					className: "flex items-center gap-2 text-base",
+					children: [/* @__PURE__ */ o(a, { className: "h-4 w-4" }), "Skill Levels"]
+				}) }), /* @__PURE__ */ o(u, {
+					className: "space-y-4",
+					children: p.map((e) => /* @__PURE__ */ s("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex items-center justify-between text-sm",
+							children: [/* @__PURE__ */ o("span", { children: e.name }), /* @__PURE__ */ s("span", {
+								className: "font-medium",
+								children: [e.level, "%"]
+							})]
+						}), /* @__PURE__ */ o("div", {
+							className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+							children: /* @__PURE__ */ o("div", {
+								className: "h-2 rounded-full bg-primary",
+								style: { width: `${e.level}%` }
+							})
+						})]
+					}, e.name))
+				})] }), /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ s(f, {
+					className: "flex items-center gap-2 text-base",
+					children: [/* @__PURE__ */ o(i, { className: "h-4 w-4" }), "Learning Goals"]
+				}) }), /* @__PURE__ */ o(u, {
+					className: "space-y-4",
+					children: m.map((e) => {
+						let t = Math.round(e.current / e.target * 100);
+						return /* @__PURE__ */ s("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ s("div", {
+								className: "flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ o("span", { children: e.name }), /* @__PURE__ */ s("span", {
+									className: "font-medium",
+									children: [
+										e.current,
+										"/",
+										e.target
+									]
+								})]
+							}), /* @__PURE__ */ o("div", {
+								className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ o("div", {
+									className: `h-2 rounded-full ${t >= 100 ? "bg-green-500" : "bg-primary"}`,
+									style: { width: `${Math.min(t, 100)}%` }
+								})
+							})]
+						}, e.name);
+					})
+				})] })]
+			}),
+			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, {
+				className: "text-base",
+				children: "Learning Paths"
+			}) }), /* @__PURE__ */ o(u, {
+				className: "space-y-4",
+				children: g.map((e) => /* @__PURE__ */ s("div", {
+					className: "flex flex-col gap-2 rounded-lg border border-border p-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ s("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ s("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: e.title
+							}), /* @__PURE__ */ o(c, {
+								variant: "secondary",
+								className: "text-xs",
+								children: e.level
+							})]
+						}), /* @__PURE__ */ s("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.coursesCount,
+								" courses · ",
+								e.estimatedHours,
+								"h estimated"
+							]
+						})]
+					}), /* @__PURE__ */ o("div", {
+						className: "flex items-center gap-3",
+						children: /* @__PURE__ */ s("div", {
+							className: "w-32 space-y-1",
+							children: [/* @__PURE__ */ o("div", {
+								className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ o("div", {
+									className: "h-2 rounded-full bg-primary",
+									style: { width: `${e.progress}%` }
+								})
+							}), /* @__PURE__ */ s("p", {
+								className: "text-xs text-muted-foreground text-right",
+								children: [e.progress, "%"]
+							})]
+						})
+					})]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { h as AnalyticsProgressPagePage };
+
+//# sourceMappingURL=AnalyticsProgressPagePage.js.map

package/dist/technospam/pages/AnalyticsProgressPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsProgressPagePage.js","names":[],"sources":["../../../src/technospam/pages/AnalyticsProgressPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { TrendingUp, BookOpen, Code, Flame, Target, Award } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst skillLevels = [\n  { name: 'Algorithms', level: 72 },\n  { name: 'Data Structures', level: 65 },\n  { name: 'System Design', level: 45 },\n  { name: 'Frontend', level: 85 },\n  { name: 'Backend', level: 60 },\n  { name: 'DevOps', level: 30 },\n];\n\nconst learningGoals = [\n  { name: 'Solve 200 problems', current: 156, target: 200 },\n  { name: 'Complete 10 courses', current: 5, target: 10 },\n  { name: 'Earn 5 certificates', current: 4, target: 5 },\n  { name: 'Reach 50-day streak', current: 15, target: 50 },\n];\n\nexport function AnalyticsProgressPagePage() {\n  const { userStats, learningPaths } = useTechnoSpamStore();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Learning Progress</h1>\n        <p className=\"text-sm text-muted-foreground\">Track your growth and skill development</p>\n      </div>\n\n      {/* Overview Stats */}\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Study Streak</CardTitle>\n            <Flame className=\"h-4 w-4 text-orange-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.studyStreak} days</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Points</CardTitle>\n            <Target className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.totalPoints.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Courses Done</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.coursesCompleted}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Certificates</CardTitle>\n            <Award className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.certificatesEarned}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        {/* Skill Radar */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <TrendingUp className=\"h-4 w-4\" />\n              Skill Levels\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {skillLevels.map((skill) => (\n              <div key={skill.name} className=\"space-y-1\">\n                <div className=\"flex items-center justify-between text-sm\">\n                  <span>{skill.name}</span>\n                  <span className=\"font-medium\">{skill.level}%</span>\n                </div>\n                <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className=\"h-2 rounded-full bg-primary\"\n                    style={{ width: `${skill.level}%` }}\n                  />\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        {/* Learning Goals */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Target className=\"h-4 w-4\" />\n              Learning Goals\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {learningGoals.map((goal) => {\n              const percentage = Math.round((goal.current / goal.target) * 100);\n              return (\n                <div key={goal.name} className=\"space-y-1\">\n                  <div className=\"flex items-center justify-between text-sm\">\n                    <span>{goal.name}</span>\n                    <span className=\"font-medium\">\n                      {goal.current}/{goal.target}\n                    </span>\n                  </div>\n                  <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className={`h-2 rounded-full ${percentage >= 100 ? 'bg-green-500' : 'bg-primary'}`}\n                      style={{ width: `${Math.min(percentage, 100)}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Learning Paths Progress */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Learning Paths</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          {learningPaths.map((path) => (\n            <div\n              key={path.id}\n              className=\"flex flex-col gap-2 rounded-lg border border-border p-4 sm:flex-row sm:items-center sm:justify-between\"\n            >\n              <div className=\"space-y-1\">\n                <div className=\"flex items-center gap-2\">\n                  <p className=\"text-sm font-medium\">{path.title}</p>\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    {path.level}\n                  </Badge>\n                </div>\n                <p className=\"text-xs text-muted-foreground\">\n                  {path.coursesCount} courses &middot; {path.estimatedHours}h estimated\n                </p>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <div className=\"w-32 space-y-1\">\n                  <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className=\"h-2 rounded-full bg-primary\"\n                      style={{ width: `${path.progress}%` }}\n                    />\n                  </div>\n                  <p className=\"text-xs text-muted-foreground text-right\">{path.progress}%</p>\n                </div>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/AnalyticsReportsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AnalyticsReportsPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnalyticsReportsPagePage.d.ts.map

package/dist/technospam/pages/AnalyticsReportsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsReportsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/AnalyticsReportsPagePage.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,wBAAwB,4CAwFvC"}

package/dist/technospam/pages/AnalyticsReportsPagePage.js

@@ -0,0 +1,145 @@
+import { Calendar as e, Download as t, FileBarChart as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as a, Card as o, CardContent as s, CardHeader as c, CardTitle as l } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/AnalyticsReportsPagePage.tsx
+var u = [
+	{
+		id: 1,
+		name: "Monthly Learning Summary - January 2026",
+		type: "learning",
+		generatedAt: "2026-02-01T00:00:00Z",
+		size: "2.4 MB"
+	},
+	{
+		id: 2,
+		name: "Problem Solving Analytics - Q4 2025",
+		type: "problems",
+		generatedAt: "2026-01-15T00:00:00Z",
+		size: "1.8 MB"
+	},
+	{
+		id: 3,
+		name: "Course Completion Report - 2025",
+		type: "courses",
+		generatedAt: "2026-01-02T00:00:00Z",
+		size: "3.1 MB"
+	},
+	{
+		id: 4,
+		name: "Hackathon Participation Report",
+		type: "hackathons",
+		generatedAt: "2025-12-20T00:00:00Z",
+		size: "1.2 MB"
+	},
+	{
+		id: 5,
+		name: "Open Source Contribution Report",
+		type: "opensource",
+		generatedAt: "2025-12-15T00:00:00Z",
+		size: "0.9 MB"
+	}
+], d = [
+	{
+		label: "Learning Summary",
+		description: "Monthly overview of learning activity and progress"
+	},
+	{
+		label: "Problem Analytics",
+		description: "Detailed breakdown of problem-solving patterns"
+	},
+	{
+		label: "Course Progress",
+		description: "Course completion rates and learning paths"
+	},
+	{
+		label: "Contribution Report",
+		description: "Open source and community contributions"
+	}
+];
+function f() {
+	let f = (e) => {
+		switch (e) {
+			case "learning": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+			case "problems": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+			case "courses": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+			case "hackathons": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
+			default: return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
+		}
+	};
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between",
+				children: /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("h1", {
+					className: "text-2xl font-semibold text-foreground",
+					children: "Reports"
+				}), /* @__PURE__ */ r("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Generate and download detailed analytics reports"
+				})] })
+			}),
+			/* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(l, {
+				className: "text-base",
+				children: "Generate New Report"
+			}) }), /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("div", {
+				className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: d.map((e) => /* @__PURE__ */ i(a, {
+					variant: "outline",
+					className: "flex h-auto flex-col items-start gap-1 p-4 text-left",
+					children: [
+						/* @__PURE__ */ r(n, { className: "h-5 w-5" }),
+						/* @__PURE__ */ r("span", {
+							className: "text-sm font-medium",
+							children: e.label
+						}),
+						/* @__PURE__ */ r("span", {
+							className: "text-xs text-muted-foreground",
+							children: e.description
+						})
+					]
+				}, e.label))
+			}) })] }),
+			/* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(l, {
+				className: "text-base",
+				children: "Generated Reports"
+			}) }), /* @__PURE__ */ r(s, {
+				className: "space-y-3",
+				children: u.map((o) => /* @__PURE__ */ i("div", {
+					className: "flex flex-col gap-3 rounded-lg border border-border p-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ r(n, { className: "mt-0.5 h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ i("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ r("p", {
+								className: "text-sm font-medium",
+								children: o.name
+							}), /* @__PURE__ */ i("div", {
+								className: "flex items-center gap-3 text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ r("span", {
+										className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${f(o.type)}`,
+										children: o.type
+									}),
+									/* @__PURE__ */ i("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ r(e, { className: "h-3 w-3" }), new Date(o.generatedAt).toLocaleDateString()]
+									}),
+									/* @__PURE__ */ r("span", { children: o.size })
+								]
+							})]
+						})]
+					}), /* @__PURE__ */ i(a, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ r(t, { className: "mr-2 h-4 w-4" }), "Download"]
+					})]
+				}, o.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { f as AnalyticsReportsPagePage };
+
+//# sourceMappingURL=AnalyticsReportsPagePage.js.map

package/dist/technospam/pages/AnalyticsReportsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsReportsPagePage.js","names":[],"sources":["../../../src/technospam/pages/AnalyticsReportsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { FileBarChart, Download, Calendar, Clock } from 'lucide-react';\n\nconst mockReports = [\n  {\n    id: 1,\n    name: 'Monthly Learning Summary - January 2026',\n    type: 'learning',\n    generatedAt: '2026-02-01T00:00:00Z',\n    size: '2.4 MB',\n  },\n  {\n    id: 2,\n    name: 'Problem Solving Analytics - Q4 2025',\n    type: 'problems',\n    generatedAt: '2026-01-15T00:00:00Z',\n    size: '1.8 MB',\n  },\n  {\n    id: 3,\n    name: 'Course Completion Report - 2025',\n    type: 'courses',\n    generatedAt: '2026-01-02T00:00:00Z',\n    size: '3.1 MB',\n  },\n  {\n    id: 4,\n    name: 'Hackathon Participation Report',\n    type: 'hackathons',\n    generatedAt: '2025-12-20T00:00:00Z',\n    size: '1.2 MB',\n  },\n  {\n    id: 5,\n    name: 'Open Source Contribution Report',\n    type: 'opensource',\n    generatedAt: '2025-12-15T00:00:00Z',\n    size: '0.9 MB',\n  },\n];\n\nconst reportTypes = [\n  { label: 'Learning Summary', description: 'Monthly overview of learning activity and progress' },\n  { label: 'Problem Analytics', description: 'Detailed breakdown of problem-solving patterns' },\n  { label: 'Course Progress', description: 'Course completion rates and learning paths' },\n  { label: 'Contribution Report', description: 'Open source and community contributions' },\n];\n\nexport function AnalyticsReportsPagePage() {\n  const typeBadgeClass = (type: string) => {\n    switch (type) {\n      case 'learning':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'problems':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'courses':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'hackathons':\n        return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n      default:\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-foreground\">Reports</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Generate and download detailed analytics reports\n          </p>\n        </div>\n      </div>\n\n      {/* Generate New Report */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Generate New Report</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n            {reportTypes.map((type) => (\n              <Button\n                key={type.label}\n                variant=\"outline\"\n                className=\"flex h-auto flex-col items-start gap-1 p-4 text-left\"\n              >\n                <FileBarChart className=\"h-5 w-5\" />\n                <span className=\"text-sm font-medium\">{type.label}</span>\n                <span className=\"text-xs text-muted-foreground\">{type.description}</span>\n              </Button>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* Generated Reports */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Generated Reports</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {mockReports.map((report) => (\n            <div\n              key={report.id}\n              className=\"flex flex-col gap-3 rounded-lg border border-border p-4 sm:flex-row sm:items-center sm:justify-between\"\n            >\n              <div className=\"flex items-start gap-3\">\n                <FileBarChart className=\"mt-0.5 h-5 w-5 text-muted-foreground\" />\n                <div className=\"space-y-1\">\n                  <p className=\"text-sm font-medium\">{report.name}</p>\n                  <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n                    <span\n                      className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${typeBadgeClass(report.type)}`}\n                    >\n                      {report.type}\n                    </span>\n                    <span className=\"flex items-center gap-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      {new Date(report.generatedAt).toLocaleDateString()}\n                    </span>\n                    <span>{report.size}</span>\n                  </div>\n                </div>\n              </div>\n              <Button variant=\"outline\" size=\"sm\">\n                <Download className=\"mr-2 h-4 w-4\" />\n                Download\n              </Button>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,IAAM,IAAc;CAClB;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;EACb,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;EACb,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;EACb,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;EACb,MAAM;EACP;CACD;EACE,IAAI;EACJ,MAAM;EACN,MAAM;EACN,aAAa;EACb,MAAM;EACP;CACF,EAEK,IAAc;CAClB;EAAE,OAAO;EAAoB,aAAa;EAAsD;CAChG;EAAE,OAAO;EAAqB,aAAa;EAAkD;CAC7F;EAAE,OAAO;EAAmB,aAAa;EAA8C;CACvF;EAAE,OAAO;EAAuB,aAAa;EAA2C;CACzF;AAED,SAAgB,IAA2B;CACzC,IAAM,KAAkB,MAAiB;AACvC,UAAQ,GAAR;GACE,KAAK,WACH,QAAO;GACT,KAAK,WACH,QAAO;GACT,KAAK,UACH,QAAO;GACT,KAAK,aACH,QAAO;GACT,QACE,QAAO;;;AAIb,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyC;KAAY,CAAA,EACnE,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,CACA,EAAA,CAAA;IACF,CAAA;GAGN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAA+B,CAAA,EACrD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;KAEE,SAAQ;KACR,WAAU;eAHZ;MAKE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MACpC,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAK;OAAa,CAAA;MACzD,kBAAC,QAAD;OAAM,WAAU;iBAAiC,EAAK;OAAmB,CAAA;MAClE;OAPF,EAAK,MAOH,CACT;IACE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;GAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAA6B,CAAA,EACnD,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAY,KAAK,MAChB,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,wCAAyC,CAAA,EACjE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAO;QAAS,CAAA,EACpD,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,QAAD;UACE,WAAW,yEAAyE,EAAe,EAAO,KAAK;oBAE9G,EAAO;UACH,CAAA;SACP,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,IAAI,KAAK,EAAO,YAAY,CAAC,oBAAoB,CAC7C;;SACP,kBAAC,QAAD,EAAA,UAAO,EAAO,MAAY,CAAA;SACtB;UACF;SACF;SACN,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;gBAA/B,CACE,kBAAC,GAAD,EAAU,WAAU,gBAAiB,CAAA,EAAA,WAE9B;QACL;OAzBC,EAAO,GAyBR,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/technospam/pages/ApplicationsPortfolioPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function ApplicationsPortfolioPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApplicationsPortfolioPagePage.d.ts.map

package/dist/technospam/pages/ApplicationsPortfolioPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationsPortfolioPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/ApplicationsPortfolioPagePage.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,6BAA6B,4CAiK5C"}