@burdenoff/microfe-technospam 2026.704.2 → 2026.705.2

package/dist/technospam/pages/MentorshipMentorProfilePagePage.js

@@ -1,221 +1,277 @@
-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 { cn as e } from "../utils/cn.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { StatCard as n } from "../components/StatCard.js";
+import { coverGradient as r, topicIcon as i } from "../components/MediaCover.js";
+import { formatDateTime as a, formatDuration as o, formatMoney as s } from "../utils/format.js";
+import { StatusBadge as c } from "../components/StatusBadge.js";
+import { EmptyView as l, ErrorView as u } 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";
+import { notify as d } from "../lib/toast.js";
+import { useBookSession as f, useMentorQuery as p } from "../api/technospamApi.js";
+import { createElement as m, useState as h } from "react";
+import { Award as g, CalendarClock as _, DollarSign as v, MessageSquare as y, Star as b, Video as x } from "lucide-react";
+import { useSearchParams as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Badge as T, Button as E, GlassCard as D, Input as O, Skeleton as k, Textarea as A } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipMentorProfilePagePage.tsx
-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, {
+function j({ mentorId: e, disabled: t, onBooked: n }) {
+	let [r, i] = h(""), [a, o] = h(""), [s, c] = h(""), [l, u] = h("60"), [p, { loading: m }] = f(), g = s ? new Date(s) : null, v = g != null && !Number.isNaN(g.getTime()), y = r.trim().length > 0 && v && !m && !t;
+	return /* @__PURE__ */ w(D, {
 		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", {
+			/* @__PURE__ */ w("div", {
+				className: "mb-4 flex items-start gap-3",
+				children: [/* @__PURE__ */ C("span", {
+					className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm",
+					children: /* @__PURE__ */ C(_, { size: 20 })
+				}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h2", {
 					className: "text-base font-semibold text-text-primary",
 					children: "Book a session"
-				})]
+				}), /* @__PURE__ */ C("p", {
+					className: "text-sm text-text-secondary",
+					children: "Schedule 1:1 time with your mentor."
+				})] })]
 			}),
-			t ? /* @__PURE__ */ y("p", {
+			t ? /* @__PURE__ */ C("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", {
+			/* @__PURE__ */ w("div", {
 				className: "mt-4 grid grid-cols-1 gap-4",
 				children: [
-					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
 						className: "mb-1.5 block text-sm font-medium text-text-primary",
-						children: ["Topic ", /* @__PURE__ */ y("span", {
+						children: ["Topic ", /* @__PURE__ */ C("span", {
 							className: "text-status-error-text",
 							children: "*"
 						})]
-					}), /* @__PURE__ */ y(w, {
+					}), /* @__PURE__ */ C(O, {
 						placeholder: "e.g. System design interview prep",
-						value: n,
-						onChange: (e) => r(e.target.value),
+						value: r,
+						onChange: (e) => i(e.target.value),
 						disabled: t
 					})] }),
-					/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+					/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 						className: "mb-1.5 block text-sm font-medium text-text-primary",
 						children: "Agenda"
-					}), /* @__PURE__ */ y(E, {
+					}), /* @__PURE__ */ C(A, {
 						rows: 3,
 						placeholder: "What would you like to cover? Share context so your mentor can prepare.",
-						value: i,
-						onChange: (e) => a(e.target.value),
+						value: a,
+						onChange: (e) => o(e.target.value),
 						disabled: t
 					})] }),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
+						children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("label", {
 							className: "mb-1.5 block text-sm font-medium text-text-primary",
-							children: ["When ", /* @__PURE__ */ y("span", {
+							children: ["When ", /* @__PURE__ */ C("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
-						}), /* @__PURE__ */ y(w, {
+						}), /* @__PURE__ */ C(O, {
 							type: "datetime-local",
-							value: o,
-							onChange: (e) => s(e.target.value),
+							value: s,
+							onChange: (e) => c(e.target.value),
 							disabled: t
-						})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+						})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("label", {
 							className: "mb-1.5 block text-sm font-medium text-text-primary",
 							children: "Duration (min)"
-						}), /* @__PURE__ */ y(w, {
+						}), /* @__PURE__ */ C(O, {
 							type: "number",
 							min: 15,
 							step: 15,
-							value: u,
-							onChange: (e) => f(e.target.value),
+							value: l,
+							onChange: (e) => u(e.target.value),
 							disabled: t
 						})] })]
 					}),
-					/* @__PURE__ */ y("div", { children: /* @__PURE__ */ b(S, {
+					/* @__PURE__ */ w(E, {
+						className: "w-full bg-gradient-to-r from-accent-primary to-accent-purple",
 						onClick: async () => {
-							if (!v || !g) return;
+							if (!y || !g) return;
 							let t = {
 								mentorId: e,
-								topic: n.trim(),
+								topic: r.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"));
+							a.trim() && (t.agenda = a.trim());
+							let s = Number.parseInt(l, 10);
+							!Number.isNaN(s) && s > 0 && (t.durationMinutes = s), (await p({ variables: { input: t } })).data?.tecBookSession && (d.success("Session requested", "Your mentor will confirm the booking soon."), i(""), o(""), c(""), u("60"), n?.());
 						},
-						disabled: !v,
+						disabled: !y,
 						children: [
-							/* @__PURE__ */ y(p, { size: 16 }),
+							/* @__PURE__ */ C(_, { size: 16 }),
 							" ",
-							h ? "Requesting…" : "Request session"
+							m ? "Requesting…" : "Request session"
 						]
-					}) })
+					})
 				]
 			})
 		]
 	});
 }
-function O({ session: e }) {
-	return /* @__PURE__ */ b("div", {
-		className: "flex items-center gap-3 border-b border-border-seam py-3 last:border-0",
+function M({ session: e }) {
+	return /* @__PURE__ */ w("div", {
+		className: "flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken",
 		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__ */ C("span", {
+				className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple",
+				children: /* @__PURE__ */ C(x, { size: 16 })
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ w("div", {
 				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "truncate text-sm font-medium text-text-primary",
 					children: e.topic
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "text-xs text-text-muted",
 					children: [
-						n(e.scheduledAt),
+						a(e.scheduledAt),
 						" · ",
-						r(e.durationMinutes)
+						o(e.durationMinutes)
 					]
 				})]
 			}),
-			/* @__PURE__ */ y(a, { status: e.status })
+			/* @__PURE__ */ C(c, { 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, {
+function N() {
+	let [a] = S(), { data: o, loading: d, error: f, refetch: h } = p(a.get("id") ?? ""), x = o?.tecMentor ?? null;
+	if (d && !x) return /* @__PURE__ */ w(t, {
 		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" })]
+		children: [/* @__PURE__ */ C(k, { className: "mb-4 h-40 w-full rounded-xl" }), /* @__PURE__ */ C(k, { className: "h-64 w-full rounded-xl" })]
 	});
-	if (l || !d) return /* @__PURE__ */ y(e, {
+	if (f || !x) return /* @__PURE__ */ C(t, {
 		title: "Mentor",
 		backPath: "/mentorship/mentors-page",
-		children: l ? /* @__PURE__ */ y(s, {
+		children: f ? /* @__PURE__ */ C(u, {
 			title: "Couldn't load mentor",
-			error: l
-		}) : /* @__PURE__ */ y(o, {
+			error: f
+		}) : /* @__PURE__ */ C(l, {
 			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, {
+	let E = [...x.sessions ?? []].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).slice(0, 5), O = i(x.expertise.join(" ") || x.headline);
+	return /* @__PURE__ */ w(t, {
 		hero: !0,
 		backPath: "/mentorship/mentors-page",
-		title: d.headline,
-		description: d.bio ?? void 0,
+		title: "Mentor Profile",
 		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__ */ w(D, {
+				className: "mb-6 overflow-hidden p-0",
+				children: [/* @__PURE__ */ w("div", {
+					className: e("relative h-24 overflow-hidden bg-gradient-to-br", r(x.headline)),
+					children: [m(O, {
+						className: "pointer-events-none absolute -right-3 -top-4 text-white/15",
+						size: 120,
+						strokeWidth: 1.3
+					}), /* @__PURE__ */ C("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent" })]
+				}), /* @__PURE__ */ w("div", {
+					className: "px-6 pb-6",
+					children: [
+						/* @__PURE__ */ w("div", {
+							className: "-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end",
+							children: [/* @__PURE__ */ w("div", {
+								className: "relative shrink-0",
+								children: [/* @__PURE__ */ C("span", {
+									className: e("flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface", r(x.headline)),
+									children: m(O, {
+										size: 34,
+										strokeWidth: 1.6
+									})
+								}), x.isAcceptingMentees ? /* @__PURE__ */ C("span", { className: "absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text" }) : null]
+							}), /* @__PURE__ */ w("div", {
+								className: "min-w-0 flex-1 sm:pb-1",
+								children: [/* @__PURE__ */ C("h1", {
+									className: "text-xl font-semibold text-text-primary sm:text-2xl",
+									children: x.headline
+								}), /* @__PURE__ */ w("div", {
+									className: "mt-2 flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ C(c, { status: x.status }), x.isAcceptingMentees ? /* @__PURE__ */ w(T, {
+										variant: "outline",
+										className: "inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+										children: [/* @__PURE__ */ C("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
+									}) : null]
+								})]
+							})]
+						}),
+						x.bio ? /* @__PURE__ */ C("p", {
+							className: "mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary",
+							children: x.bio
+						}) : null,
+						x.expertise.length ? /* @__PURE__ */ C("div", {
+							className: "mt-4 flex flex-wrap gap-1.5",
+							children: x.expertise.map((e) => /* @__PURE__ */ C(T, {
+								variant: "secondary",
+								children: e
+							}, e))
+						}) : null
+					]
+				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ y(t, {
+					/* @__PURE__ */ C(n, {
 						label: "Rate",
-						value: `${i(d.hourlyRate, d.currency)}/hr`,
-						icon: m
+						value: `${s(x.hourlyRate, x.currency)}/hr`,
+						icon: v,
+						tone: "blue"
 					}),
-					/* @__PURE__ */ y(t, {
+					/* @__PURE__ */ C(n, {
 						label: "Rating",
-						value: d.ratingAvg > 0 ? d.ratingAvg.toFixed(1) : "New",
-						icon: g
+						value: x.ratingAvg > 0 ? x.ratingAvg.toFixed(1) : "New",
+						icon: b,
+						tone: "amber"
 					}),
-					/* @__PURE__ */ y(t, {
+					/* @__PURE__ */ C(n, {
 						label: "Sessions",
-						value: d.sessionsCount,
-						icon: h
+						value: x.sessionsCount,
+						icon: y,
+						tone: "purple"
 					}),
-					/* @__PURE__ */ y(t, {
+					/* @__PURE__ */ C(n, {
 						label: "Status",
-						value: d.status === "ACTIVE" ? "Active" : "Pending",
-						icon: f
+						value: x.status === "ACTIVE" ? "Active" : "Pending",
+						icon: g,
+						tone: "teal"
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ w("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, {
+				children: [/* @__PURE__ */ C(j, {
+					mentorId: x.id,
+					disabled: !x.isAcceptingMentees,
+					onBooked: () => void h()
+				}), /* @__PURE__ */ w(D, {
 					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", {
+					children: [/* @__PURE__ */ w("div", {
+						className: "mb-3 flex items-center gap-2",
+						children: [/* @__PURE__ */ C(_, {
+							size: 18,
+							className: "text-accent-teal"
+						}), /* @__PURE__ */ C("h2", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Recent sessions"
+						})]
+					}), E.length === 0 ? /* @__PURE__ */ C("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)) })]
+					}) : /* @__PURE__ */ C("div", {
+						className: "divide-y divide-border-seam",
+						children: E.map((e) => /* @__PURE__ */ C(M, { session: e }, e.id))
+					})]
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { k as MentorshipMentorProfilePagePage };
+export { N 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 { 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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"}
+{"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { createElement, 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 {\n  EmptyView,\n  ErrorView,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useBookSession, useMentorQuery, type TecMentorSession } from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoney } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\n\nfunction BookSessionForm({\n  mentorId,\n  disabled,\n  onBooked,\n}: {\n  mentorId: string;\n  disabled: boolean;\n  onBooked?: () => void;\n}) {\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      onBooked?.();\n    }\n  };\n\n  return (\n    <GlassCard className=\"p-5\">\n      <div className=\"mb-4 flex items-start gap-3\">\n        <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n          <CalendarClock size={20} />\n        </span>\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n          <p className=\"text-sm text-text-secondary\">Schedule 1:1 time with your mentor.</p>\n        </div>\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        <Button\n          className=\"w-full bg-gradient-to-r from-accent-primary to-accent-purple\"\n          onClick={handleSubmit}\n          disabled={!canSubmit}\n        >\n          <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n        </Button>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken\">\n      <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple\">\n        <Video size={16} />\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, refetch } = 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  const HeroIcon = topicIcon(mentor.expertise.join(' ') || mentor.headline);\n\n  return (\n    <PageLayout hero backPath=\"/mentorship/mentors-page\" title=\"Mentor Profile\">\n      <GlassCard className=\"mb-6 overflow-hidden p-0\">\n        <div\n          className={cn(\n            'relative h-24 overflow-hidden bg-gradient-to-br',\n            coverGradient(mentor.headline)\n          )}\n        >\n          {createElement(HeroIcon, {\n            className: 'pointer-events-none absolute -right-3 -top-4 text-white/15',\n            size: 120,\n            strokeWidth: 1.3,\n          })}\n          <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent\" />\n        </div>\n        <div className=\"px-6 pb-6\">\n          <div className=\"-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end\">\n            <div className=\"relative shrink-0\">\n              <span\n                className={cn(\n                  'flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface',\n                  coverGradient(mentor.headline)\n                )}\n              >\n                {createElement(HeroIcon, { size: 34, strokeWidth: 1.6 })}\n              </span>\n              {mentor.isAcceptingMentees ? (\n                <span className=\"absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n              ) : null}\n            </div>\n            <div className=\"min-w-0 flex-1 sm:pb-1\">\n              <h1 className=\"text-xl font-semibold text-text-primary sm:text-2xl\">\n                {mentor.headline}\n              </h1>\n              <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                <StatusBadge status={mentor.status} />\n                {mentor.isAcceptingMentees ? (\n                  <Badge\n                    variant=\"outline\"\n                    className=\"inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n                  >\n                    <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" /> Accepting\n                    mentees\n                  </Badge>\n                ) : null}\n              </div>\n            </div>\n          </div>\n\n          {mentor.bio ? (\n            <p className=\"mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary\">\n              {mentor.bio}\n            </p>\n          ) : null}\n\n          {mentor.expertise.length ? (\n            <div className=\"mt-4 flex flex-wrap gap-1.5\">\n              {mentor.expertise.map((skill) => (\n                <Badge key={skill} variant=\"secondary\">\n                  {skill}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </GlassCard>\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          tone=\"blue\"\n        />\n        <StatCard\n          label=\"Rating\"\n          value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          icon={Star}\n          tone=\"amber\"\n        />\n        <StatCard\n          label=\"Sessions\"\n          value={mentor.sessionsCount}\n          icon={MessageSquare}\n          tone=\"purple\"\n        />\n        <StatCard\n          label=\"Status\"\n          value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n          icon={Award}\n          tone=\"teal\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <BookSessionForm\n          mentorId={mentor.id}\n          disabled={!mentor.isAcceptingMentees}\n          onBooked={() => void refetch()}\n        />\n\n        <GlassCard className=\"p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <CalendarClock size={18} className=\"text-accent-teal\" />\n            <h2 className=\"text-base font-semibold text-text-primary\">Recent sessions</h2>\n          </div>\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 className=\"divide-y divide-border-seam\">\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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"}