@burdenoff/microfe-technospam 2026.731.1 → 2026.801.1

package/dist/technospam/TechnoSpamRoutes.js

@@ -4,7 +4,7 @@ import "./components/index.js";
 import { DashboardDashboardPagePage as n } from "./pages/DashboardDashboardPagePage.js";
 import { Suspense as r, lazy as i, useMemo as a } from "react";
 import { Loader2 as o, ShieldAlert as s } from "lucide-react";
-import { Navigate as c, Route as l, Routes as u, useLocation as d } from "react-router-dom";
+import { Navigate as c, Route as l, Routes as u, useLocation as d } from "react-router";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { FeatureGate as m } from "@burdenoff/fe-libs/shared/feature-flags";
 //#region src/technospam/TechnoSpamRoutes.tsx

package/dist/technospam/TechnoSpamRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechnoSpamRoutes.js","names":[],"sources":["../../src/technospam/TechnoSpamRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo } from 'react';\nimport { Navigate, Route, Routes, useLocation } from 'react-router-dom';\nimport { Loader2, ShieldAlert } from 'lucide-react';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useTechnoSpamPageView } from './hooks/useTechnoSpamPageView';\nimport { EmptyView } from './components';\n\n/**\n * TechnoSpam routes — every page is backed by the real wspace-technospam-svc\n * (Tec* fields). Modules with no backend (open source, knowledge base,\n * standalone instructors, extra analytics/admin sub-pages) were removed\n * during the backend-reconciliation rebuild; their old paths redirect to\n * the nearest live page so stale links never 404.\n *\n * study-planner (BOFF-4415) and applications/portfolio-page (BOFF-4432) are\n * real pages again as of this pass — see their page components' honesty\n * notes for exactly what is/isn't AI and what's deferred.\n */\n\nimport { DashboardDashboardPagePage as IndexPage } from './pages/DashboardDashboardPagePage';\n\nconst DashboardDashboardPagePage = lazy(() =>\n  import('./pages/DashboardDashboardPagePage').then((m) => ({\n    default: m.DashboardDashboardPagePage,\n  }))\n);\nconst CoursesCoursesPagePage = lazy(() =>\n  import('./pages/CoursesCoursesPagePage').then((m) => ({ default: m.CoursesCoursesPagePage }))\n);\nconst CoursesCourseDetailsPagePage = lazy(() =>\n  import('./pages/CoursesCourseDetailsPagePage').then((m) => ({\n    default: m.CoursesCourseDetailsPagePage,\n  }))\n);\nconst CoursesMyLearningPagePage = lazy(() =>\n  import('./pages/CoursesMyLearningPagePage').then((m) => ({\n    default: m.CoursesMyLearningPagePage,\n  }))\n);\nconst ApplicationsProblemsPagePage = lazy(() =>\n  import('./pages/ApplicationsProblemsPagePage').then((m) => ({\n    default: m.ApplicationsProblemsPagePage,\n  }))\n);\nconst ApplicationsProblemDetailsPagePage = lazy(() =>\n  import('./pages/ApplicationsProblemDetailsPagePage').then((m) => ({\n    default: m.ApplicationsProblemDetailsPagePage,\n  }))\n);\nconst MentorshipMentorsPagePage = lazy(() =>\n  import('./pages/MentorshipMentorsPagePage').then((m) => ({\n    default: m.MentorshipMentorsPagePage,\n  }))\n);\nconst MentorshipMentorProfilePagePage = lazy(() =>\n  import('./pages/MentorshipMentorProfilePagePage').then((m) => ({\n    default: m.MentorshipMentorProfilePagePage,\n  }))\n);\nconst MentorshipSessionsPagePage = lazy(() =>\n  import('./pages/MentorshipSessionsPagePage').then((m) => ({\n    default: m.MentorshipSessionsPagePage,\n  }))\n);\nconst HackathonsHackathonsPagePage = lazy(() =>\n  import('./pages/HackathonsHackathonsPagePage').then((m) => ({\n    default: m.HackathonsHackathonsPagePage,\n  }))\n);\nconst HackathonsHackathonDetailsPagePage = lazy(() =>\n  import('./pages/HackathonsHackathonDetailsPagePage').then((m) => ({\n    default: m.HackathonsHackathonDetailsPagePage,\n  }))\n);\nconst AnalyticsAnalyticsPagePage = lazy(() =>\n  import('./pages/AnalyticsAnalyticsPagePage').then((m) => ({\n    default: m.AnalyticsAnalyticsPagePage,\n  }))\n);\nconst AdminAdminDashboardPagePage = lazy(() =>\n  import('./pages/AdminAdminDashboardPagePage').then((m) => ({\n    default: m.AdminAdminDashboardPagePage,\n  }))\n);\nconst StudyPlannerStudyPlannerPagePage = lazy(() =>\n  import('./pages/StudyPlannerStudyPlannerPagePage').then((m) => ({\n    default: m.StudyPlannerStudyPlannerPagePage,\n  }))\n);\nconst ApplicationsPortfolioPagePage = lazy(() =>\n  import('./pages/ApplicationsPortfolioPagePage').then((m) => ({\n    default: m.ApplicationsPortfolioPagePage,\n  }))\n);\n\nfunction PageLoader() {\n  return (\n    <div className=\"flex h-full min-h-[40vh] items-center justify-center\">\n      <Loader2 className=\"animate-spin text-text-muted\" size={28} />\n    </div>\n  );\n}\n\nfunction FeatureDisabledFallback() {\n  return (\n    <div className=\"flex h-full min-h-[40vh] items-center justify-center p-6\">\n      <EmptyView\n        icon={<ShieldAlert size={28} />}\n        title=\"Feature not available\"\n        description=\"This TechnoSpam feature is currently disabled for your workspace.\"\n      />\n    </div>\n  );\n}\n\nfunction gated(flag: string, element: React.ReactNode): React.ReactElement {\n  return (\n    <FeatureGate flag={flag} defaultValue={true} fallback={<FeatureDisabledFallback />}>\n      {element}\n    </FeatureGate>\n  );\n}\n\nfunction useTrackedPageView() {\n  const { pathname } = useLocation();\n  const page = useMemo(() => {\n    if (pathname.includes('/courses/course-details')) return 'course-details';\n    if (pathname.includes('/courses/my-learning')) return 'my-learning';\n    if (pathname.includes('/courses')) return 'courses';\n    if (pathname.includes('/applications/problem-details')) return 'problem-details';\n    if (pathname.includes('/applications/portfolio')) return 'portfolio';\n    if (pathname.includes('/applications')) return 'problems';\n    if (pathname.includes('/study-planner')) return 'study-planner';\n    if (pathname.includes('/mentorship/mentor-profile')) return 'mentor-profile';\n    if (pathname.includes('/mentorship/sessions')) return 'sessions';\n    if (pathname.includes('/mentorship')) return 'mentors';\n    if (pathname.includes('/hackathons/hackathon-details')) return 'hackathon-details';\n    if (pathname.includes('/hackathons')) return 'hackathons';\n    if (pathname.includes('/analytics')) return 'analytics';\n    if (pathname.includes('/admin')) return 'admin';\n    return 'dashboard';\n  }, [pathname]);\n  useTechnoSpamPageView(page);\n}\n\nexport function TechnoSpamRoutes() {\n  useTrackedPageView();\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route index element={gated('technospam.dashboard', <IndexPage />)} />\n        <Route\n          path=\"dashboard/dashboard-page\"\n          element={gated('technospam.dashboard', <DashboardDashboardPagePage />)}\n        />\n\n        {/* Courses */}\n        <Route\n          path=\"courses/courses-page\"\n          element={gated('technospam.courses', <CoursesCoursesPagePage />)}\n        />\n        <Route\n          path=\"courses/course-details-page\"\n          element={gated('technospam.courses', <CoursesCourseDetailsPagePage />)}\n        />\n        <Route\n          path=\"courses/my-learning-page\"\n          element={gated('technospam.courses', <CoursesMyLearningPagePage />)}\n        />\n        <Route\n          path=\"courses/instructors-page\"\n          element={<Navigate to=\"../courses/courses-page\" replace />}\n        />\n        <Route\n          path=\"courses/instructor-profile-page\"\n          element={<Navigate to=\"../courses/courses-page\" replace />}\n        />\n\n        {/* Practice (applications) */}\n        <Route\n          path=\"applications/problems-page\"\n          element={gated('technospam.problems', <ApplicationsProblemsPagePage />)}\n        />\n        <Route\n          path=\"applications/problem-details-page\"\n          element={gated('technospam.problems', <ApplicationsProblemDetailsPagePage />)}\n        />\n        <Route\n          path=\"applications/solutions-page\"\n          element={<Navigate to=\"../applications/problems-page\" replace />}\n        />\n        <Route\n          path=\"applications/portfolio-page\"\n          element={gated('technospam.portfolio', <ApplicationsPortfolioPagePage />)}\n        />\n\n        {/* Mentorship */}\n        <Route\n          path=\"mentorship/mentors-page\"\n          element={gated('technospam.mentorship', <MentorshipMentorsPagePage />)}\n        />\n        <Route\n          path=\"mentorship/mentor-profile-page\"\n          element={gated('technospam.mentorship', <MentorshipMentorProfilePagePage />)}\n        />\n        <Route\n          path=\"mentorship/sessions-page\"\n          element={gated('technospam.mentorship', <MentorshipSessionsPagePage />)}\n        />\n        <Route\n          path=\"mentorship/mentorship-page\"\n          element={<Navigate to=\"../mentorship/mentors-page\" replace />}\n        />\n        <Route\n          path=\"mentorship/bookings-page\"\n          element={<Navigate to=\"../mentorship/sessions-page\" replace />}\n        />\n\n        {/* Hackathons */}\n        <Route\n          path=\"hackathons/hackathons-page\"\n          element={gated('technospam.hackathons', <HackathonsHackathonsPagePage />)}\n        />\n        <Route\n          path=\"hackathons/hackathon-details-page\"\n          element={gated('technospam.hackathons', <HackathonsHackathonDetailsPagePage />)}\n        />\n        <Route\n          path=\"hackathons/events-page\"\n          element={<Navigate to=\"../hackathons/hackathons-page\" replace />}\n        />\n        <Route\n          path=\"hackathons/teams-page\"\n          element={<Navigate to=\"../hackathons/hackathons-page\" replace />}\n        />\n\n        {/* Analytics */}\n        <Route\n          path=\"analytics/analytics-page\"\n          element={gated('technospam.analytics', <AnalyticsAnalyticsPagePage />)}\n        />\n        <Route\n          path=\"analytics/progress-page\"\n          element={<Navigate to=\"../analytics/analytics-page\" replace />}\n        />\n        <Route\n          path=\"analytics/achievements-page\"\n          element={<Navigate to=\"../analytics/analytics-page\" replace />}\n        />\n        <Route\n          path=\"analytics/reports-page\"\n          element={<Navigate to=\"../analytics/analytics-page\" replace />}\n        />\n\n        {/* Admin */}\n        <Route\n          path=\"admin/admin-dashboard-page\"\n          element={gated('technospam.admin', <AdminAdminDashboardPagePage />)}\n        />\n        <Route\n          path=\"admin/audit-reports-page\"\n          element={<Navigate to=\"../admin/admin-dashboard-page\" replace />}\n        />\n\n        {/*\n         * Study Planner (BOFF-4415): a real, deterministic (non-AI)\n         * scheduler now lives at study-planner/study-planner-page — see\n         * StudyPlannerStudyPlannerPagePage's honesty note. This single page\n         * intentionally consolidates what the nav scaffolding originally\n         * anticipated as several separate pages (plans list, plan details,\n         * edit, learning paths, goals) — those richer standalone views,\n         * plus true AI/adaptive re-planning (BOFF-3874/3895), remain\n         * deferred. Any other study-planner/* sub-path falls back here\n         * rather than to the dashboard, since the real page now exists.\n         */}\n        <Route\n          path=\"study-planner/study-planner-page\"\n          element={gated('technospam.studyPlanner', <StudyPlannerStudyPlannerPagePage />)}\n        />\n        <Route\n          path=\"study-planner/*\"\n          element={<Navigate to=\"../study-planner/study-planner-page\" replace />}\n        />\n        {/*\n         * Removed modules → dashboard.\n         *\n         * open-source and knowledge-base were never shipped and have no nav\n         * entries anymore (BOFF-3086) — these redirects are a defensive\n         * fallback for stale bookmarks/links only.\n         */}\n        <Route\n          path=\"open-source/*\"\n          element={<Navigate to=\"../dashboard/dashboard-page\" replace />}\n        />\n        <Route\n          path=\"knowledge-base/*\"\n          element={<Navigate to=\"../dashboard/dashboard-page\" replace />}\n        />\n\n        <Route path=\"*\" element={<Navigate to=\"../dashboard/dashboard-page\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TechnoSpamRoutes.js","names":[],"sources":["../../src/technospam/TechnoSpamRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, useMemo } from 'react';\nimport { Navigate, Route, Routes, useLocation } from 'react-router';\nimport { Loader2, ShieldAlert } from 'lucide-react';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useTechnoSpamPageView } from './hooks/useTechnoSpamPageView';\nimport { EmptyView } from './components';\n\n/**\n * TechnoSpam routes — every page is backed by the real wspace-technospam-svc\n * (Tec* fields). Modules with no backend (open source, knowledge base,\n * standalone instructors, extra analytics/admin sub-pages) were removed\n * during the backend-reconciliation rebuild; their old paths redirect to\n * the nearest live page so stale links never 404.\n *\n * study-planner (BOFF-4415) and applications/portfolio-page (BOFF-4432) are\n * real pages again as of this pass — see their page components' honesty\n * notes for exactly what is/isn't AI and what's deferred.\n */\n\nimport { DashboardDashboardPagePage as IndexPage } from './pages/DashboardDashboardPagePage';\n\nconst DashboardDashboardPagePage = lazy(() =>\n  import('./pages/DashboardDashboardPagePage').then((m) => ({\n    default: m.DashboardDashboardPagePage,\n  }))\n);\nconst CoursesCoursesPagePage = lazy(() =>\n  import('./pages/CoursesCoursesPagePage').then((m) => ({ default: m.CoursesCoursesPagePage }))\n);\nconst CoursesCourseDetailsPagePage = lazy(() =>\n  import('./pages/CoursesCourseDetailsPagePage').then((m) => ({\n    default: m.CoursesCourseDetailsPagePage,\n  }))\n);\nconst CoursesMyLearningPagePage = lazy(() =>\n  import('./pages/CoursesMyLearningPagePage').then((m) => ({\n    default: m.CoursesMyLearningPagePage,\n  }))\n);\nconst ApplicationsProblemsPagePage = lazy(() =>\n  import('./pages/ApplicationsProblemsPagePage').then((m) => ({\n    default: m.ApplicationsProblemsPagePage,\n  }))\n);\nconst ApplicationsProblemDetailsPagePage = lazy(() =>\n  import('./pages/ApplicationsProblemDetailsPagePage').then((m) => ({\n    default: m.ApplicationsProblemDetailsPagePage,\n  }))\n);\nconst MentorshipMentorsPagePage = lazy(() =>\n  import('./pages/MentorshipMentorsPagePage').then((m) => ({\n    default: m.MentorshipMentorsPagePage,\n  }))\n);\nconst MentorshipMentorProfilePagePage = lazy(() =>\n  import('./pages/MentorshipMentorProfilePagePage').then((m) => ({\n    default: m.MentorshipMentorProfilePagePage,\n  }))\n);\nconst MentorshipSessionsPagePage = lazy(() =>\n  import('./pages/MentorshipSessionsPagePage').then((m) => ({\n    default: m.MentorshipSessionsPagePage,\n  }))\n);\nconst HackathonsHackathonsPagePage = lazy(() =>\n  import('./pages/HackathonsHackathonsPagePage').then((m) => ({\n    default: m.HackathonsHackathonsPagePage,\n  }))\n);\nconst HackathonsHackathonDetailsPagePage = lazy(() =>\n  import('./pages/HackathonsHackathonDetailsPagePage').then((m) => ({\n    default: m.HackathonsHackathonDetailsPagePage,\n  }))\n);\nconst AnalyticsAnalyticsPagePage = lazy(() =>\n  import('./pages/AnalyticsAnalyticsPagePage').then((m) => ({\n    default: m.AnalyticsAnalyticsPagePage,\n  }))\n);\nconst AdminAdminDashboardPagePage = lazy(() =>\n  import('./pages/AdminAdminDashboardPagePage').then((m) => ({\n    default: m.AdminAdminDashboardPagePage,\n  }))\n);\nconst StudyPlannerStudyPlannerPagePage = lazy(() =>\n  import('./pages/StudyPlannerStudyPlannerPagePage').then((m) => ({\n    default: m.StudyPlannerStudyPlannerPagePage,\n  }))\n);\nconst ApplicationsPortfolioPagePage = lazy(() =>\n  import('./pages/ApplicationsPortfolioPagePage').then((m) => ({\n    default: m.ApplicationsPortfolioPagePage,\n  }))\n);\n\nfunction PageLoader() {\n  return (\n    <div className=\"flex h-full min-h-[40vh] items-center justify-center\">\n      <Loader2 className=\"animate-spin text-text-muted\" size={28} />\n    </div>\n  );\n}\n\nfunction FeatureDisabledFallback() {\n  return (\n    <div className=\"flex h-full min-h-[40vh] items-center justify-center p-6\">\n      <EmptyView\n        icon={<ShieldAlert size={28} />}\n        title=\"Feature not available\"\n        description=\"This TechnoSpam feature is currently disabled for your workspace.\"\n      />\n    </div>\n  );\n}\n\nfunction gated(flag: string, element: React.ReactNode): React.ReactElement {\n  return (\n    <FeatureGate flag={flag} defaultValue={true} fallback={<FeatureDisabledFallback />}>\n      {element}\n    </FeatureGate>\n  );\n}\n\nfunction useTrackedPageView() {\n  const { pathname } = useLocation();\n  const page = useMemo(() => {\n    if (pathname.includes('/courses/course-details')) return 'course-details';\n    if (pathname.includes('/courses/my-learning')) return 'my-learning';\n    if (pathname.includes('/courses')) return 'courses';\n    if (pathname.includes('/applications/problem-details')) return 'problem-details';\n    if (pathname.includes('/applications/portfolio')) return 'portfolio';\n    if (pathname.includes('/applications')) return 'problems';\n    if (pathname.includes('/study-planner')) return 'study-planner';\n    if (pathname.includes('/mentorship/mentor-profile')) return 'mentor-profile';\n    if (pathname.includes('/mentorship/sessions')) return 'sessions';\n    if (pathname.includes('/mentorship')) return 'mentors';\n    if (pathname.includes('/hackathons/hackathon-details')) return 'hackathon-details';\n    if (pathname.includes('/hackathons')) return 'hackathons';\n    if (pathname.includes('/analytics')) return 'analytics';\n    if (pathname.includes('/admin')) return 'admin';\n    return 'dashboard';\n  }, [pathname]);\n  useTechnoSpamPageView(page);\n}\n\nexport function TechnoSpamRoutes() {\n  useTrackedPageView();\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route index element={gated('technospam.dashboard', <IndexPage />)} />\n        <Route\n          path=\"dashboard/dashboard-page\"\n          element={gated('technospam.dashboard', <DashboardDashboardPagePage />)}\n        />\n\n        {/* Courses */}\n        <Route\n          path=\"courses/courses-page\"\n          element={gated('technospam.courses', <CoursesCoursesPagePage />)}\n        />\n        <Route\n          path=\"courses/course-details-page\"\n          element={gated('technospam.courses', <CoursesCourseDetailsPagePage />)}\n        />\n        <Route\n          path=\"courses/my-learning-page\"\n          element={gated('technospam.courses', <CoursesMyLearningPagePage />)}\n        />\n        <Route\n          path=\"courses/instructors-page\"\n          element={<Navigate to=\"../courses/courses-page\" replace />}\n        />\n        <Route\n          path=\"courses/instructor-profile-page\"\n          element={<Navigate to=\"../courses/courses-page\" replace />}\n        />\n\n        {/* Practice (applications) */}\n        <Route\n          path=\"applications/problems-page\"\n          element={gated('technospam.problems', <ApplicationsProblemsPagePage />)}\n        />\n        <Route\n          path=\"applications/problem-details-page\"\n          element={gated('technospam.problems', <ApplicationsProblemDetailsPagePage />)}\n        />\n        <Route\n          path=\"applications/solutions-page\"\n          element={<Navigate to=\"../applications/problems-page\" replace />}\n        />\n        <Route\n          path=\"applications/portfolio-page\"\n          element={gated('technospam.portfolio', <ApplicationsPortfolioPagePage />)}\n        />\n\n        {/* Mentorship */}\n        <Route\n          path=\"mentorship/mentors-page\"\n          element={gated('technospam.mentorship', <MentorshipMentorsPagePage />)}\n        />\n        <Route\n          path=\"mentorship/mentor-profile-page\"\n          element={gated('technospam.mentorship', <MentorshipMentorProfilePagePage />)}\n        />\n        <Route\n          path=\"mentorship/sessions-page\"\n          element={gated('technospam.mentorship', <MentorshipSessionsPagePage />)}\n        />\n        <Route\n          path=\"mentorship/mentorship-page\"\n          element={<Navigate to=\"../mentorship/mentors-page\" replace />}\n        />\n        <Route\n          path=\"mentorship/bookings-page\"\n          element={<Navigate to=\"../mentorship/sessions-page\" replace />}\n        />\n\n        {/* Hackathons */}\n        <Route\n          path=\"hackathons/hackathons-page\"\n          element={gated('technospam.hackathons', <HackathonsHackathonsPagePage />)}\n        />\n        <Route\n          path=\"hackathons/hackathon-details-page\"\n          element={gated('technospam.hackathons', <HackathonsHackathonDetailsPagePage />)}\n        />\n        <Route\n          path=\"hackathons/events-page\"\n          element={<Navigate to=\"../hackathons/hackathons-page\" replace />}\n        />\n        <Route\n          path=\"hackathons/teams-page\"\n          element={<Navigate to=\"../hackathons/hackathons-page\" replace />}\n        />\n\n        {/* Analytics */}\n        <Route\n          path=\"analytics/analytics-page\"\n          element={gated('technospam.analytics', <AnalyticsAnalyticsPagePage />)}\n        />\n        <Route\n          path=\"analytics/progress-page\"\n          element={<Navigate to=\"../analytics/analytics-page\" replace />}\n        />\n        <Route\n          path=\"analytics/achievements-page\"\n          element={<Navigate to=\"../analytics/analytics-page\" replace />}\n        />\n        <Route\n          path=\"analytics/reports-page\"\n          element={<Navigate to=\"../analytics/analytics-page\" replace />}\n        />\n\n        {/* Admin */}\n        <Route\n          path=\"admin/admin-dashboard-page\"\n          element={gated('technospam.admin', <AdminAdminDashboardPagePage />)}\n        />\n        <Route\n          path=\"admin/audit-reports-page\"\n          element={<Navigate to=\"../admin/admin-dashboard-page\" replace />}\n        />\n\n        {/*\n         * Study Planner (BOFF-4415): a real, deterministic (non-AI)\n         * scheduler now lives at study-planner/study-planner-page — see\n         * StudyPlannerStudyPlannerPagePage's honesty note. This single page\n         * intentionally consolidates what the nav scaffolding originally\n         * anticipated as several separate pages (plans list, plan details,\n         * edit, learning paths, goals) — those richer standalone views,\n         * plus true AI/adaptive re-planning (BOFF-3874/3895), remain\n         * deferred. Any other study-planner/* sub-path falls back here\n         * rather than to the dashboard, since the real page now exists.\n         */}\n        <Route\n          path=\"study-planner/study-planner-page\"\n          element={gated('technospam.studyPlanner', <StudyPlannerStudyPlannerPagePage />)}\n        />\n        <Route\n          path=\"study-planner/*\"\n          element={<Navigate to=\"../study-planner/study-planner-page\" replace />}\n        />\n        {/*\n         * Removed modules → dashboard.\n         *\n         * open-source and knowledge-base were never shipped and have no nav\n         * entries anymore (BOFF-3086) — these redirects are a defensive\n         * fallback for stale bookmarks/links only.\n         */}\n        <Route\n          path=\"open-source/*\"\n          element={<Navigate to=\"../dashboard/dashboard-page\" replace />}\n        />\n        <Route\n          path=\"knowledge-base/*\"\n          element={<Navigate to=\"../dashboard/dashboard-page\" replace />}\n        />\n\n        <Route path=\"*\" element={<Navigate to=\"../dashboard/dashboard-page\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js

@@ -13,7 +13,7 @@ import { notify as d } from "../lib/toast.js";
 import { useProblemQuery as re, useRegradeSubmission as f, useSubmissionsQuery as ie, useSubmitSolution as ae } from "../api/technospamApi.js";
 import { useEffect as p, useMemo as m, useRef as oe, useState as h } from "react";
 import { CheckCircle2 as g, Clock as _, Code2 as v, EyeOff as y, FileText as b, FlaskConical as se, Layers as x, MinusCircle as S, RefreshCw as ce, Send as le, Trophy as C, XCircle as w } from "lucide-react";
-import { useSearchParams as ue } from "react-router-dom";
+import { useSearchParams as ue } from "react-router";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
 import { Badge as D, Button as O, GlassCard as k, Select as de, SelectContent as fe, SelectItem as A, SelectTrigger as pe, SelectValue as me, Skeleton as j, Textarea as he } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  CheckCircle2,\n  Clock,\n  Code2,\n  EyeOff,\n  FileText,\n  FlaskConical,\n  Layers,\n  MinusCircle,\n  RefreshCw,\n  Send,\n  Tag,\n  Trophy,\n  XCircle,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  TagStrip,\n  UpgradeGate,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useProblemQuery,\n  useRegradeSubmission,\n  useSubmissionsQuery,\n  useSubmitSolution,\n  type TecSubmission,\n  type TecTestCaseStatus,\n} from '../api/technospamApi';\nimport { formatDateTime, humanizeEnum } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nconst FALLBACK_LANGUAGES = ['javascript', 'python', 'typescript'];\n\n/**\n * A dark, editor-window styled code surface: mac-style traffic-light dots plus a\n * language label header over a scrollable monospace body so read-only code reads\n * like a real IDE panel rather than a flat block.\n */\nfunction CodePanel({\n  label,\n  children,\n  bodyClassName,\n}: {\n  label: string;\n  children: ReactNode;\n  bodyClassName?: string;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n      <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n        </div>\n        <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n          <Code2 size={13} /> {label}\n        </span>\n      </div>\n      <pre\n        className={cn(\n          'overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary',\n          bodyClassName\n        )}\n      >\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nfunction SubmissionRow({ s }: { s: TecSubmission }) {\n  return (\n    <div className=\"rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken\">\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1\">\n        <StatusBadge status={s.verdict} />\n        <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-primary\">\n          <Code2 size={13} /> {humanizeEnum(s.language)}\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Clock size={12} /> {s.runtimeMs} ms\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Trophy size={12} /> {s.pointsAwarded} pts\n        </span>\n        <span className=\"ml-auto text-xs text-text-muted\">{formatDateTime(s.createdAt)}</span>\n      </div>\n      {s.totalCount > 0 ? (\n        <p className=\"mt-1 px-0.5 text-xs text-text-muted\">\n          Passed {s.passedCount} of {s.totalCount} test cases\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\n/** Icon + tone for a per-test-case status, using semantic tokens only. */\nfunction testCaseStatusTone(status: TecTestCaseStatus): { icon: ReactNode; className: string } {\n  if (status === 'PASSED') {\n    return { icon: <CheckCircle2 size={14} />, className: 'text-status-success-fg' };\n  }\n  if (status === 'SKIPPED') {\n    return { icon: <MinusCircle size={14} />, className: 'text-text-muted' };\n  }\n  return { icon: <XCircle size={14} />, className: 'text-status-error-fg' };\n}\n\n/**\n * Per-test-case grading detail for the most recent graded submission.\n *\n * The backend redacts HIDDEN fixtures before persisting results, so a hidden\n * row here only ever carries its name and status — never the input, the\n * expected output, or what the learner's program actually printed.\n */\nfunction TestResultsPanel({ submission }: { submission: TecSubmission }) {\n  const results = submission.testResults ?? [];\n  if (results.length === 0) return null;\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n        <StatusBadge status={submission.verdict} />\n        <span className=\"text-sm text-text-secondary\">\n          Passed {submission.passedCount} of {submission.totalCount} test cases\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Clock size={12} /> {submission.runtimeMs} ms\n        </span>\n      </div>\n\n      <div className=\"divide-y divide-border-seam overflow-hidden rounded-xl border border-border-seam\">\n        {results.map((result) => {\n          const tone = testCaseStatusTone(result.status);\n          return (\n            <div key={result.testCaseId} className=\"space-y-2 bg-bg-surface px-4 py-3\">\n              <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n                <span\n                  className={cn(\n                    'inline-flex items-center gap-1.5 text-sm font-medium',\n                    tone.className\n                  )}\n                >\n                  {tone.icon} {result.name}\n                </span>\n                <Badge variant=\"outline\">{humanizeEnum(result.status)}</Badge>\n                {result.visibility === 'HIDDEN' ? (\n                  <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n                    <EyeOff size={12} /> hidden test\n                  </span>\n                ) : null}\n                <span className=\"ml-auto text-xs text-text-muted\">{result.durationMs} ms</span>\n              </div>\n\n              {result.visibility === 'PUBLIC' && result.status !== 'SKIPPED' ? (\n                <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-3\">\n                  <IoBlock label=\"Input\" value={result.input} />\n                  <IoBlock label=\"Expected\" value={result.expectedOutput} />\n                  <IoBlock label=\"Your output\" value={result.actualOutput} />\n                </div>\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n\n      {submission.stderr ? (\n        <CodePanel label=\"stderr\" bodyClassName=\"max-h-48\">\n          {submission.stderr}\n        </CodePanel>\n      ) : null}\n    </div>\n  );\n}\n\n/** One labelled monospace input/output block inside a test-case result. */\nfunction IoBlock({ label, value }: { label: string; value?: string | null }) {\n  return (\n    <div className=\"min-w-0\">\n      <p className=\"mb-1 text-xs font-medium uppercase tracking-wide text-text-muted\">{label}</p>\n      <pre className=\"overflow-auto rounded-lg bg-bg-sunken px-3 py-2 font-mono text-xs leading-relaxed text-text-primary\">\n        {value?.length ? value : '—'}\n      </pre>\n    </div>\n  );\n}\n\nexport function ApplicationsProblemDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n  const { emit } = useTechnoSpamAnalytics();\n\n  const { data, loading, error, refetch } = useProblemQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.problem.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n      });\n    }\n  }, [id, workspaceId, emit]);\n  const {\n    data: subsData,\n    loading: subsLoading,\n    error: subsError,\n    refetch: refetchSubs,\n  } = useSubmissionsQuery({ ...(learnerId ? { learnerId } : {}), problemId: id });\n  const [submit, { loading: submitting }] = useSubmitSolution();\n  const [regrade, { loading: regrading }] = useRegradeSubmission();\n\n  const problem = data?.tecProblem ?? null;\n\n  const languages = useMemo(\n    () => (problem?.languages?.length ? problem.languages : FALLBACK_LANGUAGES),\n    [problem]\n  );\n\n  const [language, setLanguage] = useState('');\n  const [code, setCode] = useState('');\n  const initedRef = useRef(false);\n\n  useEffect(() => {\n    if (problem && !initedRef.current) {\n      setLanguage(problem.languages[0] ?? FALLBACK_LANGUAGES[0]!);\n      setCode(problem.starterCode ?? '');\n      initedRef.current = true;\n    }\n  }, [problem]);\n\n  const submissions = useMemo(\n    () =>\n      [...(subsData?.tecListSubmissions.items ?? [])].sort(\n        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n      ),\n    [subsData]\n  );\n\n  const handleSubmit = async () => {\n    if (!id) return;\n    if (!language) {\n      notify.error('Pick a language', 'Choose a language before submitting.');\n      return;\n    }\n    if (!code.trim()) {\n      notify.error('Add your solution', 'Write some code before submitting.');\n      return;\n    }\n    emit('technospam.problem.submit_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_PROBLEM',\n      language,\n    });\n    const res = await submit({ variables: { input: { problemId: id, language, code } } });\n    if (res.data?.tecSubmitSolution) {\n      emit('technospam.problem.submitted', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n        submissionId: res.data.tecSubmitSolution.id,\n      });\n      const graded = res.data.tecSubmitSolution;\n      if (graded.verdict === 'PENDING') {\n        notify.info(\n          'Solution submitted',\n          'The grader is not available right now — your submission was saved and can be re-run.'\n        );\n      } else if (graded.verdict === 'ACCEPTED') {\n        notify.success('Accepted', `Passed all ${graded.totalCount} test cases.`);\n      } else {\n        notify.error(\n          humanizeEnum(graded.verdict),\n          `Passed ${graded.passedCount} of ${graded.totalCount} test cases.`\n        );\n      }\n      await Promise.all([refetch(), refetchSubs()]);\n    }\n  };\n\n  const handleRegrade = async (submissionId: string) => {\n    const res = await regrade({ variables: { id: submissionId } });\n    const graded = res.data?.tecRegradeSubmission;\n    if (!graded) return;\n    if (graded.verdict === 'PENDING') {\n      notify.error('Still pending', 'The grader is not available yet. Please try again shortly.');\n    } else {\n      notify.success('Grading complete', `Verdict: ${humanizeEnum(graded.verdict)}.`);\n    }\n    await Promise.all([refetch(), refetchSubs()]);\n  };\n\n  /** Most recent submission that actually carries grading detail. */\n  const latestGraded = submissions.find((s) => (s.testResults?.length ?? 0) > 0) ?? null;\n  const latestSubmission = submissions[0] ?? null;\n\n  if (loading && !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        <Skeleton className=\"mb-4 h-28 w-full rounded-xl\" />\n        <Skeleton className=\"h-72 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load problem\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Problem not found\"\n            description=\"This problem may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/applications/problems-page\"\n      title={problem.title}\n      description={problem.topic ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n        <StatusBadge status={problem.status} />\n        {problem.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {problem.topic}\n          </Badge>\n        ) : null}\n        {problem.isPremiumOnly ? <PremiumBadge locked={problem.isLocked} /> : null}\n        <TagStrip tags={problem.tags} />\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Points\" value={problem.points} icon={Trophy} tone=\"amber\" />\n        <StatCard label=\"Languages\" value={languages.length} icon={Code2} tone=\"blue\" />\n        <StatCard\n          label=\"Difficulty\"\n          value={humanizeEnum(problem.difficulty)}\n          icon={Layers}\n          tone=\"purple\"\n        />\n        <StatCard label=\"My submissions\" value={submissions.length} icon={FileText} tone=\"teal\" />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-3\">\n        <div className=\"space-y-5 lg:col-span-2\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Problem statement</h2>\n            {problem.isLocked ? (\n              // BOFF-4416: the API already nulled `statement` for a locked\n              // premium problem — this explains why, rather than showing the\n              // generic \"being prepared\" message used for a real content gap.\n              <UpgradeGate description=\"This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it.\" />\n            ) : problem.statement ? (\n              <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {problem.statement}\n              </p>\n            ) : (\n              <p className=\"py-4 text-center text-sm text-text-muted\">\n                The statement for this problem is being prepared.\n              </p>\n            )}\n          </GlassCard>\n\n          {problem.isLocked ? (\n            <UpgradeGate\n              compact\n              description=\"Starter code and sample test cases unlock with a paid TechnoSpam plan.\"\n            />\n          ) : problem.starterCode ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Starter code</h2>\n              <CodePanel label={humanizeEnum(languages[0] ?? 'code')} bodyClassName=\"max-h-72\">\n                {problem.starterCode}\n              </CodePanel>\n            </GlassCard>\n          ) : null}\n\n          <GlassCard className=\"p-5\">\n            <div className=\"mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Submit a solution</h2>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">Language</span>\n                <Select value={language} onValueChange={setLanguage}>\n                  <SelectTrigger className=\"w-full sm:w-48\">\n                    <SelectValue placeholder=\"Choose a language\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {languages.map((l) => (\n                      <SelectItem key={l} value={l}>\n                        {humanizeEnum(l)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n              <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n                </div>\n                <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n                  <Code2 size={13} /> {language ? humanizeEnum(language) : 'solution'}\n                </span>\n              </div>\n              <Textarea\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                placeholder=\"Write your solution…\"\n                className=\"min-h-[280px] resize-y rounded-none border-0 bg-transparent font-mono text-xs leading-relaxed focus-visible:ring-0 focus-visible:ring-offset-0\"\n                spellCheck={false}\n              />\n            </div>\n\n            <Button\n              className=\"mt-4 w-full\"\n              onClick={handleSubmit}\n              disabled={submitting || !code.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Running test cases…' : 'Run & submit'}\n            </Button>\n            <p className=\"mt-2 text-center text-xs text-text-muted\">\n              Your code runs against this problem&apos;s test cases in an isolated sandbox.\n            </p>\n          </GlassCard>\n\n          {problem.publicTestCases?.length ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-1 flex items-center gap-2 text-base font-semibold text-text-primary\">\n                <FlaskConical size={16} /> Sample test cases\n              </h2>\n              <p className=\"mb-3 text-sm text-text-secondary\">\n                Your solution reads each input from stdin and must print the expected output. Hidden\n                test cases are also run when you submit.\n              </p>\n              <div className=\"space-y-3\">\n                {problem.publicTestCases.map((testCase) => (\n                  <div key={testCase.id} className=\"rounded-xl border border-border-seam p-3\">\n                    <div className=\"mb-2 flex flex-wrap items-center gap-x-3 gap-y-1\">\n                      <span className=\"text-sm font-medium text-text-primary\">{testCase.name}</span>\n                      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n                        <Clock size={12} /> {testCase.timeLimitMs} ms limit\n                      </span>\n                    </div>\n                    <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n                      <IoBlock label=\"Input\" value={testCase.input} />\n                      <IoBlock label=\"Expected output\" value={testCase.expectedOutput} />\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </GlassCard>\n          ) : null}\n\n          {latestGraded ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Latest run</h2>\n              <TestResultsPanel submission={latestGraded} />\n            </GlassCard>\n          ) : latestSubmission && latestSubmission.verdict === 'PENDING' ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Latest run</h2>\n              <p className=\"mb-3 text-sm text-text-secondary\">\n                Your most recent submission has not been graded yet — the grader was unavailable\n                when you submitted. You can re-run it without resubmitting your code.\n              </p>\n              <Button\n                variant=\"outline\"\n                onClick={() => void handleRegrade(latestSubmission.id)}\n                disabled={regrading}\n              >\n                <RefreshCw size={16} /> {regrading ? 'Re-running…' : 'Re-run grader'}\n              </Button>\n            </GlassCard>\n          ) : null}\n        </div>\n\n        <div className=\"lg:col-span-1\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-3 text-base font-semibold text-text-primary\">My submissions</h2>\n            {subsLoading && !submissions.length ? (\n              <LoadingRows count={3} height=\"h-12\" />\n            ) : subsError ? (\n              <ErrorView title=\"Couldn't load submissions\" error={subsError} />\n            ) : submissions.length === 0 ? (\n              <EmptyView\n                icon={<FileText size={24} />}\n                title=\"No submissions yet\"\n                description=\"Submit a solution above to see your verdicts and points here.\"\n              />\n            ) : (\n              <div className=\"space-y-1\">\n                {submissions.map((s) => (\n                  <SubmissionRow key={s.id} s={s} />\n                ))}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  CheckCircle2,\n  Clock,\n  Code2,\n  EyeOff,\n  FileText,\n  FlaskConical,\n  Layers,\n  MinusCircle,\n  RefreshCw,\n  Send,\n  Tag,\n  Trophy,\n  XCircle,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  TagStrip,\n  UpgradeGate,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useProblemQuery,\n  useRegradeSubmission,\n  useSubmissionsQuery,\n  useSubmitSolution,\n  type TecSubmission,\n  type TecTestCaseStatus,\n} from '../api/technospamApi';\nimport { formatDateTime, humanizeEnum } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nconst FALLBACK_LANGUAGES = ['javascript', 'python', 'typescript'];\n\n/**\n * A dark, editor-window styled code surface: mac-style traffic-light dots plus a\n * language label header over a scrollable monospace body so read-only code reads\n * like a real IDE panel rather than a flat block.\n */\nfunction CodePanel({\n  label,\n  children,\n  bodyClassName,\n}: {\n  label: string;\n  children: ReactNode;\n  bodyClassName?: string;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n      <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n        </div>\n        <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n          <Code2 size={13} /> {label}\n        </span>\n      </div>\n      <pre\n        className={cn(\n          'overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary',\n          bodyClassName\n        )}\n      >\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nfunction SubmissionRow({ s }: { s: TecSubmission }) {\n  return (\n    <div className=\"rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken\">\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1\">\n        <StatusBadge status={s.verdict} />\n        <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-primary\">\n          <Code2 size={13} /> {humanizeEnum(s.language)}\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Clock size={12} /> {s.runtimeMs} ms\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Trophy size={12} /> {s.pointsAwarded} pts\n        </span>\n        <span className=\"ml-auto text-xs text-text-muted\">{formatDateTime(s.createdAt)}</span>\n      </div>\n      {s.totalCount > 0 ? (\n        <p className=\"mt-1 px-0.5 text-xs text-text-muted\">\n          Passed {s.passedCount} of {s.totalCount} test cases\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\n/** Icon + tone for a per-test-case status, using semantic tokens only. */\nfunction testCaseStatusTone(status: TecTestCaseStatus): { icon: ReactNode; className: string } {\n  if (status === 'PASSED') {\n    return { icon: <CheckCircle2 size={14} />, className: 'text-status-success-fg' };\n  }\n  if (status === 'SKIPPED') {\n    return { icon: <MinusCircle size={14} />, className: 'text-text-muted' };\n  }\n  return { icon: <XCircle size={14} />, className: 'text-status-error-fg' };\n}\n\n/**\n * Per-test-case grading detail for the most recent graded submission.\n *\n * The backend redacts HIDDEN fixtures before persisting results, so a hidden\n * row here only ever carries its name and status — never the input, the\n * expected output, or what the learner's program actually printed.\n */\nfunction TestResultsPanel({ submission }: { submission: TecSubmission }) {\n  const results = submission.testResults ?? [];\n  if (results.length === 0) return null;\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n        <StatusBadge status={submission.verdict} />\n        <span className=\"text-sm text-text-secondary\">\n          Passed {submission.passedCount} of {submission.totalCount} test cases\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Clock size={12} /> {submission.runtimeMs} ms\n        </span>\n      </div>\n\n      <div className=\"divide-y divide-border-seam overflow-hidden rounded-xl border border-border-seam\">\n        {results.map((result) => {\n          const tone = testCaseStatusTone(result.status);\n          return (\n            <div key={result.testCaseId} className=\"space-y-2 bg-bg-surface px-4 py-3\">\n              <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n                <span\n                  className={cn(\n                    'inline-flex items-center gap-1.5 text-sm font-medium',\n                    tone.className\n                  )}\n                >\n                  {tone.icon} {result.name}\n                </span>\n                <Badge variant=\"outline\">{humanizeEnum(result.status)}</Badge>\n                {result.visibility === 'HIDDEN' ? (\n                  <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n                    <EyeOff size={12} /> hidden test\n                  </span>\n                ) : null}\n                <span className=\"ml-auto text-xs text-text-muted\">{result.durationMs} ms</span>\n              </div>\n\n              {result.visibility === 'PUBLIC' && result.status !== 'SKIPPED' ? (\n                <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-3\">\n                  <IoBlock label=\"Input\" value={result.input} />\n                  <IoBlock label=\"Expected\" value={result.expectedOutput} />\n                  <IoBlock label=\"Your output\" value={result.actualOutput} />\n                </div>\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n\n      {submission.stderr ? (\n        <CodePanel label=\"stderr\" bodyClassName=\"max-h-48\">\n          {submission.stderr}\n        </CodePanel>\n      ) : null}\n    </div>\n  );\n}\n\n/** One labelled monospace input/output block inside a test-case result. */\nfunction IoBlock({ label, value }: { label: string; value?: string | null }) {\n  return (\n    <div className=\"min-w-0\">\n      <p className=\"mb-1 text-xs font-medium uppercase tracking-wide text-text-muted\">{label}</p>\n      <pre className=\"overflow-auto rounded-lg bg-bg-sunken px-3 py-2 font-mono text-xs leading-relaxed text-text-primary\">\n        {value?.length ? value : '—'}\n      </pre>\n    </div>\n  );\n}\n\nexport function ApplicationsProblemDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n  const { emit } = useTechnoSpamAnalytics();\n\n  const { data, loading, error, refetch } = useProblemQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.problem.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n      });\n    }\n  }, [id, workspaceId, emit]);\n  const {\n    data: subsData,\n    loading: subsLoading,\n    error: subsError,\n    refetch: refetchSubs,\n  } = useSubmissionsQuery({ ...(learnerId ? { learnerId } : {}), problemId: id });\n  const [submit, { loading: submitting }] = useSubmitSolution();\n  const [regrade, { loading: regrading }] = useRegradeSubmission();\n\n  const problem = data?.tecProblem ?? null;\n\n  const languages = useMemo(\n    () => (problem?.languages?.length ? problem.languages : FALLBACK_LANGUAGES),\n    [problem]\n  );\n\n  const [language, setLanguage] = useState('');\n  const [code, setCode] = useState('');\n  const initedRef = useRef(false);\n\n  useEffect(() => {\n    if (problem && !initedRef.current) {\n      setLanguage(problem.languages[0] ?? FALLBACK_LANGUAGES[0]!);\n      setCode(problem.starterCode ?? '');\n      initedRef.current = true;\n    }\n  }, [problem]);\n\n  const submissions = useMemo(\n    () =>\n      [...(subsData?.tecListSubmissions.items ?? [])].sort(\n        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n      ),\n    [subsData]\n  );\n\n  const handleSubmit = async () => {\n    if (!id) return;\n    if (!language) {\n      notify.error('Pick a language', 'Choose a language before submitting.');\n      return;\n    }\n    if (!code.trim()) {\n      notify.error('Add your solution', 'Write some code before submitting.');\n      return;\n    }\n    emit('technospam.problem.submit_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_PROBLEM',\n      language,\n    });\n    const res = await submit({ variables: { input: { problemId: id, language, code } } });\n    if (res.data?.tecSubmitSolution) {\n      emit('technospam.problem.submitted', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n        submissionId: res.data.tecSubmitSolution.id,\n      });\n      const graded = res.data.tecSubmitSolution;\n      if (graded.verdict === 'PENDING') {\n        notify.info(\n          'Solution submitted',\n          'The grader is not available right now — your submission was saved and can be re-run.'\n        );\n      } else if (graded.verdict === 'ACCEPTED') {\n        notify.success('Accepted', `Passed all ${graded.totalCount} test cases.`);\n      } else {\n        notify.error(\n          humanizeEnum(graded.verdict),\n          `Passed ${graded.passedCount} of ${graded.totalCount} test cases.`\n        );\n      }\n      await Promise.all([refetch(), refetchSubs()]);\n    }\n  };\n\n  const handleRegrade = async (submissionId: string) => {\n    const res = await regrade({ variables: { id: submissionId } });\n    const graded = res.data?.tecRegradeSubmission;\n    if (!graded) return;\n    if (graded.verdict === 'PENDING') {\n      notify.error('Still pending', 'The grader is not available yet. Please try again shortly.');\n    } else {\n      notify.success('Grading complete', `Verdict: ${humanizeEnum(graded.verdict)}.`);\n    }\n    await Promise.all([refetch(), refetchSubs()]);\n  };\n\n  /** Most recent submission that actually carries grading detail. */\n  const latestGraded = submissions.find((s) => (s.testResults?.length ?? 0) > 0) ?? null;\n  const latestSubmission = submissions[0] ?? null;\n\n  if (loading && !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        <Skeleton className=\"mb-4 h-28 w-full rounded-xl\" />\n        <Skeleton className=\"h-72 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load problem\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Problem not found\"\n            description=\"This problem may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/applications/problems-page\"\n      title={problem.title}\n      description={problem.topic ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n        <StatusBadge status={problem.status} />\n        {problem.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {problem.topic}\n          </Badge>\n        ) : null}\n        {problem.isPremiumOnly ? <PremiumBadge locked={problem.isLocked} /> : null}\n        <TagStrip tags={problem.tags} />\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Points\" value={problem.points} icon={Trophy} tone=\"amber\" />\n        <StatCard label=\"Languages\" value={languages.length} icon={Code2} tone=\"blue\" />\n        <StatCard\n          label=\"Difficulty\"\n          value={humanizeEnum(problem.difficulty)}\n          icon={Layers}\n          tone=\"purple\"\n        />\n        <StatCard label=\"My submissions\" value={submissions.length} icon={FileText} tone=\"teal\" />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-3\">\n        <div className=\"space-y-5 lg:col-span-2\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Problem statement</h2>\n            {problem.isLocked ? (\n              // BOFF-4416: the API already nulled `statement` for a locked\n              // premium problem — this explains why, rather than showing the\n              // generic \"being prepared\" message used for a real content gap.\n              <UpgradeGate description=\"This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it.\" />\n            ) : problem.statement ? (\n              <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {problem.statement}\n              </p>\n            ) : (\n              <p className=\"py-4 text-center text-sm text-text-muted\">\n                The statement for this problem is being prepared.\n              </p>\n            )}\n          </GlassCard>\n\n          {problem.isLocked ? (\n            <UpgradeGate\n              compact\n              description=\"Starter code and sample test cases unlock with a paid TechnoSpam plan.\"\n            />\n          ) : problem.starterCode ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Starter code</h2>\n              <CodePanel label={humanizeEnum(languages[0] ?? 'code')} bodyClassName=\"max-h-72\">\n                {problem.starterCode}\n              </CodePanel>\n            </GlassCard>\n          ) : null}\n\n          <GlassCard className=\"p-5\">\n            <div className=\"mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Submit a solution</h2>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">Language</span>\n                <Select value={language} onValueChange={setLanguage}>\n                  <SelectTrigger className=\"w-full sm:w-48\">\n                    <SelectValue placeholder=\"Choose a language\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {languages.map((l) => (\n                      <SelectItem key={l} value={l}>\n                        {humanizeEnum(l)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n              <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n                </div>\n                <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n                  <Code2 size={13} /> {language ? humanizeEnum(language) : 'solution'}\n                </span>\n              </div>\n              <Textarea\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                placeholder=\"Write your solution…\"\n                className=\"min-h-[280px] resize-y rounded-none border-0 bg-transparent font-mono text-xs leading-relaxed focus-visible:ring-0 focus-visible:ring-offset-0\"\n                spellCheck={false}\n              />\n            </div>\n\n            <Button\n              className=\"mt-4 w-full\"\n              onClick={handleSubmit}\n              disabled={submitting || !code.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Running test cases…' : 'Run & submit'}\n            </Button>\n            <p className=\"mt-2 text-center text-xs text-text-muted\">\n              Your code runs against this problem&apos;s test cases in an isolated sandbox.\n            </p>\n          </GlassCard>\n\n          {problem.publicTestCases?.length ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-1 flex items-center gap-2 text-base font-semibold text-text-primary\">\n                <FlaskConical size={16} /> Sample test cases\n              </h2>\n              <p className=\"mb-3 text-sm text-text-secondary\">\n                Your solution reads each input from stdin and must print the expected output. Hidden\n                test cases are also run when you submit.\n              </p>\n              <div className=\"space-y-3\">\n                {problem.publicTestCases.map((testCase) => (\n                  <div key={testCase.id} className=\"rounded-xl border border-border-seam p-3\">\n                    <div className=\"mb-2 flex flex-wrap items-center gap-x-3 gap-y-1\">\n                      <span className=\"text-sm font-medium text-text-primary\">{testCase.name}</span>\n                      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n                        <Clock size={12} /> {testCase.timeLimitMs} ms limit\n                      </span>\n                    </div>\n                    <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n                      <IoBlock label=\"Input\" value={testCase.input} />\n                      <IoBlock label=\"Expected output\" value={testCase.expectedOutput} />\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </GlassCard>\n          ) : null}\n\n          {latestGraded ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Latest run</h2>\n              <TestResultsPanel submission={latestGraded} />\n            </GlassCard>\n          ) : latestSubmission && latestSubmission.verdict === 'PENDING' ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Latest run</h2>\n              <p className=\"mb-3 text-sm text-text-secondary\">\n                Your most recent submission has not been graded yet — the grader was unavailable\n                when you submitted. You can re-run it without resubmitting your code.\n              </p>\n              <Button\n                variant=\"outline\"\n                onClick={() => void handleRegrade(latestSubmission.id)}\n                disabled={regrading}\n              >\n                <RefreshCw size={16} /> {regrading ? 'Re-running…' : 'Re-run grader'}\n              </Button>\n            </GlassCard>\n          ) : null}\n        </div>\n\n        <div className=\"lg:col-span-1\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-3 text-base font-semibold text-text-primary\">My submissions</h2>\n            {subsLoading && !submissions.length ? (\n              <LoadingRows count={3} height=\"h-12\" />\n            ) : subsError ? (\n              <ErrorView title=\"Couldn't load submissions\" error={subsError} />\n            ) : submissions.length === 0 ? (\n              <EmptyView\n                icon={<FileText size={24} />}\n                title=\"No submissions yet\"\n                description=\"Submit a solution above to see your verdicts and points here.\"\n              />\n            ) : (\n              <div className=\"space-y-1\">\n                {submissions.map((s) => (\n                  <SubmissionRow key={s.id} s={s} />\n                ))}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/CoursesCourseDetailsPagePage.js

@@ -13,7 +13,7 @@ import { notify as u } from "../lib/toast.js";
 import { useCertificatesQuery as ie, useCourseQuery as d, useEnroll as ae, useIssueCertificate as f, useUpdateProgress as p } from "../api/technospamApi.js";
 import { useEffect as m } from "react";
 import { Award as h, BookOpen as g, CheckCircle2 as _, Clock as v, Eye as y, FileText as b, Layers as x, Lock as S, PlayCircle as C, ShieldCheck as oe, Sparkles as w, TrendingUp as T, Trophy as E, Users as D } from "lucide-react";
-import { useSearchParams as se } from "react-router-dom";
+import { useSearchParams as se } from "react-router";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
 import { Button as A, GlassCard as j, Skeleton as M } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/CoursesCourseDetailsPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"CoursesCourseDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  Award,\n  BookOpen,\n  CheckCircle2,\n  Clock,\n  Eye,\n  FileText,\n  Lock,\n  PlayCircle,\n  Layers,\n  ShieldCheck,\n  Sparkles,\n  Trophy,\n  TrendingUp,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  TagStrip,\n  UpgradeGate,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useCertificatesQuery,\n  useCourseQuery,\n  useEnroll,\n  useIssueCertificate,\n  useUpdateProgress,\n  type TecLesson,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDuration, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\n/** Per-lesson-kind icon + on-theme tint (chip) and pill (badge) classes. */\nconst KIND_META: Record<string, { icon: LucideIcon; chip: string; badge: string }> = {\n  VIDEO: {\n    icon: PlayCircle,\n    chip: 'bg-accent-primary/15 text-accent-primary',\n    badge: 'border-accent-primary/25 bg-accent-primary/10 text-accent-primary',\n  },\n  ARTICLE: {\n    icon: FileText,\n    chip: 'bg-accent-indigo/15 text-accent-indigo',\n    badge: 'border-accent-indigo/25 bg-accent-indigo/10 text-accent-indigo',\n  },\n  INTERACTIVE: {\n    icon: Sparkles,\n    chip: 'bg-accent-teal/15 text-accent-teal',\n    badge: 'border-accent-teal/25 bg-accent-teal/10 text-accent-teal',\n  },\n  QUIZ: {\n    icon: CheckCircle2,\n    chip: 'bg-accent-purple/15 text-accent-purple',\n    badge: 'border-accent-purple/25 bg-accent-purple/10 text-accent-purple',\n  },\n  PROJECT: {\n    icon: Layers,\n    chip: 'bg-status-warning-bg-subtle text-status-warning-text',\n    badge: 'border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text',\n  },\n};\n\nfunction HeroBadge({ icon: Icon, children }: { icon?: LucideIcon; children: ReactNode }) {\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded-full bg-white/15 px-2.5 py-1 text-xs font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      {Icon ? <Icon size={12} /> : null}\n      {children}\n    </span>\n  );\n}\n\nfunction LessonRow({ lesson, index, done }: { lesson: TecLesson; index: number; done: boolean }) {\n  const meta = KIND_META[lesson.kind] ?? KIND_META.ARTICLE!;\n  const Icon = meta.icon;\n  return (\n    <div className=\"group flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/60\">\n      <span className=\"hidden w-6 shrink-0 text-center text-sm font-medium tabular-nums text-text-muted sm:block\">\n        {index + 1}\n      </span>\n      <span\n        className={cn(\n          'flex h-9 w-9 shrink-0 items-center justify-center rounded-lg',\n          done ? 'bg-status-success-bg-subtle text-status-success-text' : meta.chip\n        )}\n      >\n        {done ? <CheckCircle2 size={17} /> : <Icon size={17} />}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"block truncate text-sm font-medium text-text-primary\">{lesson.title}</span>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n          <span\n            className={cn(\n              'inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium',\n              meta.badge\n            )}\n          >\n            {humanizeEnum(lesson.kind)}\n          </span>\n          <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n            <Clock size={12} /> {formatDuration(lesson.estimatedMinutes)}\n          </span>\n        </div>\n      </div>\n      <div className=\"shrink-0\">\n        {done ? (\n          <CheckCircle2 size={18} className=\"text-status-success-text\" />\n        ) : lesson.isPreview ? (\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-accent-primary/30 bg-accent-primary/10 px-2 py-0.5 text-[11px] font-medium text-accent-primary\">\n            <Eye size={12} /> Preview\n          </span>\n        ) : lesson.isLocked ? (\n          // BOFF-4416: distinct from the plain \"not completed yet\" Lock icon\n          // below — this lesson's content is gated behind a paid plan, not\n          // just not-yet-watched. The API already nulled `content`/`file`.\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-status-warning-border/60 bg-status-warning-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-warning-text\">\n            <Lock size={12} /> Upgrade to unlock\n          </span>\n        ) : (\n          <Lock size={15} className=\"text-text-muted\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function CoursesCourseDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const { data, loading, error, refetch } = useCourseQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.course.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n    }\n  }, [id, workspaceId, emit]);\n\n  const [enroll, { loading: enrolling }] = useEnroll();\n  const [updateProgress, { loading: savingProgress }] = useUpdateProgress();\n  const { data: certData, refetch: refetchCerts } = useCertificatesQuery(\n    currentUser?.id && id ? { learnerId: currentUser.id, courseId: id } : {}\n  );\n  const [issueCertificate, { loading: claiming }] = useIssueCertificate();\n\n  const course = data?.tecCourse ?? null;\n  const lessons = [...(course?.lessons ?? [])].sort((a, b) => a.position - b.position);\n  const myEnrollment: TecEnrollment | undefined = (course?.enrollments ?? []).find(\n    (e) => e.learnerId === currentUser?.id\n  );\n  const myCertificate = (certData?.tecListCertificates ?? []).find((c) => c.status === 'ISSUED');\n  const isComplete = !!myEnrollment && myEnrollment.progressPct >= 100;\n\n  const handleClaimCertificate = async () => {\n    if (!id || !currentUser?.id) return;\n    emit('technospam.course.certificate_claimed', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await issueCertificate({\n      variables: { courseId: id, learnerId: currentUser.id, score: 100 },\n    });\n    if (res.data?.tecIssueCertificate) {\n      notify.success('Certificate issued', 'Your verifiable certificate is ready in My Learning.');\n      await refetchCerts();\n    }\n  };\n\n  const handleEnroll = async () => {\n    if (!id) return;\n    emit('technospam.course.enroll_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await enroll({ variables: { input: { courseId: id } } });\n    if (res.data?.tecEnroll) {\n      emit('technospam.course.enrolled', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n      notify.success('Enrolled', `You're enrolled in \"${course?.title}\".`);\n      await refetch();\n    }\n  };\n\n  const handleProgress = async () => {\n    if (!myEnrollment) return;\n    const nextCompleted = Math.min(lessons.length, myEnrollment.lessonsCompleted + 1);\n    const pct = lessons.length ? Math.round((nextCompleted / lessons.length) * 100) : 100;\n    const res = await updateProgress({\n      variables: {\n        input: { enrollmentId: myEnrollment.id, lessonsCompleted: nextCompleted, progressPct: pct },\n      },\n    });\n    if (res.data?.tecUpdateProgress) {\n      emit('technospam.course.progress_updated', {\n        workspaceId,\n        entityId: myEnrollment.id,\n        entityType: 'TEC_ENROLLMENT',\n        progressPct: pct,\n      });\n      notify.success('Progress saved', `${pct}% complete`);\n      await refetch();\n    }\n  };\n\n  if (loading && !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-2xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load course\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Course not found\"\n            description=\"This course may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const completedLessons = myEnrollment?.lessonsCompleted ?? 0;\n  const remaining = Math.max(0, lessons.length - completedLessons);\n  const milestone =\n    myEnrollment && myEnrollment.progressPct >= 100\n      ? 'Course complete — claim your certificate below.'\n      : remaining === 1\n        ? '1 lesson to go — almost there!'\n        : `${remaining} lessons to go — keep it up!`;\n  const heroSeed = `${course.topic ?? ''} ${course.title}`;\n\n  return (\n    <PageLayout\n      backPath=\"/courses/courses-page\"\n      title={course.title}\n      description={course.summary ?? undefined}\n      actions={\n        myEnrollment ? (\n          <Button\n            onClick={handleProgress}\n            disabled={savingProgress || completedLessons >= lessons.length}\n          >\n            <CheckCircle2 size={16} />\n            {completedLessons >= lessons.length ? 'Completed' : 'Complete next lesson'}\n          </Button>\n        ) : (\n          <Button onClick={handleEnroll} disabled={enrolling}>\n            <BookOpen size={16} /> {enrolling ? 'Enrolling…' : 'Enroll'}\n          </Button>\n        )\n      }\n    >\n      {/* Bold hero banner */}\n      <MediaCover\n        height=\"h-40\"\n        seed={heroSeed}\n        icon={topicIcon(course.topic ?? course.title)}\n        className=\"mb-5 rounded-2xl\"\n      >\n        <div className=\"flex w-full flex-col gap-2\">\n          <span className=\"text-xs font-medium uppercase tracking-wide text-white/80\">\n            {course.topic ?? 'Course'}\n          </span>\n          <h2 className=\"text-2xl font-bold leading-tight text-white drop-shadow-sm sm:text-3xl\">\n            {course.title}\n          </h2>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroBadge icon={TrendingUp}>{humanizeEnum(course.level)}</HeroBadge>\n            <HeroBadge icon={CheckCircle2}>{humanizeEnum(course.status)}</HeroBadge>\n            {course.topic ? <HeroBadge icon={Layers}>{course.topic}</HeroBadge> : null}\n            {course.isPremiumOnly ? <HeroBadge icon={Lock}>Premium</HeroBadge> : null}\n          </div>\n        </div>\n      </MediaCover>\n\n      <TagStrip tags={course.tags} className=\"mb-5\" />\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Lessons\" value={lessons.length} icon={FileText} tone=\"blue\" />\n        <StatCard\n          label=\"Duration\"\n          value={formatDuration(course.estimatedMinutes)}\n          icon={Clock}\n          tone=\"teal\"\n        />\n        <StatCard\n          label=\"Enrolled\"\n          value={course.enrollments?.length ?? 0}\n          icon={Users}\n          tone=\"indigo\"\n        />\n        <StatCard\n          label=\"Your progress\"\n          value={myEnrollment ? `${myEnrollment.progressPct}%` : 'Not started'}\n          icon={TrendingUp}\n          tone=\"purple\"\n        />\n      </div>\n\n      {myEnrollment ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <span className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-accent-primary/15 text-accent-primary\">\n              <TrendingUp size={16} />\n            </span>\n            <span className=\"text-sm font-semibold text-text-primary\">Your progress</span>\n            <span className=\"ml-auto text-sm text-text-secondary\">\n              {completedLessons}/{lessons.length} lessons · {myEnrollment.progressPct}%\n            </span>\n          </div>\n          <div className=\"h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-full rounded-full bg-gradient-to-r from-accent-primary via-accent-indigo to-accent-purple transition-all duration-500\"\n              style={{ width: `${myEnrollment.progressPct}%` }}\n            />\n          </div>\n          <p className=\"mt-2 text-xs text-text-muted\">{milestone}</p>\n        </GlassCard>\n      ) : null}\n\n      {myCertificate ? (\n        <GlassCard className=\"mb-6 flex flex-wrap items-center gap-3 border border-status-success-border/60 bg-status-success-bg-subtle/30 p-4\">\n          <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/30\">\n            <Award size={22} />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-sm font-semibold text-text-primary\">Certificate earned</div>\n            <div className=\"text-xs text-text-muted\">\n              Serial {myCertificate.serial} · Score {myCertificate.score}\n            </div>\n          </div>\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n            <ShieldCheck size={13} /> Verified\n          </span>\n        </GlassCard>\n      ) : isComplete ? (\n        <GlassCard className=\"mb-6 flex flex-col items-start gap-4 border border-status-success-border/60 bg-status-success-bg-subtle/40 p-5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-4\">\n            <span className=\"flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/40\">\n              <Trophy size={26} />\n            </span>\n            <div>\n              <div className=\"text-base font-semibold text-text-primary\">\n                You finished this course\n              </div>\n              <div className=\"text-sm text-text-muted\">\n                Claim your verifiable certificate of completion.\n              </div>\n            </div>\n          </div>\n          <Button onClick={handleClaimCertificate} disabled={claiming}>\n            <Award size={16} /> {claiming ? 'Issuing…' : 'Claim certificate'}\n          </Button>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"p-5\">\n        <div className=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 className=\"flex items-center gap-2 text-base font-semibold text-text-primary\">\n            <BookOpen size={18} className=\"text-accent-primary\" /> Curriculum\n            {course.isPremiumOnly ? <PremiumBadge locked={course.isLocked} /> : null}\n          </h2>\n          {lessons.length ? (\n            <span className=\"rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n              {completedLessons}/{lessons.length} completed\n            </span>\n          ) : null}\n        </div>\n        {course.isLocked ? (\n          <div className=\"mb-4\">\n            <UpgradeGate\n              compact\n              description=\"This course is on a paid TechnoSpam plan. Preview lessons below stay free — the rest unlock once your workspace upgrades.\"\n            />\n          </div>\n        ) : null}\n        {lessons.length === 0 ? (\n          <p className=\"py-6 text-center text-sm text-text-muted\">\n            Lessons for this course are being prepared.\n          </p>\n        ) : (\n          <div className=\"flex flex-col\">\n            {lessons.map((lesson, i) => (\n              <LessonRow key={lesson.id} lesson={lesson} index={i} done={i < completedLessons} />\n            ))}\n          </div>\n        )}\n      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CoursesCourseDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  BookOpen,\n  CheckCircle2,\n  Clock,\n  Eye,\n  FileText,\n  Lock,\n  PlayCircle,\n  Layers,\n  ShieldCheck,\n  Sparkles,\n  Trophy,\n  TrendingUp,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  TagStrip,\n  UpgradeGate,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useCertificatesQuery,\n  useCourseQuery,\n  useEnroll,\n  useIssueCertificate,\n  useUpdateProgress,\n  type TecLesson,\n  type TecEnrollment,\n} from '../api/technospamApi';\nimport { formatDuration, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\n/** Per-lesson-kind icon + on-theme tint (chip) and pill (badge) classes. */\nconst KIND_META: Record<string, { icon: LucideIcon; chip: string; badge: string }> = {\n  VIDEO: {\n    icon: PlayCircle,\n    chip: 'bg-accent-primary/15 text-accent-primary',\n    badge: 'border-accent-primary/25 bg-accent-primary/10 text-accent-primary',\n  },\n  ARTICLE: {\n    icon: FileText,\n    chip: 'bg-accent-indigo/15 text-accent-indigo',\n    badge: 'border-accent-indigo/25 bg-accent-indigo/10 text-accent-indigo',\n  },\n  INTERACTIVE: {\n    icon: Sparkles,\n    chip: 'bg-accent-teal/15 text-accent-teal',\n    badge: 'border-accent-teal/25 bg-accent-teal/10 text-accent-teal',\n  },\n  QUIZ: {\n    icon: CheckCircle2,\n    chip: 'bg-accent-purple/15 text-accent-purple',\n    badge: 'border-accent-purple/25 bg-accent-purple/10 text-accent-purple',\n  },\n  PROJECT: {\n    icon: Layers,\n    chip: 'bg-status-warning-bg-subtle text-status-warning-text',\n    badge: 'border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text',\n  },\n};\n\nfunction HeroBadge({ icon: Icon, children }: { icon?: LucideIcon; children: ReactNode }) {\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded-full bg-white/15 px-2.5 py-1 text-xs font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      {Icon ? <Icon size={12} /> : null}\n      {children}\n    </span>\n  );\n}\n\nfunction LessonRow({ lesson, index, done }: { lesson: TecLesson; index: number; done: boolean }) {\n  const meta = KIND_META[lesson.kind] ?? KIND_META.ARTICLE!;\n  const Icon = meta.icon;\n  return (\n    <div className=\"group flex items-center gap-3 rounded-xl px-2 py-3 transition-colors hover:bg-bg-sunken/60\">\n      <span className=\"hidden w-6 shrink-0 text-center text-sm font-medium tabular-nums text-text-muted sm:block\">\n        {index + 1}\n      </span>\n      <span\n        className={cn(\n          'flex h-9 w-9 shrink-0 items-center justify-center rounded-lg',\n          done ? 'bg-status-success-bg-subtle text-status-success-text' : meta.chip\n        )}\n      >\n        {done ? <CheckCircle2 size={17} /> : <Icon size={17} />}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"block truncate text-sm font-medium text-text-primary\">{lesson.title}</span>\n        <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n          <span\n            className={cn(\n              'inline-flex items-center rounded-full border px-2 py-0.5 text-[11px] font-medium',\n              meta.badge\n            )}\n          >\n            {humanizeEnum(lesson.kind)}\n          </span>\n          <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n            <Clock size={12} /> {formatDuration(lesson.estimatedMinutes)}\n          </span>\n        </div>\n      </div>\n      <div className=\"shrink-0\">\n        {done ? (\n          <CheckCircle2 size={18} className=\"text-status-success-text\" />\n        ) : lesson.isPreview ? (\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-accent-primary/30 bg-accent-primary/10 px-2 py-0.5 text-[11px] font-medium text-accent-primary\">\n            <Eye size={12} /> Preview\n          </span>\n        ) : lesson.isLocked ? (\n          // BOFF-4416: distinct from the plain \"not completed yet\" Lock icon\n          // below — this lesson's content is gated behind a paid plan, not\n          // just not-yet-watched. The API already nulled `content`/`file`.\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-status-warning-border/60 bg-status-warning-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-warning-text\">\n            <Lock size={12} /> Upgrade to unlock\n          </span>\n        ) : (\n          <Lock size={15} className=\"text-text-muted\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function CoursesCourseDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const { data, loading, error, refetch } = useCourseQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.course.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n    }\n  }, [id, workspaceId, emit]);\n\n  const [enroll, { loading: enrolling }] = useEnroll();\n  const [updateProgress, { loading: savingProgress }] = useUpdateProgress();\n  const { data: certData, refetch: refetchCerts } = useCertificatesQuery(\n    currentUser?.id && id ? { learnerId: currentUser.id, courseId: id } : {}\n  );\n  const [issueCertificate, { loading: claiming }] = useIssueCertificate();\n\n  const course = data?.tecCourse ?? null;\n  const lessons = [...(course?.lessons ?? [])].sort((a, b) => a.position - b.position);\n  const myEnrollment: TecEnrollment | undefined = (course?.enrollments ?? []).find(\n    (e) => e.learnerId === currentUser?.id\n  );\n  const myCertificate = (certData?.tecListCertificates ?? []).find((c) => c.status === 'ISSUED');\n  const isComplete = !!myEnrollment && myEnrollment.progressPct >= 100;\n\n  const handleClaimCertificate = async () => {\n    if (!id || !currentUser?.id) return;\n    emit('technospam.course.certificate_claimed', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await issueCertificate({\n      variables: { courseId: id, learnerId: currentUser.id, score: 100 },\n    });\n    if (res.data?.tecIssueCertificate) {\n      notify.success('Certificate issued', 'Your verifiable certificate is ready in My Learning.');\n      await refetchCerts();\n    }\n  };\n\n  const handleEnroll = async () => {\n    if (!id) return;\n    emit('technospam.course.enroll_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_COURSE',\n    });\n    const res = await enroll({ variables: { input: { courseId: id } } });\n    if (res.data?.tecEnroll) {\n      emit('technospam.course.enrolled', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_COURSE',\n      });\n      notify.success('Enrolled', `You're enrolled in \"${course?.title}\".`);\n      await refetch();\n    }\n  };\n\n  const handleProgress = async () => {\n    if (!myEnrollment) return;\n    const nextCompleted = Math.min(lessons.length, myEnrollment.lessonsCompleted + 1);\n    const pct = lessons.length ? Math.round((nextCompleted / lessons.length) * 100) : 100;\n    const res = await updateProgress({\n      variables: {\n        input: { enrollmentId: myEnrollment.id, lessonsCompleted: nextCompleted, progressPct: pct },\n      },\n    });\n    if (res.data?.tecUpdateProgress) {\n      emit('technospam.course.progress_updated', {\n        workspaceId,\n        entityId: myEnrollment.id,\n        entityType: 'TEC_ENROLLMENT',\n        progressPct: pct,\n      });\n      notify.success('Progress saved', `${pct}% complete`);\n      await refetch();\n    }\n  };\n\n  if (loading && !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-2xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !course) {\n    return (\n      <PageLayout title=\"Course\" backPath=\"/courses/courses-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load course\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Course not found\"\n            description=\"This course may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const completedLessons = myEnrollment?.lessonsCompleted ?? 0;\n  const remaining = Math.max(0, lessons.length - completedLessons);\n  const milestone =\n    myEnrollment && myEnrollment.progressPct >= 100\n      ? 'Course complete — claim your certificate below.'\n      : remaining === 1\n        ? '1 lesson to go — almost there!'\n        : `${remaining} lessons to go — keep it up!`;\n  const heroSeed = `${course.topic ?? ''} ${course.title}`;\n\n  return (\n    <PageLayout\n      backPath=\"/courses/courses-page\"\n      title={course.title}\n      description={course.summary ?? undefined}\n      actions={\n        myEnrollment ? (\n          <Button\n            onClick={handleProgress}\n            disabled={savingProgress || completedLessons >= lessons.length}\n          >\n            <CheckCircle2 size={16} />\n            {completedLessons >= lessons.length ? 'Completed' : 'Complete next lesson'}\n          </Button>\n        ) : (\n          <Button onClick={handleEnroll} disabled={enrolling}>\n            <BookOpen size={16} /> {enrolling ? 'Enrolling…' : 'Enroll'}\n          </Button>\n        )\n      }\n    >\n      {/* Bold hero banner */}\n      <MediaCover\n        height=\"h-40\"\n        seed={heroSeed}\n        icon={topicIcon(course.topic ?? course.title)}\n        className=\"mb-5 rounded-2xl\"\n      >\n        <div className=\"flex w-full flex-col gap-2\">\n          <span className=\"text-xs font-medium uppercase tracking-wide text-white/80\">\n            {course.topic ?? 'Course'}\n          </span>\n          <h2 className=\"text-2xl font-bold leading-tight text-white drop-shadow-sm sm:text-3xl\">\n            {course.title}\n          </h2>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroBadge icon={TrendingUp}>{humanizeEnum(course.level)}</HeroBadge>\n            <HeroBadge icon={CheckCircle2}>{humanizeEnum(course.status)}</HeroBadge>\n            {course.topic ? <HeroBadge icon={Layers}>{course.topic}</HeroBadge> : null}\n            {course.isPremiumOnly ? <HeroBadge icon={Lock}>Premium</HeroBadge> : null}\n          </div>\n        </div>\n      </MediaCover>\n\n      <TagStrip tags={course.tags} className=\"mb-5\" />\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Lessons\" value={lessons.length} icon={FileText} tone=\"blue\" />\n        <StatCard\n          label=\"Duration\"\n          value={formatDuration(course.estimatedMinutes)}\n          icon={Clock}\n          tone=\"teal\"\n        />\n        <StatCard\n          label=\"Enrolled\"\n          value={course.enrollments?.length ?? 0}\n          icon={Users}\n          tone=\"indigo\"\n        />\n        <StatCard\n          label=\"Your progress\"\n          value={myEnrollment ? `${myEnrollment.progressPct}%` : 'Not started'}\n          icon={TrendingUp}\n          tone=\"purple\"\n        />\n      </div>\n\n      {myEnrollment ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <span className=\"flex h-8 w-8 items-center justify-center rounded-lg bg-accent-primary/15 text-accent-primary\">\n              <TrendingUp size={16} />\n            </span>\n            <span className=\"text-sm font-semibold text-text-primary\">Your progress</span>\n            <span className=\"ml-auto text-sm text-text-secondary\">\n              {completedLessons}/{lessons.length} lessons · {myEnrollment.progressPct}%\n            </span>\n          </div>\n          <div className=\"h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-full rounded-full bg-gradient-to-r from-accent-primary via-accent-indigo to-accent-purple transition-all duration-500\"\n              style={{ width: `${myEnrollment.progressPct}%` }}\n            />\n          </div>\n          <p className=\"mt-2 text-xs text-text-muted\">{milestone}</p>\n        </GlassCard>\n      ) : null}\n\n      {myCertificate ? (\n        <GlassCard className=\"mb-6 flex flex-wrap items-center gap-3 border border-status-success-border/60 bg-status-success-bg-subtle/30 p-4\">\n          <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/30\">\n            <Award size={22} />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"text-sm font-semibold text-text-primary\">Certificate earned</div>\n            <div className=\"text-xs text-text-muted\">\n              Serial {myCertificate.serial} · Score {myCertificate.score}\n            </div>\n          </div>\n          <span className=\"inline-flex items-center gap-1 rounded-full border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n            <ShieldCheck size={13} /> Verified\n          </span>\n        </GlassCard>\n      ) : isComplete ? (\n        <GlassCard className=\"mb-6 flex flex-col items-start gap-4 border border-status-success-border/60 bg-status-success-bg-subtle/40 p-5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-4\">\n            <span className=\"flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-status-warning-bg-subtle text-status-warning-text ring-1 ring-status-warning-border/40\">\n              <Trophy size={26} />\n            </span>\n            <div>\n              <div className=\"text-base font-semibold text-text-primary\">\n                You finished this course\n              </div>\n              <div className=\"text-sm text-text-muted\">\n                Claim your verifiable certificate of completion.\n              </div>\n            </div>\n          </div>\n          <Button onClick={handleClaimCertificate} disabled={claiming}>\n            <Award size={16} /> {claiming ? 'Issuing…' : 'Claim certificate'}\n          </Button>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"p-5\">\n        <div className=\"mb-3 flex items-center justify-between gap-2\">\n          <h2 className=\"flex items-center gap-2 text-base font-semibold text-text-primary\">\n            <BookOpen size={18} className=\"text-accent-primary\" /> Curriculum\n            {course.isPremiumOnly ? <PremiumBadge locked={course.isLocked} /> : null}\n          </h2>\n          {lessons.length ? (\n            <span className=\"rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n              {completedLessons}/{lessons.length} completed\n            </span>\n          ) : null}\n        </div>\n        {course.isLocked ? (\n          <div className=\"mb-4\">\n            <UpgradeGate\n              compact\n              description=\"This course is on a paid TechnoSpam plan. Preview lessons below stay free — the rest unlock once your workspace upgrades.\"\n            />\n          </div>\n        ) : null}\n        {lessons.length === 0 ? (\n          <p className=\"py-6 text-center text-sm text-text-muted\">\n            Lessons for this course are being prepared.\n          </p>\n        ) : (\n          <div className=\"flex flex-col\">\n            {lessons.map((lesson, i) => (\n              <LessonRow key={lesson.id} lesson={lesson} index={i} done={i < completedLessons} />\n            ))}\n          </div>\n        )}\n      </GlassCard>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js

@@ -10,7 +10,7 @@ import { notify as l } from "../lib/toast.js";
 import { useHackathonQuery as ne, useRegisterTeam as re, useSubmitProject as ie, useTeamsQuery as ae } from "../api/technospamApi.js";
 import { useState as u } from "react";
 import { Award as oe, CalendarClock as se, CalendarDays as d, Code2 as f, ExternalLink as p, Flag as m, Github as h, Send as g, Trophy as _, UserPlus as v, Users as y } from "lucide-react";
-import { useSearchParams as ce } from "react-router-dom";
+import { useSearchParams as ce } from "react-router";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { Badge as S, Button as C, GlassCard as w, Input as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as le, SelectValue as ue, Skeleton as k, Textarea as de } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  Award,\n  CalendarClock,\n  CalendarDays,\n  Code2,\n  ExternalLink,\n  Flag,\n  Github,\n  Send,\n  Trophy,\n  UserPlus,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  StatusBadge,\n  coverGradient,\n} from '../components';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useHackathonQuery,\n  useRegisterTeam,\n  useSubmitProject,\n  useTeamsQuery,\n  type TecHackathonTeam,\n} from '../api/technospamApi';\nimport { formatDate, formatDateTime, formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\n\n/** Translucent glass chip used for stats overlaid on the vivid MediaCover hero. */\nfunction HeroChip({ icon: Icon, label }: { icon: LucideIcon; label: string }) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5 rounded-lg bg-white/15 px-3 py-1.5 text-sm font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      <Icon size={15} /> {label}\n    </span>\n  );\n}\n\nfunction TeamCard({ team, isMine }: { team: TecHackathonTeam; isMine: boolean }) {\n  const isWinner = team.status === 'WINNER';\n  return (\n    <GlassCard className=\"group flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <span\n            className={cn(\n              'flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm ring-1 ring-white/10 transition-transform duration-200 group-hover:scale-105',\n              coverGradient(team.name)\n            )}\n          >\n            {isWinner ? <Trophy size={19} /> : <Code2 size={19} />}\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\">{team.name}</span>\n              {isMine ? (\n                <Badge variant=\"secondary\" className=\"text-[11px]\">\n                  Your team\n                </Badge>\n              ) : null}\n            </div>\n            {team.projectName ? (\n              <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{team.projectName}</p>\n            ) : (\n              <p className=\"mt-0.5 text-sm text-text-muted\">No project submitted yet</p>\n            )}\n          </div>\n        </div>\n        <StatusBadge status={team.status} />\n      </div>\n\n      {team.pitch ? <p className=\"line-clamp-3 text-sm text-text-secondary\">{team.pitch}</p> : null}\n\n      <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Users size={13} /> {team.memberIds.length} member{team.memberIds.length === 1 ? '' : 's'}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Flag size={13} /> Score {team.score}\n        </span>\n      </div>\n\n      {team.repoUrl || team.projectUrl ? (\n        <div className=\"flex flex-wrap items-center gap-3 border-t border-border-seam pt-3\">\n          {team.repoUrl ? (\n            <a\n              href={team.repoUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <Github size={13} /> Repository\n            </a>\n          ) : null}\n          {team.projectUrl ? (\n            <a\n              href={team.projectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <ExternalLink size={13} /> Live project\n            </a>\n          ) : null}\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n\n  const { data, loading, error, refetch } = useHackathonQuery(id);\n  const {\n    data: teamsData,\n    loading: teamsLoading,\n    error: teamsError,\n    refetch: refetchTeams,\n  } = useTeamsQuery(id);\n\n  const [registerTeam, { loading: registering }] = useRegisterTeam();\n  const [submitProject, { loading: submitting }] = useSubmitProject();\n\n  // register-team form state\n  const [teamName, setTeamName] = useState('');\n  const [memberIdsRaw, setMemberIdsRaw] = useState('');\n\n  // submit-project form state\n  const [projectTeamId, setProjectTeamId] = useState('');\n  const [projectName, setProjectName] = useState('');\n  const [projectUrl, setProjectUrl] = useState('');\n  const [repoUrl, setRepoUrl] = useState('');\n  const [pitch, setPitch] = useState('');\n\n  const hackathon = data?.tecHackathon ?? null;\n  const teams = teamsData?.tecListTeams.items ?? [];\n  const isRegistrationOpen = hackathon?.status === 'REGISTRATION_OPEN';\n  const captainedTeams = currentUser?.id ? teams.filter((t) => t.captainId === currentUser.id) : [];\n  const activeProjectTeamId = projectTeamId || captainedTeams[0]?.id || '';\n\n  const handleRegister = async () => {\n    if (!id || !teamName.trim()) return;\n    const memberIds = memberIdsRaw\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    const res = await registerTeam({\n      variables: { input: { hackathonId: id, name: teamName.trim(), memberIds } },\n    });\n    if (res.data?.tecRegisterTeam) {\n      notify.success('Team registered', `\"${teamName.trim()}\" is in the running.`);\n      setTeamName('');\n      setMemberIdsRaw('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  const handleSubmitProject = async () => {\n    if (!activeProjectTeamId || !projectName.trim()) return;\n    const res = await submitProject({\n      variables: {\n        input: {\n          teamId: activeProjectTeamId,\n          projectName: projectName.trim(),\n          projectUrl: projectUrl.trim() || undefined,\n          repoUrl: repoUrl.trim() || undefined,\n          pitch: pitch.trim() || undefined,\n        },\n      },\n    });\n    if (res.data?.tecSubmitProject) {\n      notify.success('Project submitted', `\"${projectName.trim()}\" is submitted for judging.`);\n      setProjectName('');\n      setProjectUrl('');\n      setRepoUrl('');\n      setPitch('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  if (loading && !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        <Skeleton className=\"mb-4 h-32 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load hackathon\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Hackathon not found\"\n            description=\"This hackathon may no longer be listed.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      backPath=\"/hackathons/hackathons-page\"\n      title={hackathon.title}\n      description={hackathon.theme ?? undefined}\n    >\n      <MediaCover\n        height=\"h-40\"\n        seed={hackathon.theme ?? hackathon.id}\n        icon={Trophy}\n        className=\"mb-6 rounded-xl\"\n      >\n        <div className=\"flex w-full flex-col gap-3\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <StatusBadge status={hackathon.status} />\n            {hackathon.tags.map((t) => (\n              <Badge\n                key={t}\n                variant=\"secondary\"\n                className=\"border-white/20 bg-white/15 text-[11px] text-white\"\n              >\n                {t}\n              </Badge>\n            ))}\n          </div>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroChip\n              icon={Award}\n              label={`${formatMoney(hackathon.prizePool, hackathon.currency)} prize pool`}\n            />\n            <HeroChip\n              icon={CalendarDays}\n              label={`${formatDate(hackathon.startAt)} – ${formatDate(hackathon.endAt)}`}\n            />\n            <HeroChip icon={Users} label={`Team of ${hackathon.maxTeamSize}`} />\n            <HeroChip\n              icon={Trophy}\n              label={`${teams.length} team${teams.length === 1 ? '' : 's'} registered`}\n            />\n          </div>\n        </div>\n      </MediaCover>\n\n      {hackathon.description ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <h2 className=\"mb-2 text-base font-semibold text-text-primary\">About</h2>\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{hackathon.description}</p>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"mb-6 p-5\">\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Schedule</h2>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Starts</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.startAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Ends</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.endAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarClock size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Submission deadline</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDateTime(hackathon.submissionDeadline)}\n              </div>\n            </div>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isRegistrationOpen ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-primary/15 text-accent-primary ring-1 ring-accent-primary/20\">\n              <UserPlus size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Register a team</h2>\n          </div>\n          <p className=\"mb-4 text-sm text-text-secondary\">\n            You&apos;ll be the team captain. Add teammates by their user id (optional) — teams can\n            be up to {hackathon.maxTeamSize} members.\n          </p>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Team name\n              </label>\n              <Input\n                placeholder=\"e.g. Byte Builders\"\n                value={teamName}\n                onChange={(e) => setTeamName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Teammate user ids{' '}\n                <span className=\"text-text-muted\">(optional, comma-separated)</span>\n              </label>\n              <Input\n                placeholder=\"user-id-1, user-id-2\"\n                value={memberIdsRaw}\n                onChange={(e) => setMemberIdsRaw(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button onClick={handleRegister} disabled={registering || !teamName.trim()}>\n              <UserPlus size={16} /> {registering ? 'Registering…' : 'Register team'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      {captainedTeams.length > 0 ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-teal/15 text-accent-teal ring-1 ring-accent-teal/20\">\n              <Send size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Submit your project</h2>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {captainedTeams.length > 1 ? (\n              <div className=\"sm:col-span-2\">\n                <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">Team</label>\n                <Select value={activeProjectTeamId} onValueChange={setProjectTeamId}>\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"Choose a team\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {captainedTeams.map((t) => (\n                      <SelectItem key={t.id} value={t.id}>\n                        {t.name}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            ) : (\n              <div className=\"sm:col-span-2 text-sm text-text-secondary\">\n                Submitting for{' '}\n                <span className=\"font-medium text-text-primary\">{captainedTeams[0]?.name}</span>\n              </div>\n            )}\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Project name\n              </label>\n              <Input\n                placeholder=\"e.g. RealtimeCanvas\"\n                value={projectName}\n                onChange={(e) => setProjectName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Live project URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://…\"\n                value={projectUrl}\n                onChange={(e) => setProjectUrl(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Repository URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://github.com/…\"\n                value={repoUrl}\n                onChange={(e) => setRepoUrl(e.target.value)}\n              />\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Pitch <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Textarea\n                rows={3}\n                placeholder=\"What did you build, and why does it matter?\"\n                value={pitch}\n                onChange={(e) => setPitch(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button\n              onClick={handleSubmitProject}\n              disabled={submitting || !activeProjectTeamId || !projectName.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Submitting…' : 'Submit project'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      <div>\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">\n          Teams {teams.length ? <span className=\"text-text-muted\">({teams.length})</span> : null}\n        </h2>\n        {teamsLoading && !teams.length ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n          </div>\n        ) : teamsError ? (\n          <ErrorView title=\"Couldn't load teams\" error={teamsError} />\n        ) : teams.length === 0 ? (\n          <EmptyView\n            icon={<Users size={26} />}\n            title=\"No teams registered yet\"\n            description={\n              isRegistrationOpen\n                ? 'Be the first to register a team above.'\n                : 'Teams will appear here once registration opens.'\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {teams.map((team) => (\n              <TeamCard\n                key={team.id}\n                team={team}\n                isMine={!!currentUser?.id && team.captainId === currentUser.id}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HackathonsHackathonDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  CalendarClock,\n  CalendarDays,\n  Code2,\n  ExternalLink,\n  Flag,\n  Github,\n  Send,\n  Trophy,\n  UserPlus,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  StatusBadge,\n  coverGradient,\n} from '../components';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useHackathonQuery,\n  useRegisterTeam,\n  useSubmitProject,\n  useTeamsQuery,\n  type TecHackathonTeam,\n} from '../api/technospamApi';\nimport { formatDate, formatDateTime, formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\n\n/** Translucent glass chip used for stats overlaid on the vivid MediaCover hero. */\nfunction HeroChip({ icon: Icon, label }: { icon: LucideIcon; label: string }) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5 rounded-lg bg-white/15 px-3 py-1.5 text-sm font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      <Icon size={15} /> {label}\n    </span>\n  );\n}\n\nfunction TeamCard({ team, isMine }: { team: TecHackathonTeam; isMine: boolean }) {\n  const isWinner = team.status === 'WINNER';\n  return (\n    <GlassCard className=\"group flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <span\n            className={cn(\n              'flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm ring-1 ring-white/10 transition-transform duration-200 group-hover:scale-105',\n              coverGradient(team.name)\n            )}\n          >\n            {isWinner ? <Trophy size={19} /> : <Code2 size={19} />}\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\">{team.name}</span>\n              {isMine ? (\n                <Badge variant=\"secondary\" className=\"text-[11px]\">\n                  Your team\n                </Badge>\n              ) : null}\n            </div>\n            {team.projectName ? (\n              <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{team.projectName}</p>\n            ) : (\n              <p className=\"mt-0.5 text-sm text-text-muted\">No project submitted yet</p>\n            )}\n          </div>\n        </div>\n        <StatusBadge status={team.status} />\n      </div>\n\n      {team.pitch ? <p className=\"line-clamp-3 text-sm text-text-secondary\">{team.pitch}</p> : null}\n\n      <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Users size={13} /> {team.memberIds.length} member{team.memberIds.length === 1 ? '' : 's'}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Flag size={13} /> Score {team.score}\n        </span>\n      </div>\n\n      {team.repoUrl || team.projectUrl ? (\n        <div className=\"flex flex-wrap items-center gap-3 border-t border-border-seam pt-3\">\n          {team.repoUrl ? (\n            <a\n              href={team.repoUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <Github size={13} /> Repository\n            </a>\n          ) : null}\n          {team.projectUrl ? (\n            <a\n              href={team.projectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <ExternalLink size={13} /> Live project\n            </a>\n          ) : null}\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n\n  const { data, loading, error, refetch } = useHackathonQuery(id);\n  const {\n    data: teamsData,\n    loading: teamsLoading,\n    error: teamsError,\n    refetch: refetchTeams,\n  } = useTeamsQuery(id);\n\n  const [registerTeam, { loading: registering }] = useRegisterTeam();\n  const [submitProject, { loading: submitting }] = useSubmitProject();\n\n  // register-team form state\n  const [teamName, setTeamName] = useState('');\n  const [memberIdsRaw, setMemberIdsRaw] = useState('');\n\n  // submit-project form state\n  const [projectTeamId, setProjectTeamId] = useState('');\n  const [projectName, setProjectName] = useState('');\n  const [projectUrl, setProjectUrl] = useState('');\n  const [repoUrl, setRepoUrl] = useState('');\n  const [pitch, setPitch] = useState('');\n\n  const hackathon = data?.tecHackathon ?? null;\n  const teams = teamsData?.tecListTeams.items ?? [];\n  const isRegistrationOpen = hackathon?.status === 'REGISTRATION_OPEN';\n  const captainedTeams = currentUser?.id ? teams.filter((t) => t.captainId === currentUser.id) : [];\n  const activeProjectTeamId = projectTeamId || captainedTeams[0]?.id || '';\n\n  const handleRegister = async () => {\n    if (!id || !teamName.trim()) return;\n    const memberIds = memberIdsRaw\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    const res = await registerTeam({\n      variables: { input: { hackathonId: id, name: teamName.trim(), memberIds } },\n    });\n    if (res.data?.tecRegisterTeam) {\n      notify.success('Team registered', `\"${teamName.trim()}\" is in the running.`);\n      setTeamName('');\n      setMemberIdsRaw('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  const handleSubmitProject = async () => {\n    if (!activeProjectTeamId || !projectName.trim()) return;\n    const res = await submitProject({\n      variables: {\n        input: {\n          teamId: activeProjectTeamId,\n          projectName: projectName.trim(),\n          projectUrl: projectUrl.trim() || undefined,\n          repoUrl: repoUrl.trim() || undefined,\n          pitch: pitch.trim() || undefined,\n        },\n      },\n    });\n    if (res.data?.tecSubmitProject) {\n      notify.success('Project submitted', `\"${projectName.trim()}\" is submitted for judging.`);\n      setProjectName('');\n      setProjectUrl('');\n      setRepoUrl('');\n      setPitch('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  if (loading && !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        <Skeleton className=\"mb-4 h-32 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load hackathon\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Hackathon not found\"\n            description=\"This hackathon may no longer be listed.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      backPath=\"/hackathons/hackathons-page\"\n      title={hackathon.title}\n      description={hackathon.theme ?? undefined}\n    >\n      <MediaCover\n        height=\"h-40\"\n        seed={hackathon.theme ?? hackathon.id}\n        icon={Trophy}\n        className=\"mb-6 rounded-xl\"\n      >\n        <div className=\"flex w-full flex-col gap-3\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <StatusBadge status={hackathon.status} />\n            {hackathon.tags.map((t) => (\n              <Badge\n                key={t}\n                variant=\"secondary\"\n                className=\"border-white/20 bg-white/15 text-[11px] text-white\"\n              >\n                {t}\n              </Badge>\n            ))}\n          </div>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroChip\n              icon={Award}\n              label={`${formatMoney(hackathon.prizePool, hackathon.currency)} prize pool`}\n            />\n            <HeroChip\n              icon={CalendarDays}\n              label={`${formatDate(hackathon.startAt)} – ${formatDate(hackathon.endAt)}`}\n            />\n            <HeroChip icon={Users} label={`Team of ${hackathon.maxTeamSize}`} />\n            <HeroChip\n              icon={Trophy}\n              label={`${teams.length} team${teams.length === 1 ? '' : 's'} registered`}\n            />\n          </div>\n        </div>\n      </MediaCover>\n\n      {hackathon.description ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <h2 className=\"mb-2 text-base font-semibold text-text-primary\">About</h2>\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{hackathon.description}</p>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"mb-6 p-5\">\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Schedule</h2>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Starts</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.startAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Ends</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.endAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarClock size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Submission deadline</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDateTime(hackathon.submissionDeadline)}\n              </div>\n            </div>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isRegistrationOpen ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-primary/15 text-accent-primary ring-1 ring-accent-primary/20\">\n              <UserPlus size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Register a team</h2>\n          </div>\n          <p className=\"mb-4 text-sm text-text-secondary\">\n            You&apos;ll be the team captain. Add teammates by their user id (optional) — teams can\n            be up to {hackathon.maxTeamSize} members.\n          </p>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Team name\n              </label>\n              <Input\n                placeholder=\"e.g. Byte Builders\"\n                value={teamName}\n                onChange={(e) => setTeamName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Teammate user ids{' '}\n                <span className=\"text-text-muted\">(optional, comma-separated)</span>\n              </label>\n              <Input\n                placeholder=\"user-id-1, user-id-2\"\n                value={memberIdsRaw}\n                onChange={(e) => setMemberIdsRaw(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button onClick={handleRegister} disabled={registering || !teamName.trim()}>\n              <UserPlus size={16} /> {registering ? 'Registering…' : 'Register team'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      {captainedTeams.length > 0 ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-teal/15 text-accent-teal ring-1 ring-accent-teal/20\">\n              <Send size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Submit your project</h2>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {captainedTeams.length > 1 ? (\n              <div className=\"sm:col-span-2\">\n                <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">Team</label>\n                <Select value={activeProjectTeamId} onValueChange={setProjectTeamId}>\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"Choose a team\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {captainedTeams.map((t) => (\n                      <SelectItem key={t.id} value={t.id}>\n                        {t.name}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            ) : (\n              <div className=\"sm:col-span-2 text-sm text-text-secondary\">\n                Submitting for{' '}\n                <span className=\"font-medium text-text-primary\">{captainedTeams[0]?.name}</span>\n              </div>\n            )}\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Project name\n              </label>\n              <Input\n                placeholder=\"e.g. RealtimeCanvas\"\n                value={projectName}\n                onChange={(e) => setProjectName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Live project URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://…\"\n                value={projectUrl}\n                onChange={(e) => setProjectUrl(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Repository URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://github.com/…\"\n                value={repoUrl}\n                onChange={(e) => setRepoUrl(e.target.value)}\n              />\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Pitch <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Textarea\n                rows={3}\n                placeholder=\"What did you build, and why does it matter?\"\n                value={pitch}\n                onChange={(e) => setPitch(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button\n              onClick={handleSubmitProject}\n              disabled={submitting || !activeProjectTeamId || !projectName.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Submitting…' : 'Submit project'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      <div>\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">\n          Teams {teams.length ? <span className=\"text-text-muted\">({teams.length})</span> : null}\n        </h2>\n        {teamsLoading && !teams.length ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n          </div>\n        ) : teamsError ? (\n          <ErrorView title=\"Couldn't load teams\" error={teamsError} />\n        ) : teams.length === 0 ? (\n          <EmptyView\n            icon={<Users size={26} />}\n            title=\"No teams registered yet\"\n            description={\n              isRegistrationOpen\n                ? 'Be the first to register a team above.'\n                : 'Teams will appear here once registration opens.'\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {teams.map((team) => (\n              <TeamCard\n                key={team.id}\n                team={team}\n                isMine={!!currentUser?.id && team.captainId === currentUser.id}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/MentorshipMentorProfilePagePage.js

@@ -12,7 +12,7 @@ import { notify as p } from "../lib/toast.js";
 import { useBookSession as m, useMentorQuery as h, useSessionCostEstimate as g } from "../api/technospamApi.js";
 import { createElement as _, useState as v } from "react";
 import { Award as y, CalendarClock as b, CreditCard as x, DollarSign as S, MessageSquare as C, Star as w, Video as T } from "lucide-react";
-import { useSearchParams as E } from "react-router-dom";
+import { useSearchParams as E } from "react-router";
 import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { Badge as A, Button as j, GlassCard as M, Input as N, Skeleton as P, Textarea as F } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipMentorProfilePagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { createElement, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  Award,\n  CalendarClock,\n  CreditCard,\n  DollarSign,\n  MessageSquare,\n  Star,\n  Video,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useBookSession,\n  useMentorQuery,\n  useSessionCostEstimate,\n  type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoneyFromMinorUnits } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nfunction BookSessionForm({\n  mentorId,\n  disabled,\n  onBooked,\n  workspaceId,\n}: {\n  mentorId: string;\n  disabled: boolean;\n  onBooked?: () => void;\n  workspaceId?: string;\n}) {\n  const [topic, setTopic] = useState('');\n  const [agenda, setAgenda] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [durationMinutes, setDurationMinutes] = useState('60');\n  const [bookSession, { loading }] = useBookSession();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const parsedDate = scheduledAt ? new Date(scheduledAt) : null;\n  const validDate = parsedDate != null && !Number.isNaN(parsedDate.getTime());\n  const canSubmit = topic.trim().length > 0 && validDate && !loading && !disabled;\n\n  // Live cost preview -- computed server-side from the mentor's real rate,\n  // the exact same calculation tecBookSession snapshots onto the session.\n  // Shown BEFORE booking so the mentee sees the real price up front.\n  const parsedDuration = Number.parseInt(durationMinutes, 10);\n  const { data: costData, loading: costLoading } = useSessionCostEstimate(\n    mentorId,\n    Number.isNaN(parsedDuration) ? 0 : parsedDuration\n  );\n  const estimate = costData?.tecCalculateSessionCost;\n\n  const handleSubmit = async () => {\n    if (!canSubmit || !parsedDate) return;\n    const input: {\n      mentorId: string;\n      topic: string;\n      agenda?: string;\n      scheduledAt: string;\n      durationMinutes?: number;\n    } = {\n      mentorId,\n      topic: topic.trim(),\n      scheduledAt: parsedDate.toISOString(),\n    };\n    if (agenda.trim()) input.agenda = agenda.trim();\n    const dur = Number.parseInt(durationMinutes, 10);\n    if (!Number.isNaN(dur) && dur > 0) input.durationMinutes = dur;\n\n    emit('technospam.mentor.book_clicked', {\n      workspaceId,\n      entityId: mentorId,\n      entityType: 'TEC_MENTOR',\n    });\n    const res = await bookSession({ variables: { input } });\n    if (res.data?.tecBookSession) {\n      emit('technospam.mentor.booked', {\n        workspaceId,\n        entityId: mentorId,\n        entityType: 'TEC_MENTOR',\n        sessionId: res.data.tecBookSession.id,\n      });\n      notify.success('Session requested', 'Your mentor will confirm the booking soon.');\n      setTopic('');\n      setAgenda('');\n      setScheduledAt('');\n      setDurationMinutes('60');\n      onBooked?.();\n    }\n  };\n\n  return (\n    <GlassCard className=\"p-5\">\n      <div className=\"mb-4 flex items-start gap-3\">\n        <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n          <CalendarClock size={20} />\n        </span>\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n          <p className=\"text-sm text-text-secondary\">Schedule 1:1 time with your mentor.</p>\n        </div>\n      </div>\n\n      {disabled ? (\n        <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          This mentor isn&apos;t accepting new mentees right now.\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Topic <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. System design interview prep\"\n            value={topic}\n            onChange={(e) => setTopic(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Agenda</label>\n          <Textarea\n            rows={3}\n            placeholder=\"What would you like to cover? Share context so your mentor can prepare.\"\n            value={agenda}\n            onChange={(e) => setAgenda(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              When <span className=\"text-status-error-text\">*</span>\n            </label>\n            <Input\n              type=\"datetime-local\"\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              Duration (min)\n            </label>\n            <Input\n              type=\"number\"\n              min={15}\n              step={15}\n              value={durationMinutes}\n              onChange={(e) => setDurationMinutes(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2.5\">\n          {costLoading && !estimate ? (\n            <Skeleton className=\"h-5 w-40 rounded\" />\n          ) : estimate ? (\n            <>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-secondary\">Session cost</span>\n                <span className=\"font-semibold text-text-primary\">\n                  {formatMoneyFromMinorUnits(estimate.costAmount, estimate.currency)}\n                </span>\n              </div>\n              <p className=\"mt-0.5 text-xs text-text-muted\">\n                Includes a {(estimate.platformFeeBps / 100).toFixed(0)}% platform fee (\n                {formatMoneyFromMinorUnits(estimate.platformFeeAmount, estimate.currency)}) — the mentor keeps{' '}\n                {formatMoneyFromMinorUnits(estimate.netAmount, estimate.currency)}.\n              </p>\n            </>\n          ) : (\n            <p className=\"text-sm text-text-muted\">Enter a duration to preview the session cost.</p>\n          )}\n        </div>\n\n        <Button\n          className=\"w-full bg-gradient-to-r from-accent-primary to-accent-purple\"\n          onClick={handleSubmit}\n          disabled={!canSubmit}\n        >\n          <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n        </Button>\n\n        <div className=\"flex items-center justify-between gap-2 rounded-lg border border-border-seam px-3 py-2\">\n          <span className=\"flex items-center gap-1.5 text-xs text-text-muted\">\n            <CreditCard size={14} /> Payment integration pending\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            title=\"Online payment collection is not live yet\"\n          >\n            Pay now\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken\">\n      <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple\">\n        <Video size={16} />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-medium text-text-primary\">{session.topic}</div>\n        <div className=\"text-xs text-text-muted\">\n          {formatDateTime(session.scheduledAt)} · {formatDuration(session.durationMinutes)}\n        </div>\n      </div>\n      <StatusBadge status={session.status} />\n    </div>\n  );\n}\n\nexport function MentorshipMentorProfilePagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { workspaceId } = useTechnoSpam();\n  const { data, loading, error, refetch } = useMentorQuery(id);\n\n  const mentor = data?.tecMentor ?? null;\n\n  if (loading && !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load mentor\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Mentor not found\"\n            description=\"This mentor profile may no longer be available.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const sessions = mentor.sessions ?? [];\n  const recentSessions = [...sessions]\n    .sort((a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime())\n    .slice(0, 5);\n\n  const HeroIcon = topicIcon(mentor.expertise.join(' ') || mentor.headline);\n\n  return (\n    <PageLayout hero backPath=\"/mentorship/mentors-page\" title=\"Mentor Profile\">\n      <GlassCard className=\"mb-6 overflow-hidden p-0\">\n        <div\n          className={cn(\n            'relative h-24 overflow-hidden bg-gradient-to-br',\n            coverGradient(mentor.headline)\n          )}\n        >\n          {createElement(HeroIcon, {\n            className: 'pointer-events-none absolute -right-3 -top-4 text-white/15',\n            size: 120,\n            strokeWidth: 1.3,\n          })}\n          <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent\" />\n        </div>\n        <div className=\"px-6 pb-6\">\n          <div className=\"-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end\">\n            <div className=\"relative shrink-0\">\n              <span\n                className={cn(\n                  'flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface',\n                  coverGradient(mentor.headline)\n                )}\n              >\n                {createElement(HeroIcon, { size: 34, strokeWidth: 1.6 })}\n              </span>\n              {mentor.isAcceptingMentees ? (\n                <span className=\"absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n              ) : null}\n            </div>\n            <div className=\"min-w-0 flex-1 sm:pb-1\">\n              <h1 className=\"text-xl font-semibold text-text-primary sm:text-2xl\">\n                {mentor.headline}\n              </h1>\n              {mentor.role ? (\n                <p className=\"mt-1 text-sm font-medium text-text-secondary\">{mentor.role}</p>\n              ) : null}\n              <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                <StatusBadge status={mentor.status} />\n                {mentor.isAcceptingMentees ? (\n                  <Badge\n                    variant=\"outline\"\n                    className=\"inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n                  >\n                    <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" /> Accepting\n                    mentees\n                  </Badge>\n                ) : null}\n              </div>\n            </div>\n          </div>\n\n          {mentor.bio ? (\n            <p className=\"mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary\">\n              {mentor.bio}\n            </p>\n          ) : null}\n\n          {mentor.expertise.length ? (\n            <div className=\"mt-4 flex flex-wrap gap-1.5\">\n              {mentor.expertise.map((skill) => (\n                <Badge key={skill} variant=\"secondary\">\n                  {skill}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </GlassCard>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Rate\"\n          value={`${formatMoneyFromMinorUnits(mentor.hourlyRate, mentor.currency)}/hr`}\n          icon={DollarSign}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"Rating\"\n          value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          icon={Star}\n          tone=\"amber\"\n        />\n        <StatCard\n          label=\"Sessions\"\n          value={mentor.sessionsCount}\n          icon={MessageSquare}\n          tone=\"purple\"\n        />\n        <StatCard\n          label=\"Status\"\n          value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n          icon={Award}\n          tone=\"teal\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <BookSessionForm\n          mentorId={mentor.id}\n          disabled={!mentor.isAcceptingMentees}\n          onBooked={() => void refetch()}\n          workspaceId={workspaceId}\n        />\n\n        <GlassCard className=\"p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <CalendarClock size={18} className=\"text-accent-teal\" />\n            <h2 className=\"text-base font-semibold text-text-primary\">Recent sessions</h2>\n          </div>\n          {recentSessions.length === 0 ? (\n            <p className=\"py-6 text-center text-sm text-text-muted\">\n              No sessions booked yet. Be the first to request time with this mentor.\n            </p>\n          ) : (\n            <div className=\"divide-y divide-border-seam\">\n              {recentSessions.map((session) => (\n                <SessionSummaryRow key={session.id} session={session} />\n              ))}\n            </div>\n          )}\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { createElement, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  CalendarClock,\n  CreditCard,\n  DollarSign,\n  MessageSquare,\n  Star,\n  Video,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useBookSession,\n  useMentorQuery,\n  useSessionCostEstimate,\n  type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoneyFromMinorUnits } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nfunction BookSessionForm({\n  mentorId,\n  disabled,\n  onBooked,\n  workspaceId,\n}: {\n  mentorId: string;\n  disabled: boolean;\n  onBooked?: () => void;\n  workspaceId?: string;\n}) {\n  const [topic, setTopic] = useState('');\n  const [agenda, setAgenda] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [durationMinutes, setDurationMinutes] = useState('60');\n  const [bookSession, { loading }] = useBookSession();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const parsedDate = scheduledAt ? new Date(scheduledAt) : null;\n  const validDate = parsedDate != null && !Number.isNaN(parsedDate.getTime());\n  const canSubmit = topic.trim().length > 0 && validDate && !loading && !disabled;\n\n  // Live cost preview -- computed server-side from the mentor's real rate,\n  // the exact same calculation tecBookSession snapshots onto the session.\n  // Shown BEFORE booking so the mentee sees the real price up front.\n  const parsedDuration = Number.parseInt(durationMinutes, 10);\n  const { data: costData, loading: costLoading } = useSessionCostEstimate(\n    mentorId,\n    Number.isNaN(parsedDuration) ? 0 : parsedDuration\n  );\n  const estimate = costData?.tecCalculateSessionCost;\n\n  const handleSubmit = async () => {\n    if (!canSubmit || !parsedDate) return;\n    const input: {\n      mentorId: string;\n      topic: string;\n      agenda?: string;\n      scheduledAt: string;\n      durationMinutes?: number;\n    } = {\n      mentorId,\n      topic: topic.trim(),\n      scheduledAt: parsedDate.toISOString(),\n    };\n    if (agenda.trim()) input.agenda = agenda.trim();\n    const dur = Number.parseInt(durationMinutes, 10);\n    if (!Number.isNaN(dur) && dur > 0) input.durationMinutes = dur;\n\n    emit('technospam.mentor.book_clicked', {\n      workspaceId,\n      entityId: mentorId,\n      entityType: 'TEC_MENTOR',\n    });\n    const res = await bookSession({ variables: { input } });\n    if (res.data?.tecBookSession) {\n      emit('technospam.mentor.booked', {\n        workspaceId,\n        entityId: mentorId,\n        entityType: 'TEC_MENTOR',\n        sessionId: res.data.tecBookSession.id,\n      });\n      notify.success('Session requested', 'Your mentor will confirm the booking soon.');\n      setTopic('');\n      setAgenda('');\n      setScheduledAt('');\n      setDurationMinutes('60');\n      onBooked?.();\n    }\n  };\n\n  return (\n    <GlassCard className=\"p-5\">\n      <div className=\"mb-4 flex items-start gap-3\">\n        <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n          <CalendarClock size={20} />\n        </span>\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n          <p className=\"text-sm text-text-secondary\">Schedule 1:1 time with your mentor.</p>\n        </div>\n      </div>\n\n      {disabled ? (\n        <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          This mentor isn&apos;t accepting new mentees right now.\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Topic <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. System design interview prep\"\n            value={topic}\n            onChange={(e) => setTopic(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Agenda</label>\n          <Textarea\n            rows={3}\n            placeholder=\"What would you like to cover? Share context so your mentor can prepare.\"\n            value={agenda}\n            onChange={(e) => setAgenda(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              When <span className=\"text-status-error-text\">*</span>\n            </label>\n            <Input\n              type=\"datetime-local\"\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              Duration (min)\n            </label>\n            <Input\n              type=\"number\"\n              min={15}\n              step={15}\n              value={durationMinutes}\n              onChange={(e) => setDurationMinutes(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2.5\">\n          {costLoading && !estimate ? (\n            <Skeleton className=\"h-5 w-40 rounded\" />\n          ) : estimate ? (\n            <>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-secondary\">Session cost</span>\n                <span className=\"font-semibold text-text-primary\">\n                  {formatMoneyFromMinorUnits(estimate.costAmount, estimate.currency)}\n                </span>\n              </div>\n              <p className=\"mt-0.5 text-xs text-text-muted\">\n                Includes a {(estimate.platformFeeBps / 100).toFixed(0)}% platform fee (\n                {formatMoneyFromMinorUnits(estimate.platformFeeAmount, estimate.currency)}) — the mentor keeps{' '}\n                {formatMoneyFromMinorUnits(estimate.netAmount, estimate.currency)}.\n              </p>\n            </>\n          ) : (\n            <p className=\"text-sm text-text-muted\">Enter a duration to preview the session cost.</p>\n          )}\n        </div>\n\n        <Button\n          className=\"w-full bg-gradient-to-r from-accent-primary to-accent-purple\"\n          onClick={handleSubmit}\n          disabled={!canSubmit}\n        >\n          <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n        </Button>\n\n        <div className=\"flex items-center justify-between gap-2 rounded-lg border border-border-seam px-3 py-2\">\n          <span className=\"flex items-center gap-1.5 text-xs text-text-muted\">\n            <CreditCard size={14} /> Payment integration pending\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            title=\"Online payment collection is not live yet\"\n          >\n            Pay now\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken\">\n      <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple\">\n        <Video size={16} />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-medium text-text-primary\">{session.topic}</div>\n        <div className=\"text-xs text-text-muted\">\n          {formatDateTime(session.scheduledAt)} · {formatDuration(session.durationMinutes)}\n        </div>\n      </div>\n      <StatusBadge status={session.status} />\n    </div>\n  );\n}\n\nexport function MentorshipMentorProfilePagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { workspaceId } = useTechnoSpam();\n  const { data, loading, error, refetch } = useMentorQuery(id);\n\n  const mentor = data?.tecMentor ?? null;\n\n  if (loading && !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load mentor\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Mentor not found\"\n            description=\"This mentor profile may no longer be available.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const sessions = mentor.sessions ?? [];\n  const recentSessions = [...sessions]\n    .sort((a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime())\n    .slice(0, 5);\n\n  const HeroIcon = topicIcon(mentor.expertise.join(' ') || mentor.headline);\n\n  return (\n    <PageLayout hero backPath=\"/mentorship/mentors-page\" title=\"Mentor Profile\">\n      <GlassCard className=\"mb-6 overflow-hidden p-0\">\n        <div\n          className={cn(\n            'relative h-24 overflow-hidden bg-gradient-to-br',\n            coverGradient(mentor.headline)\n          )}\n        >\n          {createElement(HeroIcon, {\n            className: 'pointer-events-none absolute -right-3 -top-4 text-white/15',\n            size: 120,\n            strokeWidth: 1.3,\n          })}\n          <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent\" />\n        </div>\n        <div className=\"px-6 pb-6\">\n          <div className=\"-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end\">\n            <div className=\"relative shrink-0\">\n              <span\n                className={cn(\n                  'flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface',\n                  coverGradient(mentor.headline)\n                )}\n              >\n                {createElement(HeroIcon, { size: 34, strokeWidth: 1.6 })}\n              </span>\n              {mentor.isAcceptingMentees ? (\n                <span className=\"absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n              ) : null}\n            </div>\n            <div className=\"min-w-0 flex-1 sm:pb-1\">\n              <h1 className=\"text-xl font-semibold text-text-primary sm:text-2xl\">\n                {mentor.headline}\n              </h1>\n              {mentor.role ? (\n                <p className=\"mt-1 text-sm font-medium text-text-secondary\">{mentor.role}</p>\n              ) : null}\n              <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                <StatusBadge status={mentor.status} />\n                {mentor.isAcceptingMentees ? (\n                  <Badge\n                    variant=\"outline\"\n                    className=\"inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n                  >\n                    <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" /> Accepting\n                    mentees\n                  </Badge>\n                ) : null}\n              </div>\n            </div>\n          </div>\n\n          {mentor.bio ? (\n            <p className=\"mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary\">\n              {mentor.bio}\n            </p>\n          ) : null}\n\n          {mentor.expertise.length ? (\n            <div className=\"mt-4 flex flex-wrap gap-1.5\">\n              {mentor.expertise.map((skill) => (\n                <Badge key={skill} variant=\"secondary\">\n                  {skill}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </GlassCard>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Rate\"\n          value={`${formatMoneyFromMinorUnits(mentor.hourlyRate, mentor.currency)}/hr`}\n          icon={DollarSign}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"Rating\"\n          value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          icon={Star}\n          tone=\"amber\"\n        />\n        <StatCard\n          label=\"Sessions\"\n          value={mentor.sessionsCount}\n          icon={MessageSquare}\n          tone=\"purple\"\n        />\n        <StatCard\n          label=\"Status\"\n          value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n          icon={Award}\n          tone=\"teal\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <BookSessionForm\n          mentorId={mentor.id}\n          disabled={!mentor.isAcceptingMentees}\n          onBooked={() => void refetch()}\n          workspaceId={workspaceId}\n        />\n\n        <GlassCard className=\"p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <CalendarClock size={18} className=\"text-accent-teal\" />\n            <h2 className=\"text-base font-semibold text-text-primary\">Recent sessions</h2>\n          </div>\n          {recentSessions.length === 0 ? (\n            <p className=\"py-6 text-center text-sm text-text-muted\">\n              No sessions booked yet. Be the first to request time with this mentor.\n            </p>\n          ) : (\n            <div className=\"divide-y divide-border-seam\">\n              {recentSessions.map((session) => (\n                <SessionSummaryRow key={session.id} session={session} />\n              ))}\n            </div>\n          )}\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/providers/TechnoSpamProvider.js

@@ -1,5 +1,5 @@
 import { createContext as e, useContext as t, useMemo as n } from "react";
-import { MemoryRouter as r } from "react-router-dom";
+import { MemoryRouter as r } from "react-router";
 import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/technospam/providers/TechnoSpamProvider.tsx

package/dist/technospam/providers/TechnoSpamProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechnoSpamProvider.js","names":[],"sources":["../../../src/technospam/providers/TechnoSpamProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { TechnoSpamRootProps } from '../types';\n\ntype TechnoSpamContextValue = TechnoSpamRootProps;\n\nconst TechnoSpamContext = createContext<TechnoSpamContextValue | null>(null);\n\nexport const useTechnoSpam = () => {\n  const context = useContext(TechnoSpamContext);\n  if (!context) throw new Error('useTechnoSpam must be used within TechnoSpamProvider');\n  return context;\n};\n\n/**\n * basePath-aware navigation. Returns a `navigate(path)` that prepends the MFE\n * basePath (so pages navigate with module-relative paths like\n * `/courses/courses-page`) and falls back to react-router when the host does\n * not inject a navigate function.\n */\nexport const useTechnoSpamNavigate = (): ((path: string) => void) => {\n  const { navigate: hostNavigate, basePath = '' } = useTechnoSpam();\n  const base = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n  return (path: string) => {\n    const target =\n      !base || base === '' || path.startsWith(base)\n        ? path\n        : `${base}${path.startsWith('/') ? path : `/${path}`}`;\n    if (hostNavigate) hostNavigate(target);\n    else if (typeof window !== 'undefined') window.history.pushState({}, '', target);\n  };\n};\n\nexport const TechnoSpamProvider: FC<PropsWithChildren<TechnoSpamRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <TechnoSpamContext.Provider value={props}>{children}</TechnoSpamContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAoB,EAA6C,KAAK,EAE/D,UAAsB;CACjC,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EAAS,OAAU,MAAM,uDAAuD;AACrF,QAAO;GASI,UAAwD;CACnE,IAAM,EAAE,UAAU,GAAc,cAAW,OAAO,GAAe,EAC3D,IAAO,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG;AAC9D,SAAQ,MAAiB;EACvB,IAAM,IACJ,CAAC,KAAQ,MAAS,MAAM,EAAK,WAAW,EAAK,GACzC,IACA,GAAG,IAAO,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAClD,EAAI,IAAc,EAAa,EAAO,GAC7B,OAAO,SAAW,OAAa,OAAO,QAAQ,UAAU,EAAE,EAAE,IAAI,EAAO;;GAIvE,KAAkE,EAC7E,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;GAAM,EAC7E,EACF,CAAC,EACJ,EAAE,CACH;YAIG,kBAAC,EAAkB,UAAnB;GAA4B,OAAO;GAAQ;GAAsC,CAAA;EAC7D,CAAA;AAIxB,QADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA"}
+{"version":3,"file":"TechnoSpamProvider.js","names":[],"sources":["../../../src/technospam/providers/TechnoSpamProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { TechnoSpamRootProps } from '../types';\n\ntype TechnoSpamContextValue = TechnoSpamRootProps;\n\nconst TechnoSpamContext = createContext<TechnoSpamContextValue | null>(null);\n\nexport const useTechnoSpam = () => {\n  const context = useContext(TechnoSpamContext);\n  if (!context) throw new Error('useTechnoSpam must be used within TechnoSpamProvider');\n  return context;\n};\n\n/**\n * basePath-aware navigation. Returns a `navigate(path)` that prepends the MFE\n * basePath (so pages navigate with module-relative paths like\n * `/courses/courses-page`) and falls back to react-router when the host does\n * not inject a navigate function.\n */\nexport const useTechnoSpamNavigate = (): ((path: string) => void) => {\n  const { navigate: hostNavigate, basePath = '' } = useTechnoSpam();\n  const base = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n  return (path: string) => {\n    const target =\n      !base || base === '' || path.startsWith(base)\n        ? path\n        : `${base}${path.startsWith('/') ? path : `/${path}`}`;\n    if (hostNavigate) hostNavigate(target);\n    else if (typeof window !== 'undefined') window.history.pushState({}, '', target);\n  };\n};\n\nexport const TechnoSpamProvider: FC<PropsWithChildren<TechnoSpamRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <TechnoSpamContext.Provider value={props}>{children}</TechnoSpamContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAoB,EAA6C,KAAK,EAE/D,UAAsB;CACjC,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EAAS,OAAU,MAAM,uDAAuD;AACrF,QAAO;GASI,UAAwD;CACnE,IAAM,EAAE,UAAU,GAAc,cAAW,OAAO,GAAe,EAC3D,IAAO,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG;AAC9D,SAAQ,MAAiB;EACvB,IAAM,IACJ,CAAC,KAAQ,MAAS,MAAM,EAAK,WAAW,EAAK,GACzC,IACA,GAAG,IAAO,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAClD,EAAI,IAAc,EAAa,EAAO,GAC7B,OAAO,SAAW,OAAa,OAAO,QAAQ,UAAU,EAAE,EAAE,IAAI,EAAO;;GAIvE,KAAkE,EAC7E,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;GAAM,EAC7E,EACF,CAAC,EACJ,EAAE,CACH;YAIG,kBAAC,EAAkB,UAAnB;GAA4B,OAAO;GAAQ;GAAsC,CAAA;EAC7D,CAAA;AAIxB,QADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-technospam",
-  "version": "2026.731.1",
+  "version": "2026.801.1",
   "description": "Burdenoff TechnoSpam Microfrontend",
   "type": "module",
   "files": [
@@ -46,14 +46,14 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.713.6",
+    "@burdenoff/fe-libs": "2026.801.1",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",
     "lucide-react": "^0.468.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^8.3.0",
     "sonner": "^1.7.4",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3",
@@ -104,7 +104,7 @@
     "access": "restricted"
   },
   "overrides": {
-    "@burdenoff/fe-libs": "2026.713.6",
+    "@burdenoff/fe-libs": "2026.801.1",
     "lodash": ">=4.17.21",
     "lodash-es": ">=4.17.21",
     "dompurify": ">=3.3.4",