@burdenoff/microfe-technospam 2026.704.2 → 2026.705.2

package/dist/technospam/pages/MentorshipSessionsPagePage.js

@@ -6,189 +6,314 @@ import { StatusBadge as o } from "../components/StatusBadge.js";
 import { EmptyView as s, ErrorView as c, LoadingRows as l } from "../components/StateViews.js";
 import "../components/index.js";
 import { notify as u } from "../lib/toast.js";
-import { useCancelSession as d, useMentorsQuery as f, useSessionsQuery as p } from "../api/technospamApi.js";
-import { useState as m } from "react";
-import { CalendarClock as h, Clock as g, MessageSquare as _, Users as v, Video as y, X as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Button as C, GlassCard as w, Tabs as T, TabsList as E, TabsTrigger as D } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/technospam/pages/MentorshipSessionsPagePage.tsx
-var O = new Set(["REQUESTED", "CONFIRMED"]);
-function k({ session: e, showMentor: t, onCancel: n, cancelling: r }) {
-	let s = O.has(e.status);
-	return /* @__PURE__ */ S(w, {
-		className: "flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between",
-		children: [/* @__PURE__ */ S("div", {
-			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ x("span", {
-				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-wash text-accent-primary",
-				children: /* @__PURE__ */ x(y, { size: 18 })
-			}), /* @__PURE__ */ S("div", {
-				className: "min-w-0",
+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, {
+		className: "flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ E("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ T("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", {
+						className: "min-w-0",
+						children: [
+							/* @__PURE__ */ E("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ T("span", {
+										className: "truncate text-sm font-semibold text-text-primary",
+										children: e.topic
+									}),
+									/* @__PURE__ */ T(o, { status: e.status }),
+									e.rating ? /* @__PURE__ */ E("span", {
+										className: "text-xs text-text-muted",
+										children: [
+											"★ ",
+											e.rating,
+											"/5"
+										]
+									}) : null
+								]
+							}),
+							t && e.mentor?.headline ? /* @__PURE__ */ E("div", {
+								className: "mt-0.5 truncate text-xs text-text-secondary",
+								children: ["with ", e.mentor.headline]
+							}) : null,
+							/* @__PURE__ */ E("div", {
+								className: "mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted",
+								children: [/* @__PURE__ */ E("span", {
+									className: "inline-flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ T(_, { size: 13 }),
+										" ",
+										i(e.scheduledAt)
+									]
+								}), /* @__PURE__ */ E("span", {
+									className: "inline-flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ T(b, { size: 13 }),
+										" ",
+										a(e.durationMinutes)
+									]
+								})]
+							}),
+							e.agenda ? /* @__PURE__ */ T("p", {
+								className: "mt-1 line-clamp-2 text-xs text-text-secondary",
+								children: e.agenda
+							}) : null
+						]
+					})]
+				}), /* @__PURE__ */ E("div", {
+					className: "flex shrink-0 flex-wrap items-center gap-2",
+					children: [
+						e.meetingUrl ? /* @__PURE__ */ E(D, {
+							size: "sm",
+							onClick: () => window.open(e.meetingUrl ?? "", "_blank", "noopener,noreferrer"),
+							children: [/* @__PURE__ */ T(C, { size: 15 }), " Join"]
+						}) : null,
+						n && e.status === "REQUESTED" ? /* @__PURE__ */ E(D, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => f(d === "confirm" ? "none" : "confirm"),
+							children: [/* @__PURE__ */ T(v, { size: 15 }), " Confirm"]
+						}) : null,
+						n && e.status === "CONFIRMED" ? /* @__PURE__ */ E(D, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => f(d === "complete" ? "none" : "complete"),
+							children: [/* @__PURE__ */ T(y, { size: 15 }), " Mark complete"]
+						}) : null,
+						u ? /* @__PURE__ */ E(D, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => r(e.id),
+							disabled: l,
+							children: [/* @__PURE__ */ T(w, { size: 15 }), " Cancel"]
+						}) : null
+					]
+				})]
+			}),
+			d === "confirm" ? /* @__PURE__ */ E("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, {
+					className: "flex-1",
+					placeholder: "Meeting link (e.g. https://meet.…)",
+					value: p,
+					onChange: (e) => m(e.target.value)
+				}), /* @__PURE__ */ T(D, {
+					size: "sm",
+					onClick: async () => {
+						await s(e.id, p.trim()), f("none"), m("");
+					},
+					disabled: l,
+					children: "Confirm session"
+				})]
+			}) : null,
+			d === "complete" ? /* @__PURE__ */ E("div", {
+				className: "flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
 				children: [
-					/* @__PURE__ */ S("div", {
-						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ x("span", {
-							className: "truncate text-sm font-semibold text-text-primary",
-							children: e.topic
-						}), /* @__PURE__ */ x(o, { status: e.status })]
-					}),
-					t && e.mentor?.headline ? /* @__PURE__ */ S("div", {
-						className: "mt-0.5 truncate text-xs text-text-secondary",
-						children: ["with ", e.mentor.headline]
-					}) : null,
-					/* @__PURE__ */ S("div", {
-						className: "mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted",
-						children: [/* @__PURE__ */ S("span", {
-							className: "inline-flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ x(h, { size: 13 }),
-								" ",
-								i(e.scheduledAt)
-							]
-						}), /* @__PURE__ */ S("span", {
-							className: "inline-flex items-center gap-1",
-							children: [
-								/* @__PURE__ */ x(g, { size: 13 }),
-								" ",
-								a(e.durationMinutes)
-							]
+					/* @__PURE__ */ E("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ T("label", {
+							className: "text-xs text-text-secondary",
+							children: "Rating (1–5)"
+						}), /* @__PURE__ */ T(k, {
+							type: "number",
+							min: 1,
+							max: 5,
+							className: "w-20",
+							value: h,
+							onChange: (e) => x(e.target.value)
 						})]
 					}),
-					e.agenda ? /* @__PURE__ */ x("p", {
-						className: "mt-1 line-clamp-2 text-xs text-text-secondary",
-						children: e.agenda
-					}) : null
+					/* @__PURE__ */ T(k, {
+						placeholder: "Feedback for the mentee (optional)",
+						value: S,
+						onChange: (e) => A(e.target.value)
+					}),
+					/* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(D, {
+						size: "sm",
+						onClick: async () => {
+							await c(e.id, Math.min(5, Math.max(1, Number(h) || 5)), S.trim()), f("none");
+						},
+						disabled: l,
+						children: "Complete session"
+					}) })
 				]
-			})]
-		}), /* @__PURE__ */ S("div", {
-			className: "flex shrink-0 items-center gap-2",
-			children: [e.meetingUrl ? /* @__PURE__ */ S(C, {
-				variant: "outline",
-				size: "sm",
-				onClick: () => window.open(e.meetingUrl ?? "", "_blank", "noopener,noreferrer"),
-				children: [/* @__PURE__ */ x(y, { size: 15 }), " Join"]
-			}) : null, s ? /* @__PURE__ */ S(C, {
-				variant: "ghost",
-				size: "sm",
-				onClick: () => n(e.id),
-				disabled: r,
-				children: [/* @__PURE__ */ x(b, { size: 15 }), " Cancel"]
-			}) : null]
-		})]
+			}) : null
+		]
 	});
 }
-function A({ loading: e, error: t, sessions: n, showMentor: r, emptyTitle: i, emptyDescription: a, emptyAction: o, onCancel: u, cancellingId: d }) {
-	return e && n.length === 0 ? /* @__PURE__ */ x(l, {
+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, {
 		count: 3,
 		height: "h-24"
-	}) : t ? /* @__PURE__ */ x(c, {
+	}) : t ? /* @__PURE__ */ T(c, {
 		title: "Couldn't load sessions",
 		error: t
-	}) : n.length === 0 ? /* @__PURE__ */ x(s, {
-		icon: /* @__PURE__ */ x(_, { size: 26 }),
+	}) : n.length === 0 ? /* @__PURE__ */ T(s, {
+		icon: /* @__PURE__ */ T(x, { size: 26 }),
 		title: i,
 		description: a,
 		action: o
-	}) : /* @__PURE__ */ x("div", {
+	}) : /* @__PURE__ */ T("div", {
 		className: "space-y-3",
-		children: [...n].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).map((e) => /* @__PURE__ */ x(k, {
+		children: [...n].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).map((e) => /* @__PURE__ */ T(P, {
 			session: e,
 			showMentor: r,
-			onCancel: u,
-			cancelling: d === e.id
+			isMentor: u,
+			onCancel: d,
+			onConfirm: f,
+			onComplete: p,
+			busy: m === e.id
 		}, e.id))
 	});
 }
-function j() {
-	let i = t(), { currentUser: a } = e(), [o, c] = m("mentee"), [h, g] = m(null), y = a?.id, b = p(y ? { menteeId: y } : {}), w = f({}), O = w.data?.tecListMentors.items.find((e) => e.userId === a?.id), k = O?.id, j = p(k ? { mentorId: k } : {}), [M] = d(), N = y ? b.data?.tecListSessions ?? [] : [], P = k ? j.data?.tecListSessions ?? [] : [], F = async (e) => {
-		g(e);
+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);
+		try {
+			(await I({ variables: { id: e } })).data?.tecCancelSession && u.success("Session cancelled", "The session has been cancelled.");
+		} finally {
+			b(null);
+		}
+	}, G = async (e, t) => {
+		b(e);
 		try {
-			(await M({ variables: { id: e } })).data?.tecCancelSession && u.success("Session cancelled", "The session has been cancelled.");
+			(await L({ variables: {
+				id: e,
+				meetingUrl: t || void 0
+			} })).data?.tecConfirmSession && (u.success("Session confirmed", "The mentee has been notified."), await P.refetch());
 		} finally {
-			g(null);
+			b(null);
+		}
+	}, K = async (e, t, n) => {
+		b(e);
+		try {
+			(await R({ 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());
+		} finally {
+			b(null);
 		}
 	};
-	return a?.id ? /* @__PURE__ */ S(n, {
+	return a?.id ? /* @__PURE__ */ E(n, {
 		hero: !0,
 		title: "My Sessions",
 		description: "Manage the mentorship sessions you've booked and the ones you host.",
-		actions: /* @__PURE__ */ S(C, {
+		actions: /* @__PURE__ */ E(D, {
 			variant: "outline",
 			onClick: () => i("/mentorship/mentors-page"),
-			children: [/* @__PURE__ */ x(v, { size: 16 }), " Find a mentor"]
+			children: [/* @__PURE__ */ T(S, { size: 16 }), " Find a mentor"]
 		}),
 		children: [
-			/* @__PURE__ */ S("div", {
-				className: "mb-5 grid grid-cols-2 gap-3 sm:max-w-md",
-				children: [/* @__PURE__ */ x(r, {
-					label: "As mentee",
-					value: N.length,
-					icon: _
-				}), /* @__PURE__ */ x(r, {
-					label: "As mentor",
-					value: k ? P.length : 0,
-					icon: v
-				})]
+			/* @__PURE__ */ E("div", {
+				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ T(r, {
+						label: "As mentee",
+						value: z.length,
+						icon: x,
+						tone: "blue"
+					}),
+					/* @__PURE__ */ T(r, {
+						label: "As mentor",
+						value: N ? B.length : 0,
+						icon: S,
+						tone: "purple"
+					}),
+					/* @__PURE__ */ T(r, {
+						label: "Upcoming",
+						value: H,
+						icon: _,
+						tone: "teal"
+					}),
+					/* @__PURE__ */ T(r, {
+						label: "Completed",
+						value: U,
+						icon: y,
+						tone: "green"
+					})
+				]
 			}),
-			/* @__PURE__ */ x(T, {
+			/* @__PURE__ */ T(A, {
 				value: o,
 				onValueChange: (e) => c(e),
 				className: "mb-4",
-				children: /* @__PURE__ */ S(E, { children: [/* @__PURE__ */ x(D, {
+				children: /* @__PURE__ */ E(j, { children: [/* @__PURE__ */ T(M, {
 					value: "mentee",
 					children: "As mentee"
-				}), /* @__PURE__ */ x(D, {
+				}), /* @__PURE__ */ T(M, {
 					value: "mentor",
 					children: "As mentor"
 				})] })
 			}),
-			o === "mentee" ? /* @__PURE__ */ x(A, {
-				loading: b.loading,
-				error: b.error,
-				sessions: N,
+			o === "mentee" ? /* @__PURE__ */ T(F, {
+				loading: w.loading,
+				error: w.error,
+				sessions: z,
 				showMentor: !0,
 				emptyTitle: "No sessions booked yet",
 				emptyDescription: "Find a mentor and request a session to get personalized guidance.",
-				emptyAction: /* @__PURE__ */ x(C, {
+				emptyAction: /* @__PURE__ */ T(D, {
 					onClick: () => i("/mentorship/mentors-page"),
 					children: "Find a mentor"
 				}),
-				onCancel: F,
-				cancellingId: h
-			}) : w.loading && !O ? /* @__PURE__ */ x(l, {
+				isMentor: !1,
+				onCancel: W,
+				onConfirm: G,
+				onComplete: K,
+				busyId: v
+			}) : O.loading && !k ? /* @__PURE__ */ T(l, {
 				count: 3,
 				height: "h-24"
-			}) : k ? /* @__PURE__ */ x(A, {
-				loading: j.loading,
-				error: j.error,
-				sessions: P,
+			}) : N ? /* @__PURE__ */ T(F, {
+				loading: P.loading,
+				error: P.error,
+				sessions: B,
 				showMentor: !1,
 				emptyTitle: "No sessions to host yet",
 				emptyDescription: "When mentees request time with you, their sessions will show up here.",
-				onCancel: F,
-				cancellingId: h
-			}) : /* @__PURE__ */ x(s, {
-				icon: /* @__PURE__ */ x(v, { size: 26 }),
+				isMentor: !0,
+				onCancel: W,
+				onConfirm: G,
+				onComplete: K,
+				busyId: v
+			}) : /* @__PURE__ */ T(s, {
+				icon: /* @__PURE__ */ T(S, { size: 26 }),
 				title: "You're not a mentor yet",
 				description: "Create a mentor profile to start hosting sessions and helping others build.",
-				action: /* @__PURE__ */ x(C, {
+				action: /* @__PURE__ */ T(D, {
 					onClick: () => i("/mentorship/mentors-page"),
 					children: "Become a mentor"
 				})
 			})
 		]
-	}) : /* @__PURE__ */ x(n, {
+	}) : /* @__PURE__ */ T(n, {
 		hero: !0,
 		title: "My Sessions",
 		description: "Track your mentorship sessions.",
-		children: /* @__PURE__ */ x(s, {
-			icon: /* @__PURE__ */ x(_, { size: 26 }),
+		children: /* @__PURE__ */ T(s, {
+			icon: /* @__PURE__ */ T(x, { 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 { j as MentorshipSessionsPagePage };
+export { I 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 { CalendarClock, Clock, MessageSquare, Users, Video, X } from 'lucide-react';\nimport { Button, GlassCard, 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  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  onCancel,\n  cancelling,\n}: {\n  session: TecMentorSession;\n  showMentor: boolean;\n  onCancel: (id: string) => void;\n  cancelling: boolean;\n}) {\n  const canCancel = CANCELLABLE.has(session.status);\n  return (\n    <GlassCard className=\"flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between\">\n      <div className=\"flex items-start gap-3\">\n        <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-wash text-accent-primary\">\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          </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 items-center gap-2\">\n        {session.meetingUrl ? (\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => window.open(session.meetingUrl ?? '', '_blank', 'noopener,noreferrer')}\n          >\n            <Video size={15} /> Join\n          </Button>\n        ) : null}\n        {canCancel ? (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onCancel(session.id)}\n            disabled={cancelling}\n          >\n            <X size={15} /> Cancel\n          </Button>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionsList({\n  loading,\n  error,\n  sessions,\n  showMentor,\n  emptyTitle,\n  emptyDescription,\n  emptyAction,\n  onCancel,\n  cancellingId,\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  onCancel: (id: string) => void;\n  cancellingId: 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          onCancel={onCancel}\n          cancelling={cancellingId === 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\n  const menteeSessions = menteeId ? (menteeQ.data?.tecListSessions ?? []) : [];\n  const mentorSessions = mentorId ? (mentorQ.data?.tecListSessions ?? []) : [];\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  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:max-w-md\">\n        <StatCard label=\"As mentee\" value={menteeSessions.length} icon={MessageSquare} />\n        <StatCard label=\"As mentor\" value={mentorId ? mentorSessions.length : 0} icon={Users} />\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          onCancel={handleCancel}\n          cancellingId={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          onCancel={handleCancel}\n          cancellingId={cancellingId}\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAM,IAAc,IAAI,IAAI,CAAC,aAAa,YAAY,CAAC;AAEvD,SAAS,EAAW,EAClB,YACA,eACA,aACA,iBAMC;CACD,IAAM,IAAY,EAAY,IAAI,EAAQ,OAAO;AACjD,QACE,kBAAC,GAAD;EAAW,WAAU;YAArB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACd,CAAA,EACP,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ;OACJ,CAAA,EACP,kBAAC,GAAD,EAAa,QAAQ,EAAQ,QAAU,CAAA,CACnC;;KACL,KAAc,EAAQ,QAAQ,WAC7B,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAA6D,SACrD,EAAQ,OAAO,SACjB;UACJ;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;;QAAE,EAAe,EAAQ,YAAY;QAC3D;UACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;;QAAE,EAAe,EAAQ,gBAAgB;QACvD;SACH;;KACL,EAAQ,SACP,kBAAC,KAAD;MAAG,WAAU;gBAAiD,EAAQ;MAAW,CAAA,GAC/E;KACA;MACF;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAQ,aACP,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAe,OAAO,KAAK,EAAQ,cAAc,IAAI,UAAU,sBAAsB;cAHvF,CAKE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA,EAAA,QACZ;QACP,MACH,IACC,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAe,EAAS,EAAQ,GAAG;IACnC,UAAU;cAJZ,CAME,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA,EAAA,UACR;QACP,KACA;KACI;;;AAIhB,SAAS,EAAa,EACpB,YACA,UACA,aACA,eACA,eACA,qBACA,gBACA,aACA,mBAWC;AAgBD,QAfI,KAAW,EAAS,WAAW,IAAU,kBAAC,GAAD;EAAa,OAAO;EAAG,QAAO;EAAS,CAAA,GAChF,IAAc,kBAAC,GAAD;EAAW,OAAM;EAAgC;EAAS,CAAA,GACxE,EAAS,WAAW,IAEpB,kBAAC,GAAD;EACE,MAAM,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;EACjC,OAAO;EACP,aAAa;EACb,QAAQ;EACR,CAAA,GAOJ,kBAAC,OAAD;EAAK,WAAU;YAJF,CAAC,GAAG,EAAS,CAAC,MAC1B,GAAG,MAAM,IAAI,KAAK,EAAE,YAAY,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,YAAY,CAAC,SAAS,CAChF,CAGW,KAAK,MACX,kBAAC,GAAD;GAEW;GACG;GACF;GACV,YAAY,MAAiB,EAAQ;GACrC,EALK,EAAQ,GAKb,CACF;EACE,CAAA;;AAIV,SAAgB,IAA6B;CAC3C,IAAM,IAAW,GAAuB,EAClC,EAAE,mBAAgB,GAAe,EACjC,CAAC,GAAK,KAAU,EAAsB,SAAS,EAC/C,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAE/D,IAAW,GAAa,IAGxB,IAAU,EAAiB,IAAW,EAAE,aAAU,GAAG,EAAE,CAAC,EAGxD,IAAW,EAAgB,EAAE,CAAC,EAC9B,IAAW,EAAS,MAAM,eAAe,MAAM,MAAM,MAAM,EAAE,WAAW,GAAa,GAAG,EACxF,IAAW,GAAU,IACrB,IAAU,EAAiB,IAAW,EAAE,aAAU,GAAG,EAAE,CAAC,EAExD,CAAC,KAAiB,GAAkB,EAEpC,IAAiB,IAAY,EAAQ,MAAM,mBAAmB,EAAE,GAAI,EAAE,EACtE,IAAiB,IAAY,EAAQ,MAAM,mBAAmB,EAAE,GAAI,EAAE,EAEtE,IAAe,OAAO,MAAe;AACzC,IAAgB,EAAG;AACnB,MAAI;AAEF,IADY,MAAM,EAAc,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC9C,MAAM,oBACZ,EAAO,QAAQ,qBAAqB,kCAAkC;YAEhE;AACR,KAAgB,KAAK;;;AAgBzB,QAZK,GAAa,KAahB,kBAAC,GAAD;EACE,MAAA;EACA,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAS,2BAA2B;aAA7E,CACE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA,EAAA,iBACZ;;YAPb;GAUE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAU,OAAM;KAAY,OAAO,EAAe;KAAQ,MAAM;KAAiB,CAAA,EACjF,kBAAC,GAAD;KAAU,OAAM;KAAY,OAAO,IAAW,EAAe,SAAS;KAAG,MAAM;KAAS,CAAA,CACpF;;GAEN,kBAAC,GAAD;IAAM,OAAO;IAAK,gBAAgB,MAAM,EAAO,EAAiB;IAAE,WAAU;cAC1E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAa,OAAM;eAAS;KAAuB,CAAA,EACnD,kBAAC,GAAD;KAAa,OAAM;eAAS;KAAuB,CAAA,CAC1C,EAAA,CAAA;IACN,CAAA;GAEN,MAAQ,WACP,kBAAC,GAAD;IACE,SAAS,EAAQ;IACjB,OAAO,EAAQ;IACf,UAAU;IACV,YAAA;IACA,YAAW;IACX,kBAAiB;IACjB,aACE,kBAAC,GAAD;KAAQ,eAAe,EAAS,2BAA2B;eAAE;KAAsB,CAAA;IAErF,UAAU;IACI;IACd,CAAA,GACA,EAAS,WAAW,CAAC,IACvB,kBAAC,GAAD;IAAa,OAAO;IAAG,QAAO;IAAS,CAAA,GACpC,IAUH,kBAAC,GAAD;IACE,SAAS,EAAQ;IACjB,OAAO,EAAQ;IACf,UAAU;IACV,YAAY;IACZ,YAAW;IACX,kBAAiB;IACjB,UAAU;IACI;IACd,CAAA,GAlBF,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAM;IACN,aAAY;IACZ,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAS,2BAA2B;eAAE;KAAwB,CAAA;IAEvF,CAAA;GAaO;MAtEX,kBAAC,GAAD;EAAY,MAAA;EAAK,OAAM;EAAc,aAAY;YAC/C,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;GACjC,OAAM;GACN,aAAY;GACZ,CAAA;EACS,CAAA"}
+{"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-technospam",
-  "version": "2026.704.2",
+  "version": "2026.705.2",
   "description": "Burdenoff TechnoSpam Microfrontend",
   "type": "module",
   "files": [