@burdenoff/microfe-technospam 2026.1024.1 → 2026.1030.2

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';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\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 tr = useTr();\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?.items ?? []) : [];\n  const mentorSessions = mentorId ? (mentorQ.data?.tecListSessions?.items ?? []) : [];\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\n        hero\n        title={tr('technospam.mentorship.sessionsTitle', 'My Sessions')}\n        description={tr(\n          'technospam.mentorship.sessionsDescription',\n          'Track your mentorship sessions.'\n        )}\n      >\n        <EmptyView\n          icon={<MessageSquare size={26} />}\n          title={tr('technospam.mentorship.signInTitle', 'Sign in to view your sessions')}\n          description={tr(\n            'technospam.mentorship.signInDesc',\n            \"Your booked and hosted mentorship sessions will appear here once you're signed in.\"\n          )}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.mentorship.sessionsTitle', 'My Sessions')}\n      description={tr(\n        'technospam.mentorship.sessionsDescription',\n        \"Manage the mentorship sessions you've booked and the ones you host.\"\n      )}\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/mentors-page')}>\n          <Users size={16} /> {tr('technospam.common.findMentor', '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={tr('technospam.mentorship.statAsMentee', 'As mentee')}\n          value={menteeSessions.length}\n          icon={MessageSquare}\n          tone=\"blue\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statAsMentor', 'As mentor')}\n          value={mentorId ? mentorSessions.length : 0}\n          icon={Users}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statUpcoming', 'Upcoming')}\n          value={upcomingCount}\n          icon={CalendarClock}\n          tone=\"teal\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statCompleted', 'Completed')}\n          value={completedCount}\n          icon={CheckCircle2}\n          tone=\"green\"\n        />\n      </div>\n\n      <Tabs value={tab} onValueChange={(v) => setTab(v as Perspective)} className=\"mb-4\">\n        <TabsList>\n          <TabsTrigger value=\"mentee\">\n            {tr('technospam.mentorship.tabAsMentee', 'As mentee')}\n          </TabsTrigger>\n          <TabsTrigger value=\"mentor\">\n            {tr('technospam.mentorship.tabAsMentor', 'As mentor')}\n          </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={tr('technospam.mentorship.noSessionsBookedTitle', 'No sessions booked yet')}\n          emptyDescription={tr(\n            'technospam.mentorship.noSessionsBookedDesc',\n            'Find a mentor and request a session to get personalized guidance.'\n          )}\n          emptyAction={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>\n              {tr('technospam.common.findMentor', 'Find a mentor')}\n            </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={tr('technospam.mentorship.notAMentorTitle', \"You're not a mentor yet\")}\n          description={tr(\n            'technospam.mentorship.notAMentorDesc',\n            'Create a mentor profile to start hosting sessions and helping others build.'\n          )}\n          action={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>\n              {tr('technospam.common.becomeAMentor', 'Become a mentor')}\n            </Button>\n          }\n        />\n      ) : (\n        <SessionsList\n          loading={mentorQ.loading}\n          error={mentorQ.error}\n          sessions={mentorSessions}\n          showMentor={false}\n          emptyTitle={tr('technospam.mentorship.noSessionsToHostTitle', 'No sessions to host yet')}\n          emptyDescription={tr(\n            'technospam.mentorship.noSessionsToHostDesc',\n            'When mentees request time with you, their sessions will show up here.'\n          )}\n          isMentor\n          onCancel={handleCancel}\n          onConfirm={handleConfirm}\n          onComplete={handleComplete}\n          busyId={cancellingId}\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAoCA,IAAM,IAAc,IAAI,IAAI,CAAC,aAAa,YAAY,CAAC;AAEvD,SAAS,EAAW,EAClB,YACA,eACA,aACA,aACA,cACA,eACA,WASC;CACD,IAAM,IAAY,EAAY,IAAI,EAAQ,OAAO,EAC3C,CAAC,GAAM,KAAW,EAA0C,OAAO,EACnE,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAQ,KAAa,EAAS,IAAI,EACnC,CAAC,GAAU,KAAe,EAAS,GAAG;AAY5C,QACE,kBAAC,GAAD;EAAW,WAAU;YAArB;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBACd,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;MACd,CAAA,EACP,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAQ;UACJ,CAAA;SACP,kBAAC,GAAD,EAAa,QAAQ,EAAQ,QAAU,CAAA;SACtC,EAAQ,SACP,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WAA0C;WAAG,EAAQ;WAAO;WAAS;cACnE;SACA;;OACL,KAAc,EAAQ,QAAQ,WAC7B,kBAAC,OAAD;QAAK,WAAU;kBAAf,CAA6D,SACrD,EAAQ,OAAO,SACjB;YACJ;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;;UAAE,EAAe,EAAQ,YAAY;UAC3D;YACP,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;;UAAE,EAAe,EAAQ,gBAAgB;UACvD;WACH;;OACL,EAAQ,SACP,kBAAC,KAAD;QAAG,WAAU;kBAAiD,EAAQ;QAAW,CAAA,GAC/E;OACA;QACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,EAAQ,aACP,kBAAC,GAAD;OACE,MAAK;OACL,eAAe,OAAO,KAAK,EAAQ,cAAc,IAAI,UAAU,sBAAsB;iBAFvF,CAIE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA,EAAA,QACZ;WACP;MACH,KAAY,EAAQ,WAAW,cAC9B,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,EAAQ,MAAS,YAAY,SAAS,UAAU;iBAHjE,CAKE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA,EAAA,WACZ;WACP;MACH,KAAY,EAAQ,WAAW,cAC9B,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,EAAQ,MAAS,aAAa,SAAS,WAAW;iBAHnE,CAKE,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA,EAAA,iBACnB;WACP;MACH,IACC,kBAAC,GAAD;OAAQ,SAAQ;OAAQ,MAAK;OAAK,eAAe,EAAS,EAAQ,GAAG;OAAE,UAAU;iBAAjF,CACE,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA,EAAA,UACR;WACP;MACA;OACF;;GAEL,MAAS,YACR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,WAAU;KACV,aAAY;KACZ,OAAO;KACP,WAAW,MAAM,EAAc,EAAE,OAAO,MAAM;KAC9C,CAAA,EACF,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAxFJ,YAAY;AAGhC,MAFA,MAAM,EAAU,EAAQ,IAAI,EAAW,MAAM,CAAC,EAC9C,EAAQ,OAAO,EACf,EAAc,GAAG;;KAqF+B,UAAU;eAAM;KAEjD,CAAA,CACL;QACJ;GACH,MAAS,aACR,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8B;OAAoB,CAAA,EACnE,kBAAC,GAAD;OACE,MAAK;OACL,KAAK;OACL,KAAK;OACL,WAAU;OACV,OAAO;OACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;OAC1C,CAAA,CACE;;KACN,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;MAC5C,CAAA;KACF,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SA3GL,YAAY;AAEjC,OADA,MAAM,EAAW,EAAQ,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,OAAO,EAAO,IAAI,EAAE,CAAC,EAAE,EAAS,MAAM,CAAC,EAC5F,EAAQ,OAAO;;MAyGoC,UAAU;gBAAM;MAElD,CAAA,EACL,CAAA;KACF;QACJ;GACM;;;AAIhB,SAAS,EAAa,EACpB,YACA,UACA,aACA,eACA,eACA,qBACA,gBACA,aACA,aACA,cACA,eACA,aAcC;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;GACA;GACC;GACC;GACZ,MAAM,MAAW,EAAQ;GACzB,EARK,EAAQ,GAQb,CACF;EACE,CAAA;;AAIV,SAAgB,IAA6B;CAC3C,IAAM,IAAW,GAAuB,EAClC,EAAE,gBAAa,mBAAgB,GAAe,EAC9C,EAAE,YAAS,GAAwB,EACnC,IAAK,GAAO,EACZ,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,gBAAgB,MAAM,MAAM,MAAM,EAAE,WAAW,GAAa,GAAG,EACzF,IAAW,GAAU,IACrB,IAAU,EAAiB,IAAW,EAAE,aAAU,GAAG,EAAE,CAAC,EAExD,CAAC,KAAiB,GAAkB,EACpC,CAAC,KAAkB,GAAmB,EACtC,CAAC,KAAmB,GAAoB,EAExC,IAAiB,IAAY,EAAQ,MAAM,iBAAiB,SAAS,EAAE,GAAI,EAAE,EAC7E,IAAiB,IAAY,EAAQ,MAAM,iBAAiB,SAAS,EAAE,GAAI,EAAE,EAC7E,IAAc,CAAC,GAAG,GAAgB,GAAG,EAAe,EACpD,IAAgB,EAAY,QAC/B,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW,YACjD,CAAC,QACI,IAAiB,EAAY,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC,QAErE,IAAe,OAAO,MAAe;AAEzC,EADA,EAAgB,EAAG,EACnB,EAAK,qCAAqC;GACxC;GACA,UAAU;GACV,YAAY;GACb,CAAC;AACF,MAAI;AAEF,IADY,MAAM,EAAc,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC9C,MAAM,qBACZ,EAAK,gCAAgC;IACnC;IACA,UAAU;IACV,YAAY;IACb,CAAC,EACF,EAAO,QAAQ,qBAAqB,kCAAkC;YAEhE;AACR,KAAgB,KAAK;;IAInB,IAAgB,OAAO,GAAY,MAAuB;AAC9D,IAAgB,EAAG;AACnB,MAAI;AAIF,IAHY,MAAM,EAAe,EAC/B,WAAW;IAAE;IAAI,YAAY,KAAc,KAAA;IAAW,EACvD,CAAC,EACM,MAAM,sBACZ,EAAO,QAAQ,qBAAqB,gCAAgC,EACpE,MAAM,EAAQ,SAAS;YAEjB;AACR,KAAgB,KAAK;;IAInB,IAAiB,OAAO,GAAY,GAAgB,MAAqB;AAE7E,EADA,EAAgB,EAAG,EACnB,EAAK,uCAAuC;GAC1C;GACA,UAAU;GACV,YAAY;GACb,CAAC;AACF,MAAI;AAIF,IAHY,MAAM,EAAgB,EAChC,WAAW;IAAE;IAAI;IAAQ,UAAU,KAAY,KAAA;IAAW,EAC3D,CAAC,EACM,MAAM,uBACZ,EAAK,gCAAgC;IACnC;IACA,UAAU;IACV,YAAY;IACb,CAAC,EACF,EAAO,QAAQ,qBAAqB,yCAAyC,EAC7E,MAAM,EAAQ,SAAS;YAEjB;AACR,KAAgB,KAAK;;;AA0BzB,QAtBK,GAAa,KAuBhB,kBAAC,GAAD;EACE,MAAA;EACA,OAAO,EAAG,uCAAuC,cAAc;EAC/D,aAAa,EACX,6CACA,sEACD;EACD,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAS,2BAA2B;aAA7E;IACE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;;IAAE,EAAG,gCAAgC,gBAAgB;IACjE;;YAVb;GAaE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,OAAO,EAAG,sCAAsC,YAAY;MAC5D,OAAO,EAAe;MACtB,MAAM;MACN,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAG,sCAAsC,YAAY;MAC5D,OAAO,IAAW,EAAe,SAAS;MAC1C,MAAM;MACN,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAG,sCAAsC,WAAW;MAC3D,OAAO;MACP,MAAM;MACN,MAAK;MACL,CAAA;KACF,kBAAC,GAAD;MACE,OAAO,EAAG,uCAAuC,YAAY;MAC7D,OAAO;MACP,MAAM;MACN,MAAK;MACL,CAAA;KACE;;GAEN,kBAAC,GAAD;IAAM,OAAO;IAAK,gBAAgB,MAAM,EAAO,EAAiB;IAAE,WAAU;cAC1E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAa,OAAM;eAChB,EAAG,qCAAqC,YAAY;KACzC,CAAA,EACd,kBAAC,GAAD;KAAa,OAAM;eAChB,EAAG,qCAAqC,YAAY;KACzC,CAAA,CACL,EAAA,CAAA;IACN,CAAA;GAEN,MAAQ,WACP,kBAAC,GAAD;IACE,SAAS,EAAQ;IACjB,OAAO,EAAQ;IACf,UAAU;IACV,YAAA;IACA,YAAY,EAAG,+CAA+C,yBAAyB;IACvF,kBAAkB,EAChB,8CACA,oEACD;IACD,aACE,kBAAC,GAAD;KAAQ,eAAe,EAAS,2BAA2B;eACxD,EAAG,gCAAgC,gBAAgB;KAC7C,CAAA;IAEX,UAAU;IACV,UAAU;IACV,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,CAAA,GACA,EAAS,WAAW,CAAC,IACvB,kBAAC,GAAD;IAAa,OAAO;IAAG,QAAO;IAAS,CAAA,GACpC,IAeH,kBAAC,GAAD;IACE,SAAS,EAAQ;IACjB,OAAO,EAAQ;IACf,UAAU;IACV,YAAY;IACZ,YAAY,EAAG,+CAA+C,0BAA0B;IACxF,kBAAkB,EAChB,8CACA,wEACD;IACD,UAAA;IACA,UAAU;IACV,WAAW;IACX,YAAY;IACZ,QAAQ;IACR,CAAA,GA7BF,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO,EAAG,yCAAyC,0BAA0B;IAC7E,aAAa,EACX,wCACA,8EACD;IACD,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAS,2BAA2B;eACxD,EAAG,mCAAmC,kBAAkB;KAClD,CAAA;IAEX,CAAA;GAmBO;MAhIX,kBAAC,GAAD;EACE,MAAA;EACA,OAAO,EAAG,uCAAuC,cAAc;EAC/D,aAAa,EACX,6CACA,kCACD;YAED,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;GACjC,OAAO,EAAG,qCAAqC,gCAAgC;GAC/E,aAAa,EACX,oCACA,qFACD;GACD,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';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport {\n  FOCUSED_CARD_CLASS,\n  focusableCardProps,\n  useFocusedRecordParam,\n} from '../hooks/useFocusedRecordParam';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\nimport { cn } from '../utils/cn';\nimport { useTr } from '../hooks/useTr';\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  focused,\n  onFocusChange,\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  /** True when this is the session the page (and the assistant) is focused on. */\n  focused: boolean;\n  onFocusChange: (id: string | null) => void;\n}) {\n  // Acting on a session focuses it, so \"cancel this session\" names this one.\n  const focus = () => onFocusChange(session.id);\n  const toggleFocus = () => onFocusChange(focused ? null : session.id);\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\n      className={cn(\n        'flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md',\n        focused && FOCUSED_CARD_CLASS\n      )}\n      {...focusableCardProps(focused, toggleFocus)}\n    >\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              <button\n                type=\"button\"\n                aria-pressed={focused}\n                onClick={toggleFocus}\n                className=\"truncate text-left text-sm font-semibold text-text-primary hover:text-accent-primary\"\n              >\n                {session.topic}\n              </button>\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={() => {\n                focus();\n                setMode(mode === 'confirm' ? 'none' : 'confirm');\n              }}\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={() => {\n                focus();\n                setMode(mode === 'complete' ? 'none' : 'complete');\n              }}\n            >\n              <CheckCircle2 size={15} /> Mark complete\n            </Button>\n          ) : null}\n          {canCancel ? (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => {\n                focus();\n                onCancel(session.id);\n              }}\n              disabled={busy}\n            >\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  focusedId,\n  onFocusChange,\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  focusedId: string | null;\n  onFocusChange: (id: string | null) => void;\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          focused={focusedId === session.id}\n          onFocusChange={onFocusChange}\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 tr = useTr();\n  const [tab, setTab] = useState<Perspective>('mentee');\n  const [cancellingId, setCancellingId] = useState<string | null>(null);\n  // The focused session lives in `?sessionId=` so the assistant's page context\n  // names it (\"cancel this session\") and a reload keeps it focused.\n  const [focusedSessionId, setFocusedSessionId] = useFocusedRecordParam(FOCUS_PARAMS.session);\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?.items ?? []) : [];\n  const mentorSessions = mentorId ? (mentorQ.data?.tecListSessions?.items ?? []) : [];\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\n        hero\n        title={tr('technospam.mentorship.sessionsTitle', 'My Sessions')}\n        description={tr(\n          'technospam.mentorship.sessionsDescription',\n          'Track your mentorship sessions.'\n        )}\n      >\n        <EmptyView\n          icon={<MessageSquare size={26} />}\n          title={tr('technospam.mentorship.signInTitle', 'Sign in to view your sessions')}\n          description={tr(\n            'technospam.mentorship.signInDesc',\n            \"Your booked and hosted mentorship sessions will appear here once you're signed in.\"\n          )}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.mentorship.sessionsTitle', 'My Sessions')}\n      description={tr(\n        'technospam.mentorship.sessionsDescription',\n        \"Manage the mentorship sessions you've booked and the ones you host.\"\n      )}\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/mentors-page')}>\n          <Users size={16} /> {tr('technospam.common.findMentor', '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={tr('technospam.mentorship.statAsMentee', 'As mentee')}\n          value={menteeSessions.length}\n          icon={MessageSquare}\n          tone=\"blue\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statAsMentor', 'As mentor')}\n          value={mentorId ? mentorSessions.length : 0}\n          icon={Users}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statUpcoming', 'Upcoming')}\n          value={upcomingCount}\n          icon={CalendarClock}\n          tone=\"teal\"\n        />\n        <StatCard\n          label={tr('technospam.mentorship.statCompleted', 'Completed')}\n          value={completedCount}\n          icon={CheckCircle2}\n          tone=\"green\"\n        />\n      </div>\n\n      <Tabs value={tab} onValueChange={(v) => setTab(v as Perspective)} className=\"mb-4\">\n        <TabsList>\n          <TabsTrigger value=\"mentee\">\n            {tr('technospam.mentorship.tabAsMentee', 'As mentee')}\n          </TabsTrigger>\n          <TabsTrigger value=\"mentor\">\n            {tr('technospam.mentorship.tabAsMentor', 'As mentor')}\n          </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={tr('technospam.mentorship.noSessionsBookedTitle', 'No sessions booked yet')}\n          emptyDescription={tr(\n            'technospam.mentorship.noSessionsBookedDesc',\n            'Find a mentor and request a session to get personalized guidance.'\n          )}\n          emptyAction={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>\n              {tr('technospam.common.findMentor', 'Find a mentor')}\n            </Button>\n          }\n          isMentor={false}\n          onCancel={handleCancel}\n          onConfirm={handleConfirm}\n          onComplete={handleComplete}\n          busyId={cancellingId}\n          focusedId={focusedSessionId}\n          onFocusChange={setFocusedSessionId}\n        />\n      ) : mentorsQ.loading && !myMentor ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : !mentorId ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title={tr('technospam.mentorship.notAMentorTitle', \"You're not a mentor yet\")}\n          description={tr(\n            'technospam.mentorship.notAMentorDesc',\n            'Create a mentor profile to start hosting sessions and helping others build.'\n          )}\n          action={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>\n              {tr('technospam.common.becomeAMentor', 'Become a mentor')}\n            </Button>\n          }\n        />\n      ) : (\n        <SessionsList\n          loading={mentorQ.loading}\n          error={mentorQ.error}\n          sessions={mentorSessions}\n          showMentor={false}\n          emptyTitle={tr('technospam.mentorship.noSessionsToHostTitle', 'No sessions to host yet')}\n          emptyDescription={tr(\n            'technospam.mentorship.noSessionsToHostDesc',\n            'When mentees request time with you, their sessions will show up here.'\n          )}\n          isMentor\n          onCancel={handleCancel}\n          onConfirm={handleConfirm}\n          onComplete={handleComplete}\n          busyId={cancellingId}\n          focusedId={focusedSessionId}\n          onFocusChange={setFocusedSessionId}\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/StudyPlannerStudyPlannerPagePage.js

@@ -4,9 +4,9 @@ import { StatCard as n } from "../components/StatCard.js";
 import { formatDate as r, formatDuration as i } from "../utils/format.js";
 import { StatusBadge as a } from "../components/StatusBadge.js";
 import { EmptyView as o, ErrorView as s, LoadingRows as c } from "../components/StateViews.js";
-import "../components/index.js";
 import { notify as l } from "../lib/toast.js";
 import { useArchiveStudyPlan as u, useGenerateStudyPlan as d, useMyStudyPlansQuery as f, useUpdateStudyPlanStepStatus as p } from "../api/technospamApi.js";
+import "../components/index.js";
 import { useState as m } from "react";
 import { Archive as h, ArrowUpRight as g, Calendar as _, CheckCircle2 as v, Circle as y, Clock as b, ListChecks as x, Sparkles as S, Target as C, Timer as w, TrendingUp as T } from "lucide-react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";

package/dist/technospam/utils/pageContext.d.ts

@@ -4,9 +4,58 @@
  *
  * Routes mirror the live wspace-technospam-svc surface exposed in
  * TechnoSpamRoutes.tsx. Removed/redirected modules are not resolved.
+ *
+ * The forwarded payload is the cross-product contract from
+ * `dev/platform/context/automation/ai-assistant` (Step 4): exactly
+ * `currentUrl`, `currentPage`, `entityType`, `entityId`, `platform`,
+ * `version` and `viewportSize`. Anything else (user agent, timestamps) stays
+ * in the browser — the agent drops unknown keys anyway, and forwarding them is
+ * the kind of drift that eventually becomes a leak.
  */
-interface ConversationContextShape {
-    entityType?: string;
+/** Base path the app shell mounts the TechnoSpam microfrontend under. */
+export declare const TECHNOSPAM_BASE_PATH = "/technospam";
+/**
+ * Every entity type the page context can name. The ai-assistant content guide
+ * (`context/api-calls/products/technospam.md`) documents how the agent reads
+ * each one, so a new value here must be added there too.
+ */
+export declare const TECHNOSPAM_ENTITY_TYPES: readonly ["TEC_COURSE", "TEC_LESSON", "TEC_ENROLLMENT", "TEC_CERTIFICATE", "TEC_PROBLEM", "TEC_SUBMISSION", "TEC_MENTOR", "TEC_MENTOR_SESSION", "TEC_HACKATHON", "TEC_HACKATHON_TEAM"];
+export type TechnoSpamEntityType = (typeof TECHNOSPAM_ENTITY_TYPES)[number];
+/**
+ * Search params that name the record a page is focused on. Detail pages carry
+ * their own record in `id`; a child record the user has focused on that page
+ * (an expanded lesson, a selected submission or team) or a record focused on a
+ * list page carries its own param. Pages write these through
+ * `useFocusedRecordParam`, so the assistant can act on "this session" without
+ * asking which one, and the focus survives a reload or a shared link.
+ */
+export declare const FOCUS_PARAMS: {
+    readonly id: "id";
+    readonly lesson: "lessonId";
+    readonly enrollment: "enrollmentId";
+    readonly certificate: "certificateId";
+    readonly submission: "submissionId";
+    readonly session: "sessionId";
+    readonly team: "teamId";
+};
+export type FocusParam = (typeof FOCUS_PARAMS)[keyof typeof FOCUS_PARAMS];
+interface EntitySource {
+    type: TechnoSpamEntityType;
+    param: FocusParam;
+}
+interface TechnoSpamPage {
+    /** Route relative to the MFE base path, as declared in TechnoSpamRoutes.tsx. */
+    route: string;
+    /** Checked in order: the first param present wins, so child focus beats the parent. */
+    entities: readonly EntitySource[];
+}
+/**
+ * Route → entity table. Children come first so a focused lesson, submission
+ * or team is named instead of the course, problem or hackathon around it.
+ */
+export declare const TECHNOSPAM_PAGES: readonly TechnoSpamPage[];
+export interface ConversationContextShape {
+    entityType?: TechnoSpamEntityType;
     entityId?: string;
     activeTab?: string;
     metadata?: Record<string, unknown>;
@@ -19,10 +68,10 @@ export interface PageContext {
     platform: string;
     version: string;
     viewportSize: string;
-    userAgent: string;
-    timestamp: string;
 }
+/** The MFE-relative route (`courses/course-details-page`), or null outside the MFE. */
+export declare function technoSpamRoute(pathname: string, basePath?: string): string | null;
+export declare function resolveTechnoSpamConversationContext(pathname: string, search: string, basePath?: string): ConversationContextShape;
 export declare function gatherPageContext(): PageContext;
-export declare function resolveTechnoSpamConversationContext(pathname: string, search: string): ConversationContextShape;
 export {};
 //# sourceMappingURL=pageContext.d.ts.map

package/dist/technospam/utils/pageContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pageContext.d.ts","sourceRoot":"","sources":["../../../src/technospam/utils/pageContext.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,UAAU,wBAAwB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,WAAW;IAG1B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IAGpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,IAAI,WAAW,CAoB/C;AAMD,wBAAgB,oCAAoC,CAClD,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,wBAAwB,CAqC1B"}
+{"version":3,"file":"pageContext.d.ts","sourceRoot":"","sources":["../../../src/technospam/utils/pageContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,yEAAyE;AACzE,eAAO,MAAM,oBAAoB,gBAAgB,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,wLAW1B,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE1E,UAAU,YAAY;IACpB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,UAAU,cAAc;IACtB,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,QAAQ,EAAE,SAAS,YAAY,EAAE,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAAS,cAAc,EAqCrD,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,WAAW;IAG1B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IAGpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB;AAUD,uFAAuF;AACvF,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,QAAQ,GAAE,MAA6B,GACtC,MAAM,GAAG,IAAI,CAIf;AAED,wBAAgB,oCAAoC,CAClD,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,GAAE,MAA6B,GACtC,wBAAwB,CA4B1B;AAED,wBAAgB,iBAAiB,IAAI,WAAW,CAmB/C"}

package/dist/technospam/utils/pageContext.js

@@ -1,46 +1,110 @@
 //#region src/technospam/utils/pageContext.ts
-function e() {
-	let e = window.location.href, t = window.location.pathname.split("/").filter(Boolean).slice(0, 3).join("/") || "home", r = n(window.location.pathname, window.location.search);
+var e = "/technospam", t = {
+	id: "id",
+	lesson: "lessonId",
+	enrollment: "enrollmentId",
+	certificate: "certificateId",
+	submission: "submissionId",
+	session: "sessionId",
+	team: "teamId"
+}, n = [
+	{
+		route: "courses/course-details-page",
+		entities: [{
+			type: "TEC_LESSON",
+			param: t.lesson
+		}, {
+			type: "TEC_COURSE",
+			param: t.id
+		}]
+	},
+	{
+		route: "courses/my-learning-page",
+		entities: [{
+			type: "TEC_CERTIFICATE",
+			param: t.certificate
+		}, {
+			type: "TEC_ENROLLMENT",
+			param: t.enrollment
+		}]
+	},
+	{
+		route: "applications/problem-details-page",
+		entities: [{
+			type: "TEC_SUBMISSION",
+			param: t.submission
+		}, {
+			type: "TEC_PROBLEM",
+			param: t.id
+		}]
+	},
+	{
+		route: "mentorship/mentor-profile-page",
+		entities: [{
+			type: "TEC_MENTOR",
+			param: t.id
+		}]
+	},
+	{
+		route: "mentorship/sessions-page",
+		entities: [{
+			type: "TEC_MENTOR_SESSION",
+			param: t.session
+		}]
+	},
+	{
+		route: "hackathons/hackathon-details-page",
+		entities: [{
+			type: "TEC_HACKATHON_TEAM",
+			param: t.team
+		}, {
+			type: "TEC_HACKATHON",
+			param: t.id
+		}]
+	}
+], r = /^[A-Za-z0-9_-]{1,128}$/;
+function i(e, t) {
+	let n = e.get(t)?.trim();
+	return n && r.test(n) ? n : void 0;
+}
+function a(t, n = e) {
+	let r = n.replace(/\/+$/, "");
+	return t !== r && !t.startsWith(`${r}/`) ? null : t.slice(r.length).split("/").filter(Boolean).join("/");
+}
+function o(t, r, o = e) {
+	let s = new URLSearchParams(r), c = a(t, o), l = c === null ? void 0 : n.find((e) => e.route === c);
+	if (l) for (let e of l.entities) {
+		let t = i(s, e.param);
+		if (t) return {
+			entityType: e.type,
+			entityId: t,
+			metadata: {
+				route: l.route,
+				param: e.param
+			}
+		};
+	}
+	let u = (c ?? "").split("/").filter(Boolean), d = s.get("tab") ?? (u.length > 1 ? u[u.length - 1] : void 0);
+	return {
+		activeTab: d ?? void 0,
+		metadata: { ...d ? { activeTab: d } : {} }
+	};
+}
+function s() {
+	let e = window.location.href, t = window.location.pathname.split("/").filter(Boolean).slice(0, 3).join("/") || "home", n = o(window.location.pathname, window.location.search);
 	return {
 		currentUrl: e,
 		currentPage: t,
-		entityType: r.entityType,
-		entityId: r.entityId,
+		...n.entityType && n.entityId ? {
+			entityType: n.entityType,
+			entityId: n.entityId
+		} : {},
 		platform: "technospam",
 		version: "2026.705.2",
-		viewportSize: `${window.innerWidth}x${window.innerHeight}`,
-		userAgent: navigator.userAgent,
-		timestamp: (/* @__PURE__ */ new Date()).toISOString()
-	};
-}
-function t(e, t) {
-	return t.match(e);
-}
-function n(e, n) {
-	let r = new URLSearchParams(n);
-	for (let [n, i] of [
-		[/^\/technospam\/courses\/course-details-page$/, "TEC_COURSE"],
-		[/^\/technospam\/applications\/problem-details-page$/, "TEC_PROBLEM"],
-		[/^\/technospam\/mentorship\/mentor-profile-page$/, "TEC_MENTOR"],
-		[/^\/technospam\/hackathons\/hackathon-details-page$/, "TEC_HACKATHON"]
-	]) if (t(n, e)) return {
-		entityType: i,
-		entityId: r.get("id") ?? void 0,
-		metadata: {
-			routePattern: n.source,
-			...r.get("id") ? { entityId: r.get("id") } : {}
-		}
-	};
-	let i = r.get("tab") ?? (() => {
-		let t = e.split("/").filter(Boolean);
-		return t.length > 2 ? t[t.length - 1] : void 0;
-	})();
-	return {
-		activeTab: i ?? void 0,
-		metadata: { ...i ? { activeTab: i } : {} }
+		viewportSize: `${window.innerWidth}x${window.innerHeight}`
 	};
 }
 //#endregion
-export { e as gatherPageContext };
+export { t as FOCUS_PARAMS, s as gatherPageContext };
 
 //# sourceMappingURL=pageContext.js.map

package/dist/technospam/utils/pageContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"pageContext.js","names":[],"sources":["../../../src/technospam/utils/pageContext.ts"],"sourcesContent":["/**\n * Page context gathering — captures the user's current browser context\n * to be sent alongside every assistant prompt for better AI awareness.\n *\n * Routes mirror the live wspace-technospam-svc surface exposed in\n * TechnoSpamRoutes.tsx. Removed/redirected modules are not resolved.\n */\n\ninterface ConversationContextShape {\n  entityType?: string;\n  entityId?: string;\n  activeTab?: string;\n  metadata?: Record<string, unknown>;\n}\n\nexport interface PageContext {\n  // `currentUrl` (NOT `activeUrl`) — must match the agent's allowed-context-key\n  // contract, otherwise the agent filters it out.\n  currentUrl: string;\n  currentPage: string;\n  // The entity the user is currently looking at, resolved from the route. Lets\n  // the assistant act on \"this / current / here\" without asking for an id.\n  entityType?: string;\n  entityId?: string;\n  platform: string;\n  version: string;\n  viewportSize: string;\n  userAgent: string;\n  timestamp: string;\n}\n\nexport function gatherPageContext(): PageContext {\n  const url = window.location.href;\n  const pathSegments = window.location.pathname.split('/').filter(Boolean);\n  const currentPage = pathSegments.slice(0, 3).join('/') || 'home';\n  const entity = resolveTechnoSpamConversationContext(\n    window.location.pathname,\n    window.location.search\n  );\n\n  return {\n    currentUrl: url,\n    currentPage,\n    entityType: entity.entityType,\n    entityId: entity.entityId,\n    platform: 'technospam',\n    version: import.meta.env.VITE_APP_VERSION ?? '2026.705.2',\n    viewportSize: `${window.innerWidth}x${window.innerHeight}`,\n    userAgent: navigator.userAgent,\n    timestamp: new Date().toISOString(),\n  };\n}\n\nfunction matchPath(pattern: RegExp, pathname: string): RegExpMatchArray | null {\n  return pathname.match(pattern);\n}\n\nexport function resolveTechnoSpamConversationContext(\n  pathname: string,\n  search: string\n): ConversationContextShape {\n  const params = new URLSearchParams(search);\n\n  const directMatches: Array<[RegExp, string]> = [\n    [/^\\/technospam\\/courses\\/course-details-page$/, 'TEC_COURSE'],\n    [/^\\/technospam\\/applications\\/problem-details-page$/, 'TEC_PROBLEM'],\n    [/^\\/technospam\\/mentorship\\/mentor-profile-page$/, 'TEC_MENTOR'],\n    [/^\\/technospam\\/hackathons\\/hackathon-details-page$/, 'TEC_HACKATHON'],\n  ];\n\n  for (const [pattern, entityType] of directMatches) {\n    const match = matchPath(pattern, pathname);\n    if (match) {\n      return {\n        entityType,\n        entityId: params.get('id') ?? undefined,\n        metadata: {\n          routePattern: pattern.source,\n          ...(params.get('id') ? { entityId: params.get('id') } : {}),\n        },\n      };\n    }\n  }\n\n  const activeTab =\n    params.get('tab') ??\n    (() => {\n      const segments = pathname.split('/').filter(Boolean);\n      return segments.length > 2 ? segments[segments.length - 1] : undefined;\n    })();\n\n  return {\n    activeTab: activeTab ?? undefined,\n    metadata: {\n      ...(activeTab ? { activeTab } : {}),\n    },\n  };\n}\n"],"mappings":";AA+BA,SAAgB,IAAiC;CAC/C,IAAM,IAAM,OAAO,SAAS,MAEtB,IADe,OAAO,SAAS,SAAS,MAAM,IAAI,CAAC,OAAO,QAAQ,CACvC,MAAM,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,QACpD,IAAS,EACb,OAAO,SAAS,UAChB,OAAO,SAAS,OACjB;AAED,QAAO;EACL,YAAY;EACZ;EACA,YAAY,EAAO;EACnB,UAAU,EAAO;EACjB,UAAU;EACV,SAA6C;EAC7C,cAAc,GAAG,OAAO,WAAW,GAAG,OAAO;EAC7C,WAAW,UAAU;EACrB,4BAAW,IAAI,MAAM,EAAC,aAAa;EACpC;;AAGH,SAAS,EAAU,GAAiB,GAA2C;AAC7E,QAAO,EAAS,MAAM,EAAQ;;AAGhC,SAAgB,EACd,GACA,GAC0B;CAC1B,IAAM,IAAS,IAAI,gBAAgB,EAAO;AAS1C,MAAK,IAAM,CAAC,GAAS,MAP0B;EAC7C,CAAC,gDAAgD,aAAa;EAC9D,CAAC,sDAAsD,cAAc;EACrE,CAAC,mDAAmD,aAAa;EACjE,CAAC,sDAAsD,gBAAgB;EACxE,CAIC,KADc,EAAU,GAAS,EAAS,CAExC,QAAO;EACL;EACA,UAAU,EAAO,IAAI,KAAK,IAAI,KAAA;EAC9B,UAAU;GACR,cAAc,EAAQ;GACtB,GAAI,EAAO,IAAI,KAAK,GAAG,EAAE,UAAU,EAAO,IAAI,KAAK,EAAE,GAAG,EAAE;GAC3D;EACF;CAIL,IAAM,IACJ,EAAO,IAAI,MAAM,WACV;EACL,IAAM,IAAW,EAAS,MAAM,IAAI,CAAC,OAAO,QAAQ;AACpD,SAAO,EAAS,SAAS,IAAI,EAAS,EAAS,SAAS,KAAK,KAAA;KAC3D;AAEN,QAAO;EACL,WAAW,KAAa,KAAA;EACxB,UAAU,EACR,GAAI,IAAY,EAAE,cAAW,GAAG,EAAE,EACnC;EACF"}
+{"version":3,"file":"pageContext.js","names":[],"sources":["../../../src/technospam/utils/pageContext.ts"],"sourcesContent":["/**\n * Page context gathering — captures the user's current browser context\n * to be sent alongside every assistant prompt for better AI awareness.\n *\n * Routes mirror the live wspace-technospam-svc surface exposed in\n * TechnoSpamRoutes.tsx. Removed/redirected modules are not resolved.\n *\n * The forwarded payload is the cross-product contract from\n * `dev/platform/context/automation/ai-assistant` (Step 4): exactly\n * `currentUrl`, `currentPage`, `entityType`, `entityId`, `platform`,\n * `version` and `viewportSize`. Anything else (user agent, timestamps) stays\n * in the browser — the agent drops unknown keys anyway, and forwarding them is\n * the kind of drift that eventually becomes a leak.\n */\n\n/** Base path the app shell mounts the TechnoSpam microfrontend under. */\nexport const TECHNOSPAM_BASE_PATH = '/technospam';\n\n/**\n * Every entity type the page context can name. The ai-assistant content guide\n * (`context/api-calls/products/technospam.md`) documents how the agent reads\n * each one, so a new value here must be added there too.\n */\nexport const TECHNOSPAM_ENTITY_TYPES = [\n  'TEC_COURSE',\n  'TEC_LESSON',\n  'TEC_ENROLLMENT',\n  'TEC_CERTIFICATE',\n  'TEC_PROBLEM',\n  'TEC_SUBMISSION',\n  'TEC_MENTOR',\n  'TEC_MENTOR_SESSION',\n  'TEC_HACKATHON',\n  'TEC_HACKATHON_TEAM',\n] as const;\n\nexport type TechnoSpamEntityType = (typeof TECHNOSPAM_ENTITY_TYPES)[number];\n\n/**\n * Search params that name the record a page is focused on. Detail pages carry\n * their own record in `id`; a child record the user has focused on that page\n * (an expanded lesson, a selected submission or team) or a record focused on a\n * list page carries its own param. Pages write these through\n * `useFocusedRecordParam`, so the assistant can act on \"this session\" without\n * asking which one, and the focus survives a reload or a shared link.\n */\nexport const FOCUS_PARAMS = {\n  id: 'id',\n  lesson: 'lessonId',\n  enrollment: 'enrollmentId',\n  certificate: 'certificateId',\n  submission: 'submissionId',\n  session: 'sessionId',\n  team: 'teamId',\n} as const;\n\nexport type FocusParam = (typeof FOCUS_PARAMS)[keyof typeof FOCUS_PARAMS];\n\ninterface EntitySource {\n  type: TechnoSpamEntityType;\n  param: FocusParam;\n}\n\ninterface TechnoSpamPage {\n  /** Route relative to the MFE base path, as declared in TechnoSpamRoutes.tsx. */\n  route: string;\n  /** Checked in order: the first param present wins, so child focus beats the parent. */\n  entities: readonly EntitySource[];\n}\n\n/**\n * Route → entity table. Children come first so a focused lesson, submission\n * or team is named instead of the course, problem or hackathon around it.\n */\nexport const TECHNOSPAM_PAGES: readonly TechnoSpamPage[] = [\n  {\n    route: 'courses/course-details-page',\n    entities: [\n      { type: 'TEC_LESSON', param: FOCUS_PARAMS.lesson },\n      { type: 'TEC_COURSE', param: FOCUS_PARAMS.id },\n    ],\n  },\n  {\n    route: 'courses/my-learning-page',\n    entities: [\n      { type: 'TEC_CERTIFICATE', param: FOCUS_PARAMS.certificate },\n      { type: 'TEC_ENROLLMENT', param: FOCUS_PARAMS.enrollment },\n    ],\n  },\n  {\n    route: 'applications/problem-details-page',\n    entities: [\n      { type: 'TEC_SUBMISSION', param: FOCUS_PARAMS.submission },\n      { type: 'TEC_PROBLEM', param: FOCUS_PARAMS.id },\n    ],\n  },\n  {\n    route: 'mentorship/mentor-profile-page',\n    entities: [{ type: 'TEC_MENTOR', param: FOCUS_PARAMS.id }],\n  },\n  {\n    route: 'mentorship/sessions-page',\n    entities: [{ type: 'TEC_MENTOR_SESSION', param: FOCUS_PARAMS.session }],\n  },\n  {\n    route: 'hackathons/hackathon-details-page',\n    entities: [\n      { type: 'TEC_HACKATHON_TEAM', param: FOCUS_PARAMS.team },\n      { type: 'TEC_HACKATHON', param: FOCUS_PARAMS.id },\n    ],\n  },\n];\n\nexport interface ConversationContextShape {\n  entityType?: TechnoSpamEntityType;\n  entityId?: string;\n  activeTab?: string;\n  metadata?: Record<string, unknown>;\n}\n\nexport interface PageContext {\n  // `currentUrl` (NOT `activeUrl`) — must match the agent's allowed-context-key\n  // contract, otherwise the agent filters it out.\n  currentUrl: string;\n  currentPage: string;\n  // The entity the user is currently looking at, resolved from the route. Lets\n  // the assistant act on \"this / current / here\" without asking for an id.\n  entityType?: string;\n  entityId?: string;\n  platform: string;\n  version: string;\n  viewportSize: string;\n}\n\n/** Record ids are UUIDs or slug-like keys; anything else is not forwarded. */\nconst SAFE_ID = /^[A-Za-z0-9_-]{1,128}$/;\n\nfunction readId(params: URLSearchParams, param: FocusParam): string | undefined {\n  const value = params.get(param)?.trim();\n  return value && SAFE_ID.test(value) ? value : undefined;\n}\n\n/** The MFE-relative route (`courses/course-details-page`), or null outside the MFE. */\nexport function technoSpamRoute(\n  pathname: string,\n  basePath: string = TECHNOSPAM_BASE_PATH\n): string | null {\n  const base = basePath.replace(/\\/+$/, '');\n  if (pathname !== base && !pathname.startsWith(`${base}/`)) return null;\n  return pathname.slice(base.length).split('/').filter(Boolean).join('/');\n}\n\nexport function resolveTechnoSpamConversationContext(\n  pathname: string,\n  search: string,\n  basePath: string = TECHNOSPAM_BASE_PATH\n): ConversationContextShape {\n  const params = new URLSearchParams(search);\n  const route = technoSpamRoute(pathname, basePath);\n\n  const page = route === null ? undefined : TECHNOSPAM_PAGES.find((p) => p.route === route);\n  if (page) {\n    for (const source of page.entities) {\n      const entityId = readId(params, source.param);\n      if (entityId) {\n        return {\n          entityType: source.type,\n          entityId,\n          metadata: { route: page.route, param: source.param },\n        };\n      }\n    }\n  }\n\n  const segments = (route ?? '').split('/').filter(Boolean);\n  const activeTab =\n    params.get('tab') ?? (segments.length > 1 ? segments[segments.length - 1] : undefined);\n\n  return {\n    activeTab: activeTab ?? undefined,\n    metadata: {\n      ...(activeTab ? { activeTab } : {}),\n    },\n  };\n}\n\nexport function gatherPageContext(): PageContext {\n  const url = window.location.href;\n  const pathSegments = window.location.pathname.split('/').filter(Boolean);\n  const currentPage = pathSegments.slice(0, 3).join('/') || 'home';\n  const entity = resolveTechnoSpamConversationContext(\n    window.location.pathname,\n    window.location.search\n  );\n\n  return {\n    currentUrl: url,\n    currentPage,\n    ...(entity.entityType && entity.entityId\n      ? { entityType: entity.entityType, entityId: entity.entityId }\n      : {}),\n    platform: 'technospam',\n    version: import.meta.env.VITE_APP_VERSION ?? '2026.705.2',\n    viewportSize: `${window.innerWidth}x${window.innerHeight}`,\n  };\n}\n"],"mappings":";AAgBA,IAAa,IAAuB,eA8BvB,IAAe;CAC1B,IAAI;CACJ,QAAQ;CACR,YAAY;CACZ,aAAa;CACb,YAAY;CACZ,SAAS;CACT,MAAM;CACP,EAoBY,IAA8C;CACzD;EACE,OAAO;EACP,UAAU,CACR;GAAE,MAAM;GAAc,OAAO,EAAa;GAAQ,EAClD;GAAE,MAAM;GAAc,OAAO,EAAa;GAAI,CAC/C;EACF;CACD;EACE,OAAO;EACP,UAAU,CACR;GAAE,MAAM;GAAmB,OAAO,EAAa;GAAa,EAC5D;GAAE,MAAM;GAAkB,OAAO,EAAa;GAAY,CAC3D;EACF;CACD;EACE,OAAO;EACP,UAAU,CACR;GAAE,MAAM;GAAkB,OAAO,EAAa;GAAY,EAC1D;GAAE,MAAM;GAAe,OAAO,EAAa;GAAI,CAChD;EACF;CACD;EACE,OAAO;EACP,UAAU,CAAC;GAAE,MAAM;GAAc,OAAO,EAAa;GAAI,CAAC;EAC3D;CACD;EACE,OAAO;EACP,UAAU,CAAC;GAAE,MAAM;GAAsB,OAAO,EAAa;GAAS,CAAC;EACxE;CACD;EACE,OAAO;EACP,UAAU,CACR;GAAE,MAAM;GAAsB,OAAO,EAAa;GAAM,EACxD;GAAE,MAAM;GAAiB,OAAO,EAAa;GAAI,CAClD;EACF;CACF,EAwBK,IAAU;AAEhB,SAAS,EAAO,GAAyB,GAAuC;CAC9E,IAAM,IAAQ,EAAO,IAAI,EAAM,EAAE,MAAM;AACvC,QAAO,KAAS,EAAQ,KAAK,EAAM,GAAG,IAAQ,KAAA;;AAIhD,SAAgB,EACd,GACA,IAAmB,GACJ;CACf,IAAM,IAAO,EAAS,QAAQ,QAAQ,GAAG;AAEzC,QADI,MAAa,KAAQ,CAAC,EAAS,WAAW,GAAG,EAAK,GAAG,GAAS,OAC3D,EAAS,MAAM,EAAK,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;AAGzE,SAAgB,EACd,GACA,GACA,IAAmB,GACO;CAC1B,IAAM,IAAS,IAAI,gBAAgB,EAAO,EACpC,IAAQ,EAAgB,GAAU,EAAS,EAE3C,IAAO,MAAU,OAAO,KAAA,IAAY,EAAiB,MAAM,MAAM,EAAE,UAAU,EAAM;AACzF,KAAI,EACF,MAAK,IAAM,KAAU,EAAK,UAAU;EAClC,IAAM,IAAW,EAAO,GAAQ,EAAO,MAAM;AAC7C,MAAI,EACF,QAAO;GACL,YAAY,EAAO;GACnB;GACA,UAAU;IAAE,OAAO,EAAK;IAAO,OAAO,EAAO;IAAO;GACrD;;CAKP,IAAM,KAAY,KAAS,IAAI,MAAM,IAAI,CAAC,OAAO,QAAQ,EACnD,IACJ,EAAO,IAAI,MAAM,KAAK,EAAS,SAAS,IAAI,EAAS,EAAS,SAAS,KAAK,KAAA;AAE9E,QAAO;EACL,WAAW,KAAa,KAAA;EACxB,UAAU,EACR,GAAI,IAAY,EAAE,cAAW,GAAG,EAAE,EACnC;EACF;;AAGH,SAAgB,IAAiC;CAC/C,IAAM,IAAM,OAAO,SAAS,MAEtB,IADe,OAAO,SAAS,SAAS,MAAM,IAAI,CAAC,OAAO,QAAQ,CACvC,MAAM,GAAG,EAAE,CAAC,KAAK,IAAI,IAAI,QACpD,IAAS,EACb,OAAO,SAAS,UAChB,OAAO,SAAS,OACjB;AAED,QAAO;EACL,YAAY;EACZ;EACA,GAAI,EAAO,cAAc,EAAO,WAC5B;GAAE,YAAY,EAAO;GAAY,UAAU,EAAO;GAAU,GAC5D,EAAE;EACN,UAAU;EACV,SAA6C;EAC7C,cAAc,GAAG,OAAO,WAAW,GAAG,OAAO;EAC9C"}

package/package.json

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