@burdenoff/microfe-technospam 2026.705.2 → 2026.709.1

package/dist/technospam/pages/MentorshipSessionsPagePage.js

@@ -7,36 +7,37 @@ import { EmptyView as s, ErrorView as c, LoadingRows as l } from "../components/
 import "../components/index.js";
 import { notify as u } from "../lib/toast.js";
 import { useCancelSession as d, useCompleteSession as f, useConfirmSession as p, useMentorsQuery as m, useSessionsQuery as h } from "../api/technospamApi.js";
-import { useState as g } from "react";
-import { CalendarClock as _, Check as v, CheckCircle2 as y, Clock as b, MessageSquare as x, Users as S, Video as C, X as w } from "lucide-react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Button as D, GlassCard as O, Input as k, Tabs as A, TabsList as j, TabsTrigger as M } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpamAnalytics as g } from "../hooks/useTechnoSpamAnalytics.js";
+import { useState as _ } from "react";
+import { CalendarClock as v, Check as y, CheckCircle2 as b, Clock as x, MessageSquare as S, Users as C, Video as w, X as T } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O, GlassCard as k, Input as A, Tabs as j, TabsList as M, TabsTrigger as N } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipSessionsPagePage.tsx
-var N = new Set(["REQUESTED", "CONFIRMED"]);
-function P({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: s, onComplete: c, busy: l }) {
-	let u = N.has(e.status), [d, f] = g("none"), [p, m] = g(""), [h, x] = g("5"), [S, A] = g("");
-	return /* @__PURE__ */ E(O, {
+var P = new Set(["REQUESTED", "CONFIRMED"]);
+function F({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: s, onComplete: c, busy: l }) {
+	let u = P.has(e.status), [d, f] = _("none"), [p, m] = _(""), [h, g] = _("5"), [S, C] = _("");
+	return /* @__PURE__ */ D(k, {
 		className: "flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ T("span", {
+					children: [/* @__PURE__ */ E("span", {
 						className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm",
-						children: /* @__PURE__ */ T(C, { size: 18 })
-					}), /* @__PURE__ */ E("div", {
+						children: /* @__PURE__ */ E(w, { size: 18 })
+					}), /* @__PURE__ */ D("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ D("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ T("span", {
+									/* @__PURE__ */ E("span", {
 										className: "truncate text-sm font-semibold text-text-primary",
 										children: e.topic
 									}),
-									/* @__PURE__ */ T(o, { status: e.status }),
-									e.rating ? /* @__PURE__ */ E("span", {
+									/* @__PURE__ */ E(o, { status: e.status }),
+									e.rating ? /* @__PURE__ */ D("span", {
 										className: "text-xs text-text-muted",
 										children: [
 											"★ ",
@@ -46,72 +47,72 @@ function P({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: s,
 									}) : null
 								]
 							}),
-							t && e.mentor?.headline ? /* @__PURE__ */ E("div", {
+							t && e.mentor?.headline ? /* @__PURE__ */ D("div", {
 								className: "mt-0.5 truncate text-xs text-text-secondary",
 								children: ["with ", e.mentor.headline]
 							}) : null,
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ D("div", {
 								className: "mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted",
-								children: [/* @__PURE__ */ E("span", {
+								children: [/* @__PURE__ */ D("span", {
 									className: "inline-flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ T(_, { size: 13 }),
+										/* @__PURE__ */ E(v, { size: 13 }),
 										" ",
 										i(e.scheduledAt)
 									]
-								}), /* @__PURE__ */ E("span", {
+								}), /* @__PURE__ */ D("span", {
 									className: "inline-flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ T(b, { size: 13 }),
+										/* @__PURE__ */ E(x, { size: 13 }),
 										" ",
 										a(e.durationMinutes)
 									]
 								})]
 							}),
-							e.agenda ? /* @__PURE__ */ T("p", {
+							e.agenda ? /* @__PURE__ */ E("p", {
 								className: "mt-1 line-clamp-2 text-xs text-text-secondary",
 								children: e.agenda
 							}) : null
 						]
 					})]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "flex shrink-0 flex-wrap items-center gap-2",
 					children: [
-						e.meetingUrl ? /* @__PURE__ */ E(D, {
+						e.meetingUrl ? /* @__PURE__ */ D(O, {
 							size: "sm",
 							onClick: () => window.open(e.meetingUrl ?? "", "_blank", "noopener,noreferrer"),
-							children: [/* @__PURE__ */ T(C, { size: 15 }), " Join"]
+							children: [/* @__PURE__ */ E(w, { size: 15 }), " Join"]
 						}) : null,
-						n && e.status === "REQUESTED" ? /* @__PURE__ */ E(D, {
+						n && e.status === "REQUESTED" ? /* @__PURE__ */ D(O, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => f(d === "confirm" ? "none" : "confirm"),
-							children: [/* @__PURE__ */ T(v, { size: 15 }), " Confirm"]
+							children: [/* @__PURE__ */ E(y, { size: 15 }), " Confirm"]
 						}) : null,
-						n && e.status === "CONFIRMED" ? /* @__PURE__ */ E(D, {
+						n && e.status === "CONFIRMED" ? /* @__PURE__ */ D(O, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => f(d === "complete" ? "none" : "complete"),
-							children: [/* @__PURE__ */ T(y, { size: 15 }), " Mark complete"]
+							children: [/* @__PURE__ */ E(b, { size: 15 }), " Mark complete"]
 						}) : null,
-						u ? /* @__PURE__ */ E(D, {
+						u ? /* @__PURE__ */ D(O, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => r(e.id),
 							disabled: l,
-							children: [/* @__PURE__ */ T(w, { size: 15 }), " Cancel"]
+							children: [/* @__PURE__ */ E(T, { size: 15 }), " Cancel"]
 						}) : null
 					]
 				})]
 			}),
-			d === "confirm" ? /* @__PURE__ */ E("div", {
+			d === "confirm" ? /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ T(k, {
+				children: [/* @__PURE__ */ E(A, {
 					className: "flex-1",
 					placeholder: "Meeting link (e.g. https://meet.…)",
 					value: p,
 					onChange: (e) => m(e.target.value)
-				}), /* @__PURE__ */ T(D, {
+				}), /* @__PURE__ */ E(O, {
 					size: "sm",
 					onClick: async () => {
 						await s(e.id, p.trim()), f("none"), m("");
@@ -120,29 +121,29 @@ function P({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: s,
 					children: "Confirm session"
 				})]
 			}) : null,
-			d === "complete" ? /* @__PURE__ */ E("div", {
+			d === "complete" ? /* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ D("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ T("label", {
+						children: [/* @__PURE__ */ E("label", {
 							className: "text-xs text-text-secondary",
 							children: "Rating (1–5)"
-						}), /* @__PURE__ */ T(k, {
+						}), /* @__PURE__ */ E(A, {
 							type: "number",
 							min: 1,
 							max: 5,
 							className: "w-20",
 							value: h,
-							onChange: (e) => x(e.target.value)
+							onChange: (e) => g(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ T(k, {
+					/* @__PURE__ */ E(A, {
 						placeholder: "Feedback for the mentee (optional)",
 						value: S,
-						onChange: (e) => A(e.target.value)
+						onChange: (e) => C(e.target.value)
 					}),
-					/* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(D, {
+					/* @__PURE__ */ E("div", { children: /* @__PURE__ */ E(O, {
 						size: "sm",
 						onClick: async () => {
 							await c(e.id, Math.min(5, Math.max(1, Number(h) || 5)), S.trim()), f("none");
@@ -155,21 +156,21 @@ function P({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: s,
 		]
 	});
 }
-function F({ loading: e, error: t, sessions: n, showMentor: r, emptyTitle: i, emptyDescription: a, emptyAction: o, isMentor: u, onCancel: d, onConfirm: f, onComplete: p, busyId: m }) {
-	return e && n.length === 0 ? /* @__PURE__ */ T(l, {
+function I({ loading: e, error: t, sessions: n, showMentor: r, emptyTitle: i, emptyDescription: a, emptyAction: o, isMentor: u, onCancel: d, onConfirm: f, onComplete: p, busyId: m }) {
+	return e && n.length === 0 ? /* @__PURE__ */ E(l, {
 		count: 3,
 		height: "h-24"
-	}) : t ? /* @__PURE__ */ T(c, {
+	}) : t ? /* @__PURE__ */ E(c, {
 		title: "Couldn't load sessions",
 		error: t
-	}) : n.length === 0 ? /* @__PURE__ */ T(s, {
-		icon: /* @__PURE__ */ T(x, { size: 26 }),
+	}) : n.length === 0 ? /* @__PURE__ */ E(s, {
+		icon: /* @__PURE__ */ E(S, { size: 26 }),
 		title: i,
 		description: a,
 		action: o
-	}) : /* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ E("div", {
 		className: "space-y-3",
-		children: [...n].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).map((e) => /* @__PURE__ */ T(P, {
+		children: [...n].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).map((e) => /* @__PURE__ */ E(F, {
 			session: e,
 			showMentor: r,
 			isMentor: u,
@@ -180,140 +181,156 @@ function F({ loading: e, error: t, sessions: n, showMentor: r, emptyTitle: i, em
 		}, e.id))
 	});
 }
-function I() {
-	let i = t(), { currentUser: a } = e(), [o, c] = g("mentee"), [v, b] = g(null), C = a?.id, w = h(C ? { menteeId: C } : {}), O = m({}), k = O.data?.tecListMentors.items.find((e) => e.userId === a?.id), N = k?.id, P = h(N ? { mentorId: N } : {}), [I] = d(), [L] = p(), [R] = f(), z = C ? w.data?.tecListSessions ?? [] : [], B = N ? P.data?.tecListSessions ?? [] : [], V = [...z, ...B], H = V.filter((e) => e.status === "REQUESTED" || e.status === "CONFIRMED").length, U = V.filter((e) => e.status === "COMPLETED").length, W = async (e) => {
-		b(e);
+function L() {
+	let i = t(), { currentUser: a, workspaceId: o } = e(), { emit: c } = g(), [y, x] = _("mentee"), [w, T] = _(null), k = a?.id, A = h(k ? { menteeId: k } : {}), P = m({}), F = P.data?.tecListMentors.items.find((e) => e.userId === a?.id), L = F?.id, R = h(L ? { mentorId: L } : {}), [z] = d(), [B] = p(), [V] = f(), H = k ? A.data?.tecListSessions ?? [] : [], U = L ? R.data?.tecListSessions ?? [] : [], W = [...H, ...U], G = W.filter((e) => e.status === "REQUESTED" || e.status === "CONFIRMED").length, K = W.filter((e) => e.status === "COMPLETED").length, q = async (e) => {
+		T(e), c("technospam.session.cancel_clicked", {
+			workspaceId: o,
+			entityId: e,
+			entityType: "TEC_MENTOR_SESSION"
+		});
 		try {
-			(await I({ variables: { id: e } })).data?.tecCancelSession && u.success("Session cancelled", "The session has been cancelled.");
+			(await z({ variables: { id: e } })).data?.tecCancelSession && (c("technospam.session.cancelled", {
+				workspaceId: o,
+				entityId: e,
+				entityType: "TEC_MENTOR_SESSION"
+			}), u.success("Session cancelled", "The session has been cancelled."));
 		} finally {
-			b(null);
+			T(null);
 		}
-	}, G = async (e, t) => {
-		b(e);
+	}, J = async (e, t) => {
+		T(e);
 		try {
-			(await L({ variables: {
+			(await B({ variables: {
 				id: e,
 				meetingUrl: t || void 0
-			} })).data?.tecConfirmSession && (u.success("Session confirmed", "The mentee has been notified."), await P.refetch());
+			} })).data?.tecConfirmSession && (u.success("Session confirmed", "The mentee has been notified."), await R.refetch());
 		} finally {
-			b(null);
+			T(null);
 		}
-	}, K = async (e, t, n) => {
-		b(e);
+	}, Y = async (e, t, n) => {
+		T(e), c("technospam.session.complete_clicked", {
+			workspaceId: o,
+			entityId: e,
+			entityType: "TEC_MENTOR_SESSION"
+		});
 		try {
-			(await R({ variables: {
+			(await V({ variables: {
 				id: e,
 				rating: t,
 				feedback: n || void 0
-			} })).data?.tecCompleteSession && (u.success("Session completed", "Nice work — the session is wrapped up."), await P.refetch());
+			} })).data?.tecCompleteSession && (c("technospam.session.completed", {
+				workspaceId: o,
+				entityId: e,
+				entityType: "TEC_MENTOR_SESSION"
+			}), u.success("Session completed", "Nice work — the session is wrapped up."), await R.refetch());
 		} finally {
-			b(null);
+			T(null);
 		}
 	};
-	return a?.id ? /* @__PURE__ */ E(n, {
+	return a?.id ? /* @__PURE__ */ D(n, {
 		hero: !0,
 		title: "My Sessions",
 		description: "Manage the mentorship sessions you've booked and the ones you host.",
-		actions: /* @__PURE__ */ E(D, {
+		actions: /* @__PURE__ */ D(O, {
 			variant: "outline",
 			onClick: () => i("/mentorship/mentors-page"),
-			children: [/* @__PURE__ */ T(S, { size: 16 }), " Find a mentor"]
+			children: [/* @__PURE__ */ E(C, { size: 16 }), " Find a mentor"]
 		}),
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "As mentee",
-						value: z.length,
-						icon: x,
+						value: H.length,
+						icon: S,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "As mentor",
-						value: N ? B.length : 0,
-						icon: S,
+						value: L ? U.length : 0,
+						icon: C,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "Upcoming",
-						value: H,
-						icon: _,
+						value: G,
+						icon: v,
 						tone: "teal"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "Completed",
-						value: U,
-						icon: y,
+						value: K,
+						icon: b,
 						tone: "green"
 					})
 				]
 			}),
-			/* @__PURE__ */ T(A, {
-				value: o,
-				onValueChange: (e) => c(e),
+			/* @__PURE__ */ E(j, {
+				value: y,
+				onValueChange: (e) => x(e),
 				className: "mb-4",
-				children: /* @__PURE__ */ E(j, { children: [/* @__PURE__ */ T(M, {
+				children: /* @__PURE__ */ D(M, { children: [/* @__PURE__ */ E(N, {
 					value: "mentee",
 					children: "As mentee"
-				}), /* @__PURE__ */ T(M, {
+				}), /* @__PURE__ */ E(N, {
 					value: "mentor",
 					children: "As mentor"
 				})] })
 			}),
-			o === "mentee" ? /* @__PURE__ */ T(F, {
-				loading: w.loading,
-				error: w.error,
-				sessions: z,
+			y === "mentee" ? /* @__PURE__ */ E(I, {
+				loading: A.loading,
+				error: A.error,
+				sessions: H,
 				showMentor: !0,
 				emptyTitle: "No sessions booked yet",
 				emptyDescription: "Find a mentor and request a session to get personalized guidance.",
-				emptyAction: /* @__PURE__ */ T(D, {
+				emptyAction: /* @__PURE__ */ E(O, {
 					onClick: () => i("/mentorship/mentors-page"),
 					children: "Find a mentor"
 				}),
 				isMentor: !1,
-				onCancel: W,
-				onConfirm: G,
-				onComplete: K,
-				busyId: v
-			}) : O.loading && !k ? /* @__PURE__ */ T(l, {
+				onCancel: q,
+				onConfirm: J,
+				onComplete: Y,
+				busyId: w
+			}) : P.loading && !F ? /* @__PURE__ */ E(l, {
 				count: 3,
 				height: "h-24"
-			}) : N ? /* @__PURE__ */ T(F, {
-				loading: P.loading,
-				error: P.error,
-				sessions: B,
+			}) : L ? /* @__PURE__ */ E(I, {
+				loading: R.loading,
+				error: R.error,
+				sessions: U,
 				showMentor: !1,
 				emptyTitle: "No sessions to host yet",
 				emptyDescription: "When mentees request time with you, their sessions will show up here.",
 				isMentor: !0,
-				onCancel: W,
-				onConfirm: G,
-				onComplete: K,
-				busyId: v
-			}) : /* @__PURE__ */ T(s, {
-				icon: /* @__PURE__ */ T(S, { size: 26 }),
+				onCancel: q,
+				onConfirm: J,
+				onComplete: Y,
+				busyId: w
+			}) : /* @__PURE__ */ E(s, {
+				icon: /* @__PURE__ */ E(C, { size: 26 }),
 				title: "You're not a mentor yet",
 				description: "Create a mentor profile to start hosting sessions and helping others build.",
-				action: /* @__PURE__ */ T(D, {
+				action: /* @__PURE__ */ E(O, {
 					onClick: () => i("/mentorship/mentors-page"),
 					children: "Become a mentor"
 				})
 			})
 		]
-	}) : /* @__PURE__ */ T(n, {
+	}) : /* @__PURE__ */ E(n, {
 		hero: !0,
 		title: "My Sessions",
 		description: "Track your mentorship sessions.",
-		children: /* @__PURE__ */ T(s, {
-			icon: /* @__PURE__ */ T(x, { size: 26 }),
+		children: /* @__PURE__ */ E(s, {
+			icon: /* @__PURE__ */ E(S, { size: 26 }),
 			title: "Sign in to view your sessions",
 			description: "Your booked and hosted mentorship sessions will appear here once you're signed in."
 		})
 	});
 }
 //#endregion
-export { I as MentorshipSessionsPagePage };
+export { L as MentorshipSessionsPagePage };
 
 //# sourceMappingURL=MentorshipSessionsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MentorshipSessionsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipSessionsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  CalendarClock,\n  Check,\n  CheckCircle2,\n  Clock,\n  MessageSquare,\n  Users,\n  Video,\n  X,\n} from 'lucide-react';\nimport { Button, GlassCard, Input, Tabs, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useCancelSession,\n  useCompleteSession,\n  useConfirmSession,\n  useMentorsQuery,\n  useSessionsQuery,\n  type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDateTime, formatDuration } from '../utils/format';\nimport { notify } from '../lib/toast';\n\ntype Perspective = 'mentee' | 'mentor';\n\nconst CANCELLABLE = new Set(['REQUESTED', 'CONFIRMED']);\n\nfunction SessionRow({\n  session,\n  showMentor,\n  isMentor,\n  onCancel,\n  onConfirm,\n  onComplete,\n  busy,\n}: {\n  session: TecMentorSession;\n  showMentor: boolean;\n  isMentor: boolean;\n  onCancel: (id: string) => void;\n  onConfirm: (id: string, meetingUrl: string) => Promise<void>;\n  onComplete: (id: string, rating: number, feedback: string) => Promise<void>;\n  busy: boolean;\n}) {\n  const canCancel = CANCELLABLE.has(session.status);\n  const [mode, setMode] = useState<'none' | 'confirm' | 'complete'>('none');\n  const [meetingUrl, setMeetingUrl] = useState('');\n  const [rating, setRating] = useState('5');\n  const [feedback, setFeedback] = useState('');\n\n  const submitConfirm = async () => {\n    await onConfirm(session.id, meetingUrl.trim());\n    setMode('none');\n    setMeetingUrl('');\n  };\n  const submitComplete = async () => {\n    await onComplete(session.id, Math.min(5, Math.max(1, Number(rating) || 5)), feedback.trim());\n    setMode('none');\n  };\n\n  return (\n    <GlassCard className=\"flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-start gap-3\">\n          <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n            <Video size={18} />\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"truncate text-sm font-semibold text-text-primary\">\n                {session.topic}\n              </span>\n              <StatusBadge status={session.status} />\n              {session.rating ? (\n                <span className=\"text-xs text-text-muted\">★ {session.rating}/5</span>\n              ) : null}\n            </div>\n            {showMentor && session.mentor?.headline ? (\n              <div className=\"mt-0.5 truncate text-xs text-text-secondary\">\n                with {session.mentor.headline}\n              </div>\n            ) : null}\n            <div className=\"mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n              <span className=\"inline-flex items-center gap-1\">\n                <CalendarClock size={13} /> {formatDateTime(session.scheduledAt)}\n              </span>\n              <span className=\"inline-flex items-center gap-1\">\n                <Clock size={13} /> {formatDuration(session.durationMinutes)}\n              </span>\n            </div>\n            {session.agenda ? (\n              <p className=\"mt-1 line-clamp-2 text-xs text-text-secondary\">{session.agenda}</p>\n            ) : null}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n          {session.meetingUrl ? (\n            <Button\n              size=\"sm\"\n              onClick={() => window.open(session.meetingUrl ?? '', '_blank', 'noopener,noreferrer')}\n            >\n              <Video size={15} /> Join\n            </Button>\n          ) : null}\n          {isMentor && session.status === 'REQUESTED' ? (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setMode(mode === 'confirm' ? 'none' : 'confirm')}\n            >\n              <Check size={15} /> Confirm\n            </Button>\n          ) : null}\n          {isMentor && session.status === 'CONFIRMED' ? (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setMode(mode === 'complete' ? 'none' : 'complete')}\n            >\n              <CheckCircle2 size={15} /> Mark complete\n            </Button>\n          ) : null}\n          {canCancel ? (\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => onCancel(session.id)} disabled={busy}>\n              <X size={15} /> Cancel\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      {mode === 'confirm' ? (\n        <div className=\"flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3 sm:flex-row sm:items-center\">\n          <Input\n            className=\"flex-1\"\n            placeholder=\"Meeting link (e.g. https://meet.…)\"\n            value={meetingUrl}\n            onChange={(e) => setMeetingUrl(e.target.value)}\n          />\n          <Button size=\"sm\" onClick={submitConfirm} disabled={busy}>\n            Confirm session\n          </Button>\n        </div>\n      ) : null}\n      {mode === 'complete' ? (\n        <div className=\"flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n          <div className=\"flex items-center gap-2\">\n            <label className=\"text-xs text-text-secondary\">Rating (1–5)</label>\n            <Input\n              type=\"number\"\n              min={1}\n              max={5}\n              className=\"w-20\"\n              value={rating}\n              onChange={(e) => setRating(e.target.value)}\n            />\n          </div>\n          <Input\n            placeholder=\"Feedback for the mentee (optional)\"\n            value={feedback}\n            onChange={(e) => setFeedback(e.target.value)}\n          />\n          <div>\n            <Button size=\"sm\" onClick={submitComplete} disabled={busy}>\n              Complete session\n            </Button>\n          </div>\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nfunction SessionsList({\n  loading,\n  error,\n  sessions,\n  showMentor,\n  emptyTitle,\n  emptyDescription,\n  emptyAction,\n  isMentor,\n  onCancel,\n  onConfirm,\n  onComplete,\n  busyId,\n}: {\n  loading: boolean;\n  error?: { message?: string };\n  sessions: TecMentorSession[];\n  showMentor: boolean;\n  emptyTitle: string;\n  emptyDescription: string;\n  emptyAction?: React.ReactNode;\n  isMentor: boolean;\n  onCancel: (id: string) => void;\n  onConfirm: (id: string, meetingUrl: string) => Promise<void>;\n  onComplete: (id: string, rating: number, feedback: string) => Promise<void>;\n  busyId: string | null;\n}) {\n  if (loading && sessions.length === 0) return <LoadingRows count={3} height=\"h-24\" />;\n  if (error) return <ErrorView title=\"Couldn't load sessions\" error={error} />;\n  if (sessions.length === 0) {\n    return (\n      <EmptyView\n        icon={<MessageSquare size={26} />}\n        title={emptyTitle}\n        description={emptyDescription}\n        action={emptyAction}\n      />\n    );\n  }\n  const sorted = [...sessions].sort(\n    (a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime()\n  );\n  return (\n    <div className=\"space-y-3\">\n      {sorted.map((session) => (\n        <SessionRow\n          key={session.id}\n          session={session}\n          showMentor={showMentor}\n          isMentor={isMentor}\n          onCancel={onCancel}\n          onConfirm={onConfirm}\n          onComplete={onComplete}\n          busy={busyId === session.id}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function MentorshipSessionsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser } = useTechnoSpam();\n  const [tab, setTab] = useState<Perspective>('mentee');\n  const [cancellingId, setCancellingId] = useState<string | null>(null);\n\n  const menteeId = currentUser?.id;\n\n  // As mentee: sessions the current user booked.\n  const menteeQ = useSessionsQuery(menteeId ? { menteeId } : {});\n\n  // Resolve whether the current user is a mentor, to load their mentor sessions.\n  const mentorsQ = useMentorsQuery({});\n  const myMentor = mentorsQ.data?.tecListMentors.items.find((m) => m.userId === currentUser?.id);\n  const mentorId = myMentor?.id;\n  const mentorQ = useSessionsQuery(mentorId ? { mentorId } : {});\n\n  const [cancelSession] = useCancelSession();\n  const [confirmSession] = useConfirmSession();\n  const [completeSession] = useCompleteSession();\n\n  const menteeSessions = menteeId ? (menteeQ.data?.tecListSessions ?? []) : [];\n  const mentorSessions = mentorId ? (mentorQ.data?.tecListSessions ?? []) : [];\n  const allSessions = [...menteeSessions, ...mentorSessions];\n  const upcomingCount = allSessions.filter(\n    (s) => s.status === 'REQUESTED' || s.status === 'CONFIRMED'\n  ).length;\n  const completedCount = allSessions.filter((s) => s.status === 'COMPLETED').length;\n\n  const handleCancel = async (id: string) => {\n    setCancellingId(id);\n    try {\n      const res = await cancelSession({ variables: { id } });\n      if (res.data?.tecCancelSession) {\n        notify.success('Session cancelled', 'The session has been cancelled.');\n      }\n    } finally {\n      setCancellingId(null);\n    }\n  };\n\n  const handleConfirm = async (id: string, meetingUrl: string) => {\n    setCancellingId(id);\n    try {\n      const res = await confirmSession({\n        variables: { id, meetingUrl: meetingUrl || undefined },\n      });\n      if (res.data?.tecConfirmSession) {\n        notify.success('Session confirmed', 'The mentee has been notified.');\n        await mentorQ.refetch();\n      }\n    } finally {\n      setCancellingId(null);\n    }\n  };\n\n  const handleComplete = async (id: string, rating: number, feedback: string) => {\n    setCancellingId(id);\n    try {\n      const res = await completeSession({\n        variables: { id, rating, feedback: feedback || undefined },\n      });\n      if (res.data?.tecCompleteSession) {\n        notify.success('Session completed', 'Nice work — the session is wrapped up.');\n        await mentorQ.refetch();\n      }\n    } finally {\n      setCancellingId(null);\n    }\n  };\n\n  if (!currentUser?.id) {\n    return (\n      <PageLayout hero title=\"My Sessions\" description=\"Track your mentorship sessions.\">\n        <EmptyView\n          icon={<MessageSquare size={26} />}\n          title=\"Sign in to view your sessions\"\n          description=\"Your booked and hosted mentorship sessions will appear here once you're signed in.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      title=\"My Sessions\"\n      description=\"Manage the mentorship sessions you've booked and the ones you host.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/mentors-page')}>\n          <Users size={16} /> Find a mentor\n        </Button>\n      }\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"As mentee\"\n          value={menteeSessions.length}\n          icon={MessageSquare}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"As mentor\"\n          value={mentorId ? mentorSessions.length : 0}\n          icon={Users}\n          tone=\"purple\"\n        />\n        <StatCard label=\"Upcoming\" value={upcomingCount} icon={CalendarClock} tone=\"teal\" />\n        <StatCard label=\"Completed\" value={completedCount} icon={CheckCircle2} tone=\"green\" />\n      </div>\n\n      <Tabs value={tab} onValueChange={(v) => setTab(v as Perspective)} className=\"mb-4\">\n        <TabsList>\n          <TabsTrigger value=\"mentee\">As mentee</TabsTrigger>\n          <TabsTrigger value=\"mentor\">As mentor</TabsTrigger>\n        </TabsList>\n      </Tabs>\n\n      {tab === 'mentee' ? (\n        <SessionsList\n          loading={menteeQ.loading}\n          error={menteeQ.error}\n          sessions={menteeSessions}\n          showMentor\n          emptyTitle=\"No sessions booked yet\"\n          emptyDescription=\"Find a mentor and request a session to get personalized guidance.\"\n          emptyAction={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>Find a mentor</Button>\n          }\n          isMentor={false}\n          onCancel={handleCancel}\n          onConfirm={handleConfirm}\n          onComplete={handleComplete}\n          busyId={cancellingId}\n        />\n      ) : mentorsQ.loading && !myMentor ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : !mentorId ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title=\"You're not a mentor yet\"\n          description=\"Create a mentor profile to start hosting sessions and helping others build.\"\n          action={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>Become a mentor</Button>\n          }\n        />\n      ) : (\n        <SessionsList\n          loading={mentorQ.loading}\n          error={mentorQ.error}\n          sessions={mentorSessions}\n          showMentor={false}\n          emptyTitle=\"No sessions to host yet\"\n          emptyDescription=\"When mentees request time with you, their sessions will show up here.\"\n          isMentor\n          onCancel={handleCancel}\n          onConfirm={handleConfirm}\n          onComplete={handleComplete}\n          busyId={cancellingId}\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MentorshipSessionsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipSessionsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  CalendarClock,\n  Check,\n  CheckCircle2,\n  Clock,\n  MessageSquare,\n  Users,\n  Video,\n  X,\n} from 'lucide-react';\nimport { Button, GlassCard, Input, Tabs, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useCancelSession,\n  useCompleteSession,\n  useConfirmSession,\n  useMentorsQuery,\n  useSessionsQuery,\n  type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDateTime, formatDuration } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\ntype Perspective = 'mentee' | 'mentor';\n\nconst CANCELLABLE = new Set(['REQUESTED', 'CONFIRMED']);\n\nfunction SessionRow({\n  session,\n  showMentor,\n  isMentor,\n  onCancel,\n  onConfirm,\n  onComplete,\n  busy,\n}: {\n  session: TecMentorSession;\n  showMentor: boolean;\n  isMentor: boolean;\n  onCancel: (id: string) => void;\n  onConfirm: (id: string, meetingUrl: string) => Promise<void>;\n  onComplete: (id: string, rating: number, feedback: string) => Promise<void>;\n  busy: boolean;\n}) {\n  const canCancel = CANCELLABLE.has(session.status);\n  const [mode, setMode] = useState<'none' | 'confirm' | 'complete'>('none');\n  const [meetingUrl, setMeetingUrl] = useState('');\n  const [rating, setRating] = useState('5');\n  const [feedback, setFeedback] = useState('');\n\n  const submitConfirm = async () => {\n    await onConfirm(session.id, meetingUrl.trim());\n    setMode('none');\n    setMeetingUrl('');\n  };\n  const submitComplete = async () => {\n    await onComplete(session.id, Math.min(5, Math.max(1, Number(rating) || 5)), feedback.trim());\n    setMode('none');\n  };\n\n  return (\n    <GlassCard className=\"flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md\">\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex items-start gap-3\">\n          <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n            <Video size={18} />\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"truncate text-sm font-semibold text-text-primary\">\n                {session.topic}\n              </span>\n              <StatusBadge status={session.status} />\n              {session.rating ? (\n                <span className=\"text-xs text-text-muted\">★ {session.rating}/5</span>\n              ) : null}\n            </div>\n            {showMentor && session.mentor?.headline ? (\n              <div className=\"mt-0.5 truncate text-xs text-text-secondary\">\n                with {session.mentor.headline}\n              </div>\n            ) : null}\n            <div className=\"mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n              <span className=\"inline-flex items-center gap-1\">\n                <CalendarClock size={13} /> {formatDateTime(session.scheduledAt)}\n              </span>\n              <span className=\"inline-flex items-center gap-1\">\n                <Clock size={13} /> {formatDuration(session.durationMinutes)}\n              </span>\n            </div>\n            {session.agenda ? (\n              <p className=\"mt-1 line-clamp-2 text-xs text-text-secondary\">{session.agenda}</p>\n            ) : null}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n          {session.meetingUrl ? (\n            <Button\n              size=\"sm\"\n              onClick={() => window.open(session.meetingUrl ?? '', '_blank', 'noopener,noreferrer')}\n            >\n              <Video size={15} /> Join\n            </Button>\n          ) : null}\n          {isMentor && session.status === 'REQUESTED' ? (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setMode(mode === 'confirm' ? 'none' : 'confirm')}\n            >\n              <Check size={15} /> Confirm\n            </Button>\n          ) : null}\n          {isMentor && session.status === 'CONFIRMED' ? (\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setMode(mode === 'complete' ? 'none' : 'complete')}\n            >\n              <CheckCircle2 size={15} /> Mark complete\n            </Button>\n          ) : null}\n          {canCancel ? (\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => onCancel(session.id)} disabled={busy}>\n              <X size={15} /> Cancel\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      {mode === 'confirm' ? (\n        <div className=\"flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3 sm:flex-row sm:items-center\">\n          <Input\n            className=\"flex-1\"\n            placeholder=\"Meeting link (e.g. https://meet.…)\"\n            value={meetingUrl}\n            onChange={(e) => setMeetingUrl(e.target.value)}\n          />\n          <Button size=\"sm\" onClick={submitConfirm} disabled={busy}>\n            Confirm session\n          </Button>\n        </div>\n      ) : null}\n      {mode === 'complete' ? (\n        <div className=\"flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n          <div className=\"flex items-center gap-2\">\n            <label className=\"text-xs text-text-secondary\">Rating (1–5)</label>\n            <Input\n              type=\"number\"\n              min={1}\n              max={5}\n              className=\"w-20\"\n              value={rating}\n              onChange={(e) => setRating(e.target.value)}\n            />\n          </div>\n          <Input\n            placeholder=\"Feedback for the mentee (optional)\"\n            value={feedback}\n            onChange={(e) => setFeedback(e.target.value)}\n          />\n          <div>\n            <Button size=\"sm\" onClick={submitComplete} disabled={busy}>\n              Complete session\n            </Button>\n          </div>\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nfunction SessionsList({\n  loading,\n  error,\n  sessions,\n  showMentor,\n  emptyTitle,\n  emptyDescription,\n  emptyAction,\n  isMentor,\n  onCancel,\n  onConfirm,\n  onComplete,\n  busyId,\n}: {\n  loading: boolean;\n  error?: { message?: string };\n  sessions: TecMentorSession[];\n  showMentor: boolean;\n  emptyTitle: string;\n  emptyDescription: string;\n  emptyAction?: React.ReactNode;\n  isMentor: boolean;\n  onCancel: (id: string) => void;\n  onConfirm: (id: string, meetingUrl: string) => Promise<void>;\n  onComplete: (id: string, rating: number, feedback: string) => Promise<void>;\n  busyId: string | null;\n}) {\n  if (loading && sessions.length === 0) return <LoadingRows count={3} height=\"h-24\" />;\n  if (error) return <ErrorView title=\"Couldn't load sessions\" error={error} />;\n  if (sessions.length === 0) {\n    return (\n      <EmptyView\n        icon={<MessageSquare size={26} />}\n        title={emptyTitle}\n        description={emptyDescription}\n        action={emptyAction}\n      />\n    );\n  }\n  const sorted = [...sessions].sort(\n    (a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime()\n  );\n  return (\n    <div className=\"space-y-3\">\n      {sorted.map((session) => (\n        <SessionRow\n          key={session.id}\n          session={session}\n          showMentor={showMentor}\n          isMentor={isMentor}\n          onCancel={onCancel}\n          onConfirm={onConfirm}\n          onComplete={onComplete}\n          busy={busyId === session.id}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function MentorshipSessionsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const [tab, setTab] = useState<Perspective>('mentee');\n  const [cancellingId, setCancellingId] = useState<string | null>(null);\n\n  const menteeId = currentUser?.id;\n\n  // As mentee: sessions the current user booked.\n  const menteeQ = useSessionsQuery(menteeId ? { menteeId } : {});\n\n  // Resolve whether the current user is a mentor, to load their mentor sessions.\n  const mentorsQ = useMentorsQuery({});\n  const myMentor = mentorsQ.data?.tecListMentors.items.find((m) => m.userId === currentUser?.id);\n  const mentorId = myMentor?.id;\n  const mentorQ = useSessionsQuery(mentorId ? { mentorId } : {});\n\n  const [cancelSession] = useCancelSession();\n  const [confirmSession] = useConfirmSession();\n  const [completeSession] = useCompleteSession();\n\n  const menteeSessions = menteeId ? (menteeQ.data?.tecListSessions ?? []) : [];\n  const mentorSessions = mentorId ? (mentorQ.data?.tecListSessions ?? []) : [];\n  const allSessions = [...menteeSessions, ...mentorSessions];\n  const upcomingCount = allSessions.filter(\n    (s) => s.status === 'REQUESTED' || s.status === 'CONFIRMED'\n  ).length;\n  const completedCount = allSessions.filter((s) => s.status === 'COMPLETED').length;\n\n  const handleCancel = async (id: string) => {\n    setCancellingId(id);\n    emit('technospam.session.cancel_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_MENTOR_SESSION',\n    });\n    try {\n      const res = await cancelSession({ variables: { id } });\n      if (res.data?.tecCancelSession) {\n        emit('technospam.session.cancelled', {\n          workspaceId,\n          entityId: id,\n          entityType: 'TEC_MENTOR_SESSION',\n        });\n        notify.success('Session cancelled', 'The session has been cancelled.');\n      }\n    } finally {\n      setCancellingId(null);\n    }\n  };\n\n  const handleConfirm = async (id: string, meetingUrl: string) => {\n    setCancellingId(id);\n    try {\n      const res = await confirmSession({\n        variables: { id, meetingUrl: meetingUrl || undefined },\n      });\n      if (res.data?.tecConfirmSession) {\n        notify.success('Session confirmed', 'The mentee has been notified.');\n        await mentorQ.refetch();\n      }\n    } finally {\n      setCancellingId(null);\n    }\n  };\n\n  const handleComplete = async (id: string, rating: number, feedback: string) => {\n    setCancellingId(id);\n    emit('technospam.session.complete_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_MENTOR_SESSION',\n    });\n    try {\n      const res = await completeSession({\n        variables: { id, rating, feedback: feedback || undefined },\n      });\n      if (res.data?.tecCompleteSession) {\n        emit('technospam.session.completed', {\n          workspaceId,\n          entityId: id,\n          entityType: 'TEC_MENTOR_SESSION',\n        });\n        notify.success('Session completed', 'Nice work — the session is wrapped up.');\n        await mentorQ.refetch();\n      }\n    } finally {\n      setCancellingId(null);\n    }\n  };\n\n  if (!currentUser?.id) {\n    return (\n      <PageLayout hero title=\"My Sessions\" description=\"Track your mentorship sessions.\">\n        <EmptyView\n          icon={<MessageSquare size={26} />}\n          title=\"Sign in to view your sessions\"\n          description=\"Your booked and hosted mentorship sessions will appear here once you're signed in.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      title=\"My Sessions\"\n      description=\"Manage the mentorship sessions you've booked and the ones you host.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/mentors-page')}>\n          <Users size={16} /> Find a mentor\n        </Button>\n      }\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"As mentee\"\n          value={menteeSessions.length}\n          icon={MessageSquare}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"As mentor\"\n          value={mentorId ? mentorSessions.length : 0}\n          icon={Users}\n          tone=\"purple\"\n        />\n        <StatCard label=\"Upcoming\" value={upcomingCount} icon={CalendarClock} tone=\"teal\" />\n        <StatCard label=\"Completed\" value={completedCount} icon={CheckCircle2} tone=\"green\" />\n      </div>\n\n      <Tabs value={tab} onValueChange={(v) => setTab(v as Perspective)} className=\"mb-4\">\n        <TabsList>\n          <TabsTrigger value=\"mentee\">As mentee</TabsTrigger>\n          <TabsTrigger value=\"mentor\">As mentor</TabsTrigger>\n        </TabsList>\n      </Tabs>\n\n      {tab === 'mentee' ? (\n        <SessionsList\n          loading={menteeQ.loading}\n          error={menteeQ.error}\n          sessions={menteeSessions}\n          showMentor\n          emptyTitle=\"No sessions booked yet\"\n          emptyDescription=\"Find a mentor and request a session to get personalized guidance.\"\n          emptyAction={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>Find a mentor</Button>\n          }\n          isMentor={false}\n          onCancel={handleCancel}\n          onConfirm={handleConfirm}\n          onComplete={handleComplete}\n          busyId={cancellingId}\n        />\n      ) : mentorsQ.loading && !myMentor ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : !mentorId ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title=\"You're not a mentor yet\"\n          description=\"Create a mentor profile to start hosting sessions and helping others build.\"\n          action={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>Become a mentor</Button>\n          }\n        />\n      ) : (\n        <SessionsList\n          loading={mentorQ.loading}\n          error={mentorQ.error}\n          sessions={mentorSessions}\n          showMentor={false}\n          emptyTitle=\"No sessions to host yet\"\n          emptyDescription=\"When mentees request time with you, their sessions will show up here.\"\n          isMentor\n          onCancel={handleCancel}\n          onConfirm={handleConfirm}\n          onComplete={handleComplete}\n          busyId={cancellingId}\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}