@burdenoff/microfe-technospam 2026.509.101

package/dist/technospam/pages/MentorshipMentorshipPagePage.js

@@ -0,0 +1,209 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { ArrowRight as t, Calendar as n, Clock as r, MessageSquare as i, Star as a, User as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/MentorshipMentorshipPagePage.tsx
+var h = [{
+	id: 1,
+	mentorName: "Sarah Chen",
+	topic: "System Design Review",
+	date: "2026-02-12T10:00:00Z",
+	duration: 60
+}, {
+	id: 2,
+	mentorName: "Dr. Priya Sharma",
+	topic: "ML Pipeline Discussion",
+	date: "2026-02-14T14:00:00Z",
+	duration: 45
+}];
+function g() {
+	let { mentors: g, userStats: _ } = e(), v = g.filter((e) => e.isAvailable), y = g.slice(0, 3);
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "Mentorship"
+			}), /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Connect with experienced mentors to accelerate your growth"
+			})] }),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Total Sessions"
+						}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: _.mentorshipSessions
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Completed sessions"
+					})] })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Available Mentors"
+						}), /* @__PURE__ */ s(o, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: v.length
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Ready to book"
+					})] })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Upcoming"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: h.length
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Scheduled sessions"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ s("div", {
+					className: "space-y-4 lg:col-span-2",
+					children: /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-base",
+							children: "Featured Mentors"
+						}), /* @__PURE__ */ c(u, {
+							variant: "ghost",
+							size: "sm",
+							className: "text-xs",
+							children: ["View All ", /* @__PURE__ */ s(t, { className: "ml-1 h-3 w-3" })]
+						})]
+					}), /* @__PURE__ */ s(f, {
+						className: "space-y-4",
+						children: y.map((e) => /* @__PURE__ */ c("div", {
+							className: "flex items-start gap-4 rounded-lg border border-border p-4",
+							children: [
+								/* @__PURE__ */ s("div", {
+									className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted",
+									children: /* @__PURE__ */ s(o, { className: "h-5 w-5 text-muted-foreground" })
+								}),
+								/* @__PURE__ */ c("div", {
+									className: "flex-1 space-y-1",
+									children: [
+										/* @__PURE__ */ c("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ s("p", {
+												className: "font-medium",
+												children: e.name
+											}), /* @__PURE__ */ s("span", { className: `h-2 w-2 rounded-full ${e.isAvailable ? "bg-green-500" : "bg-gray-400"}` })]
+										}),
+										/* @__PURE__ */ c("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												e.title,
+												" at ",
+												e.company
+											]
+										}),
+										/* @__PURE__ */ c("div", {
+											className: "flex items-center gap-3 text-xs text-muted-foreground",
+											children: [
+												/* @__PURE__ */ c("span", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ s(a, { className: "h-3 w-3 text-yellow-500" }), e.rating]
+												}),
+												/* @__PURE__ */ c("span", { children: [e.totalSessions, " sessions"] }),
+												/* @__PURE__ */ s("span", { children: e.hourlyRate === 0 ? "Free" : `$${e.hourlyRate}/hr` })
+											]
+										}),
+										/* @__PURE__ */ s("div", {
+											className: "flex flex-wrap gap-1 pt-1",
+											children: e.expertise.slice(0, 3).map((e) => /* @__PURE__ */ s(l, {
+												variant: "outline",
+												className: "text-xs",
+												children: e
+											}, e))
+										})
+									]
+								}),
+								/* @__PURE__ */ s(u, {
+									size: "sm",
+									variant: "outline",
+									children: "Book"
+								})
+							]
+						}, e.id))
+					})] })
+				}), /* @__PURE__ */ c("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ c(m, {
+						className: "flex items-center gap-2 text-base",
+						children: [/* @__PURE__ */ s(n, { className: "h-4 w-4" }), "Upcoming Sessions"]
+					}) }), /* @__PURE__ */ s(f, {
+						className: "space-y-3",
+						children: h.map((e) => /* @__PURE__ */ c("div", {
+							className: "rounded-lg border border-border p-3 space-y-1",
+							children: [
+								/* @__PURE__ */ s("p", {
+									className: "text-sm font-medium",
+									children: e.topic
+								}),
+								/* @__PURE__ */ c("p", {
+									className: "text-xs text-muted-foreground",
+									children: ["with ", e.mentorName]
+								}),
+								/* @__PURE__ */ c("div", {
+									className: "flex items-center gap-2 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), /* @__PURE__ */ c("span", { children: [
+										new Date(e.date).toLocaleDateString(),
+										" · ",
+										e.duration,
+										"min"
+									] })]
+								})
+							]
+						}, e.id))
+					})] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
+						className: "text-base",
+						children: "Quick Actions"
+					}) }), /* @__PURE__ */ c(f, {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ c(u, {
+								variant: "outline",
+								className: "w-full justify-start",
+								size: "sm",
+								children: [/* @__PURE__ */ s(o, { className: "mr-2 h-4 w-4" }), "Browse Mentors"]
+							}),
+							/* @__PURE__ */ c(u, {
+								variant: "outline",
+								className: "w-full justify-start",
+								size: "sm",
+								children: [/* @__PURE__ */ s(n, { className: "mr-2 h-4 w-4" }), "My Bookings"]
+							}),
+							/* @__PURE__ */ c(u, {
+								variant: "outline",
+								className: "w-full justify-start",
+								size: "sm",
+								children: [/* @__PURE__ */ s(i, { className: "mr-2 h-4 w-4" }), "Session History"]
+							})
+						]
+					})] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { g as MentorshipMentorshipPagePage };
+
+//# sourceMappingURL=MentorshipMentorshipPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentorshipMentorshipPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorshipPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { User, Star, Calendar, MessageSquare, ArrowRight, Clock } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst upcomingSessions = [\n  {\n    id: 1,\n    mentorName: 'Sarah Chen',\n    topic: 'System Design Review',\n    date: '2026-02-12T10:00:00Z',\n    duration: 60,\n  },\n  {\n    id: 2,\n    mentorName: 'Dr. Priya Sharma',\n    topic: 'ML Pipeline Discussion',\n    date: '2026-02-14T14:00:00Z',\n    duration: 45,\n  },\n];\n\nexport function MentorshipMentorshipPagePage() {\n  const { mentors, userStats } = useTechnoSpamStore();\n  const availableMentors = mentors.filter((m) => m.isAvailable);\n  const featuredMentors = mentors.slice(0, 3);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">Mentorship</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Connect with experienced mentors to accelerate your growth\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\">Total Sessions</CardTitle>\n            <MessageSquare className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.mentorshipSessions}</div>\n            <p className=\"text-xs text-muted-foreground\">Completed sessions</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\">Available Mentors</CardTitle>\n            <User className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{availableMentors.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Ready to book</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\">Upcoming</CardTitle>\n            <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{upcomingSessions.length}</div>\n            <p className=\"text-xs text-muted-foreground\">Scheduled sessions</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Featured Mentors */}\n        <div className=\"space-y-4 lg:col-span-2\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle className=\"text-base\">Featured Mentors</CardTitle>\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\">\n                View All <ArrowRight className=\"ml-1 h-3 w-3\" />\n              </Button>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {featuredMentors.map((mentor) => (\n                <div\n                  key={mentor.id}\n                  className=\"flex items-start gap-4 rounded-lg border border-border p-4\"\n                >\n                  <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted\">\n                    <User className=\"h-5 w-5 text-muted-foreground\" />\n                  </div>\n                  <div className=\"flex-1 space-y-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <p className=\"font-medium\">{mentor.name}</p>\n                      <span\n                        className={`h-2 w-2 rounded-full ${mentor.isAvailable ? 'bg-green-500' : 'bg-gray-400'}`}\n                      />\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {mentor.title} at {mentor.company}\n                    </p>\n                    <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n                      <span className=\"flex items-center gap-1\">\n                        <Star className=\"h-3 w-3 text-yellow-500\" />\n                        {mentor.rating}\n                      </span>\n                      <span>{mentor.totalSessions} sessions</span>\n                      <span>{mentor.hourlyRate === 0 ? 'Free' : `$${mentor.hourlyRate}/hr`}</span>\n                    </div>\n                    <div className=\"flex flex-wrap gap-1 pt-1\">\n                      {mentor.expertise.slice(0, 3).map((skill) => (\n                        <Badge key={skill} variant=\"outline\" className=\"text-xs\">\n                          {skill}\n                        </Badge>\n                      ))}\n                    </div>\n                  </div>\n                  <Button size=\"sm\" variant=\"outline\">\n                    Book\n                  </Button>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Upcoming Sessions Sidebar */}\n        <div className=\"space-y-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Calendar className=\"h-4 w-4\" />\n                Upcoming Sessions\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {upcomingSessions.map((session) => (\n                <div key={session.id} className=\"rounded-lg border border-border p-3 space-y-1\">\n                  <p className=\"text-sm font-medium\">{session.topic}</p>\n                  <p className=\"text-xs text-muted-foreground\">with {session.mentorName}</p>\n                  <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                    <Clock className=\"h-3 w-3\" />\n                    <span>\n                      {new Date(session.date).toLocaleDateString()} &middot; {session.duration}min\n                    </span>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Quick Actions</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n                <User className=\"mr-2 h-4 w-4\" />\n                Browse Mentors\n              </Button>\n              <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n                <Calendar className=\"mr-2 h-4 w-4\" />\n                My Bookings\n              </Button>\n              <Button variant=\"outline\" className=\"w-full justify-start\" size=\"sm\">\n                <MessageSquare className=\"mr-2 h-4 w-4\" />\n                Session History\n              </Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/technospam/pages/MentorshipSessionsPagePage.js

@@ -0,0 +1,170 @@
+import { useState as e } from "react";
+import { Calendar as t, Clock as n, MessageSquare as r, User as i, Video as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/MentorshipSessionsPagePage.tsx
+var f = [
+	{
+		id: 1,
+		mentorName: "Sarah Chen",
+		topic: "System Design Review",
+		date: "2026-02-12T10:00:00Z",
+		duration: 60,
+		status: "upcoming",
+		type: "video"
+	},
+	{
+		id: 2,
+		mentorName: "Dr. Priya Sharma",
+		topic: "ML Pipeline Discussion",
+		date: "2026-02-14T14:00:00Z",
+		duration: 45,
+		status: "upcoming",
+		type: "video"
+	},
+	{
+		id: 3,
+		mentorName: "Alex Morgan",
+		topic: "Career Path Planning",
+		date: "2026-02-05T11:00:00Z",
+		duration: 60,
+		status: "completed",
+		type: "video",
+		rating: 5,
+		notes: "Great session on career transition strategies"
+	},
+	{
+		id: 4,
+		mentorName: "James Rodriguez",
+		topic: "Deep Learning Basics",
+		date: "2026-01-28T15:00:00Z",
+		duration: 45,
+		status: "completed",
+		type: "chat",
+		rating: 4,
+		notes: "Covered CNN architectures and transfer learning"
+	},
+	{
+		id: 5,
+		mentorName: "Emily Davis",
+		topic: "Microservices Architecture",
+		date: "2026-01-20T09:00:00Z",
+		duration: 60,
+		status: "completed",
+		type: "video",
+		rating: 5,
+		notes: "Discussed event-driven patterns and Kafka"
+	}
+];
+function p() {
+	let [p, m] = e("upcoming"), h = f.filter((e) => e.status === p);
+	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: "My Sessions"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Manage your mentorship sessions"
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "flex gap-2 border-b border-border pb-2",
+				children: [/* @__PURE__ */ s(l, {
+					variant: p === "upcoming" ? "default" : "ghost",
+					size: "sm",
+					onClick: () => m("upcoming"),
+					children: [
+						"Upcoming (",
+						f.filter((e) => e.status === "upcoming").length,
+						")"
+					]
+				}), /* @__PURE__ */ s(l, {
+					variant: p === "completed" ? "default" : "ghost",
+					size: "sm",
+					onClick: () => m("completed"),
+					children: [
+						"Completed (",
+						f.filter((e) => e.status === "completed").length,
+						")"
+					]
+				})]
+			}),
+			h.length === 0 ? /* @__PURE__ */ s("div", {
+				className: "py-12 text-center text-sm text-muted-foreground",
+				children: [
+					"No ",
+					p,
+					" sessions"
+				]
+			}) : /* @__PURE__ */ o("div", {
+				className: "space-y-4",
+				children: h.map((e) => /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
+					className: "flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex items-start gap-4",
+						children: [/* @__PURE__ */ o("div", {
+							className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted",
+							children: /* @__PURE__ */ o(i, { className: "h-5 w-5 text-muted-foreground" })
+						}), /* @__PURE__ */ s("div", {
+							className: "space-y-1",
+							children: [
+								/* @__PURE__ */ o("p", {
+									className: "text-sm font-medium",
+									children: e.topic
+								}),
+								/* @__PURE__ */ s("p", {
+									className: "text-xs text-muted-foreground",
+									children: ["with ", e.mentorName]
+								}),
+								/* @__PURE__ */ s("div", {
+									className: "flex items-center gap-3 text-xs text-muted-foreground",
+									children: [
+										/* @__PURE__ */ s("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ o(t, { className: "h-3 w-3" }), new Date(e.date).toLocaleDateString()]
+										}),
+										/* @__PURE__ */ s("span", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ o(n, { className: "h-3 w-3" }),
+												e.duration,
+												"min"
+											]
+										}),
+										/* @__PURE__ */ s("span", {
+											className: "flex items-center gap-1",
+											children: [e.type === "video" ? /* @__PURE__ */ o(a, { className: "h-3 w-3" }) : /* @__PURE__ */ o(r, { className: "h-3 w-3" }), e.type]
+										})
+									]
+								}),
+								"notes" in e && e.notes && /* @__PURE__ */ o("p", {
+									className: "text-xs text-muted-foreground italic",
+									children: e.notes
+								})
+							]
+						})]
+					}), /* @__PURE__ */ s("div", {
+						className: "flex items-center gap-2",
+						children: ["rating" in e && e.rating && /* @__PURE__ */ o(c, {
+							variant: "secondary",
+							className: "text-xs",
+							children: "★".repeat(e.rating)
+						}), e.status === "upcoming" ? /* @__PURE__ */ o(l, {
+							size: "sm",
+							children: "Join Session"
+						}) : /* @__PURE__ */ o(l, {
+							variant: "outline",
+							size: "sm",
+							children: "View Notes"
+						})]
+					})]
+				}) }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { p as MentorshipSessionsPagePage };
+
+//# sourceMappingURL=MentorshipSessionsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentorshipSessionsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipSessionsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Clock, User, Video, MessageSquare } from 'lucide-react';\n\ntype TabFilter = 'upcoming' | 'completed';\n\nconst mockSessions = [\n  {\n    id: 1,\n    mentorName: 'Sarah Chen',\n    topic: 'System Design Review',\n    date: '2026-02-12T10:00:00Z',\n    duration: 60,\n    status: 'upcoming',\n    type: 'video',\n  },\n  {\n    id: 2,\n    mentorName: 'Dr. Priya Sharma',\n    topic: 'ML Pipeline Discussion',\n    date: '2026-02-14T14:00:00Z',\n    duration: 45,\n    status: 'upcoming',\n    type: 'video',\n  },\n  {\n    id: 3,\n    mentorName: 'Alex Morgan',\n    topic: 'Career Path Planning',\n    date: '2026-02-05T11:00:00Z',\n    duration: 60,\n    status: 'completed',\n    type: 'video',\n    rating: 5,\n    notes: 'Great session on career transition strategies',\n  },\n  {\n    id: 4,\n    mentorName: 'James Rodriguez',\n    topic: 'Deep Learning Basics',\n    date: '2026-01-28T15:00:00Z',\n    duration: 45,\n    status: 'completed',\n    type: 'chat',\n    rating: 4,\n    notes: 'Covered CNN architectures and transfer learning',\n  },\n  {\n    id: 5,\n    mentorName: 'Emily Davis',\n    topic: 'Microservices Architecture',\n    date: '2026-01-20T09:00:00Z',\n    duration: 60,\n    status: 'completed',\n    type: 'video',\n    rating: 5,\n    notes: 'Discussed event-driven patterns and Kafka',\n  },\n];\n\nexport function MentorshipSessionsPagePage() {\n  const [activeTab, setActiveTab] = useState<TabFilter>('upcoming');\n\n  const filteredSessions = mockSessions.filter((s) => s.status === activeTab);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">My Sessions</h1>\n        <p className=\"text-sm text-muted-foreground\">Manage your mentorship sessions</p>\n      </div>\n\n      <div className=\"flex gap-2 border-b border-border pb-2\">\n        <Button\n          variant={activeTab === 'upcoming' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('upcoming')}\n        >\n          Upcoming ({mockSessions.filter((s) => s.status === 'upcoming').length})\n        </Button>\n        <Button\n          variant={activeTab === 'completed' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('completed')}\n        >\n          Completed ({mockSessions.filter((s) => s.status === 'completed').length})\n        </Button>\n      </div>\n\n      {filteredSessions.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No {activeTab} sessions\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          {filteredSessions.map((session) => (\n            <Card key={session.id}>\n              <CardContent className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:justify-between\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted\">\n                    <User className=\"h-5 w-5 text-muted-foreground\" />\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p className=\"text-sm font-medium\">{session.topic}</p>\n                    <p className=\"text-xs text-muted-foreground\">with {session.mentorName}</p>\n                    <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n                      <span className=\"flex items-center gap-1\">\n                        <Calendar className=\"h-3 w-3\" />\n                        {new Date(session.date).toLocaleDateString()}\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3 w-3\" />\n                        {session.duration}min\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        {session.type === 'video' ? (\n                          <Video className=\"h-3 w-3\" />\n                        ) : (\n                          <MessageSquare className=\"h-3 w-3\" />\n                        )}\n                        {session.type}\n                      </span>\n                    </div>\n                    {'notes' in session && session.notes && (\n                      <p className=\"text-xs text-muted-foreground italic\">{session.notes}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  {'rating' in session && session.rating && (\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {'★'.repeat(session.rating as number)}\n                    </Badge>\n                  )}\n                  {session.status === 'upcoming' ? (\n                    <Button size=\"sm\">Join Session</Button>\n                  ) : (\n                    <Button variant=\"outline\" size=\"sm\">\n                      View Notes\n                    </Button>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenSourceContributionsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/OpenSourceContributionsPagePage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,+BAA+B,4CAqH9C"}

package/dist/technospam/pages/OpenSourceContributionsPagePage.js

@@ -0,0 +1,191 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { AlertCircle as t, CheckCircle as n, GitBranch as r, GitPullRequest as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Card as c, CardContent as l, CardHeader as u, CardTitle as d } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/OpenSourceContributionsPagePage.tsx
+var f = [
+	{
+		id: 1,
+		project: "algo-visualizer",
+		type: "PR",
+		title: "Add Dijkstra animation",
+		status: "merged",
+		date: "2026-02-08",
+		additions: 245,
+		deletions: 12
+	},
+	{
+		id: 2,
+		project: "code-playground",
+		type: "Issue",
+		title: "Fix WebSocket reconnection",
+		status: "closed",
+		date: "2026-02-05",
+		additions: 0,
+		deletions: 0
+	},
+	{
+		id: 3,
+		project: "ml-toolkit",
+		type: "PR",
+		title: "Add random forest classifier",
+		status: "open",
+		date: "2026-02-03",
+		additions: 380,
+		deletions: 45
+	},
+	{
+		id: 4,
+		project: "algo-visualizer",
+		type: "PR",
+		title: "Implement binary search tree viz",
+		status: "merged",
+		date: "2026-01-28",
+		additions: 189,
+		deletions: 8
+	},
+	{
+		id: 5,
+		project: "devops-starter",
+		type: "PR",
+		title: "Add Helm chart templates",
+		status: "merged",
+		date: "2026-01-22",
+		additions: 156,
+		deletions: 23
+	},
+	{
+		id: 6,
+		project: "code-playground",
+		type: "Issue",
+		title: "Support Rust language",
+		status: "open",
+		date: "2026-01-18",
+		additions: 0,
+		deletions: 0
+	},
+	{
+		id: 7,
+		project: "algo-visualizer",
+		type: "PR",
+		title: "Fix merge sort animation timing",
+		status: "merged",
+		date: "2026-01-12",
+		additions: 34,
+		deletions: 18
+	}
+];
+function p() {
+	let { userStats: p } = e(), m = f.filter((e) => e.type === "PR" && e.status === "merged").length, h = f.filter((e) => e.type === "PR" && e.status === "open").length, g = f.reduce((e, t) => e + t.additions, 0), _ = (e) => {
+		switch (e) {
+			case "merged": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+			case "open": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+			case "closed": return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
+			default: return "";
+		}
+	}, v = (e) => o(e === "PR" ? i : t, { className: "h-4 w-4" });
+	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: "My Contributions"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Track your open source contributions and impact"
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(d, {
+							className: "text-sm font-medium",
+							children: "Total"
+						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: p.contributionsMade
+					}) })] }),
+					/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(d, {
+							className: "text-sm font-medium",
+							children: "Merged PRs"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-purple-500" })]
+					}), /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: m
+					}) })] }),
+					/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(d, {
+							className: "text-sm font-medium",
+							children: "Open PRs"
+						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: h
+					}) })] }),
+					/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ s(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(d, {
+							className: "text-sm font-medium",
+							children: "Lines Added"
+						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(l, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold text-green-600",
+						children: ["+", g]
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(d, {
+				className: "text-base",
+				children: "Contribution History"
+			}) }), /* @__PURE__ */ o(l, {
+				className: "space-y-3",
+				children: f.map((e) => /* @__PURE__ */ s("div", {
+					className: "flex items-center justify-between rounded-lg border border-border p-4",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex items-start gap-3",
+						children: [/* @__PURE__ */ o("div", {
+							className: "mt-0.5 text-muted-foreground",
+							children: v(e.type)
+						}), /* @__PURE__ */ s("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ o("p", {
+								className: "text-sm font-medium",
+								children: e.title
+							}), /* @__PURE__ */ s("div", {
+								className: "flex items-center gap-2 text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ o("span", { children: e.project }),
+									/* @__PURE__ */ o("span", { children: "·" }),
+									/* @__PURE__ */ o("span", { children: new Date(e.date).toLocaleDateString() }),
+									e.additions > 0 && /* @__PURE__ */ s(a, { children: [
+										/* @__PURE__ */ o("span", { children: "·" }),
+										/* @__PURE__ */ s("span", {
+											className: "text-green-600",
+											children: ["+", e.additions]
+										}),
+										/* @__PURE__ */ s("span", {
+											className: "text-red-600",
+											children: ["-", e.deletions]
+										})
+									] })
+								]
+							})]
+						})]
+					}), /* @__PURE__ */ o("span", {
+						className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${_(e.status)}`,
+						children: e.status
+					})]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { p as OpenSourceContributionsPagePage };
+
+//# sourceMappingURL=OpenSourceContributionsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenSourceContributionsPagePage.js","names":[],"sources":["../../../src/technospam/pages/OpenSourceContributionsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { GitBranch, GitPullRequest, AlertCircle, CheckCircle } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst mockContributions = [\n  {\n    id: 1,\n    project: 'algo-visualizer',\n    type: 'PR',\n    title: 'Add Dijkstra animation',\n    status: 'merged',\n    date: '2026-02-08',\n    additions: 245,\n    deletions: 12,\n  },\n  {\n    id: 2,\n    project: 'code-playground',\n    type: 'Issue',\n    title: 'Fix WebSocket reconnection',\n    status: 'closed',\n    date: '2026-02-05',\n    additions: 0,\n    deletions: 0,\n  },\n  {\n    id: 3,\n    project: 'ml-toolkit',\n    type: 'PR',\n    title: 'Add random forest classifier',\n    status: 'open',\n    date: '2026-02-03',\n    additions: 380,\n    deletions: 45,\n  },\n  {\n    id: 4,\n    project: 'algo-visualizer',\n    type: 'PR',\n    title: 'Implement binary search tree viz',\n    status: 'merged',\n    date: '2026-01-28',\n    additions: 189,\n    deletions: 8,\n  },\n  {\n    id: 5,\n    project: 'devops-starter',\n    type: 'PR',\n    title: 'Add Helm chart templates',\n    status: 'merged',\n    date: '2026-01-22',\n    additions: 156,\n    deletions: 23,\n  },\n  {\n    id: 6,\n    project: 'code-playground',\n    type: 'Issue',\n    title: 'Support Rust language',\n    status: 'open',\n    date: '2026-01-18',\n    additions: 0,\n    deletions: 0,\n  },\n  {\n    id: 7,\n    project: 'algo-visualizer',\n    type: 'PR',\n    title: 'Fix merge sort animation timing',\n    status: 'merged',\n    date: '2026-01-12',\n    additions: 34,\n    deletions: 18,\n  },\n];\n\nexport function OpenSourceContributionsPagePage() {\n  const { userStats } = useTechnoSpamStore();\n\n  const mergedPRs = mockContributions.filter(\n    (c) => c.type === 'PR' && c.status === 'merged'\n  ).length;\n  const openPRs = mockContributions.filter((c) => c.type === 'PR' && c.status === 'open').length;\n  const totalAdditions = mockContributions.reduce((sum, c) => sum + c.additions, 0);\n\n  const statusClass = (status: string) => {\n    switch (status) {\n      case 'merged':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'open':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'closed':\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n      default:\n        return '';\n    }\n  };\n\n  const typeIcon = (type: string) => {\n    return type === 'PR' ? (\n      <GitPullRequest className=\"h-4 w-4\" />\n    ) : (\n      <AlertCircle className=\"h-4 w-4\" />\n    );\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">My Contributions</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Track your open source contributions and impact\n        </p>\n      </div>\n\n      <div className=\"grid gap-4 md: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\">Total</CardTitle>\n            <GitBranch className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.contributionsMade}</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\">Merged PRs</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-purple-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{mergedPRs}</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\">Open PRs</CardTitle>\n            <GitPullRequest className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{openPRs}</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\">Lines Added</CardTitle>\n            <GitBranch className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold text-green-600\">+{totalAdditions}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">Contribution History</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {mockContributions.map((contrib) => (\n            <div\n              key={contrib.id}\n              className=\"flex items-center justify-between rounded-lg border border-border p-4\"\n            >\n              <div className=\"flex items-start gap-3\">\n                <div className=\"mt-0.5 text-muted-foreground\">{typeIcon(contrib.type)}</div>\n                <div className=\"space-y-1\">\n                  <p className=\"text-sm font-medium\">{contrib.title}</p>\n                  <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                    <span>{contrib.project}</span>\n                    <span>&middot;</span>\n                    <span>{new Date(contrib.date).toLocaleDateString()}</span>\n                    {contrib.additions > 0 && (\n                      <>\n                        <span>&middot;</span>\n                        <span className=\"text-green-600\">+{contrib.additions}</span>\n                        <span className=\"text-red-600\">-{contrib.deletions}</span>\n                      </>\n                    )}\n                  </div>\n                </div>\n              </div>\n              <span\n                className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${statusClass(contrib.status)}`}\n              >\n                {contrib.status}\n              </span>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}