@burdenoff/microfe-technospam 2026.509.101

package/dist/technospam/pages/AdminAuditReportsPagePage.js

@@ -0,0 +1,179 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { useMemo as t, useState as n } from "react";
+import { AlertTriangle as r, Download as i, Filter as a, Info as o, Search as s, ShieldAlert as c } from "lucide-react";
+import { 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, Input as g } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/AdminAuditReportsPagePage.tsx
+function _() {
+	let { auditEvents: _ } = e(), [v, y] = n(""), [b, x] = n("all"), S = t(() => _.filter((e) => {
+		let t = v === "" || e.action.toLowerCase().includes(v.toLowerCase()) || e.actor.toLowerCase().includes(v.toLowerCase()) || e.target.toLowerCase().includes(v.toLowerCase()) || e.details.toLowerCase().includes(v.toLowerCase()), n = b === "all" || e.severity === b;
+		return t && n;
+	}), [
+		_,
+		v,
+		b
+	]), C = _.length, w = _.filter((e) => e.severity === "warning").length, T = _.filter((e) => e.severity === "critical").length, E = (e) => {
+		switch (e) {
+			case "critical": return /* @__PURE__ */ l(c, { className: "h-4 w-4 text-red-500" });
+			case "warning": return /* @__PURE__ */ l(r, { className: "h-4 w-4 text-yellow-500" });
+			default: return /* @__PURE__ */ l(o, { className: "h-4 w-4 text-blue-500" });
+		}
+	}, D = (e) => {
+		switch (e) {
+			case "critical": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400";
+			case "warning": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
+			default: return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+		}
+	};
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+					className: "text-2xl font-semibold text-foreground",
+					children: "Audit Logs & Reports"
+				}), /* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Monitor platform activity and security events"
+				})] }), /* @__PURE__ */ u(d, {
+					variant: "outline",
+					size: "sm",
+					children: [/* @__PURE__ */ l(i, { className: "mr-2 h-4 w-4" }), "Export CSV"]
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				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: "Total Events"
+						}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: C
+					}) })] }),
+					/* @__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: "Warnings"
+						}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: w
+					}) })] }),
+					/* @__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: "Critical"
+						}), /* @__PURE__ */ l(c, { className: "h-4 w-4 text-red-500" })]
+					}), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: T
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ l(f, { children: /* @__PURE__ */ l(p, {
+				className: "pt-6",
+				children: /* @__PURE__ */ u("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center",
+					children: [/* @__PURE__ */ u("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ l(s, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ l(g, {
+							placeholder: "Search events...",
+							value: v,
+							onChange: (e) => y(e.target.value),
+							className: "pl-9"
+						})]
+					}), /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ l(a, { className: "h-4 w-4 text-muted-foreground" }), [
+							{
+								label: "All",
+								value: "all"
+							},
+							{
+								label: "Info",
+								value: "info"
+							},
+							{
+								label: "Warning",
+								value: "warning"
+							},
+							{
+								label: "Critical",
+								value: "critical"
+							}
+						].map((e) => /* @__PURE__ */ l(d, {
+							variant: b === e.value ? "default" : "outline",
+							size: "sm",
+							onClick: () => x(e.value),
+							children: e.label
+						}, e.value))]
+					})]
+				})
+			}) }),
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, {
+				className: "text-base",
+				children: [
+					"Audit Events (",
+					S.length,
+					")"
+				]
+			}) }), /* @__PURE__ */ l(p, { children: S.length === 0 ? /* @__PURE__ */ l("p", {
+				className: "py-8 text-center text-sm text-muted-foreground",
+				children: "No events match your filters"
+			}) : /* @__PURE__ */ l("div", {
+				className: "space-y-3",
+				children: S.map((e) => /* @__PURE__ */ u("div", {
+					className: "flex items-start gap-3 rounded-lg border border-border p-4",
+					children: [/* @__PURE__ */ l("div", {
+						className: "mt-0.5",
+						children: E(e.severity)
+					}), /* @__PURE__ */ u("div", {
+						className: "flex-1 space-y-1",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ l("p", {
+									className: "text-sm font-medium",
+									children: e.action
+								}), /* @__PURE__ */ l("span", {
+									className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${D(e.severity)}`,
+									children: e.severity
+								})]
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ l("span", {
+										className: "font-medium",
+										children: e.actor
+									}),
+									" → ",
+									e.target
+								]
+							}),
+							/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: e.details
+							}),
+							/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: new Date(e.timestamp).toLocaleString()
+							})
+						]
+					})]
+				}, e.id))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { _ as AdminAuditReportsPagePage };
+
+//# sourceMappingURL=AdminAuditReportsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminAuditReportsPagePage.js","names":[],"sources":["../../../src/technospam/pages/AdminAuditReportsPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { ShieldAlert, AlertTriangle, Info, Search, Download, Filter } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype SeverityFilter = 'all' | 'info' | 'warning' | 'critical';\n\nexport function AdminAuditReportsPagePage() {\n  const { auditEvents } = useTechnoSpamStore();\n  const [searchTerm, setSearchTerm] = useState('');\n  const [selectedSeverity, setSelectedSeverity] = useState<SeverityFilter>('all');\n\n  const filteredEvents = useMemo(() => {\n    return auditEvents.filter((event) => {\n      const matchesSearch =\n        searchTerm === '' ||\n        event.action.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        event.actor.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        event.target.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        event.details.toLowerCase().includes(searchTerm.toLowerCase());\n      const matchesSeverity = selectedSeverity === 'all' || event.severity === selectedSeverity;\n      return matchesSearch && matchesSeverity;\n    });\n  }, [auditEvents, searchTerm, selectedSeverity]);\n\n  const totalEvents = auditEvents.length;\n  const warningCount = auditEvents.filter((e) => e.severity === 'warning').length;\n  const criticalCount = auditEvents.filter((e) => e.severity === 'critical').length;\n\n  const severityIcon = (severity: string) => {\n    switch (severity) {\n      case 'critical':\n        return <ShieldAlert className=\"h-4 w-4 text-red-500\" />;\n      case 'warning':\n        return <AlertTriangle className=\"h-4 w-4 text-yellow-500\" />;\n      default:\n        return <Info className=\"h-4 w-4 text-blue-500\" />;\n    }\n  };\n\n  const severityBadgeClass = (severity: string) => {\n    switch (severity) {\n      case 'critical':\n        return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400';\n      case 'warning':\n        return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n      default:\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n    }\n  };\n\n  const severityFilters: { label: string; value: SeverityFilter }[] = [\n    { label: 'All', value: 'all' },\n    { label: 'Info', value: 'info' },\n    { label: 'Warning', value: 'warning' },\n    { label: 'Critical', value: 'critical' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-foreground\">Audit Logs & Reports</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Monitor platform activity and security events\n          </p>\n        </div>\n        <Button variant=\"outline\" size=\"sm\">\n          <Download className=\"mr-2 h-4 w-4\" />\n          Export CSV\n        </Button>\n      </div>\n\n      {/* Summary Stats */}\n      <div className=\"grid gap-4 md:grid-cols-3\">\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 Events</CardTitle>\n            <Info className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalEvents}</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\">Warnings</CardTitle>\n            <AlertTriangle className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{warningCount}</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\">Critical</CardTitle>\n            <ShieldAlert className=\"h-4 w-4 text-red-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{criticalCount}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Filters */}\n      <Card>\n        <CardContent className=\"pt-6\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder=\"Search events...\"\n                value={searchTerm}\n                onChange={(e) => setSearchTerm(e.target.value)}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Filter className=\"h-4 w-4 text-muted-foreground\" />\n              {severityFilters.map((filter) => (\n                <Button\n                  key={filter.value}\n                  variant={selectedSeverity === filter.value ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => setSelectedSeverity(filter.value)}\n                >\n                  {filter.label}\n                </Button>\n              ))}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* Events Table */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Audit Events ({filteredEvents.length})</CardTitle>\n        </CardHeader>\n        <CardContent>\n          {filteredEvents.length === 0 ? (\n            <p className=\"py-8 text-center text-sm text-muted-foreground\">\n              No events match your filters\n            </p>\n          ) : (\n            <div className=\"space-y-3\">\n              {filteredEvents.map((event) => (\n                <div\n                  key={event.id}\n                  className=\"flex items-start gap-3 rounded-lg border border-border p-4\"\n                >\n                  <div className=\"mt-0.5\">{severityIcon(event.severity)}</div>\n                  <div className=\"flex-1 space-y-1\">\n                    <div className=\"flex items-center justify-between\">\n                      <p className=\"text-sm font-medium\">{event.action}</p>\n                      <span\n                        className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${severityBadgeClass(event.severity)}`}\n                      >\n                        {event.severity}\n                      </span>\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      <span className=\"font-medium\">{event.actor}</span> &rarr; {event.target}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">{event.details}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {new Date(event.timestamp).toLocaleString()}\n                    </p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/technospam/pages/AnalyticsAchievementsPagePage.js

@@ -0,0 +1,149 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { Award as t, Lock as n, Star as r, Trophy as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Card as s, CardContent as c, CardHeader as l, CardTitle as u } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/AnalyticsAchievementsPagePage.tsx
+function d() {
+	let { achievements: d, userStats: f } = e(), p = d.filter((e) => e.unlockedAt).length;
+	d.filter((e) => e.unlockedAt).reduce((e, t) => e + parseInt(t.reward) || 0, 0);
+	let m = (e) => {
+		switch (e) {
+			case "common": return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
+			case "rare": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+			case "epic": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+			case "legendary": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
+			default: return "";
+		}
+	}, h = (e) => {
+		switch (e) {
+			case "common": return "border-gray-300 dark:border-gray-600";
+			case "rare": return "border-blue-300 dark:border-blue-600";
+			case "epic": return "border-purple-300 dark:border-purple-600";
+			case "legendary": return "border-yellow-300 dark:border-yellow-600";
+			default: return "border-border";
+		}
+	};
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "Achievements"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Earn badges and rewards by completing challenges"
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Unlocked"
+						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: [
+							p,
+							"/",
+							d.length
+						]
+					}) })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Total Points"
+						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a("div", {
+						className: "text-2xl font-bold",
+						children: f.totalPoints.toLocaleString()
+					}) })] }),
+					/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ o(l, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(u, {
+							className: "text-sm font-medium",
+							children: "Global Rank"
+						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ a(c, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["#", f.rank]
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: d.map((e) => {
+					let t = !!e.unlockedAt, r = Math.round(e.progress / e.maxProgress * 100);
+					return /* @__PURE__ */ a(s, {
+						className: `${h(e.rarity)} ${t ? "" : "opacity-70"}`,
+						children: /* @__PURE__ */ o(c, {
+							className: "space-y-3 pt-6",
+							children: [
+								/* @__PURE__ */ o("div", {
+									className: "flex items-start justify-between",
+									children: [/* @__PURE__ */ o("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ a("div", {
+											className: `flex h-12 w-12 items-center justify-center rounded-full ${t ? "bg-primary/10" : "bg-muted"}`,
+											children: t ? /* @__PURE__ */ a(i, { className: "h-6 w-6 text-primary" }) : /* @__PURE__ */ a(n, { className: "h-6 w-6 text-muted-foreground" })
+										}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+											className: "font-medium",
+											children: e.title
+										}), /* @__PURE__ */ a("p", {
+											className: "text-xs text-muted-foreground",
+											children: e.category
+										})] })]
+									}), /* @__PURE__ */ a("span", {
+										className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${m(e.rarity)}`,
+										children: e.rarity
+									})]
+								}),
+								/* @__PURE__ */ a("p", {
+									className: "text-sm text-muted-foreground",
+									children: e.description
+								}),
+								/* @__PURE__ */ o("div", {
+									className: "space-y-1",
+									children: [/* @__PURE__ */ o("div", {
+										className: "flex items-center justify-between text-xs",
+										children: [/* @__PURE__ */ a("span", {
+											className: "text-muted-foreground",
+											children: "Progress"
+										}), /* @__PURE__ */ o("span", {
+											className: "font-medium",
+											children: [
+												e.progress,
+												"/",
+												e.maxProgress
+											]
+										})]
+									}), /* @__PURE__ */ a("div", {
+										className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+										children: /* @__PURE__ */ a("div", {
+											className: `h-2 rounded-full ${t ? "bg-green-500" : "bg-primary"}`,
+											style: { width: `${r}%` }
+										})
+									})]
+								}),
+								/* @__PURE__ */ o("p", {
+									className: "text-xs text-muted-foreground",
+									children: ["Reward: ", e.reward]
+								}),
+								t && e.unlockedAt && /* @__PURE__ */ o("p", {
+									className: "text-xs text-muted-foreground",
+									children: ["Unlocked ", new Date(e.unlockedAt).toLocaleDateString()]
+								})
+							]
+						})
+					}, e.id);
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { d as AnalyticsAchievementsPagePage };
+
+//# sourceMappingURL=AnalyticsAchievementsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsAchievementsPagePage.js","names":[],"sources":["../../../src/technospam/pages/AnalyticsAchievementsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Trophy, Award, Star, Lock } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nexport function AnalyticsAchievementsPagePage() {\n  const { achievements, userStats } = useTechnoSpamStore();\n\n  const unlockedCount = achievements.filter((a) => a.unlockedAt).length;\n  const totalPoints = achievements\n    .filter((a) => a.unlockedAt)\n    .reduce((sum, a) => sum + parseInt(a.reward) || 0, 0);\n\n  const rarityColor = (rarity: string) => {\n    switch (rarity) {\n      case 'common':\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n      case 'rare':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'epic':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'legendary':\n        return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n      default:\n        return '';\n    }\n  };\n\n  const rarityBorder = (rarity: string) => {\n    switch (rarity) {\n      case 'common':\n        return 'border-gray-300 dark:border-gray-600';\n      case 'rare':\n        return 'border-blue-300 dark:border-blue-600';\n      case 'epic':\n        return 'border-purple-300 dark:border-purple-600';\n      case 'legendary':\n        return 'border-yellow-300 dark:border-yellow-600';\n      default:\n        return 'border-border';\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Achievements</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Earn badges and rewards by completing challenges\n        </p>\n      </div>\n\n      {/* Stats */}\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Unlocked</CardTitle>\n            <Trophy className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {unlockedCount}/{achievements.length}\n            </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            <Star 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\">Global Rank</CardTitle>\n            <Award className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">#{userStats.rank}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Achievements Grid */}\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {achievements.map((achievement) => {\n          const isUnlocked = !!achievement.unlockedAt;\n          const progressPercent = Math.round(\n            (achievement.progress / achievement.maxProgress) * 100\n          );\n\n          return (\n            <Card\n              key={achievement.id}\n              className={`${rarityBorder(achievement.rarity)} ${!isUnlocked ? 'opacity-70' : ''}`}\n            >\n              <CardContent className=\"space-y-3 pt-6\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    <div\n                      className={`flex h-12 w-12 items-center justify-center rounded-full ${isUnlocked ? 'bg-primary/10' : 'bg-muted'}`}\n                    >\n                      {isUnlocked ? (\n                        <Trophy className=\"h-6 w-6 text-primary\" />\n                      ) : (\n                        <Lock className=\"h-6 w-6 text-muted-foreground\" />\n                      )}\n                    </div>\n                    <div>\n                      <p className=\"font-medium\">{achievement.title}</p>\n                      <p className=\"text-xs text-muted-foreground\">{achievement.category}</p>\n                    </div>\n                  </div>\n                  <span\n                    className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${rarityColor(achievement.rarity)}`}\n                  >\n                    {achievement.rarity}\n                  </span>\n                </div>\n                <p className=\"text-sm text-muted-foreground\">{achievement.description}</p>\n                <div className=\"space-y-1\">\n                  <div className=\"flex items-center justify-between text-xs\">\n                    <span className=\"text-muted-foreground\">Progress</span>\n                    <span className=\"font-medium\">\n                      {achievement.progress}/{achievement.maxProgress}\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 ${isUnlocked ? 'bg-green-500' : 'bg-primary'}`}\n                      style={{ width: `${progressPercent}%` }}\n                    />\n                  </div>\n                </div>\n                <p className=\"text-xs text-muted-foreground\">Reward: {achievement.reward}</p>\n                {isUnlocked && achievement.unlockedAt && (\n                  <p className=\"text-xs text-muted-foreground\">\n                    Unlocked {new Date(achievement.unlockedAt).toLocaleDateString()}\n                  </p>\n                )}\n              </CardContent>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,0BAA0B,4CA4LzC"}

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js

@@ -0,0 +1,260 @@
+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";
+//#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
+	};
+	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",
+					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__ */ 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__ */ 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__ */ 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"
+						})] })]
+					}) })
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { v as AnalyticsAnalyticsPagePage };
+
+//# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map