@burdenoff/microfe-technospam 2026.525.1 → 2026.704.2

package/dist/technospam/pages/MentorshipMentorProfilePagePage.js

@@ -1,310 +1,221 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { Award as t, Calendar as n, Clock as r, ExternalLink as i, MapPin as a, MessageSquare as o, Star as s, Users as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+import { PageLayout as e } from "../components/PageLayout.js";
+import { StatCard as t } from "../components/StatCard.js";
+import { formatDateTime as n, formatDuration as r, formatMoney as i } from "../utils/format.js";
+import { StatusBadge as a } from "../components/StatusBadge.js";
+import { EmptyView as o, ErrorView as s } from "../components/StateViews.js";
+import "../components/index.js";
+import { notify as c } from "../lib/toast.js";
+import { useBookSession as l, useMentorQuery as u } from "../api/technospamApi.js";
+import { useState as d } from "react";
+import { Award as f, CalendarClock as p, DollarSign as m, MessageSquare as h, Star as g, Video as _ } from "lucide-react";
+import { useSearchParams as v } from "react-router-dom";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Badge as x, Button as S, GlassCard as C, Input as w, Skeleton as T, Textarea as E } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipMentorProfilePagePage.tsx
-function _() {
-	let { mentors: _ } = e(), v = _[0];
-	if (!v) return /* @__PURE__ */ l("div", {
-		className: "flex min-h-[400px] items-center justify-center p-6",
-		children: /* @__PURE__ */ l("p", {
-			className: "text-muted-foreground",
-			children: "Mentor not found"
-		})
-	});
-	let y = [
-		{
-			day: "Monday",
-			time: "10:00 AM - 11:00 AM",
-			available: !0
-		},
-		{
-			day: "Tuesday",
-			time: "2:00 PM - 3:00 PM",
-			available: !0
-		},
-		{
-			day: "Wednesday",
-			time: "10:00 AM - 11:00 AM",
-			available: !1
-		},
-		{
-			day: "Thursday",
-			time: "4:00 PM - 5:00 PM",
-			available: !0
-		},
-		{
-			day: "Friday",
-			time: "11:00 AM - 12:00 PM",
-			available: !0
-		}
-	], b = [
-		{
-			id: "r1",
-			author: "Alice Wang",
-			rating: 5,
-			date: "2026-02-05",
-			comment: "Incredible mentor! Sarah helped me understand system design patterns that I had been struggling with for months. Her real-world examples from Google made everything click."
-		},
-		{
-			id: "r2",
-			author: "David Kim",
-			rating: 5,
-			date: "2026-01-28",
-			comment: "Very patient and knowledgeable. She tailored the session to my experience level and gave me a clear roadmap for improvement."
-		},
-		{
-			id: "r3",
-			author: "Maria Garcia",
-			rating: 4,
-			date: "2026-01-20",
-			comment: "Great session on React performance optimization. Would have loved more time to dive deeper into specific patterns."
-		}
-	], x = [
-		{
-			label: "Total Sessions",
-			value: v.totalSessions
-		},
-		{
-			label: "Avg Rating",
-			value: v.rating
-		},
-		{
-			label: "Repeat Rate",
-			value: "87%"
-		},
-		{
-			label: "Response Time",
-			value: "<2h"
-		}
-	];
-	return /* @__PURE__ */ u("div", {
-		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(m, {
-			className: "pt-6",
-			children: /* @__PURE__ */ u("div", {
-				className: "flex flex-col gap-6 md:flex-row",
-				children: [/* @__PURE__ */ l("div", {
-					className: "flex h-28 w-28 items-center justify-center rounded-full bg-primary/10 text-4xl font-bold text-primary shrink-0",
-					children: v.name.charAt(0)
-				}), /* @__PURE__ */ u("div", {
-					className: "flex-1",
-					children: [
-						/* @__PURE__ */ u("div", {
-							className: "flex items-start justify-between",
-							children: [/* @__PURE__ */ u("div", { children: [
-								/* @__PURE__ */ l("h1", {
-									className: "text-2xl font-semibold text-foreground",
-									children: v.name
-								}),
-								/* @__PURE__ */ u("p", {
-									className: "text-base text-muted-foreground",
-									children: [
-										v.title,
-										" at ",
-										v.company
-									]
-								}),
-								/* @__PURE__ */ u("div", {
-									className: "mt-2 flex items-center gap-3",
-									children: [/* @__PURE__ */ u("div", {
-										className: "flex items-center gap-1",
-										children: [
-											/* @__PURE__ */ l(s, { className: "h-4 w-4 fill-current text-yellow-500" }),
-											/* @__PURE__ */ l("span", {
-												className: "font-medium",
-												children: v.rating
-											}),
-											/* @__PURE__ */ u("span", {
-												className: "text-sm text-muted-foreground",
-												children: [
-													"(",
-													v.totalSessions,
-													" reviews)"
-												]
-											})
-										]
-									}), /* @__PURE__ */ l(d, {
-										variant: v.isAvailable ? "default" : "secondary",
-										children: v.isAvailable ? "Available" : "Unavailable"
-									})]
-								})
-							] }), /* @__PURE__ */ u("div", {
-								className: "text-right",
-								children: [/* @__PURE__ */ l("p", {
-									className: "text-2xl font-bold text-foreground",
-									children: v.hourlyRate === 0 ? "Free" : `$${v.hourlyRate}`
-								}), /* @__PURE__ */ l("p", {
-									className: "text-xs text-muted-foreground",
-									children: "per hour"
-								})]
-							})]
-						}),
-						/* @__PURE__ */ l("p", {
-							className: "mt-4 text-sm text-muted-foreground leading-relaxed",
-							children: v.bio
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "mt-4 flex flex-wrap gap-2",
-							children: v.expertise.map((e) => /* @__PURE__ */ l(d, {
-								variant: "secondary",
-								children: e
-							}, e))
-						})
-					]
+function D({ mentorId: e, disabled: t }) {
+	let [n, r] = d(""), [i, a] = d(""), [o, s] = d(""), [u, f] = d("60"), [m, { loading: h }] = l(), g = o ? new Date(o) : null, _ = g != null && !Number.isNaN(g.getTime()), v = n.trim().length > 0 && _ && !h && !t;
+	return /* @__PURE__ */ b(C, {
+		className: "p-5",
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "mb-4 flex items-center gap-2",
+				children: [/* @__PURE__ */ y(p, {
+					size: 18,
+					className: "text-accent-teal"
+				}), /* @__PURE__ */ y("h2", {
+					className: "text-base font-semibold text-text-primary",
+					children: "Book a session"
 				})]
-			})
-		}) }), /* @__PURE__ */ u("div", {
-			className: "grid gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ u("div", {
-				className: "space-y-6 lg:col-span-2",
+			}),
+			t ? /* @__PURE__ */ y("p", {
+				className: "rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
+				children: "This mentor isn't accepting new mentees right now."
+			}) : null,
+			/* @__PURE__ */ b("div", {
+				className: "mt-4 grid grid-cols-1 gap-4",
 				children: [
-					/* @__PURE__ */ l("div", {
-						className: "grid gap-4 grid-cols-2 md:grid-cols-4",
-						children: x.map((e) => /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
-							className: "pt-4 pb-4 text-center",
-							children: [/* @__PURE__ */ l("p", {
-								className: "text-xl font-bold text-foreground",
-								children: e.value
-							}), /* @__PURE__ */ l("p", {
-								className: "text-xs text-muted-foreground",
-								children: e.label
-							})]
-						}) }, e.label))
-					}),
-					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
-						className: "text-base",
-						children: "About"
-					}) }), /* @__PURE__ */ u(m, {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ u("p", {
-							className: "text-sm text-muted-foreground leading-relaxed",
-							children: [v.bio, " With extensive experience in building production systems at scale, I specialize in helping engineers prepare for senior/staff-level interviews and navigate career growth in tech. My sessions are hands-on and focused on practical, real-world problem solving."]
-						}), /* @__PURE__ */ u("div", {
-							className: "flex items-center gap-4 text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ u("span", {
-								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ l(a, { className: "h-3 w-3" }), " San Francisco, CA"]
-							}), /* @__PURE__ */ u("span", {
-								className: "flex items-center gap-1",
-								children: [/* @__PURE__ */ l(r, { className: "h-3 w-3" }), " PST (UTC-8)"]
-							})]
+					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+						className: "mb-1.5 block text-sm font-medium text-text-primary",
+						children: ["Topic ", /* @__PURE__ */ y("span", {
+							className: "text-status-error-text",
+							children: "*"
 						})]
+					}), /* @__PURE__ */ y(w, {
+						placeholder: "e.g. System design interview prep",
+						value: n,
+						onChange: (e) => r(e.target.value),
+						disabled: t
 					})] }),
-					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
-						className: "text-base",
-						children: "What to Expect"
-					}) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ u("ul", {
-						className: "space-y-2 text-sm text-muted-foreground",
-						children: [
-							/* @__PURE__ */ u("li", {
-								className: "flex items-start gap-2",
-								children: [/* @__PURE__ */ l(o, { className: "mt-0.5 h-4 w-4 text-primary shrink-0" }), /* @__PURE__ */ l("span", { children: "Pre-session questionnaire to understand your goals and experience level" })]
-							}),
-							/* @__PURE__ */ u("li", {
-								className: "flex items-start gap-2",
-								children: [/* @__PURE__ */ l(c, { className: "mt-0.5 h-4 w-4 text-primary shrink-0" }), /* @__PURE__ */ l("span", { children: "1-on-1 video call with screen sharing and live coding" })]
-							}),
-							/* @__PURE__ */ u("li", {
-								className: "flex items-start gap-2",
-								children: [/* @__PURE__ */ l(t, { className: "mt-0.5 h-4 w-4 text-primary shrink-0" }), /* @__PURE__ */ l("span", { children: "Post-session notes with actionable takeaways and resources" })]
-							}),
-							/* @__PURE__ */ u("li", {
-								className: "flex items-start gap-2",
-								children: [/* @__PURE__ */ l(i, { className: "mt-0.5 h-4 w-4 text-primary shrink-0" }), /* @__PURE__ */ l("span", { children: "Follow-up support via chat for 48 hours after the session" })]
-							})
-						]
-					}) })] }),
-					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
-						className: "text-base",
+					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+						className: "mb-1.5 block text-sm font-medium text-text-primary",
+						children: "Agenda"
+					}), /* @__PURE__ */ y(E, {
+						rows: 3,
+						placeholder: "What would you like to cover? Share context so your mentor can prepare.",
+						value: i,
+						onChange: (e) => a(e.target.value),
+						disabled: t
+					})] }),
+					/* @__PURE__ */ b("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+							className: "mb-1.5 block text-sm font-medium text-text-primary",
+							children: ["When ", /* @__PURE__ */ y("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ y(w, {
+							type: "datetime-local",
+							value: o,
+							onChange: (e) => s(e.target.value),
+							disabled: t
+						})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							className: "mb-1.5 block text-sm font-medium text-text-primary",
+							children: "Duration (min)"
+						}), /* @__PURE__ */ y(w, {
+							type: "number",
+							min: 15,
+							step: 15,
+							value: u,
+							onChange: (e) => f(e.target.value),
+							disabled: t
+						})] })]
+					}),
+					/* @__PURE__ */ y("div", { children: /* @__PURE__ */ b(S, {
+						onClick: async () => {
+							if (!v || !g) return;
+							let t = {
+								mentorId: e,
+								topic: n.trim(),
+								scheduledAt: g.toISOString()
+							};
+							i.trim() && (t.agenda = i.trim());
+							let o = Number.parseInt(u, 10);
+							!Number.isNaN(o) && o > 0 && (t.durationMinutes = o), (await m({ variables: { input: t } })).data?.tecBookSession && (c.success("Session requested", "Your mentor will confirm the booking soon."), r(""), a(""), s(""), f("60"));
+						},
+						disabled: !v,
 						children: [
-							"Reviews (",
-							b.length,
-							")"
+							/* @__PURE__ */ y(p, { size: 16 }),
+							" ",
+							h ? "Requesting…" : "Request session"
 						]
-					}) }), /* @__PURE__ */ l(m, {
-						className: "space-y-4",
-						children: b.map((e) => /* @__PURE__ */ u("div", {
-							className: "border-b border-border pb-4 last:border-0 last:pb-0",
-							children: [/* @__PURE__ */ u("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ u("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ l("div", {
-										className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-medium",
-										children: e.author.charAt(0)
-									}), /* @__PURE__ */ l("span", {
-										className: "text-sm font-medium text-foreground",
-										children: e.author
-									})]
-								}), /* @__PURE__ */ u("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ l("div", {
-										className: "flex items-center gap-0.5",
-										children: Array.from({ length: e.rating }).map((e, t) => /* @__PURE__ */ l(s, { className: "h-3 w-3 fill-current text-yellow-500" }, t))
-									}), /* @__PURE__ */ l("span", {
-										className: "text-xs text-muted-foreground",
-										children: new Date(e.date).toLocaleDateString()
-									})]
-								})]
-							}), /* @__PURE__ */ l("p", {
-								className: "mt-2 text-sm text-muted-foreground",
-								children: e.comment
-							})]
-						}, e.id))
-					})] })
+					}) })
 				]
-			}), /* @__PURE__ */ u("div", {
-				className: "space-y-6",
-				children: [/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ u(g, {
-					className: "flex items-center gap-2 text-base",
-					children: [/* @__PURE__ */ l(n, { className: "h-4 w-4" }), " Available Slots"]
-				}) }), /* @__PURE__ */ u(m, {
-					className: "space-y-2",
-					children: [y.map((e) => /* @__PURE__ */ u("div", {
-						className: `flex items-center justify-between rounded-lg border p-3 ${e.available ? "border-border" : "border-border opacity-50"}`,
-						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
-							className: "text-sm font-medium text-foreground",
-							children: e.day
-						}), /* @__PURE__ */ l("p", {
-							className: "text-xs text-muted-foreground",
-							children: e.time
-						})] }), e.available ? /* @__PURE__ */ l(f, {
-							size: "sm",
-							children: "Book"
-						}) : /* @__PURE__ */ l(d, {
-							variant: "secondary",
-							children: "Taken"
-						})]
-					}, e.day + e.time)), /* @__PURE__ */ l(f, {
-						variant: "outline",
-						className: "w-full mt-2",
-						children: "View Full Calendar"
-					})]
-				})] }), /* @__PURE__ */ u(p, { children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, {
-					className: "text-base",
-					children: "Session Topics"
-				}) }), /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("div", {
-					className: "space-y-2",
+			})
+		]
+	});
+}
+function O({ session: e }) {
+	return /* @__PURE__ */ b("div", {
+		className: "flex items-center gap-3 border-b border-border-seam py-3 last:border-0",
+		children: [
+			/* @__PURE__ */ y("span", {
+				className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+				children: /* @__PURE__ */ y(_, { size: 15 })
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ y("div", {
+					className: "truncate text-sm font-medium text-text-primary",
+					children: e.topic
+				}), /* @__PURE__ */ b("div", {
+					className: "text-xs text-text-muted",
 					children: [
-						"System Design Interview",
-						"Code Review & Best Practices",
-						"Career Coaching",
-						"React Architecture",
-						"Cloud Architecture"
-					].map((e) => /* @__PURE__ */ u("div", {
-						className: "flex items-center gap-2 text-sm",
-						children: [/* @__PURE__ */ l("div", { className: "h-1.5 w-1.5 rounded-full bg-primary" }), /* @__PURE__ */ l("span", {
-							className: "text-muted-foreground",
-							children: e
-						})]
+						n(e.scheduledAt),
+						" · ",
+						r(e.durationMinutes)
+					]
+				})]
+			}),
+			/* @__PURE__ */ y(a, { status: e.status })
+		]
+	});
+}
+function k() {
+	let [n] = v(), { data: r, loading: c, error: l } = u(n.get("id") ?? ""), d = r?.tecMentor ?? null;
+	if (c && !d) return /* @__PURE__ */ b(e, {
+		title: "Mentor",
+		backPath: "/mentorship/mentors-page",
+		children: [/* @__PURE__ */ y(T, { className: "mb-4 h-40 w-full rounded-xl" }), /* @__PURE__ */ y(T, { className: "h-64 w-full rounded-xl" })]
+	});
+	if (l || !d) return /* @__PURE__ */ y(e, {
+		title: "Mentor",
+		backPath: "/mentorship/mentors-page",
+		children: l ? /* @__PURE__ */ y(s, {
+			title: "Couldn't load mentor",
+			error: l
+		}) : /* @__PURE__ */ y(o, {
+			title: "Mentor not found",
+			description: "This mentor profile may no longer be available."
+		})
+	});
+	let p = [...d.sessions ?? []].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).slice(0, 5);
+	return /* @__PURE__ */ b(e, {
+		hero: !0,
+		backPath: "/mentorship/mentors-page",
+		title: d.headline,
+		description: d.bio ?? void 0,
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "mb-5 flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ y(a, { status: d.status }),
+					d.isAcceptingMentees ? /* @__PURE__ */ y(x, {
+						variant: "outline",
+						className: "border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+						children: "Accepting mentees"
+					}) : null,
+					d.expertise.map((e) => /* @__PURE__ */ y(x, {
+						variant: "secondary",
+						children: e
 					}, e))
-				}) })] })]
-			})]
-		})]
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ y(t, {
+						label: "Rate",
+						value: `${i(d.hourlyRate, d.currency)}/hr`,
+						icon: m
+					}),
+					/* @__PURE__ */ y(t, {
+						label: "Rating",
+						value: d.ratingAvg > 0 ? d.ratingAvg.toFixed(1) : "New",
+						icon: g
+					}),
+					/* @__PURE__ */ y(t, {
+						label: "Sessions",
+						value: d.sessionsCount,
+						icon: h
+					}),
+					/* @__PURE__ */ y(t, {
+						label: "Status",
+						value: d.status === "ACTIVE" ? "Active" : "Pending",
+						icon: f
+					})
+				]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ y(D, {
+					mentorId: d.id,
+					disabled: !d.isAcceptingMentees
+				}), /* @__PURE__ */ b(C, {
+					className: "p-5",
+					children: [/* @__PURE__ */ y("h2", {
+						className: "mb-2 text-base font-semibold text-text-primary",
+						children: "Recent sessions"
+					}), p.length === 0 ? /* @__PURE__ */ y("p", {
+						className: "py-6 text-center text-sm text-text-muted",
+						children: "No sessions booked yet. Be the first to request time with this mentor."
+					}) : /* @__PURE__ */ y("div", { children: p.map((e) => /* @__PURE__ */ y(O, { session: e }, e.id)) })]
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { _ as MentorshipMentorProfilePagePage };
+export { k as MentorshipMentorProfilePagePage };
 
 //# sourceMappingURL=MentorshipMentorProfilePagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Star,\n  Calendar,\n  Clock,\n  MessageSquare,\n  Users,\n  Award,\n  ExternalLink,\n  MapPin,\n} from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nexport function MentorshipMentorProfilePagePage() {\n  const { mentors } = useTechnoSpamStore();\n\n  // Show first available mentor as profile (in real app, would use URL param)\n  const mentor = mentors[0];\n\n  if (!mentor) {\n    return (\n      <div className=\"flex min-h-[400px] items-center justify-center p-6\">\n        <p className=\"text-muted-foreground\">Mentor not found</p>\n      </div>\n    );\n  }\n\n  const upcomingSlots = [\n    { day: 'Monday', time: '10:00 AM - 11:00 AM', available: true },\n    { day: 'Tuesday', time: '2:00 PM - 3:00 PM', available: true },\n    { day: 'Wednesday', time: '10:00 AM - 11:00 AM', available: false },\n    { day: 'Thursday', time: '4:00 PM - 5:00 PM', available: true },\n    { day: 'Friday', time: '11:00 AM - 12:00 PM', available: true },\n  ];\n\n  const reviews = [\n    {\n      id: 'r1',\n      author: 'Alice Wang',\n      rating: 5,\n      date: '2026-02-05',\n      comment:\n        'Incredible mentor! Sarah helped me understand system design patterns that I had been struggling with for months. Her real-world examples from Google made everything click.',\n    },\n    {\n      id: 'r2',\n      author: 'David Kim',\n      rating: 5,\n      date: '2026-01-28',\n      comment:\n        'Very patient and knowledgeable. She tailored the session to my experience level and gave me a clear roadmap for improvement.',\n    },\n    {\n      id: 'r3',\n      author: 'Maria Garcia',\n      rating: 4,\n      date: '2026-01-20',\n      comment:\n        'Great session on React performance optimization. Would have loved more time to dive deeper into specific patterns.',\n    },\n  ];\n\n  const stats = [\n    { label: 'Total Sessions', value: mentor.totalSessions },\n    { label: 'Avg Rating', value: mentor.rating },\n    { label: 'Repeat Rate', value: '87%' },\n    { label: 'Response Time', value: '<2h' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Profile Header */}\n      <Card>\n        <CardContent className=\"pt-6\">\n          <div className=\"flex flex-col gap-6 md:flex-row\">\n            <div className=\"flex h-28 w-28 items-center justify-center rounded-full bg-primary/10 text-4xl font-bold text-primary shrink-0\">\n              {mentor.name.charAt(0)}\n            </div>\n            <div className=\"flex-1\">\n              <div className=\"flex items-start justify-between\">\n                <div>\n                  <h1 className=\"text-2xl font-semibold text-foreground\">{mentor.name}</h1>\n                  <p className=\"text-base text-muted-foreground\">\n                    {mentor.title} at {mentor.company}\n                  </p>\n                  <div className=\"mt-2 flex items-center gap-3\">\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-4 w-4 fill-current text-yellow-500\" />\n                      <span className=\"font-medium\">{mentor.rating}</span>\n                      <span className=\"text-sm text-muted-foreground\">\n                        ({mentor.totalSessions} reviews)\n                      </span>\n                    </div>\n                    <Badge variant={mentor.isAvailable ? 'default' : 'secondary'}>\n                      {mentor.isAvailable ? 'Available' : 'Unavailable'}\n                    </Badge>\n                  </div>\n                </div>\n                <div className=\"text-right\">\n                  <p className=\"text-2xl font-bold text-foreground\">\n                    {mentor.hourlyRate === 0 ? 'Free' : `$${mentor.hourlyRate}`}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">per hour</p>\n                </div>\n              </div>\n              <p className=\"mt-4 text-sm text-muted-foreground leading-relaxed\">{mentor.bio}</p>\n              <div className=\"mt-4 flex flex-wrap gap-2\">\n                {mentor.expertise.map((skill) => (\n                  <Badge key={skill} variant=\"secondary\">\n                    {skill}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Left Column */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          {/* Stats */}\n          <div className=\"grid gap-4 grid-cols-2 md:grid-cols-4\">\n            {stats.map((stat) => (\n              <Card key={stat.label}>\n                <CardContent className=\"pt-4 pb-4 text-center\">\n                  <p className=\"text-xl font-bold text-foreground\">{stat.value}</p>\n                  <p className=\"text-xs text-muted-foreground\">{stat.label}</p>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n\n          {/* About */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">About</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground leading-relaxed\">\n                {mentor.bio} With extensive experience in building production systems at scale, I\n                specialize in helping engineers prepare for senior/staff-level interviews and\n                navigate career growth in tech. My sessions are hands-on and focused on practical,\n                real-world problem solving.\n              </p>\n              <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n                <span className=\"flex items-center gap-1\">\n                  <MapPin className=\"h-3 w-3\" /> San Francisco, CA\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Clock className=\"h-3 w-3\" /> PST (UTC-8)\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* What to Expect */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">What to Expect</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <ul className=\"space-y-2 text-sm text-muted-foreground\">\n                <li className=\"flex items-start gap-2\">\n                  <MessageSquare className=\"mt-0.5 h-4 w-4 text-primary shrink-0\" />\n                  <span>\n                    Pre-session questionnaire to understand your goals and experience level\n                  </span>\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <Users className=\"mt-0.5 h-4 w-4 text-primary shrink-0\" />\n                  <span>1-on-1 video call with screen sharing and live coding</span>\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <Award className=\"mt-0.5 h-4 w-4 text-primary shrink-0\" />\n                  <span>Post-session notes with actionable takeaways and resources</span>\n                </li>\n                <li className=\"flex items-start gap-2\">\n                  <ExternalLink className=\"mt-0.5 h-4 w-4 text-primary shrink-0\" />\n                  <span>Follow-up support via chat for 48 hours after the session</span>\n                </li>\n              </ul>\n            </CardContent>\n          </Card>\n\n          {/* Reviews */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Reviews ({reviews.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {reviews.map((review) => (\n                <div\n                  key={review.id}\n                  className=\"border-b border-border pb-4 last:border-0 last:pb-0\"\n                >\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center gap-2\">\n                      <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-medium\">\n                        {review.author.charAt(0)}\n                      </div>\n                      <span className=\"text-sm font-medium text-foreground\">{review.author}</span>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <div className=\"flex items-center gap-0.5\">\n                        {Array.from({ length: review.rating }).map((_, i) => (\n                          <Star key={i} className=\"h-3 w-3 fill-current text-yellow-500\" />\n                        ))}\n                      </div>\n                      <span className=\"text-xs text-muted-foreground\">\n                        {new Date(review.date).toLocaleDateString()}\n                      </span>\n                    </div>\n                  </div>\n                  <p className=\"mt-2 text-sm text-muted-foreground\">{review.comment}</p>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Right Column - Booking */}\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Calendar className=\"h-4 w-4\" /> Available Slots\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              {upcomingSlots.map((slot) => (\n                <div\n                  key={slot.day + slot.time}\n                  className={`flex items-center justify-between rounded-lg border p-3 ${\n                    slot.available ? 'border-border' : 'border-border opacity-50'\n                  }`}\n                >\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">{slot.day}</p>\n                    <p className=\"text-xs text-muted-foreground\">{slot.time}</p>\n                  </div>\n                  {slot.available ? (\n                    <Button size=\"sm\">Book</Button>\n                  ) : (\n                    <Badge variant=\"secondary\">Taken</Badge>\n                  )}\n                </div>\n              ))}\n              <Button variant=\"outline\" className=\"w-full mt-2\">\n                View Full Calendar\n              </Button>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Session Topics</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2\">\n                {[\n                  'System Design Interview',\n                  'Code Review & Best Practices',\n                  'Career Coaching',\n                  'React Architecture',\n                  'Cloud Architecture',\n                ].map((topic) => (\n                  <div key={topic} className=\"flex items-center gap-2 text-sm\">\n                    <div className=\"h-1.5 w-1.5 rounded-full bg-primary\" />\n                    <span className=\"text-muted-foreground\">{topic}</span>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Award, CalendarClock, DollarSign, MessageSquare, Star, Video } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, StatCard, StatusBadge } from '../components';\nimport { useBookSession, useMentorQuery, type TecMentorSession } from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\n\nfunction BookSessionForm({ mentorId, disabled }: { mentorId: string; disabled: boolean }) {\n  const [topic, setTopic] = useState('');\n  const [agenda, setAgenda] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [durationMinutes, setDurationMinutes] = useState('60');\n  const [bookSession, { loading }] = useBookSession();\n\n  const parsedDate = scheduledAt ? new Date(scheduledAt) : null;\n  const validDate = parsedDate != null && !Number.isNaN(parsedDate.getTime());\n  const canSubmit = topic.trim().length > 0 && validDate && !loading && !disabled;\n\n  const handleSubmit = async () => {\n    if (!canSubmit || !parsedDate) return;\n    const input: {\n      mentorId: string;\n      topic: string;\n      agenda?: string;\n      scheduledAt: string;\n      durationMinutes?: number;\n    } = {\n      mentorId,\n      topic: topic.trim(),\n      scheduledAt: parsedDate.toISOString(),\n    };\n    if (agenda.trim()) input.agenda = agenda.trim();\n    const dur = Number.parseInt(durationMinutes, 10);\n    if (!Number.isNaN(dur) && dur > 0) input.durationMinutes = dur;\n\n    const res = await bookSession({ variables: { input } });\n    if (res.data?.tecBookSession) {\n      notify.success('Session requested', 'Your mentor will confirm the booking soon.');\n      setTopic('');\n      setAgenda('');\n      setScheduledAt('');\n      setDurationMinutes('60');\n    }\n  };\n\n  return (\n    <GlassCard className=\"p-5\">\n      <div className=\"mb-4 flex items-center gap-2\">\n        <CalendarClock size={18} className=\"text-accent-teal\" />\n        <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n      </div>\n\n      {disabled ? (\n        <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          This mentor isn&apos;t accepting new mentees right now.\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Topic <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. System design interview prep\"\n            value={topic}\n            onChange={(e) => setTopic(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Agenda</label>\n          <Textarea\n            rows={3}\n            placeholder=\"What would you like to cover? Share context so your mentor can prepare.\"\n            value={agenda}\n            onChange={(e) => setAgenda(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              When <span className=\"text-status-error-text\">*</span>\n            </label>\n            <Input\n              type=\"datetime-local\"\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              Duration (min)\n            </label>\n            <Input\n              type=\"number\"\n              min={15}\n              step={15}\n              value={durationMinutes}\n              onChange={(e) => setDurationMinutes(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div>\n          <Button onClick={handleSubmit} disabled={!canSubmit}>\n            <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n  return (\n    <div className=\"flex items-center gap-3 border-b border-border-seam py-3 last:border-0\">\n      <span className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n        <Video size={15} />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-medium text-text-primary\">{session.topic}</div>\n        <div className=\"text-xs text-text-muted\">\n          {formatDateTime(session.scheduledAt)} · {formatDuration(session.durationMinutes)}\n        </div>\n      </div>\n      <StatusBadge status={session.status} />\n    </div>\n  );\n}\n\nexport function MentorshipMentorProfilePagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { data, loading, error } = useMentorQuery(id);\n\n  const mentor = data?.tecMentor ?? null;\n\n  if (loading && !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load mentor\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Mentor not found\"\n            description=\"This mentor profile may no longer be available.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const sessions = mentor.sessions ?? [];\n  const recentSessions = [...sessions]\n    .sort((a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime())\n    .slice(0, 5);\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/mentorship/mentors-page\"\n      title={mentor.headline}\n      description={mentor.bio ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={mentor.status} />\n        {mentor.isAcceptingMentees ? (\n          <Badge\n            variant=\"outline\"\n            className=\"border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n          >\n            Accepting mentees\n          </Badge>\n        ) : null}\n        {mentor.expertise.map((skill) => (\n          <Badge key={skill} variant=\"secondary\">\n            {skill}\n          </Badge>\n        ))}\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Rate\"\n          value={`${formatMoney(mentor.hourlyRate, mentor.currency)}/hr`}\n          icon={DollarSign}\n        />\n        <StatCard\n          label=\"Rating\"\n          value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          icon={Star}\n        />\n        <StatCard label=\"Sessions\" value={mentor.sessionsCount} icon={MessageSquare} />\n        <StatCard\n          label=\"Status\"\n          value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n          icon={Award}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <BookSessionForm mentorId={mentor.id} disabled={!mentor.isAcceptingMentees} />\n\n        <GlassCard className=\"p-5\">\n          <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Recent sessions</h2>\n          {recentSessions.length === 0 ? (\n            <p className=\"py-6 text-center text-sm text-text-muted\">\n              No sessions booked yet. Be the first to request time with this mentor.\n            </p>\n          ) : (\n            <div>\n              {recentSessions.map((session) => (\n                <SessionSummaryRow key={session.id} session={session} />\n              ))}\n            </div>\n          )}\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}