npm - @burdenoff/microfe-technospam - Versions diffs - 2026.525.1 → 2026.704.2 - Mend

@burdenoff/microfe-technospam 2026.525.1 → 2026.704.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (918) hide show

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { BarChart3, TrendingUp, Clock, Code, BookOpen, Target } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype TabView = 'personal' \| 'platform';\n\nconst weeklyActivity = [\n { day: 'Mon', hours: 2.5 },\n { day: 'Tue', hours: 3.2 },\n { day: 'Wed', hours: 1.8 },\n { day: 'Thu', hours: 4.0 },\n { day: 'Fri', hours: 2.0 },\n { day: 'Sat', hours: 5.5 },\n { day: 'Sun', hours: 3.0 },\n];\n\nconst maxHours = Math.max(...weeklyActivity.map((d) => d.hours));\n\nexport function AnalyticsAnalyticsPagePage() {\n const { userStats, courses, problems } = useTechnoSpamStore();\n const [activeTab, setActiveTab] = useState<TabView>('personal');\n\n const solvedByDifficulty = {\n easy: problems.filter((p) => p.isSolved && p.difficulty === 'easy').length,\n medium: problems.filter((p) => p.isSolved && p.difficulty === 'medium').length,\n hard: problems.filter((p) => p.isSolved && p.difficulty === 'hard').length,\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div>\n <h1 className=\"text-2xl font-semibold text-foreground\">Analytics</h1>\n <p className=\"text-sm text-muted-foreground\">Insights into your learning performance</p>\n </div>\n\n <div className=\"flex gap-2 border-b border-border pb-2\">\n <Button\n variant={activeTab === 'personal' ? 'default' : 'ghost'}\n size=\"sm\"\n onClick={() => setActiveTab('personal')}\n >\n Personal Insights\n </Button>\n <Button\n variant={activeTab === 'platform' ? 'default' : 'ghost'}\n size=\"sm\"\n onClick={() => setActiveTab('platform')}\n >\n Platform Overview\n </Button>\n </div>\n\n {activeTab === 'personal' ? (\n <>\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Learning Hours</CardTitle>\n <Clock className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{userStats.totalLearningHours}</div>\n <p className=\"text-xs text-muted-foreground\">+22h this week</p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Problems Solved</CardTitle>\n <Code className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{userStats.problemsSolved}</div>\n <p className=\"text-xs text-muted-foreground\">+12 this week</p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Courses Progress</CardTitle>\n <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">\n {userStats.coursesCompleted}/{userStats.coursesEnrolled}\n </div>\n <p className=\"text-xs text-muted-foreground\">Completed/Enrolled</p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Total Points</CardTitle>\n <Target className=\"h-4 w-4 text-muted-foreground\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{userStats.totalPoints.toLocaleString()}</div>\n <p className=\"text-xs text-muted-foreground\">Rank #{userStats.rank}</p>\n </CardContent>\n </Card>\n </div>\n\n <div className=\"grid gap-6 lg:grid-cols-2\">\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <BarChart3 className=\"h-4 w-4\" />\n Weekly Activity\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n {weeklyActivity.map((day) => (\n <div key={day.day} className=\"flex items-center gap-3\">\n <span className=\"w-8 text-sm text-muted-foreground\">{day.day}</span>\n <div className=\"flex-1 h-4 bg-muted rounded overflow-hidden\">\n <div\n className=\"h-4 bg-primary rounded\"\n style={{ width: `${(day.hours / maxHours) * 100}%` }}\n />\n </div>\n <span className=\"w-10 text-sm font-medium text-right\">{day.hours}h</span>\n </div>\n ))}\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Problems by Difficulty</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"space-y-2\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-green-600\">Easy</span>\n <span className=\"font-medium\">{solvedByDifficulty.easy}</span>\n </div>\n <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n <div\n className=\"h-3 rounded-full bg-green-500\"\n style={{ width: `${(solvedByDifficulty.easy / problems.length) * 100}%` }}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-yellow-600\">Medium</span>\n <span className=\"font-medium\">{solvedByDifficulty.medium}</span>\n </div>\n <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n <div\n className=\"h-3 rounded-full bg-yellow-500\"\n style={{ width: `${(solvedByDifficulty.medium / problems.length) * 100}%` }}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-red-600\">Hard</span>\n <span className=\"font-medium\">{solvedByDifficulty.hard}</span>\n </div>\n <div className=\"h-3 w-full overflow-hidden rounded-full bg-muted\">\n <div\n className=\"h-3 rounded-full bg-red-500\"\n style={{ width: `${(solvedByDifficulty.hard / problems.length) * 100}%` }}\n />\n </div>\n </div>\n </CardContent>\n </Card>\n </div>\n </>\n ) : (\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n <Card>\n <CardContent className=\"flex items-center gap-4 pt-6\">\n <TrendingUp className=\"h-8 w-8 text-primary\" />\n <div>\n <div className=\"text-2xl font-bold\">{courses.length}</div>\n <p className=\"text-xs text-muted-foreground\">Total Courses</p>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"flex items-center gap-4 pt-6\">\n <Code className=\"h-8 w-8 text-primary\" />\n <div>\n <div className=\"text-2xl font-bold\">{problems.length}</div>\n <p className=\"text-xs text-muted-foreground\">Total Problems</p>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"flex items-center gap-4 pt-6\">\n <BarChart3 className=\"h-8 w-8 text-primary\" />\n <div>\n <div className=\"text-2xl font-bold\">\n {(problems.reduce((s, p) => s + p.acceptanceRate, 0) / problems.length).toFixed(\n 1\n )}\n %\n </div>\n <p className=\"text-xs text-muted-foreground\">Avg Acceptance Rate</p>\n </div>\n </CardContent>\n </Card>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo, type CSSProperties, type SVGProps } from 'react';\nimport {\n Activity,\n Award,\n BarChart3,\n BookOpen,\n Code2,\n GraduationCap,\n Library,\n Percent,\n TrendingUp,\n Trophy,\n Users,\n} from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport {\n Area,\n AreaChart,\n Bar,\n BarChart,\n CartesianGrid,\n Cell,\n Legend,\n Pie,\n PieChart,\n ResponsiveContainer,\n Tooltip as ReTooltip,\n XAxis,\n YAxis,\n} from 'recharts';\nimport {\n EmptyView,\n ErrorView,\n LoadingGrid,\n LoadingRows,\n PageLayout,\n StatCard,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n useCertificatesQuery,\n useCoursesQuery,\n useEnrollmentsQuery,\n useHackathonsQuery,\n useProblemsQuery,\n useSessionsQuery,\n useSubmissionsQuery,\n type TecEnrollmentStatus,\n type TecSubmissionVerdict,\n} from '../api/technospamApi';\nimport { humanizeEnum } from '../utils/format';\n\n/* ----------------------------------------------------------- chart config /\n\nconst ENROLL_STATUS_ORDER: TecEnrollmentStatus[] = [\n 'ENROLLED',\n 'IN_PROGRESS',\n 'COMPLETED',\n 'DROPPED',\n];\n\nconst ENROLL_STATUS_COLOR: Record<TecEnrollmentStatus, string> = {\n ENROLLED: 'var(--color-accent-primary)',\n IN_PROGRESS: 'var(--color-accent-teal)',\n COMPLETED: 'var(--color-status-success)',\n DROPPED: 'var(--color-status-warning)',\n};\n\nconst VERDICT_ORDER: TecSubmissionVerdict[] = [\n 'ACCEPTED',\n 'WRONG_ANSWER',\n 'TIME_LIMIT_EXCEEDED',\n 'RUNTIME_ERROR',\n 'COMPILE_ERROR',\n 'PENDING',\n];\n\nconst VERDICT_LABEL: Record<TecSubmissionVerdict, string> = {\n ACCEPTED: 'Accepted',\n WRONG_ANSWER: 'Wrong',\n TIME_LIMIT_EXCEEDED: 'TLE',\n RUNTIME_ERROR: 'Runtime',\n COMPILE_ERROR: 'Compile',\n PENDING: 'Pending',\n};\n\nconst VERDICT_COLOR: Record<TecSubmissionVerdict, string> = {\n ACCEPTED: 'var(--color-status-success)',\n WRONG_ANSWER: 'var(--color-status-error)',\n TIME_LIMIT_EXCEEDED: 'var(--color-status-warning)',\n RUNTIME_ERROR: 'var(--color-status-error)',\n COMPILE_ERROR: 'var(--color-status-error)',\n PENDING: 'var(--color-text-muted)',\n};\n\nconst TOOLTIP_STYLE: CSSProperties = {\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-seam)',\n borderRadius: 12,\n color: 'var(--color-text-primary)',\n fontSize: 12,\n};\nconst TOOLTIP_LABEL_STYLE: CSSProperties = { color: 'var(--color-text-secondary)' };\nconst AXIS_TICK: SVGProps<SVGTextElement> = { fill: 'var(--color-text-muted)', fontSize: 12 };\n\ninterface StatusDatum {\n name: string;\n value: number;\n color: string;\n}\ninterface VerdictDatum {\n label: string;\n count: number;\n color: string;\n}\ninterface ActivityDatum {\n label: string;\n submissions: number;\n enrollments: number;\n}\n\n/* Normalize an ISO timestamp to the start of its (Sunday-based) week. /\nfunction weekBucket(iso: string): { key: number; label: string } {\n const d = new Date(iso);\n if (Number.isNaN(d.getTime())) return { key: 0, label: '—' };\n const start = new Date(d.getFullYear(), d.getMonth(), d.getDate() - d.getDay());\n return {\n key: start.getTime(),\n label: start.toLocaleDateString(undefined, { month: 'short', day: 'numeric' }),\n };\n}\n\n/ -------------------------------------------------------- chart wrappers /\n\nfunction ChartCard({\n title,\n icon: Icon,\n isEmpty,\n emptyLabel,\n children,\n}: {\n title: string;\n icon: typeof Activity;\n isEmpty: boolean;\n emptyLabel: string;\n children: React.ReactElement;\n}) {\n return (\n <GlassCard className=\"p-5\">\n <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n <Icon size={16} className=\"text-accent-teal\" />\n {title}\n </h3>\n {isEmpty ? (\n <div className=\"flex h-[240px] items-center justify-center text-center text-sm text-text-muted\">\n {emptyLabel}\n </div>\n ) : (\n <ResponsiveContainer width=\"100%\" height={260}>\n {children}\n </ResponsiveContainer>\n )}\n </GlassCard>\n );\n}\n\n/ --------------------------------------------------------------- page /\n\nexport function AnalyticsAnalyticsPagePage() {\n const navigate = useTechnoSpamNavigate();\n const { currentUser } = useTechnoSpam();\n const learnerId = currentUser?.id;\n\n const enrollmentsQ = useEnrollmentsQuery(learnerId ? { learnerId } : {});\n const submissionsQ = useSubmissionsQuery(learnerId ? { learnerId } : {});\n const sessionsQ = useSessionsQuery(learnerId ? { menteeId: learnerId } : {});\n const certificatesQ = useCertificatesQuery(learnerId ? { learnerId } : {});\n const coursesQ = useCoursesQuery({ status: 'PUBLISHED' });\n const problemsQ = useProblemsQuery({ status: 'PUBLISHED' });\n const hackathonsQ = useHackathonsQuery({});\n\n const enrollments = useMemo(\n () => enrollmentsQ.data?.tecListEnrollments.items ?? [],\n [enrollmentsQ.data]\n );\n const submissions = useMemo(\n () => submissionsQ.data?.tecListSubmissions.items ?? [],\n [submissionsQ.data]\n );\n const sessions = sessionsQ.data?.tecListSessions ?? [];\n const certificates = certificatesQ.data?.tecListCertificates ?? [];\n const coursesTotal = coursesQ.data?.tecListCourses.items.length ?? 0;\n const problemsTotal = problemsQ.data?.tecListProblems.items.length ?? 0;\n const hackathonsTotal = hackathonsQ.data?.tecListHackathons.items.length ?? 0;\n\n const metrics = useMemo(() => {\n const coursesCompleted = enrollments.filter((e) => e.status === 'COMPLETED').length;\n const avgProgress = enrollments.length\n ? Math.round(enrollments.reduce((s, e) => s + e.progressPct, 0) / enrollments.length)\n : 0;\n const acceptedSubs = submissions.filter((s) => s.verdict === 'ACCEPTED');\n const problemsSolved = new Set(acceptedSubs.map((s) => s.problemId)).size;\n const acceptanceRate = submissions.length\n ? Math.round((acceptedSubs.length / submissions.length) 100)\n : 0;\n return { coursesCompleted, avgProgress, problemsSolved, acceptanceRate };\n }, [enrollments, submissions]);\n\n const enrollmentsByStatus = useMemo<StatusDatum[]>(\n () =>\n ENROLL_STATUS_ORDER.map((s) => ({\n name: humanizeEnum(s),\n value: enrollments.filter((e) => e.status === s).length,\n color: ENROLL_STATUS_COLOR[s],\n })).filter((d) => d.value > 0),\n [enrollments]\n );\n\n const submissionsByVerdict = useMemo<VerdictDatum[]>(\n () =>\n VERDICT_ORDER.map((v) => ({\n label: VERDICT_LABEL[v],\n count: submissions.filter((s) => s.verdict === v).length,\n color: VERDICT_COLOR[v],\n })).filter((d) => d.count > 0),\n [submissions]\n );\n\n const activityData = useMemo<ActivityDatum[]>(() => {\n const buckets = new Map<number, ActivityDatum>();\n const add = (iso: string, key: 'submissions' \| 'enrollments') => {\n const { key: bucketKey, label } = weekBucket(iso);\n const existing = buckets.get(bucketKey) ?? { label, submissions: 0, enrollments: 0 };\n existing[key] += 1;\n buckets.set(bucketKey, existing);\n };\n submissions.forEach((s) => add(s.createdAt, 'submissions'));\n enrollments.forEach((e) => add(e.createdAt, 'enrollments'));\n return [...buckets.entries()]\n .sort((a, b) => a[0] - b[0])\n .slice(-8)\n .map(([, v]) => v);\n }, [submissions, enrollments]);\n\n const hasActivity =\n enrollments.length > 0 \|\|\n submissions.length > 0 \|\|\n sessions.length > 0 \|\|\n certificates.length > 0;\n\n const learnerLoading =\n enrollmentsQ.loading \|\| submissionsQ.loading \|\| sessionsQ.loading \|\| certificatesQ.loading;\n const learnerError =\n enrollmentsQ.error \|\| submissionsQ.error \|\| sessionsQ.error \|\| certificatesQ.error;\n const showLoading = learnerLoading && !hasActivity;\n\n const workspaceOverview = (\n <div>\n <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Workspace overview</h2>\n <p className=\"mb-4 max-w-2xl text-sm text-text-secondary\">\n Live content available across the TechnoSpam learning workspace right now.\n </p>\n <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n <StatCard label=\"Published courses\" value={coursesTotal} icon={Library} />\n <StatCard label=\"Published problems\" value={problemsTotal} icon={Code2} />\n <StatCard label=\"Hackathons\" value={hackathonsTotal} icon={Trophy} />\n </div>\n </div>\n );\n\n return (\n <PageLayout\n hero\n title=\"Analytics\"\n description=\"Your real learning performance across courses, problems, mentoring and certificates.\"\n actions={\n <Button variant=\"outline\" onClick={() => navigate('/courses/my-learning-page')}>\n <GraduationCap size={16} /> My Learning\n </Button>\n }\n >\n {!learnerId ? (\n <div className=\"space-y-8\">\n <EmptyView\n icon={<BarChart3 size={26} />}\n title=\"Sign in to view your analytics\"\n description=\"Your personal learning metrics appear here once you're signed in.\"\n />\n {workspaceOverview}\n </div>\n ) : showLoading ? (\n <div className=\"space-y-6\">\n <LoadingGrid count={4} height=\"h-24\" />\n <LoadingRows count={2} height=\"h-72\" />\n </div>\n ) : learnerError && !hasActivity ? (\n <ErrorView title=\"Couldn't load your analytics\" error={learnerError} />\n ) : (\n <div className=\"space-y-8\">\n <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-4\">\n <StatCard label=\"Courses enrolled\" value={enrollments.length} icon={BookOpen} />\n <StatCard\n label=\"Courses completed\"\n value={metrics.coursesCompleted}\n icon={GraduationCap}\n />\n <StatCard label=\"Avg progress\" value={`${metrics.avgProgress}%`} icon={TrendingUp} />\n <StatCard label=\"Problems solved\" value={metrics.problemsSolved} icon={Code2} />\n <StatCard label=\"Acceptance rate\" value={`${metrics.acceptanceRate}%`} icon={Percent} />\n <StatCard label=\"Mentor sessions\" value={sessions.length} icon={Users} />\n <StatCard label=\"Certificates\" value={certificates.length} icon={Award} />\n </div>\n\n {!hasActivity ? (\n <EmptyView\n icon={<Activity size={26} />}\n title=\"No learning activity yet\"\n description=\"Enroll in a course or solve a problem and your progress charts will build here. TechnoSpam is pre-launch — start learning to see your data.\"\n action={\n <Button onClick={() => navigate('/courses/courses-page')}>Browse courses</Button>\n }\n />\n ) : (\n <div className=\"space-y-4\">\n <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n <ChartCard\n title=\"Enrollments by status\"\n icon={BookOpen}\n isEmpty={enrollmentsByStatus.length === 0}\n emptyLabel=\"No enrollments yet\"\n >\n <PieChart>\n <Pie\n data={enrollmentsByStatus}\n dataKey=\"value\"\n nameKey=\"name\"\n innerRadius={60}\n outerRadius={92}\n paddingAngle={2}\n stroke=\"var(--color-bg-surface)\"\n strokeWidth={2}\n >\n {enrollmentsByStatus.map((d) => (\n <Cell key={d.name} fill={d.color} />\n ))}\n </Pie>\n <ReTooltip contentStyle={TOOLTIP_STYLE} labelStyle={TOOLTIP_LABEL_STYLE} />\n <Legend iconType=\"circle\" wrapperStyle={{ fontSize: 12 }} />\n </PieChart>\n </ChartCard>\n\n <ChartCard\n title=\"Submissions by verdict\"\n icon={Code2}\n isEmpty={submissionsByVerdict.length === 0}\n emptyLabel=\"No submissions yet\"\n >\n <BarChart\n data={submissionsByVerdict}\n margin={{ top: 8, right: 8, left: -18, bottom: 0 }}\n >\n <CartesianGrid\n strokeDasharray=\"3 3\"\n stroke=\"var(--color-border-seam)\"\n vertical={false}\n />\n <XAxis\n dataKey=\"label\"\n tick={AXIS_TICK}\n axisLine={{ stroke: 'var(--color-border-seam)' }}\n tickLine={false}\n />\n <YAxis\n allowDecimals={false}\n tick={AXIS_TICK}\n axisLine={false}\n tickLine={false}\n />\n <ReTooltip\n contentStyle={TOOLTIP_STYLE}\n labelStyle={TOOLTIP_LABEL_STYLE}\n cursor={{ fill: 'var(--color-accent-wash)' }}\n />\n <Bar dataKey=\"count\" name=\"Submissions\" radius={[6, 6, 0, 0]} maxBarSize={56}>\n {submissionsByVerdict.map((d) => (\n <Cell key={d.label} fill={d.color} />\n ))}\n </Bar>\n </BarChart>\n </ChartCard>\n </div>\n\n <GlassCard className=\"p-5\">\n <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n <Activity size={16} className=\"text-accent-teal\" />\n Learning activity over time\n </h3>\n {activityData.length === 0 ? (\n <div className=\"flex h-[240px] items-center justify-center text-sm text-text-muted\">\n No dated activity yet\n </div>\n ) : (\n <ResponsiveContainer width=\"100%\" height={280}>\n <AreaChart\n data={activityData}\n margin={{ top: 8, right: 12, left: -18, bottom: 0 }}\n >\n <defs>\n <linearGradient id=\"tec-grad-submissions\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop\n offset=\"0%\"\n stopColor=\"var(--color-accent-primary)\"\n stopOpacity={0.35}\n />\n <stop\n offset=\"100%\"\n stopColor=\"var(--color-accent-primary)\"\n stopOpacity={0}\n />\n </linearGradient>\n <linearGradient id=\"tec-grad-enrollments\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop\n offset=\"0%\"\n stopColor=\"var(--color-accent-teal)\"\n stopOpacity={0.35}\n />\n <stop\n offset=\"100%\"\n stopColor=\"var(--color-accent-teal)\"\n stopOpacity={0}\n />\n </linearGradient>\n </defs>\n <CartesianGrid\n strokeDasharray=\"3 3\"\n stroke=\"var(--color-border-seam)\"\n vertical={false}\n />\n <XAxis\n dataKey=\"label\"\n tick={AXIS_TICK}\n axisLine={{ stroke: 'var(--color-border-seam)' }}\n tickLine={false}\n />\n <YAxis\n allowDecimals={false}\n tick={AXIS_TICK}\n axisLine={false}\n tickLine={false}\n />\n <ReTooltip contentStyle={TOOLTIP_STYLE} labelStyle={TOOLTIP_LABEL_STYLE} />\n <Legend iconType=\"circle\" wrapperStyle={{ fontSize: 12 }} />\n <Area\n type=\"monotone\"\n dataKey=\"submissions\"\n name=\"Submissions\"\n stroke=\"var(--color-accent-primary)\"\n strokeWidth={2}\n fill=\"url(#tec-grad-submissions)\"\n />\n <Area\n type=\"monotone\"\n dataKey=\"enrollments\"\n name=\"Enrollments\"\n stroke=\"var(--color-accent-teal)\"\n strokeWidth={2}\n fill=\"url(#tec-grad-enrollments)\"\n />\n </AreaChart>\n </ResponsiveContainer>\n )}\n </GlassCard>\n </div>\n )}\n\n {workspaceOverview}\n </div>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js CHANGED Viewed

@@ -1,194 +1,258 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { ArrowLeft as t, BarChart3 as n, Building as r, CheckCircle as i, Code as a, Users as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { StatCard as n } from "../components/StatCard.js";
+import { formatDateTime as r, humanizeEnum as i } from "../utils/format.js";
+import { StatusBadge as a } from "../components/StatusBadge.js";
+import { EmptyView as o, ErrorView as s, LoadingRows as ee } from "../components/StateViews.js";
+import "../components/index.js";
+import { notify as c } from "../lib/toast.js";
+import { useProblemQuery as l, useSubmissionsQuery as u, useSubmitSolution as d } from "../api/technospamApi.js";
+import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { Clock as g, Code2 as _, FileText as v, Layers as y, Send as b, Tag as x, Trophy as S } from "lucide-react";
+import { useSearchParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, Button as D, GlassCard as O, Select as k, SelectContent as A, SelectItem as te, SelectTrigger as ne, SelectValue as re, Skeleton as j, Textarea as ie } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx
-function h() {
-	let { problems: h } = e(), g = h[0];
-	if (!g) return /* @__PURE__ */ s("div", {
-		className: "p-6 text-center text-muted-foreground",
-		children: "Problem not found"
-	});
-	let _ = (e) => {
-		switch (e) {
-			case "easy": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
-			case "medium": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
-			case "hard": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400";
-			default: return "";
-		}
-	};
-	return /* @__PURE__ */ c("div", {
-		className: "space-y-6 p-6",
+var M = [
+	"javascript",
+	"python",
+	"typescript"
+];
+function N({ s: e }) {
+	return /* @__PURE__ */ T("div", {
+		className: "flex flex-wrap items-center gap-x-4 gap-y-1 border-b border-border-seam py-3 last:border-0",
 		children: [
-			/* @__PURE__ */ c(u, {
-				variant: "ghost",
-				size: "sm",
-				className: "text-muted-foreground",
-				children: [/* @__PURE__ */ s(t, { className: "mr-2 h-4 w-4" }), "Back to Problems"]
+			/* @__PURE__ */ w(a, { status: e.verdict }),
+			/* @__PURE__ */ T("span", {
+				className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
+				children: [
+					/* @__PURE__ */ w(_, { size: 13 }),
+					" ",
+					i(e.language)
+				]
 			}),
-			/* @__PURE__ */ c("div", {
-				className: "space-y-3",
-				children: [/* @__PURE__ */ c("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ s("h1", {
-						className: "text-2xl font-bold text-foreground",
-						children: g.title
-					}), g.isSolved && /* @__PURE__ */ s(i, { className: "h-5 w-5 text-green-500" })]
-				}), /* @__PURE__ */ c("div", {
-					className: "flex flex-wrap items-center gap-2",
-					children: [
-						/* @__PURE__ */ s("span", {
-							className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${_(g.difficulty)}`,
-							children: g.difficulty
-						}),
-						/* @__PURE__ */ s(l, {
-							variant: "secondary",
-							children: g.category
-						}),
-						g.company && /* @__PURE__ */ c(l, {
-							variant: "outline",
-							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), g.company]
-						})
-					]
-				})]
+			/* @__PURE__ */ T("span", {
+				className: "inline-flex items-center gap-1 text-xs text-text-muted",
+				children: [
+					/* @__PURE__ */ w(g, { size: 12 }),
+					" ",
+					e.runtimeMs,
+					" ms"
+				]
 			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ c("div", {
-					className: "space-y-6 lg:col-span-2",
-					children: [/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
-						className: "text-base",
-						children: "Description"
-					}) }), /* @__PURE__ */ c(f, {
-						className: "space-y-4 text-sm text-muted-foreground",
-						children: [
-							/* @__PURE__ */ s("p", { children: "Given the problem constraints, implement an efficient solution that handles all edge cases. Consider time and space complexity in your approach." }),
-							/* @__PURE__ */ c("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ s("p", {
-									className: "font-medium text-foreground",
-									children: "Constraints:"
-								}), /* @__PURE__ */ c("ul", {
-									className: "list-disc space-y-1 pl-5",
-									children: [
-										/* @__PURE__ */ s("li", { children: "Input size: 1 ≤ n ≤ 10^5" }),
-										/* @__PURE__ */ s("li", { children: "Values are within 32-bit integer range" }),
-										/* @__PURE__ */ s("li", { children: "Expected time complexity: O(n log n) or better" })
-									]
-								})]
-							}),
-							/* @__PURE__ */ c("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ s("p", {
-									className: "font-medium text-foreground",
-									children: "Example:"
-								}), /* @__PURE__ */ c("div", {
-									className: "rounded-lg bg-muted p-4 font-mono text-xs",
-									children: [
-										/* @__PURE__ */ s("p", { children: "Input: [2, 7, 11, 15], target = 9" }),
-										/* @__PURE__ */ s("p", { children: "Output: [0, 1]" }),
-										/* @__PURE__ */ s("p", {
-											className: "mt-2 text-muted-foreground",
-											children: "// Because nums[0] + nums[1] == 9"
-										})
-									]
-								})]
-							})
-						]
-					})] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ c(m, {
-						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ s(a, { className: "h-4 w-4" }), "Solution"]
-					}) }), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ c("div", {
-						className: "rounded-lg border border-border bg-muted/50 p-6 text-center",
+			/* @__PURE__ */ T("span", {
+				className: "inline-flex items-center gap-1 text-xs text-text-muted",
+				children: [
+					/* @__PURE__ */ w(S, { size: 12 }),
+					" ",
+					e.pointsAwarded,
+					" pts"
+				]
+			}),
+			/* @__PURE__ */ w("span", {
+				className: "ml-auto text-xs text-text-muted",
+				children: r(e.createdAt)
+			})
+		]
+	});
+}
+function P() {
+	let [r] = C(), g = r.get("id") ?? "", { currentUser: P } = e(), F = P?.id, { data: I, loading: L, error: R, refetch: z } = l(g), { data: B, loading: V, error: H, refetch: U } = u({
+		...F ? { learnerId: F } : {},
+		problemId: g
+	}), [W, { loading: G }] = d(), K = I?.tecProblem ?? null, q = p(() => K?.languages?.length ? K.languages : M, [K]), [J, Y] = h(""), [X, Z] = h(""), Q = m(!1);
+	f(() => {
+		K && !Q.current && (Y(K.languages[0] ?? M[0]), Z(K.starterCode ?? ""), Q.current = !0);
+	}, [K]);
+	let $ = p(() => [...B?.tecListSubmissions.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [B]);
+	return L && !K ? /* @__PURE__ */ T(t, {
+		title: "Problem",
+		backPath: "/applications/problems-page",
+		children: [/* @__PURE__ */ w(j, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ w(j, { className: "h-72 w-full rounded-xl" })]
+	}) : R || !K ? /* @__PURE__ */ w(t, {
+		title: "Problem",
+		backPath: "/applications/problems-page",
+		children: R ? /* @__PURE__ */ w(s, {
+			title: "Couldn't load problem",
+			error: R
+		}) : /* @__PURE__ */ w(o, {
+			title: "Problem not found",
+			description: "This problem may have been unpublished."
+		})
+	}) : /* @__PURE__ */ T(t, {
+		hero: !0,
+		backPath: "/applications/problems-page",
+		title: K.title,
+		description: K.topic ?? void 0,
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "mb-5 flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ w(a, {
+						status: K.difficulty,
+						kind: "level"
+					}),
+					/* @__PURE__ */ w(a, { status: K.status }),
+					K.topic ? /* @__PURE__ */ T(E, {
+						variant: "outline",
+						className: "gap-1",
 						children: [
-							/* @__PURE__ */ s(a, { className: "mx-auto h-8 w-8 text-muted-foreground" }),
-							/* @__PURE__ */ s("p", {
-								className: "mt-2 text-sm text-muted-foreground",
-								children: "Code editor will be available here"
-							}),
-							/* @__PURE__ */ s(u, {
-								className: "mt-4",
-								size: "sm",
-								children: "Open Editor"
-							})
+							/* @__PURE__ */ w(y, { size: 12 }),
+							" ",
+							K.topic
 						]
-					}) })] })]
-				}), /* @__PURE__ */ c("div", {
-					className: "space-y-4",
+					}) : null,
+					K.tags.map((e) => /* @__PURE__ */ T(E, {
+						variant: "secondary",
+						children: [/* @__PURE__ */ w(x, {
+							size: 10,
+							className: "mr-1"
+						}), e]
+					}, e))
+				]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ w(n, {
+						label: "Points",
+						value: K.points,
+						icon: S
+					}),
+					/* @__PURE__ */ w(n, {
+						label: "Languages",
+						value: q.length,
+						icon: _
+					}),
+					/* @__PURE__ */ w(n, {
+						label: "Difficulty",
+						value: i(K.difficulty),
+						icon: y
+					}),
+					/* @__PURE__ */ w(n, {
+						label: "My submissions",
+						value: $.length,
+						icon: v
+					})
+				]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "grid grid-cols-1 gap-5 lg:grid-cols-3",
+				children: [/* @__PURE__ */ T("div", {
+					className: "space-y-5 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
-							className: "text-base",
-							children: "Problem Stats"
-						}) }), /* @__PURE__ */ c(f, {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ c("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ c("span", {
-										className: "flex items-center gap-2 text-sm text-muted-foreground",
-										children: [/* @__PURE__ */ s(n, { className: "h-4 w-4" }), "Acceptance Rate"]
-									}), /* @__PURE__ */ c("span", {
-										className: "text-sm font-medium",
-										children: [g.acceptanceRate, "%"]
-									})]
-								}),
-								/* @__PURE__ */ c("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ c("span", {
-										className: "flex items-center gap-2 text-sm text-muted-foreground",
-										children: [/* @__PURE__ */ s(o, { className: "h-4 w-4" }), "Solved By"]
-									}), /* @__PURE__ */ s("span", {
-										className: "text-sm font-medium",
-										children: g.solvedCount.toLocaleString()
-									})]
-								}),
-								/* @__PURE__ */ c("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ s("span", {
-										className: "text-sm text-muted-foreground",
-										children: "Status"
-									}), /* @__PURE__ */ s(l, {
-										variant: g.isSolved ? "default" : "secondary",
-										children: g.isSolved ? "Solved" : "Unsolved"
-									})]
-								})
-							]
-						})] }),
-						/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
-							className: "text-base",
-							children: "Topics"
-						}) }), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
-							className: "flex flex-wrap gap-1.5",
-							children: g.tags.map((e) => /* @__PURE__ */ s(l, {
-								variant: "outline",
-								className: "text-xs",
-								children: e
-							}, e))
-						}) })] }),
-						/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
-							className: "text-base",
-							children: "Related Problems"
-						}) }), /* @__PURE__ */ s(f, {
-							className: "space-y-2",
-							children: h.slice(1, 4).map((e) => /* @__PURE__ */ c("div", {
-								className: "flex items-center justify-between rounded border border-border p-2",
-								children: [/* @__PURE__ */ s("span", {
-									className: "text-sm",
-									children: e.title
-								}), /* @__PURE__ */ s("span", {
-									className: `inline-flex items-center rounded-full px-1.5 py-0.5 text-xs font-medium ${_(e.difficulty)}`,
-									children: e.difficulty
-								})]
-							}, e.id))
-						})] })
+						/* @__PURE__ */ T(O, {
+							className: "p-5",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "mb-2 text-base font-semibold text-text-primary",
+								children: "Problem statement"
+							}), K.statement ? /* @__PURE__ */ w("p", {
+								className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
+								children: K.statement
+							}) : /* @__PURE__ */ w("p", {
+								className: "py-4 text-center text-sm text-text-muted",
+								children: "The statement for this problem is being prepared."
+							})]
+						}),
+						K.starterCode ? /* @__PURE__ */ T(O, {
+							className: "p-5",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "mb-2 text-base font-semibold text-text-primary",
+								children: "Starter code"
+							}), /* @__PURE__ */ w("pre", {
+								className: "max-h-72 overflow-auto rounded-xl bg-bg-sunken p-4 font-mono text-xs leading-relaxed text-text-primary",
+								children: K.starterCode
+							})]
+						}) : null,
+						/* @__PURE__ */ T(O, {
+							className: "p-5",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "mb-3 text-base font-semibold text-text-primary",
+								children: "Submit a solution"
+							}), /* @__PURE__ */ T("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ T("div", {
+										className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+										children: [/* @__PURE__ */ w("span", {
+											className: "text-sm text-text-secondary sm:w-28",
+											children: "Language"
+										}), /* @__PURE__ */ T(k, {
+											value: J,
+											onValueChange: Y,
+											children: [/* @__PURE__ */ w(ne, {
+												className: "w-full sm:w-56",
+												children: /* @__PURE__ */ w(re, { placeholder: "Choose a language" })
+											}), /* @__PURE__ */ w(A, { children: q.map((e) => /* @__PURE__ */ w(te, {
+												value: e,
+												children: i(e)
+											}, e)) })]
+										})]
+									}),
+									/* @__PURE__ */ w(ie, {
+										value: X,
+										onChange: (e) => Z(e.target.value),
+										placeholder: "Write your solution…",
+										className: "min-h-[240px] font-mono text-xs leading-relaxed",
+										spellCheck: !1
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "flex justify-end",
+										children: /* @__PURE__ */ T(D, {
+											onClick: async () => {
+												if (g) {
+													if (!J) {
+														c.error("Pick a language", "Choose a language before submitting.");
+														return;
+													}
+													if (!X.trim()) {
+														c.error("Add your solution", "Write some code before submitting.");
+														return;
+													}
+													(await W({ variables: { input: {
+														problemId: g,
+														language: J,
+														code: X
+													} } })).data?.tecSubmitSolution && (c.success("Solution submitted", "Your submission was recorded."), await Promise.all([z(), U()]));
+												}
+											},
+											disabled: G || !X.trim(),
+											children: [
+												/* @__PURE__ */ w(b, { size: 16 }),
+												" ",
+												G ? "Submitting…" : "Submit solution"
+											]
+										})
+									})
+								]
+							})]
+						})
 					]
+				}), /* @__PURE__ */ w("div", {
+					className: "lg:col-span-1",
+					children: /* @__PURE__ */ T(O, {
+						className: "p-5",
+						children: [/* @__PURE__ */ w("h2", {
+							className: "mb-3 text-base font-semibold text-text-primary",
+							children: "My submissions"
+						}), V && !$.length ? /* @__PURE__ */ w(ee, {
+							count: 3,
+							height: "h-12"
+						}) : H ? /* @__PURE__ */ w(s, {
+							title: "Couldn't load submissions",
+							error: H
+						}) : $.length === 0 ? /* @__PURE__ */ w(o, {
+							icon: /* @__PURE__ */ w(v, { size: 24 }),
+							title: "No submissions yet",
+							description: "Submit a solution above to see your verdicts and points here."
+						}) : /* @__PURE__ */ w("div", { children: $.map((e) => /* @__PURE__ */ w(N, { s: e }, e.id)) })]
+					})
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { h as ApplicationsProblemDetailsPagePage };
+export { P as ApplicationsProblemDetailsPagePage };
 //# sourceMappingURL=ApplicationsProblemDetailsPagePage.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, CheckCircle, Code, Users, BarChart3, Building } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nexport function ApplicationsProblemDetailsPagePage() {\n const { problems } = useTechnoSpamStore();\n const problem = problems[0];\n\n if (!problem) {\n return <div className=\"p-6 text-center text-muted-foreground\">Problem not found</div>;\n }\n\n const difficultyColor = (d: string) => {\n switch (d) {\n case 'easy':\n return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n case 'medium':\n return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n case 'hard':\n return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400';\n default:\n return '';\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <Button variant=\"ghost\" size=\"sm\" className=\"text-muted-foreground\">\n <ArrowLeft className=\"mr-2 h-4 w-4\" />\n Back to Problems\n </Button>\n\n {/* Problem Header /}\n <div className=\"space-y-3\">\n <div className=\"flex items-center gap-3\">\n <h1 className=\"text-2xl font-bold text-foreground\">{problem.title}</h1>\n {problem.isSolved && <CheckCircle className=\"h-5 w-5 text-green-500\" />}\n </div>\n <div className=\"flex flex-wrap items-center gap-2\">\n <span\n className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${difficultyColor(problem.difficulty)}`}\n >\n {problem.difficulty}\n </span>\n <Badge variant=\"secondary\">{problem.category}</Badge>\n {problem.company && (\n <Badge variant=\"outline\" className=\"flex items-center gap-1\">\n <Building className=\"h-3 w-3\" />\n {problem.company}\n </Badge>\n )}\n </div>\n </div>\n\n <div className=\"grid gap-6 lg:grid-cols-3\">\n {/ Problem Description /}\n <div className=\"space-y-6 lg:col-span-2\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Description</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4 text-sm text-muted-foreground\">\n <p>\n Given the problem constraints, implement an efficient solution that handles all edge\n cases. Consider time and space complexity in your approach.\n </p>\n <div className=\"space-y-2\">\n <p className=\"font-medium text-foreground\">Constraints:</p>\n <ul className=\"list-disc space-y-1 pl-5\">\n <li>Input size: 1 ≤ n ≤ 10^5</li>\n <li>Values are within 32-bit integer range</li>\n <li>Expected time complexity: O(n log n) or better</li>\n </ul>\n </div>\n <div className=\"space-y-2\">\n <p className=\"font-medium text-foreground\">Example:</p>\n <div className=\"rounded-lg bg-muted p-4 font-mono text-xs\">\n <p>Input: [2, 7, 11, 15], target = 9</p>\n <p>Output: [0, 1]</p>\n <p className=\"mt-2 text-muted-foreground\">\n {'// Because nums[0] + nums[1] == 9'}\n </p>\n </div>\n </div>\n </CardContent>\n </Card>\n\n {/ Code Editor Placeholder /}\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Code className=\"h-4 w-4\" />\n Solution\n </CardTitle>\n </CardHeader>\n <CardContent>\n <div className=\"rounded-lg border border-border bg-muted/50 p-6 text-center\">\n <Code className=\"mx-auto h-8 w-8 text-muted-foreground\" />\n <p className=\"mt-2 text-sm text-muted-foreground\">\n Code editor will be available here\n </p>\n <Button className=\"mt-4\" size=\"sm\">\n Open Editor\n </Button>\n </div>\n </CardContent>\n </Card>\n </div>\n\n {/ Sidebar */}\n <div className=\"space-y-4\">\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Problem Stats</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex items-center justify-between\">\n <span className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n <BarChart3 className=\"h-4 w-4\" />\n Acceptance Rate\n </span>\n <span className=\"text-sm font-medium\">{problem.acceptanceRate}%</span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n <Users className=\"h-4 w-4\" />\n Solved By\n </span>\n <span className=\"text-sm font-medium\">{problem.solvedCount.toLocaleString()}</span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-sm text-muted-foreground\">Status</span>\n <Badge variant={problem.isSolved ? 'default' : 'secondary'}>\n {problem.isSolved ? 'Solved' : 'Unsolved'}\n </Badge>\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Topics</CardTitle>\n </CardHeader>\n <CardContent>\n <div className=\"flex flex-wrap gap-1.5\">\n {problem.tags.map((tag) => (\n <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Related Problems</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-2\">\n {problems.slice(1, 4).map((p) => (\n <div\n key={p.id}\n className=\"flex items-center justify-between rounded border border-border p-2\"\n >\n <span className=\"text-sm\">{p.title}</span>\n <span\n className={`inline-flex items-center rounded-full px-1.5 py-0.5 text-xs font-medium ${difficultyColor(p.difficulty)}`}\n >\n {p.difficulty}\n </span>\n </div>\n ))}\n </CardContent>\n </Card>\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Clock, Code2, FileText, Layers, Send, Tag, Trophy } 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 StatCard,\n StatusBadge,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n useProblemQuery,\n useSubmissionsQuery,\n useSubmitSolution,\n type TecSubmission,\n} from '../api/technospamApi';\nimport { formatDateTime, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\n\nconst FALLBACK_LANGUAGES = ['javascript', 'python', 'typescript'];\n\nfunction SubmissionRow({ s }: { s: TecSubmission }) {\n return (\n <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 border-b border-border-seam py-3 last:border-0\">\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 );\n}\n\nexport function ApplicationsProblemDetailsPagePage() {\n const [params] = useSearchParams();\n const id = params.get('id') ?? '';\n const { currentUser } = useTechnoSpam();\n const learnerId = currentUser?.id;\n\n const { data, loading, error, refetch } = useProblemQuery(id);\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\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 const res = await submit({ variables: { input: { problemId: id, language, code } } });\n if (res.data?.tecSubmitSolution) {\n notify.success('Solution submitted', 'Your submission was recorded.');\n await Promise.all([refetch(), refetchSubs()]);\n }\n };\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.tags.map((t) => (\n <Badge key={t} variant=\"secondary\">\n <Tag size={10} className=\"mr-1\" />\n {t}\n </Badge>\n ))}\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} />\n <StatCard label=\"Languages\" value={languages.length} icon={Code2} />\n <StatCard label=\"Difficulty\" value={humanizeEnum(problem.difficulty)} icon={Layers} />\n <StatCard label=\"My submissions\" value={submissions.length} icon={FileText} />\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.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.starterCode ? (\n <GlassCard className=\"p-5\">\n <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Starter code</h2>\n <pre className=\"max-h-72 overflow-auto rounded-xl bg-bg-sunken p-4 font-mono text-xs leading-relaxed text-text-primary\">\n {problem.starterCode}\n </pre>\n </GlassCard>\n ) : null}\n\n <GlassCard className=\"p-5\">\n <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Submit a solution</h2>\n <div className=\"space-y-3\">\n <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n <span className=\"text-sm text-text-secondary sm:w-28\">Language</span>\n <Select value={language} onValueChange={setLanguage}>\n <SelectTrigger className=\"w-full sm:w-56\">\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 <Textarea\n value={code}\n onChange={(e) => setCode(e.target.value)}\n placeholder=\"Write your solution…\"\n className=\"min-h-[240px] font-mono text-xs leading-relaxed\"\n spellCheck={false}\n />\n <div className=\"flex justify-end\">\n <Button onClick={handleSubmit} disabled={submitting \|\| !code.trim()}>\n <Send size={16} /> {submitting ? 'Submitting…' : 'Submit solution'}\n </Button>\n </div>\n </div>\n </GlassCard>\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>\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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"}