@burdenoff/microfe-technospam 2026.512.1 → 2026.704.1

package/dist/technospam/pages/MentorshipMentorsPagePage.js

@@ -1,128 +1,283 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { tWithFallback as t } from "../utils/i18n.js";
-import { useMemo as n, useState as r } from "react";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { DollarSign as a, MessageSquare as o, Search as s, Star as c, User as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Input as v } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { StatCard as r } from "../components/StatCard.js";
+import { formatMoney as i } from "../utils/format.js";
+import { EmptyView as a, ErrorView as o, LoadingGrid as s } from "../components/StateViews.js";
+import "../components/index.js";
+import { notify as c } from "../lib/toast.js";
+import { useBecomeMentor as l, useMentorsQuery as u } from "../api/technospamApi.js";
+import { useMemo as d, useState as f } from "react";
+import { Award as p, MessageSquare as m, Search as h, Sparkles as g, Star as _, UserPlus as v, Users as y, X as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Badge as C, Button as w, GlassCard as T, Input as E, Textarea as D } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipMentorsPagePage.tsx
-function y() {
-	let { t: y } = i(), b = (e, n, r) => t(y, e, n, r), { mentors: x } = e(), [S, C] = r(""), [w, T] = r(!1), E = n(() => x.filter((e) => {
-		let t = S === "" || e.name.toLowerCase().includes(S.toLowerCase()) || e.expertise.some((e) => e.toLowerCase().includes(S.toLowerCase())) || e.company.toLowerCase().includes(S.toLowerCase()), n = !w || e.isAvailable;
-		return t && n;
-	}), [
-		x,
-		S,
-		w
-	]);
-	return /* @__PURE__ */ d("div", {
-		className: "space-y-6 p-6",
+function O({ mentor: e, onOpen: t }) {
+	return /* @__PURE__ */ S(T, {
+		className: "group flex cursor-pointer flex-col gap-3 p-5 transition-shadow hover:shadow-md",
+		onClick: t,
 		children: [
-			/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
-				className: "text-2xl font-semibold text-foreground",
-				children: b("technospam.mentors.title", "Find a Mentor")
-			}), /* @__PURE__ */ u("p", {
-				className: "text-sm text-muted-foreground",
-				children: b("technospam.mentors.subtitle", "Browse and connect with expert mentors")
-			})] }),
-			/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, {
-				className: "pt-6",
-				children: /* @__PURE__ */ d("div", {
-					className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-					children: [/* @__PURE__ */ d("div", {
-						className: "relative flex-1",
-						children: [/* @__PURE__ */ u(s, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ u(v, {
-							placeholder: b("technospam.mentors.search.placeholder", "Search by name, expertise, company..."),
-							value: S,
-							onChange: (e) => C(e.target.value),
-							className: "pl-9"
+			/* @__PURE__ */ S("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ S("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ x("h3", {
+						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
+						children: e.headline
+					}), /* @__PURE__ */ S("div", {
+						className: "mt-1 text-sm font-medium text-text-secondary",
+						children: [i(e.hourlyRate, e.currency), /* @__PURE__ */ x("span", {
+							className: "text-text-muted",
+							children: " / hr"
 						})]
-					}), /* @__PURE__ */ u(p, {
-						variant: w ? "default" : "outline",
-						size: "sm",
-						onClick: () => T(!w),
-						children: b("technospam.mentors.filters.availableOnly", "Available Only")
 					})]
-				})
-			}) }),
-			E.length === 0 ? /* @__PURE__ */ u("div", {
-				className: "py-12 text-center text-sm text-muted-foreground",
-				children: b("technospam.mentors.empty", "No mentors match your search")
-			}) : /* @__PURE__ */ u("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: E.map((e) => /* @__PURE__ */ d(m, {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ u(g, {
-						className: "pb-3",
-						children: /* @__PURE__ */ d("div", {
-							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ u("div", {
-								className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted",
-								children: /* @__PURE__ */ u(l, { className: "h-6 w-6 text-muted-foreground" })
-							}), /* @__PURE__ */ d("div", {
-								className: "flex-1",
-								children: [/* @__PURE__ */ d("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ u(_, {
-										className: "text-base",
-										children: e.name
-									}), /* @__PURE__ */ u("span", { className: `h-2 w-2 rounded-full ${e.isAvailable ? "bg-green-500" : "bg-gray-400"}` })]
-								}), /* @__PURE__ */ u("p", {
-									className: "text-xs text-muted-foreground",
-									children: b("technospam.mentors.card.role", "{{title}} at {{company}}", {
-										title: e.title,
-										company: e.company
-									})
-								})]
-							})]
+				}), e.isAcceptingMentees ? /* @__PURE__ */ x(C, {
+					variant: "outline",
+					className: "shrink-0 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+					children: "Accepting mentees"
+				}) : /* @__PURE__ */ x(C, {
+					variant: "outline",
+					className: "shrink-0 border-border-seam bg-bg-sunken text-text-secondary",
+					children: "Not accepting"
+				})]
+			}),
+			e.bio ? /* @__PURE__ */ x("p", {
+				className: "line-clamp-2 text-sm text-text-secondary",
+				children: e.bio
+			}) : null,
+			e.expertise.length ? /* @__PURE__ */ S("div", {
+				className: "flex flex-wrap gap-1.5",
+				children: [e.expertise.slice(0, 4).map((e) => /* @__PURE__ */ x(C, {
+					variant: "secondary",
+					className: "text-[11px]",
+					children: e
+				}, e)), e.expertise.length > 4 ? /* @__PURE__ */ S("span", {
+					className: "text-xs text-text-muted",
+					children: [
+						"+",
+						e.expertise.length - 4,
+						" more"
+					]
+				}) : null]
+			}) : null,
+			/* @__PURE__ */ S("div", {
+				className: "mt-auto flex items-center gap-4 pt-1 text-xs text-text-muted",
+				children: [/* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1",
+					children: [/* @__PURE__ */ x(_, {
+						size: 13,
+						className: "text-accent-teal"
+					}), e.ratingAvg > 0 ? e.ratingAvg.toFixed(1) : "New"]
+				}), /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ x(m, { size: 13 }),
+						" ",
+						e.sessionsCount,
+						" sessions"
+					]
+				})]
+			})
+		]
+	});
+}
+function k({ onClose: e, onDone: t }) {
+	let [n, r] = f(""), [i, a] = f(""), [o, s] = f(""), [u, d] = f(""), [p, m] = f("USD"), [h, { loading: g }] = l(), _ = n.trim().length > 0 && !g;
+	return /* @__PURE__ */ S(T, {
+		className: "mb-6 p-5",
+		children: [/* @__PURE__ */ S("div", {
+			className: "mb-4 flex items-center justify-between",
+			children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h2", {
+				className: "text-base font-semibold text-text-primary",
+				children: "Become a mentor"
+			}), /* @__PURE__ */ x("p", {
+				className: "text-sm text-text-secondary",
+				children: "Share your expertise and start mentoring builders in the community."
+			})] }), /* @__PURE__ */ x(w, {
+				variant: "ghost",
+				size: "sm",
+				onClick: e,
+				"aria-label": "Close",
+				children: /* @__PURE__ */ x(b, { size: 16 })
+			})]
+		}), /* @__PURE__ */ S("div", {
+			className: "grid grid-cols-1 gap-4",
+			children: [
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("label", {
+					className: "mb-1.5 block text-sm font-medium text-text-primary",
+					children: ["Headline ", /* @__PURE__ */ x("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ x(E, {
+					placeholder: "e.g. Staff Engineer · Distributed systems & career growth",
+					value: n,
+					onChange: (e) => r(e.target.value)
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+					className: "mb-1.5 block text-sm font-medium text-text-primary",
+					children: "Bio"
+				}), /* @__PURE__ */ x(D, {
+					rows: 3,
+					placeholder: "Tell mentees about your experience and how you can help.",
+					value: i,
+					onChange: (e) => a(e.target.value)
+				})] }),
+				/* @__PURE__ */ S("div", { children: [
+					/* @__PURE__ */ x("label", {
+						className: "mb-1.5 block text-sm font-medium text-text-primary",
+						children: "Expertise"
+					}),
+					/* @__PURE__ */ x(E, {
+						placeholder: "React, System design, Career coaching",
+						value: o,
+						onChange: (e) => s(e.target.value)
+					}),
+					/* @__PURE__ */ x("p", {
+						className: "mt-1 text-xs text-text-muted",
+						children: "Comma-separated topics."
+					})
+				] }),
+				/* @__PURE__ */ S("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+					children: [/* @__PURE__ */ S("div", { children: [
+						/* @__PURE__ */ x("label", {
+							className: "mb-1.5 block text-sm font-medium text-text-primary",
+							children: "Hourly rate"
+						}),
+						/* @__PURE__ */ x(E, {
+							type: "number",
+							min: 0,
+							placeholder: "0",
+							value: u,
+							onChange: (e) => d(e.target.value)
+						}),
+						/* @__PURE__ */ x("p", {
+							className: "mt-1 text-xs text-text-muted",
+							children: "Whole number. Leave 0 for free."
 						})
-					}), /* @__PURE__ */ d(h, {
-						className: "flex flex-1 flex-col justify-between space-y-3",
-						children: [/* @__PURE__ */ d("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ u("p", {
-									className: "text-sm text-muted-foreground line-clamp-2",
-									children: e.bio
-								}),
-								/* @__PURE__ */ d("div", {
-									className: "flex items-center gap-4 text-xs text-muted-foreground",
-									children: [
-										/* @__PURE__ */ d("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ u(c, { className: "h-3 w-3 text-yellow-500" }), e.rating]
-										}),
-										/* @__PURE__ */ d("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ u(o, { className: "h-3 w-3" }), e.totalSessions]
-										}),
-										/* @__PURE__ */ d("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ u(a, { className: "h-3 w-3" }), e.hourlyRate === 0 ? b("technospam.mentors.card.free", "Free") : b("technospam.mentors.card.hourlyRate", "${{rate}}/hr", { rate: e.hourlyRate })]
-										})
-									]
-								}),
-								/* @__PURE__ */ u("div", {
-									className: "flex flex-wrap gap-1",
-									children: e.expertise.map((e) => /* @__PURE__ */ u(f, {
-										variant: "outline",
-										className: "text-xs",
-										children: e
-									}, e))
-								})
-							]
-						}), /* @__PURE__ */ u(p, {
-							size: "sm",
-							disabled: !e.isAvailable,
-							children: e.isAvailable ? b("technospam.mentors.actions.bookSession", "Book Session") : b("technospam.mentors.actions.unavailable", "Unavailable")
-						})]
+					] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+						className: "mb-1.5 block text-sm font-medium text-text-primary",
+						children: "Currency"
+					}), /* @__PURE__ */ x(E, {
+						placeholder: "USD",
+						value: p,
+						onChange: (e) => m(e.target.value)
+					})] })]
+				}),
+				/* @__PURE__ */ S("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ S(w, {
+						onClick: async () => {
+							if (!_) 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(u, 10);
+							!Number.isNaN(a) && a >= 0 && (e.hourlyRate = a), p.trim() && (e.currency = p.trim().toUpperCase()), (await h({ variables: { input: e } })).data?.tecBecomeMentor && (c.success("Mentor profile created", "Your profile is pending review."), t());
+						},
+						disabled: !_,
+						children: [
+							/* @__PURE__ */ x(v, { size: 16 }),
+							" ",
+							g ? "Submitting…" : "Submit profile"
+						]
+					}), /* @__PURE__ */ x(w, {
+						variant: "outline",
+						onClick: e,
+						disabled: g,
+						children: "Cancel"
+					})]
+				})
+			]
+		})]
+	});
+}
+function A() {
+	let i = t(), { currentUser: c } = e(), [l, _] = f(""), [b, C] = f(!1), { data: D, loading: A, error: j, refetch: M } = u({ status: "ACTIVE" }), N = D?.tecListMentors.items ?? [], P = c?.id, F = !!(P && N.some((e) => e.userId === P)), I = d(() => {
+		let e = l.trim().toLowerCase();
+		return e ? N.filter((t) => t.headline.toLowerCase().includes(e) || t.expertise.some((t) => t.toLowerCase().includes(e))) : N;
+	}, [N, l]), L = N.filter((e) => e.isAcceptingMentees).length;
+	return /* @__PURE__ */ S(n, {
+		hero: !0,
+		title: "Find a Mentor",
+		description: "Connect with experienced builders for 1:1 guidance, code review, and career coaching.",
+		actions: /* @__PURE__ */ S(w, {
+			variant: "outline",
+			onClick: () => i("/mentorship/sessions-page"),
+			children: [/* @__PURE__ */ x(m, { size: 16 }), " My sessions"]
+		}),
+		children: [
+			F ? /* @__PURE__ */ S(T, {
+				className: "mb-6 flex items-center gap-3 p-4",
+				children: [/* @__PURE__ */ x("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__ */ x(p, { size: 20 })
+				}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "You're a mentor"
+				}), /* @__PURE__ */ x("div", {
+					className: "text-xs text-text-secondary",
+					children: "Your mentor profile is live. Mentees can request sessions with you."
+				})] })]
+			}) : b ? /* @__PURE__ */ x(k, {
+				onClose: () => C(!1),
+				onDone: () => {
+					C(!1), M();
+				}
+			}) : null,
+			/* @__PURE__ */ S("div", {
+				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [/* @__PURE__ */ x(r, {
+					label: "Mentors",
+					value: N.length,
+					icon: y
+				}), /* @__PURE__ */ x(r, {
+					label: "Accepting mentees",
+					value: L,
+					icon: g
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ S("div", {
+					className: "relative w-full sm:w-80",
+					children: [/* @__PURE__ */ x(h, {
+						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
+						size: 16
+					}), /* @__PURE__ */ x(E, {
+						className: "pl-9",
+						placeholder: "Search by headline or expertise…",
+						value: l,
+						onChange: (e) => _(e.target.value)
 					})]
+				}), !F && !b ? /* @__PURE__ */ S(w, {
+					onClick: () => C(!0),
+					children: [/* @__PURE__ */ x(v, { size: 16 }), " Become a mentor"]
+				}) : null]
+			}),
+			A && !N.length ? /* @__PURE__ */ x(s, {}) : j ? /* @__PURE__ */ x(o, {
+				title: "Couldn't load mentors",
+				error: j
+			}) : I.length === 0 ? /* @__PURE__ */ x(a, {
+				icon: /* @__PURE__ */ x(y, { size: 26 }),
+				title: l ? "No matching mentors" : "No mentors yet",
+				description: l ? "Try a different search term." : "Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.",
+				action: !l && !F ? /* @__PURE__ */ x(w, {
+					onClick: () => C(!0),
+					children: "Become a mentor"
+				}) : void 0
+			}) : /* @__PURE__ */ x("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: I.map((e) => /* @__PURE__ */ x(O, {
+					mentor: e,
+					onOpen: () => i(`/mentorship/mentor-profile-page?id=${e.id}`)
 				}, e.id))
 			})
 		]
 	});
 }
 //#endregion
-export { y as MentorshipMentorsPagePage };
+export { A 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 { useState, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star, User, DollarSign, MessageSquare } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function MentorshipMentorsPagePage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n  const { mentors } = useTechnoSpamStore();\n  const [searchTerm, setSearchTerm] = useState('');\n  const [showAvailableOnly, setShowAvailableOnly] = useState(false);\n\n  const filteredMentors = useMemo(() => {\n    return mentors.filter((mentor) => {\n      const matchesSearch =\n        searchTerm === '' ||\n        mentor.name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        mentor.expertise.some((skill) => skill.toLowerCase().includes(searchTerm.toLowerCase())) ||\n        mentor.company.toLowerCase().includes(searchTerm.toLowerCase());\n      const matchesAvailability = !showAvailableOnly || mentor.isAvailable;\n      return matchesSearch && matchesAvailability;\n    });\n  }, [mentors, searchTerm, showAvailableOnly]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">\n          {tr('technospam.mentors.title', 'Find a Mentor')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {tr('technospam.mentors.subtitle', 'Browse and connect with expert mentors')}\n        </p>\n      </div>\n\n      <Card>\n        <CardContent className=\"pt-6\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder={tr(\n                  'technospam.mentors.search.placeholder',\n                  'Search by name, expertise, company...'\n                )}\n                value={searchTerm}\n                onChange={(e) => setSearchTerm(e.target.value)}\n                className=\"pl-9\"\n              />\n            </div>\n            <Button\n              variant={showAvailableOnly ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setShowAvailableOnly(!showAvailableOnly)}\n            >\n              {tr('technospam.mentors.filters.availableOnly', 'Available Only')}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n\n      {filteredMentors.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          {tr('technospam.mentors.empty', 'No mentors match your search')}\n        </div>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {filteredMentors.map((mentor) => (\n            <Card key={mentor.id} className=\"flex flex-col\">\n              <CardHeader className=\"pb-3\">\n                <div className=\"flex items-start gap-3\">\n                  <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-muted\">\n                    <User className=\"h-6 w-6 text-muted-foreground\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <CardTitle className=\"text-base\">{mentor.name}</CardTitle>\n                      <span\n                        className={`h-2 w-2 rounded-full ${mentor.isAvailable ? 'bg-green-500' : 'bg-gray-400'}`}\n                      />\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {tr('technospam.mentors.card.role', '{{title}} at {{company}}', {\n                        title: mentor.title,\n                        company: mentor.company,\n                      })}\n                    </p>\n                  </div>\n                </div>\n              </CardHeader>\n              <CardContent className=\"flex flex-1 flex-col justify-between space-y-3\">\n                <div className=\"space-y-3\">\n                  <p className=\"text-sm text-muted-foreground line-clamp-2\">{mentor.bio}</p>\n                  <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                    <span className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 text-yellow-500\" />\n                      {mentor.rating}\n                    </span>\n                    <span className=\"flex items-center gap-1\">\n                      <MessageSquare className=\"h-3 w-3\" />\n                      {mentor.totalSessions}\n                    </span>\n                    <span className=\"flex items-center gap-1\">\n                      <DollarSign className=\"h-3 w-3\" />\n                      {mentor.hourlyRate === 0\n                        ? tr('technospam.mentors.card.free', 'Free')\n                        : tr('technospam.mentors.card.hourlyRate', '${{rate}}/hr', {\n                            rate: mentor.hourlyRate,\n                          })}\n                    </span>\n                  </div>\n                  <div className=\"flex flex-wrap gap-1\">\n                    {mentor.expertise.map((skill) => (\n                      <Badge key={skill} variant=\"outline\" className=\"text-xs\">\n                        {skill}\n                      </Badge>\n                    ))}\n                  </div>\n                </div>\n                <Button size=\"sm\" disabled={!mentor.isAvailable}>\n                  {mentor.isAvailable\n                    ? tr('technospam.mentors.actions.bookSession', 'Book Session')\n                    : tr('technospam.mentors.actions.unavailable', 'Unavailable')}\n                </Button>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MentorshipMentorsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"sourcesContent":["import { 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 { EmptyView, ErrorView, LoadingGrid, PageLayout, StatCard } from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport { useBecomeMentor, useMentorsQuery, type TecMentor } from '../api/technospamApi';\nimport { formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\n\nfunction MentorCard({ mentor, onOpen }: { mentor: TecMentor; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col gap-3 p-5 transition-shadow hover:shadow-md\"\n      onClick={onOpen}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {mentor.headline}\n          </h3>\n          <div className=\"mt-1 text-sm font-medium text-text-secondary\">\n            {formatMoney(mentor.hourlyRate, mentor.currency)}\n            <span className=\"text-text-muted\"> / hr</span>\n          </div>\n        </div>\n        {mentor.isAcceptingMentees ? (\n          <Badge\n            variant=\"outline\"\n            className=\"shrink-0 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n          >\n            Accepting mentees\n          </Badge>\n        ) : (\n          <Badge\n            variant=\"outline\"\n            className=\"shrink-0 border-border-seam bg-bg-sunken text-text-secondary\"\n          >\n            Not accepting\n          </Badge>\n        )}\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=\"text-xs text-text-muted\">+{mentor.expertise.length - 4} more</span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-auto flex items-center gap-4 pt-1 text-xs text-text-muted\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Star size={13} className=\"text-accent-teal\" />\n          {mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <MessageSquare size={13} /> {mentor.sessionsCount} sessions\n        </span>\n      </div>\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-center justify-between\">\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        <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 { data, loading, error, refetch } = useMentorsQuery({ status: 'ACTIVE' });\n\n  const mentors = data?.tecListMentors.items ?? [];\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\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} />\n        <StatCard label=\"Accepting mentees\" value={accepting} icon={Sparkles} />\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    </PageLayout>\n  );\n}\n"],"mappings":"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"}