@burdenoff/microfe-technospam 2026.705.2 → 2026.709.2

package/dist/technospam/pages/MentorshipMentorsPagePage.js

@@ -9,100 +9,101 @@ import { EmptyView as l, ErrorView as u, LoadingGrid as d } from "../components/
 import "../components/index.js";
 import { notify as f } from "../lib/toast.js";
 import { pageArg as p, useBecomeMentor as m, useMentorsQuery as h, usePageLimit as g } from "../api/technospamApi.js";
-import { createElement as _, useMemo as v, useState as y } from "react";
-import { Award as b, MessageSquare as x, Search as S, Sparkles as C, Star as w, UserPlus as T, Users as E, X as D } from "lucide-react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { Badge as A, Button as j, GlassCard as M, Input as N, Textarea as P } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpamAnalytics as _ } from "../hooks/useTechnoSpamAnalytics.js";
+import { createElement as v, useMemo as y, useState as b } from "react";
+import { Award as x, MessageSquare as S, Search as C, Sparkles as w, Star as T, UserPlus as E, Users as D, X as O } from "lucide-react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Badge as j, Button as M, GlassCard as N, Input as P, Textarea as F } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipMentorsPagePage.tsx
-function F({ mentor: e, size: t = "md" }) {
-	return /* @__PURE__ */ k("div", {
+function I({ mentor: e, size: t = "md" }) {
+	return /* @__PURE__ */ A("div", {
 		className: "relative shrink-0",
-		children: [/* @__PURE__ */ O("span", {
+		children: [/* @__PURE__ */ k("span", {
 			className: n("flex items-center justify-center rounded-full bg-gradient-to-br text-white shadow-md ring-1 ring-white/15", t === "lg" ? "h-20 w-20" : "h-16 w-16", a(e.headline)),
-			children: _(o(e.expertise.join(" ") || e.headline), {
+			children: v(o(e.expertise.join(" ") || e.headline), {
 				size: t === "lg" ? 32 : 26,
 				strokeWidth: 1.7
 			})
-		}), e.isAcceptingMentees ? /* @__PURE__ */ O("span", { className: "absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text" }) : null]
+		}), e.isAcceptingMentees ? /* @__PURE__ */ k("span", { className: "absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text" }) : null]
 	});
 }
-function I({ mentor: e, onOpen: t }) {
-	return /* @__PURE__ */ k(M, {
+function L({ mentor: e, onOpen: t }) {
+	return /* @__PURE__ */ A(N, {
 		className: "group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
 		onClick: t,
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "flex items-start gap-4",
-				children: [/* @__PURE__ */ O(F, { mentor: e }), /* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ k(I, { mentor: e }), /* @__PURE__ */ A("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ O("h3", {
+					children: [/* @__PURE__ */ k("h3", {
 						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
 						children: e.headline
-					}), e.isAcceptingMentees ? /* @__PURE__ */ k(A, {
+					}), e.isAcceptingMentees ? /* @__PURE__ */ A(j, {
 						variant: "outline",
 						className: "mt-1.5 inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
-						children: [/* @__PURE__ */ O("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
-					}) : /* @__PURE__ */ O(A, {
+						children: [/* @__PURE__ */ k("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
+					}) : /* @__PURE__ */ k(j, {
 						variant: "outline",
 						className: "mt-1.5 border-border-seam bg-bg-sunken text-text-secondary",
 						children: "Not accepting"
 					})]
 				})]
 			}),
-			e.bio ? /* @__PURE__ */ O("p", {
+			e.bio ? /* @__PURE__ */ k("p", {
 				className: "line-clamp-2 text-sm text-text-secondary",
 				children: e.bio
 			}) : null,
-			e.expertise.length ? /* @__PURE__ */ k("div", {
+			e.expertise.length ? /* @__PURE__ */ A("div", {
 				className: "flex flex-wrap gap-1.5",
-				children: [e.expertise.slice(0, 4).map((e) => /* @__PURE__ */ O(A, {
+				children: [e.expertise.slice(0, 4).map((e) => /* @__PURE__ */ k(j, {
 					variant: "secondary",
 					className: "text-[11px]",
 					children: e
-				}, e)), e.expertise.length > 4 ? /* @__PURE__ */ k("span", {
+				}, e)), e.expertise.length > 4 ? /* @__PURE__ */ A("span", {
 					className: "self-center text-xs text-text-muted",
 					children: ["+", e.expertise.length - 4]
 				}) : null]
 			}) : null,
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "mt-auto grid grid-cols-3 divide-x divide-border-seam rounded-xl border border-border-seam bg-bg-sunken text-center",
 				children: [
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "px-2 py-2.5",
-						children: [/* @__PURE__ */ k("div", {
+						children: [/* @__PURE__ */ A("div", {
 							className: "flex items-center justify-center gap-1 text-sm font-semibold text-text-primary",
-							children: [/* @__PURE__ */ O(w, {
+							children: [/* @__PURE__ */ k(T, {
 								size: 13,
 								className: "text-accent-teal"
 							}), e.ratingAvg > 0 ? e.ratingAvg.toFixed(1) : "New"]
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "text-[11px] text-text-muted",
 							children: "rating"
 						})]
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "px-2 py-2.5",
-						children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ k("div", {
 							className: "text-sm font-semibold text-text-primary",
 							children: e.sessionsCount
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "text-[11px] text-text-muted",
 							children: "sessions"
 						})]
 					}),
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "px-2 py-2.5",
-						children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ k("div", {
 							className: "text-sm font-semibold text-text-primary",
 							children: s(e.hourlyRate, e.currency)
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "text-[11px] text-text-muted",
 							children: "/ hr"
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ O(j, {
+			/* @__PURE__ */ k(M, {
 				className: "w-full",
 				onClick: (e) => {
 					e.stopPropagation(), t();
@@ -112,118 +113,124 @@ function I({ mentor: e, onOpen: t }) {
 		]
 	});
 }
-function L({ onClose: e, onDone: t }) {
-	let [n, r] = y(""), [i, a] = y(""), [o, s] = y(""), [c, l] = y(""), [u, d] = y("USD"), [p, { loading: h }] = m(), g = n.trim().length > 0 && !h;
-	return /* @__PURE__ */ k(M, {
+function R({ onClose: e, onDone: t, workspaceId: n }) {
+	let [r, i] = b(""), [a, o] = b(""), [s, c] = b(""), [l, u] = b(""), [d, p] = b("USD"), [h, { loading: g }] = m(), { emit: v } = _(), y = r.trim().length > 0 && !g;
+	return /* @__PURE__ */ A(N, {
 		className: "mb-6 p-5",
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "mb-4 flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ k("div", {
+			children: [/* @__PURE__ */ A("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ O("span", {
+				children: [/* @__PURE__ */ k("span", {
 					className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-indigo text-white shadow-sm",
-					children: /* @__PURE__ */ O(T, { size: 20 })
-				}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h2", {
+					children: /* @__PURE__ */ k(E, { size: 20 })
+				}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h2", {
 					className: "text-base font-semibold text-text-primary",
 					children: "Become a mentor"
-				}), /* @__PURE__ */ O("p", {
+				}), /* @__PURE__ */ k("p", {
 					className: "text-sm text-text-secondary",
 					children: "Share your expertise and start mentoring builders in the community."
 				})] })]
-			}), /* @__PURE__ */ O(j, {
+			}), /* @__PURE__ */ k(M, {
 				variant: "ghost",
 				size: "sm",
 				onClick: e,
 				"aria-label": "Close",
-				children: /* @__PURE__ */ O(D, { size: 16 })
+				children: /* @__PURE__ */ k(O, { size: 16 })
 			})]
-		}), /* @__PURE__ */ k("div", {
+		}), /* @__PURE__ */ A("div", {
 			className: "grid grid-cols-1 gap-4",
 			children: [
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+				/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("label", {
 					className: "mb-1.5 block text-sm font-medium text-text-primary",
-					children: ["Headline ", /* @__PURE__ */ O("span", {
+					children: ["Headline ", /* @__PURE__ */ k("span", {
 						className: "text-status-error-text",
 						children: "*"
 					})]
-				}), /* @__PURE__ */ O(N, {
+				}), /* @__PURE__ */ k(P, {
 					placeholder: "e.g. Staff Engineer · Distributed systems & career growth",
-					value: n,
-					onChange: (e) => r(e.target.value)
+					value: r,
+					onChange: (e) => i(e.target.value)
 				})] }),
-				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+				/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 					className: "mb-1.5 block text-sm font-medium text-text-primary",
 					children: "Bio"
-				}), /* @__PURE__ */ O(P, {
+				}), /* @__PURE__ */ k(F, {
 					rows: 3,
 					placeholder: "Tell mentees about your experience and how you can help.",
-					value: i,
-					onChange: (e) => a(e.target.value)
+					value: a,
+					onChange: (e) => o(e.target.value)
 				})] }),
-				/* @__PURE__ */ k("div", { children: [
-					/* @__PURE__ */ O("label", {
+				/* @__PURE__ */ A("div", { children: [
+					/* @__PURE__ */ k("label", {
 						className: "mb-1.5 block text-sm font-medium text-text-primary",
 						children: "Expertise"
 					}),
-					/* @__PURE__ */ O(N, {
+					/* @__PURE__ */ k(P, {
 						placeholder: "React, System design, Career coaching",
-						value: o,
-						onChange: (e) => s(e.target.value)
+						value: s,
+						onChange: (e) => c(e.target.value)
 					}),
-					/* @__PURE__ */ O("p", {
+					/* @__PURE__ */ k("p", {
 						className: "mt-1 text-xs text-text-muted",
 						children: "Comma-separated topics."
 					})
 				] }),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ A("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-					children: [/* @__PURE__ */ k("div", { children: [
-						/* @__PURE__ */ O("label", {
+					children: [/* @__PURE__ */ A("div", { children: [
+						/* @__PURE__ */ k("label", {
 							className: "mb-1.5 block text-sm font-medium text-text-primary",
 							children: "Hourly rate"
 						}),
-						/* @__PURE__ */ O(N, {
+						/* @__PURE__ */ k(P, {
 							type: "number",
 							min: 0,
 							placeholder: "0",
-							value: c,
-							onChange: (e) => l(e.target.value)
+							value: l,
+							onChange: (e) => u(e.target.value)
 						}),
-						/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ k("p", {
 							className: "mt-1 text-xs text-text-muted",
 							children: "Whole number. Leave 0 for free."
 						})
-					] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+					] }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 						className: "mb-1.5 block text-sm font-medium text-text-primary",
 						children: "Currency"
-					}), /* @__PURE__ */ O(N, {
+					}), /* @__PURE__ */ k(P, {
 						placeholder: "USD",
-						value: u,
-						onChange: (e) => d(e.target.value)
+						value: d,
+						onChange: (e) => p(e.target.value)
 					})] })]
 				}),
-				/* @__PURE__ */ k("div", {
+				/* @__PURE__ */ A("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ k(j, {
+					children: [/* @__PURE__ */ A(M, {
 						onClick: async () => {
-							if (!g) return;
-							let e = { headline: n.trim() };
-							i.trim() && (e.bio = i.trim());
-							let r = o.split(",").map((e) => e.trim()).filter(Boolean);
-							r.length && (e.expertise = r);
-							let a = Number.parseInt(c, 10);
-							!Number.isNaN(a) && a >= 0 && (e.hourlyRate = a), u.trim() && (e.currency = u.trim().toUpperCase()), (await p({ variables: { input: e } })).data?.tecBecomeMentor && (f.success("Mentor profile created", "Your profile is pending review."), t());
+							if (!y) return;
+							let e = { headline: r.trim() };
+							a.trim() && (e.bio = a.trim());
+							let i = s.split(",").map((e) => e.trim()).filter(Boolean);
+							i.length && (e.expertise = i);
+							let o = Number.parseInt(l, 10);
+							!Number.isNaN(o) && o >= 0 && (e.hourlyRate = o), d.trim() && (e.currency = d.trim().toUpperCase()), v("technospam.mentor.become_mentor_clicked", { workspaceId: n });
+							let c = await h({ variables: { input: e } });
+							c.data?.tecBecomeMentor && (v("technospam.mentor.became_mentor", {
+								workspaceId: n,
+								entityId: c.data.tecBecomeMentor.id,
+								entityType: "TEC_MENTOR"
+							}), f.success("Mentor profile created", "Your profile is pending review."), t());
 						},
-						disabled: !g,
+						disabled: !y,
 						children: [
-							/* @__PURE__ */ O(T, { size: 16 }),
+							/* @__PURE__ */ k(E, { size: 16 }),
 							" ",
-							h ? "Submitting…" : "Submit profile"
+							g ? "Submitting…" : "Submit profile"
 						]
-					}), /* @__PURE__ */ O(j, {
+					}), /* @__PURE__ */ k(M, {
 						variant: "outline",
 						onClick: e,
-						disabled: h,
+						disabled: g,
 						children: "Cancel"
 					})]
 				})
@@ -231,116 +238,123 @@ function L({ onClose: e, onDone: t }) {
 		})]
 	});
 }
-function R() {
-	let n = t(), { currentUser: a } = e(), [o, s] = y(""), [f, m] = y(!1), { limit: _, more: D } = g(), { data: A, loading: P, error: F, refetch: R } = h({
+function z() {
+	let n = t(), { currentUser: a, workspaceId: o } = e(), { emit: s } = _(), [f, m] = b(""), [v, O] = b(!1), { limit: j, more: F } = g(), { data: I, loading: z, error: B, refetch: V } = h({
 		status: "ACTIVE",
-		pagination: p(_)
-	}), z = A?.tecListMentors.items ?? [], B = A?.tecListMentors.pageInfo.hasMore ?? !1, V = a?.id, H = !!(V && z.some((e) => e.userId === V)), U = v(() => {
-		let e = o.trim().toLowerCase();
-		return e ? z.filter((t) => t.headline.toLowerCase().includes(e) || t.expertise.some((t) => t.toLowerCase().includes(e))) : z;
-	}, [z, o]), W = z.filter((e) => e.isAcceptingMentees).length, G = z.reduce((e, t) => e + t.sessionsCount, 0), K = z.filter((e) => e.ratingAvg > 0), q = K.length ? (K.reduce((e, t) => e + t.ratingAvg, 0) / K.length).toFixed(1) : "—";
-	return /* @__PURE__ */ k(r, {
+		pagination: p(j)
+	}), H = I?.tecListMentors.items ?? [], U = I?.tecListMentors.pageInfo.hasMore ?? !1, W = a?.id, G = !!(W && H.some((e) => e.userId === W)), K = y(() => {
+		let e = f.trim().toLowerCase();
+		return e ? H.filter((t) => t.headline.toLowerCase().includes(e) || t.expertise.some((t) => t.toLowerCase().includes(e))) : H;
+	}, [H, f]), q = H.filter((e) => e.isAcceptingMentees).length, J = H.reduce((e, t) => e + t.sessionsCount, 0), Y = H.filter((e) => e.ratingAvg > 0), X = Y.length ? (Y.reduce((e, t) => e + t.ratingAvg, 0) / Y.length).toFixed(1) : "—";
+	return /* @__PURE__ */ A(r, {
 		hero: !0,
 		title: "Find a Mentor",
 		description: "Connect with experienced builders for 1:1 guidance, code review, and career coaching.",
-		actions: /* @__PURE__ */ k(j, {
+		actions: /* @__PURE__ */ A(M, {
 			variant: "outline",
 			onClick: () => n("/mentorship/sessions-page"),
-			children: [/* @__PURE__ */ O(x, { size: 16 }), " My sessions"]
+			children: [/* @__PURE__ */ k(S, { size: 16 }), " My sessions"]
 		}),
 		children: [
-			H ? /* @__PURE__ */ k(M, {
+			G ? /* @__PURE__ */ A(N, {
 				className: "mb-6 flex items-center gap-3 p-4",
-				children: [/* @__PURE__ */ O("span", {
+				children: [/* @__PURE__ */ k("span", {
 					className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-status-success-bg-subtle text-status-success-text",
-					children: /* @__PURE__ */ O(b, { size: 20 })
-				}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ k(x, { size: 20 })
+				}), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
 					className: "text-sm font-semibold text-text-primary",
 					children: "You're a mentor"
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "text-xs text-text-secondary",
 					children: "Your mentor profile is live. Mentees can request sessions with you."
 				})] })]
-			}) : f ? /* @__PURE__ */ O(L, {
-				onClose: () => m(!1),
+			}) : v ? /* @__PURE__ */ k(R, {
+				onClose: () => O(!1),
 				onDone: () => {
-					m(!1), R();
-				}
+					O(!1), V();
+				},
+				workspaceId: o
 			}) : null,
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ O(i, {
+					/* @__PURE__ */ k(i, {
 						label: "Mentors",
-						value: z.length,
-						icon: E,
+						value: H.length,
+						icon: D,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ O(i, {
+					/* @__PURE__ */ k(i, {
 						label: "Accepting mentees",
-						value: W,
-						icon: C,
+						value: q,
+						icon: w,
 						tone: "green"
 					}),
-					/* @__PURE__ */ O(i, {
+					/* @__PURE__ */ k(i, {
 						label: "Avg rating",
-						value: q,
-						icon: w,
+						value: X,
+						icon: T,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ O(i, {
+					/* @__PURE__ */ k(i, {
 						label: "Total sessions",
-						value: G,
-						icon: x,
+						value: J,
+						icon: S,
 						tone: "purple"
 					})
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "relative w-full sm:w-80",
-					children: [/* @__PURE__ */ O(S, {
+					children: [/* @__PURE__ */ k(C, {
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 						size: 16
-					}), /* @__PURE__ */ O(N, {
+					}), /* @__PURE__ */ k(P, {
 						className: "pl-9",
 						placeholder: "Search by headline or expertise…",
-						value: o,
-						onChange: (e) => s(e.target.value)
+						value: f,
+						onChange: (e) => m(e.target.value)
 					})]
-				}), !H && !f ? /* @__PURE__ */ k(j, {
-					onClick: () => m(!0),
-					children: [/* @__PURE__ */ O(T, { size: 16 }), " Become a mentor"]
+				}), !G && !v ? /* @__PURE__ */ A(M, {
+					onClick: () => O(!0),
+					children: [/* @__PURE__ */ k(E, { size: 16 }), " Become a mentor"]
 				}) : null]
 			}),
-			P && !z.length ? /* @__PURE__ */ O(d, {}) : F ? /* @__PURE__ */ O(u, {
+			z && !H.length ? /* @__PURE__ */ k(d, {}) : B ? /* @__PURE__ */ k(u, {
 				title: "Couldn't load mentors",
-				error: F
-			}) : U.length === 0 ? /* @__PURE__ */ O(l, {
-				icon: /* @__PURE__ */ O(E, { size: 26 }),
-				title: o ? "No matching mentors" : "No mentors yet",
-				description: o ? "Try a different search term." : "Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.",
-				action: !o && !H ? /* @__PURE__ */ O(j, {
-					onClick: () => m(!0),
+				error: B
+			}) : K.length === 0 ? /* @__PURE__ */ k(l, {
+				icon: /* @__PURE__ */ k(D, { size: 26 }),
+				title: f ? "No matching mentors" : "No mentors yet",
+				description: f ? "Try a different search term." : "Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.",
+				action: !f && !G ? /* @__PURE__ */ k(M, {
+					onClick: () => O(!0),
 					children: "Become a mentor"
 				}) : void 0
-			}) : /* @__PURE__ */ O("div", {
+			}) : /* @__PURE__ */ k("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: U.map((e) => /* @__PURE__ */ O(I, {
+				children: K.map((e) => /* @__PURE__ */ k(L, {
 					mentor: e,
-					onOpen: () => n(`/mentorship/mentor-profile-page?id=${e.id}`)
+					onOpen: () => {
+						s("technospam.mentor.viewed", {
+							workspaceId: o,
+							entityId: e.id,
+							entityType: "TEC_MENTOR"
+						}), n(`/mentorship/mentor-profile-page?id=${e.id}`);
+					}
 				}, e.id))
 			}),
-			/* @__PURE__ */ O(c, {
-				hasMore: B,
-				loading: P,
-				onClick: D
+			/* @__PURE__ */ k(c, {
+				hasMore: U,
+				loading: z,
+				onClick: F
 			})
 		]
 	});
 }
 //#endregion
-export { R as MentorshipMentorsPagePage };
+export { z as MentorshipMentorsPagePage };
 
 //# sourceMappingURL=MentorshipMentorsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"sourcesContent":["import { createElement, useMemo, useState } from 'react';\nimport { Award, MessageSquare, Search, Sparkles, Star, UserPlus, Users, X } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  PageLayout,\n  StatCard,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useBecomeMentor,\n  useMentorsQuery,\n  usePageLimit,\n  type TecMentor,\n} from '../api/technospamApi';\nimport { formatMoney } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\n\n/** Circular gradient medallion standing in for a mentor avatar, with a live\n *  \"accepting\" presence dot — mirrors the directory mockup within the dark theme. */\nfunction MentorMedallion({ mentor, size = 'md' }: { mentor: TecMentor; size?: 'md' | 'lg' }) {\n  const box = size === 'lg' ? 'h-20 w-20' : 'h-16 w-16';\n  return (\n    <div className=\"relative shrink-0\">\n      <span\n        className={cn(\n          'flex items-center justify-center rounded-full bg-gradient-to-br text-white shadow-md ring-1 ring-white/15',\n          box,\n          coverGradient(mentor.headline)\n        )}\n      >\n        {createElement(topicIcon(mentor.expertise.join(' ') || mentor.headline), {\n          size: size === 'lg' ? 32 : 26,\n          strokeWidth: 1.7,\n        })}\n      </span>\n      {mentor.isAcceptingMentees ? (\n        <span className=\"absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n      ) : null}\n    </div>\n  );\n}\n\nfunction MentorCard({ mentor, onOpen }: { mentor: TecMentor; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <div className=\"flex items-start gap-4\">\n        <MentorMedallion mentor={mentor} />\n        <div className=\"min-w-0 flex-1\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {mentor.headline}\n          </h3>\n          {mentor.isAcceptingMentees ? (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 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 mentees\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 border-border-seam bg-bg-sunken text-text-secondary\"\n            >\n              Not accepting\n            </Badge>\n          )}\n        </div>\n      </div>\n\n      {mentor.bio ? <p className=\"line-clamp-2 text-sm text-text-secondary\">{mentor.bio}</p> : null}\n\n      {mentor.expertise.length ? (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {mentor.expertise.slice(0, 4).map((skill) => (\n            <Badge key={skill} variant=\"secondary\" className=\"text-[11px]\">\n              {skill}\n            </Badge>\n          ))}\n          {mentor.expertise.length > 4 ? (\n            <span className=\"self-center text-xs text-text-muted\">\n              +{mentor.expertise.length - 4}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-auto grid grid-cols-3 divide-x divide-border-seam rounded-xl border border-border-seam bg-bg-sunken text-center\">\n        <div className=\"px-2 py-2.5\">\n          <div className=\"flex items-center justify-center gap-1 text-sm font-semibold text-text-primary\">\n            <Star size={13} className=\"text-accent-teal\" />\n            {mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">rating</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">{mentor.sessionsCount}</div>\n          <div className=\"text-[11px] text-text-muted\">sessions</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">\n            {formatMoney(mentor.hourlyRate, mentor.currency)}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">/ hr</div>\n        </div>\n      </div>\n\n      <Button\n        className=\"w-full\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onOpen();\n        }}\n      >\n        View profile\n      </Button>\n    </GlassCard>\n  );\n}\n\nfunction BecomeMentorForm({ onClose, onDone }: { onClose: () => void; onDone: () => void }) {\n  const [headline, setHeadline] = useState('');\n  const [bio, setBio] = useState('');\n  const [expertise, setExpertise] = useState('');\n  const [hourlyRate, setHourlyRate] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [becomeMentor, { loading }] = useBecomeMentor();\n\n  const canSubmit = headline.trim().length > 0 && !loading;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    const input: {\n      headline: string;\n      bio?: string;\n      expertise?: string[];\n      hourlyRate?: number;\n      currency?: string;\n    } = { headline: headline.trim() };\n    if (bio.trim()) input.bio = bio.trim();\n    const exp = expertise\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    if (exp.length) input.expertise = exp;\n    const rate = Number.parseInt(hourlyRate, 10);\n    if (!Number.isNaN(rate) && rate >= 0) input.hourlyRate = rate;\n    if (currency.trim()) input.currency = currency.trim().toUpperCase();\n\n    const res = await becomeMentor({ variables: { input } });\n    if (res.data?.tecBecomeMentor) {\n      notify.success('Mentor profile created', 'Your profile is pending review.');\n      onDone();\n    }\n  };\n\n  return (\n    <GlassCard className=\"mb-6 p-5\">\n      <div className=\"mb-4 flex items-start justify-between gap-3\">\n        <div className=\"flex items-center 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-indigo text-white shadow-sm\">\n            <UserPlus size={20} />\n          </span>\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary\">Become a mentor</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Share your expertise and start mentoring builders in the community.\n            </p>\n          </div>\n        </div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onClose} aria-label=\"Close\">\n          <X size={16} />\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Headline <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer · Distributed systems & career growth\"\n            value={headline}\n            onChange={(e) => setHeadline(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Bio</label>\n          <Textarea\n            rows={3}\n            placeholder=\"Tell mentees about your experience and how you can help.\"\n            value={bio}\n            onChange={(e) => setBio(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Expertise</label>\n          <Input\n            placeholder=\"React, System design, Career coaching\"\n            value={expertise}\n            onChange={(e) => setExpertise(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">Comma-separated topics.</p>\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              Hourly rate\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"0\"\n              value={hourlyRate}\n              onChange={(e) => setHourlyRate(e.target.value)}\n            />\n            <p className=\"mt-1 text-xs text-text-muted\">Whole number. Leave 0 for free.</p>\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Currency</label>\n            <Input\n              placeholder=\"USD\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button onClick={handleSubmit} disabled={!canSubmit}>\n            <UserPlus size={16} /> {loading ? 'Submitting…' : 'Submit profile'}\n          </Button>\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MentorshipMentorsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser } = useTechnoSpam();\n  const [search, setSearch] = useState('');\n  const [showForm, setShowForm] = useState(false);\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error, refetch } = useMentorsQuery({\n    status: 'ACTIVE',\n    pagination: pageArg(limit),\n  });\n\n  const mentors = data?.tecListMentors.items ?? [];\n  const hasMore = data?.tecListMentors.pageInfo.hasMore ?? false;\n  const userId = currentUser?.id;\n  const alreadyMentor = Boolean(userId && mentors.some((m) => m.userId === userId));\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return mentors;\n    return mentors.filter(\n      (m) =>\n        m.headline.toLowerCase().includes(q) ||\n        m.expertise.some((skill) => skill.toLowerCase().includes(q))\n    );\n  }, [mentors, search]);\n\n  const accepting = mentors.filter((m) => m.isAcceptingMentees).length;\n  const totalSessions = mentors.reduce((s, m) => s + m.sessionsCount, 0);\n  const rated = mentors.filter((m) => m.ratingAvg > 0);\n  const avgRating = rated.length\n    ? (rated.reduce((s, m) => s + m.ratingAvg, 0) / rated.length).toFixed(1)\n    : '—';\n\n  return (\n    <PageLayout\n      hero\n      title=\"Find a Mentor\"\n      description=\"Connect with experienced builders for 1:1 guidance, code review, and career coaching.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/sessions-page')}>\n          <MessageSquare size={16} /> My sessions\n        </Button>\n      }\n    >\n      {alreadyMentor ? (\n        <GlassCard className=\"mb-6 flex items-center gap-3 p-4\">\n          <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-status-success-bg-subtle text-status-success-text\">\n            <Award size={20} />\n          </span>\n          <div>\n            <div className=\"text-sm font-semibold text-text-primary\">You&apos;re a mentor</div>\n            <div className=\"text-xs text-text-secondary\">\n              Your mentor profile is live. Mentees can request sessions with you.\n            </div>\n          </div>\n        </GlassCard>\n      ) : showForm ? (\n        <BecomeMentorForm\n          onClose={() => setShowForm(false)}\n          onDone={() => {\n            setShowForm(false);\n            void refetch();\n          }}\n        />\n      ) : null}\n\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Mentors\" value={mentors.length} icon={Users} tone=\"blue\" />\n        <StatCard label=\"Accepting mentees\" value={accepting} icon={Sparkles} tone=\"green\" />\n        <StatCard label=\"Avg rating\" value={avgRating} icon={Star} tone=\"amber\" />\n        <StatCard label=\"Total sessions\" value={totalSessions} icon={MessageSquare} tone=\"purple\" />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:w-80\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n            size={16}\n          />\n          <Input\n            className=\"pl-9\"\n            placeholder=\"Search by headline or expertise…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        {!alreadyMentor && !showForm ? (\n          <Button onClick={() => setShowForm(true)}>\n            <UserPlus size={16} /> Become a mentor\n          </Button>\n        ) : null}\n      </div>\n\n      {loading && !mentors.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load mentors\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title={search ? 'No matching mentors' : 'No mentors yet'}\n          description={\n            search\n              ? 'Try a different search term.'\n              : 'Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.'\n          }\n          action={\n            !search && !alreadyMentor ? (\n              <Button onClick={() => setShowForm(true)}>Become a mentor</Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((mentor) => (\n            <MentorCard\n              key={mentor.id}\n              mentor={mentor}\n              onOpen={() => navigate(`/mentorship/mentor-profile-page?id=${mentor.id}`)}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MentorshipMentorsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"sourcesContent":["import { createElement, useMemo, useState } from 'react';\nimport { Award, MessageSquare, Search, Sparkles, Star, UserPlus, Users, X } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  PageLayout,\n  StatCard,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useBecomeMentor,\n  useMentorsQuery,\n  usePageLimit,\n  type TecMentor,\n} from '../api/technospamApi';\nimport { formatMoney } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\n/** Circular gradient medallion standing in for a mentor avatar, with a live\n *  \"accepting\" presence dot — mirrors the directory mockup within the dark theme. */\nfunction MentorMedallion({ mentor, size = 'md' }: { mentor: TecMentor; size?: 'md' | 'lg' }) {\n  const box = size === 'lg' ? 'h-20 w-20' : 'h-16 w-16';\n  return (\n    <div className=\"relative shrink-0\">\n      <span\n        className={cn(\n          'flex items-center justify-center rounded-full bg-gradient-to-br text-white shadow-md ring-1 ring-white/15',\n          box,\n          coverGradient(mentor.headline)\n        )}\n      >\n        {createElement(topicIcon(mentor.expertise.join(' ') || mentor.headline), {\n          size: size === 'lg' ? 32 : 26,\n          strokeWidth: 1.7,\n        })}\n      </span>\n      {mentor.isAcceptingMentees ? (\n        <span className=\"absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n      ) : null}\n    </div>\n  );\n}\n\nfunction MentorCard({ mentor, onOpen }: { mentor: TecMentor; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <div className=\"flex items-start gap-4\">\n        <MentorMedallion mentor={mentor} />\n        <div className=\"min-w-0 flex-1\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {mentor.headline}\n          </h3>\n          {mentor.isAcceptingMentees ? (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 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 mentees\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 border-border-seam bg-bg-sunken text-text-secondary\"\n            >\n              Not accepting\n            </Badge>\n          )}\n        </div>\n      </div>\n\n      {mentor.bio ? <p className=\"line-clamp-2 text-sm text-text-secondary\">{mentor.bio}</p> : null}\n\n      {mentor.expertise.length ? (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {mentor.expertise.slice(0, 4).map((skill) => (\n            <Badge key={skill} variant=\"secondary\" className=\"text-[11px]\">\n              {skill}\n            </Badge>\n          ))}\n          {mentor.expertise.length > 4 ? (\n            <span className=\"self-center text-xs text-text-muted\">\n              +{mentor.expertise.length - 4}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-auto grid grid-cols-3 divide-x divide-border-seam rounded-xl border border-border-seam bg-bg-sunken text-center\">\n        <div className=\"px-2 py-2.5\">\n          <div className=\"flex items-center justify-center gap-1 text-sm font-semibold text-text-primary\">\n            <Star size={13} className=\"text-accent-teal\" />\n            {mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">rating</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">{mentor.sessionsCount}</div>\n          <div className=\"text-[11px] text-text-muted\">sessions</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">\n            {formatMoney(mentor.hourlyRate, mentor.currency)}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">/ hr</div>\n        </div>\n      </div>\n\n      <Button\n        className=\"w-full\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onOpen();\n        }}\n      >\n        View profile\n      </Button>\n    </GlassCard>\n  );\n}\n\nfunction BecomeMentorForm({\n  onClose,\n  onDone,\n  workspaceId,\n}: {\n  onClose: () => void;\n  onDone: () => void;\n  workspaceId?: string;\n}) {\n  const [headline, setHeadline] = useState('');\n  const [bio, setBio] = useState('');\n  const [expertise, setExpertise] = useState('');\n  const [hourlyRate, setHourlyRate] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [becomeMentor, { loading }] = useBecomeMentor();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const canSubmit = headline.trim().length > 0 && !loading;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    const input: {\n      headline: string;\n      bio?: string;\n      expertise?: string[];\n      hourlyRate?: number;\n      currency?: string;\n    } = { headline: headline.trim() };\n    if (bio.trim()) input.bio = bio.trim();\n    const exp = expertise\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    if (exp.length) input.expertise = exp;\n    const rate = Number.parseInt(hourlyRate, 10);\n    if (!Number.isNaN(rate) && rate >= 0) input.hourlyRate = rate;\n    if (currency.trim()) input.currency = currency.trim().toUpperCase();\n\n    emit('technospam.mentor.become_mentor_clicked', { workspaceId });\n    const res = await becomeMentor({ variables: { input } });\n    if (res.data?.tecBecomeMentor) {\n      emit('technospam.mentor.became_mentor', {\n        workspaceId,\n        entityId: res.data.tecBecomeMentor.id,\n        entityType: 'TEC_MENTOR',\n      });\n      notify.success('Mentor profile created', 'Your profile is pending review.');\n      onDone();\n    }\n  };\n\n  return (\n    <GlassCard className=\"mb-6 p-5\">\n      <div className=\"mb-4 flex items-start justify-between gap-3\">\n        <div className=\"flex items-center 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-indigo text-white shadow-sm\">\n            <UserPlus size={20} />\n          </span>\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary\">Become a mentor</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Share your expertise and start mentoring builders in the community.\n            </p>\n          </div>\n        </div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onClose} aria-label=\"Close\">\n          <X size={16} />\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Headline <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer · Distributed systems & career growth\"\n            value={headline}\n            onChange={(e) => setHeadline(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Bio</label>\n          <Textarea\n            rows={3}\n            placeholder=\"Tell mentees about your experience and how you can help.\"\n            value={bio}\n            onChange={(e) => setBio(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Expertise</label>\n          <Input\n            placeholder=\"React, System design, Career coaching\"\n            value={expertise}\n            onChange={(e) => setExpertise(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">Comma-separated topics.</p>\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              Hourly rate\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"0\"\n              value={hourlyRate}\n              onChange={(e) => setHourlyRate(e.target.value)}\n            />\n            <p className=\"mt-1 text-xs text-text-muted\">Whole number. Leave 0 for free.</p>\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Currency</label>\n            <Input\n              placeholder=\"USD\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button onClick={handleSubmit} disabled={!canSubmit}>\n            <UserPlus size={16} /> {loading ? 'Submitting…' : 'Submit profile'}\n          </Button>\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MentorshipMentorsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const [search, setSearch] = useState('');\n  const [showForm, setShowForm] = useState(false);\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error, refetch } = useMentorsQuery({\n    status: 'ACTIVE',\n    pagination: pageArg(limit),\n  });\n\n  const mentors = data?.tecListMentors.items ?? [];\n  const hasMore = data?.tecListMentors.pageInfo.hasMore ?? false;\n  const userId = currentUser?.id;\n  const alreadyMentor = Boolean(userId && mentors.some((m) => m.userId === userId));\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return mentors;\n    return mentors.filter(\n      (m) =>\n        m.headline.toLowerCase().includes(q) ||\n        m.expertise.some((skill) => skill.toLowerCase().includes(q))\n    );\n  }, [mentors, search]);\n\n  const accepting = mentors.filter((m) => m.isAcceptingMentees).length;\n  const totalSessions = mentors.reduce((s, m) => s + m.sessionsCount, 0);\n  const rated = mentors.filter((m) => m.ratingAvg > 0);\n  const avgRating = rated.length\n    ? (rated.reduce((s, m) => s + m.ratingAvg, 0) / rated.length).toFixed(1)\n    : '—';\n\n  return (\n    <PageLayout\n      hero\n      title=\"Find a Mentor\"\n      description=\"Connect with experienced builders for 1:1 guidance, code review, and career coaching.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/sessions-page')}>\n          <MessageSquare size={16} /> My sessions\n        </Button>\n      }\n    >\n      {alreadyMentor ? (\n        <GlassCard className=\"mb-6 flex items-center gap-3 p-4\">\n          <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-status-success-bg-subtle text-status-success-text\">\n            <Award size={20} />\n          </span>\n          <div>\n            <div className=\"text-sm font-semibold text-text-primary\">You&apos;re a mentor</div>\n            <div className=\"text-xs text-text-secondary\">\n              Your mentor profile is live. Mentees can request sessions with you.\n            </div>\n          </div>\n        </GlassCard>\n      ) : showForm ? (\n        <BecomeMentorForm\n          onClose={() => setShowForm(false)}\n          onDone={() => {\n            setShowForm(false);\n            void refetch();\n          }}\n          workspaceId={workspaceId}\n        />\n      ) : null}\n\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Mentors\" value={mentors.length} icon={Users} tone=\"blue\" />\n        <StatCard label=\"Accepting mentees\" value={accepting} icon={Sparkles} tone=\"green\" />\n        <StatCard label=\"Avg rating\" value={avgRating} icon={Star} tone=\"amber\" />\n        <StatCard label=\"Total sessions\" value={totalSessions} icon={MessageSquare} tone=\"purple\" />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:w-80\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n            size={16}\n          />\n          <Input\n            className=\"pl-9\"\n            placeholder=\"Search by headline or expertise…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        {!alreadyMentor && !showForm ? (\n          <Button onClick={() => setShowForm(true)}>\n            <UserPlus size={16} /> Become a mentor\n          </Button>\n        ) : null}\n      </div>\n\n      {loading && !mentors.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load mentors\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title={search ? 'No matching mentors' : 'No mentors yet'}\n          description={\n            search\n              ? 'Try a different search term.'\n              : 'Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.'\n          }\n          action={\n            !search && !alreadyMentor ? (\n              <Button onClick={() => setShowForm(true)}>Become a mentor</Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((mentor) => (\n            <MentorCard\n              key={mentor.id}\n              mentor={mentor}\n              onOpen={() => {\n                emit('technospam.mentor.viewed', {\n                  workspaceId,\n                  entityId: mentor.id,\n                  entityType: 'TEC_MENTOR',\n                });\n                navigate(`/mentorship/mentor-profile-page?id=${mentor.id}`);\n              }}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\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.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":"AAkPA,wBAAgB,0BAA0B,gCAwLzC"}