@burdenoff/microfe-technospam 2026.719.1 → 2026.720.1

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

@@ -1 +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  type LucideIcon,\n} from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\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\ntype ChipTone = 'blue' | 'teal' | 'purple' | 'indigo';\n\nconst CHIP: Record<ChipTone, string> = {\n  blue: 'bg-accent-primary/15 text-accent-primary ring-accent-primary/20',\n  teal: 'bg-accent-teal/15 text-accent-teal ring-accent-teal/20',\n  purple: 'bg-accent-purple/15 text-accent-purple ring-accent-purple/20',\n  indigo: 'bg-accent-indigo/15 text-accent-indigo ring-accent-indigo/20',\n};\n\nfunction ChartHeader({\n  icon: Icon,\n  title,\n  subtitle,\n  tone,\n}: {\n  icon: LucideIcon;\n  title: string;\n  subtitle?: string;\n  tone: ChipTone;\n}) {\n  return (\n    <div className=\"mb-4 flex items-center gap-3\">\n      <span\n        className={cn(\n          'flex h-9 w-9 shrink-0 items-center justify-center rounded-xl ring-1',\n          CHIP[tone]\n        )}\n      >\n        <Icon size={17} />\n      </span>\n      <div className=\"min-w-0\">\n        <h3 className=\"truncate text-sm font-semibold text-text-primary\">{title}</h3>\n        {subtitle ? <p className=\"truncate text-xs text-text-muted\">{subtitle}</p> : null}\n      </div>\n    </div>\n  );\n}\n\nfunction ChartCard({\n  title,\n  subtitle,\n  icon,\n  tone = 'teal',\n  isEmpty,\n  emptyLabel,\n  children,\n}: {\n  title: string;\n  subtitle?: string;\n  icon: LucideIcon;\n  tone?: ChipTone;\n  isEmpty: boolean;\n  emptyLabel: string;\n  children: React.ReactElement;\n}) {\n  return (\n    <GlassCard className=\"p-5 transition-shadow duration-200 hover:shadow-lg\">\n      <ChartHeader icon={icon} title={title} subtitle={subtitle} tone={tone} />\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.items ?? [];\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} tone=\"blue\" />\n        <StatCard label=\"Published problems\" value={problemsTotal} icon={Code2} tone=\"indigo\" />\n        <StatCard label=\"Hackathons\" value={hackathonsTotal} icon={Trophy} tone=\"purple\" />\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\n              label=\"Courses enrolled\"\n              value={enrollments.length}\n              icon={BookOpen}\n              tone=\"blue\"\n            />\n            <StatCard\n              label=\"Courses completed\"\n              value={metrics.coursesCompleted}\n              icon={GraduationCap}\n              tone=\"green\"\n            />\n            <StatCard\n              label=\"Avg progress\"\n              value={`${metrics.avgProgress}%`}\n              icon={TrendingUp}\n              tone=\"purple\"\n            />\n            <StatCard\n              label=\"Problems solved\"\n              value={metrics.problemsSolved}\n              icon={Code2}\n              tone=\"indigo\"\n            />\n            <StatCard\n              label=\"Acceptance rate\"\n              value={`${metrics.acceptanceRate}%`}\n              icon={Percent}\n              tone=\"teal\"\n            />\n            <StatCard label=\"Mentor sessions\" value={sessions.length} icon={Users} tone=\"blue\" />\n            <StatCard label=\"Certificates\" value={certificates.length} icon={Award} tone=\"amber\" />\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                  subtitle=\"How your courses are progressing\"\n                  icon={BookOpen}\n                  tone=\"blue\"\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                  subtitle=\"Outcomes across your attempts\"\n                  icon={Code2}\n                  tone=\"purple\"\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-primary)', fillOpacity: 0.08 }}\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 transition-shadow duration-200 hover:shadow-lg\">\n                <ChartHeader\n                  icon={Activity}\n                  title=\"Learning activity over time\"\n                  subtitle=\"Submissions and enrollments per week\"\n                  tone=\"teal\"\n                />\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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"}
+{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useMemo, useState, type CSSProperties, type SVGProps } from 'react';\nimport {\n  Activity,\n  Award,\n  BarChart3,\n  BookOpen,\n  CalendarRange,\n  Code2,\n  GraduationCap,\n  Library,\n  Percent,\n  TrendingUp,\n  Trophy,\n  Users,\n  X,\n  type LucideIcon,\n} from 'lucide-react';\nimport { GlassCard, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\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\ntype ChipTone = 'blue' | 'teal' | 'purple' | 'indigo';\n\nconst CHIP: Record<ChipTone, string> = {\n  blue: 'bg-accent-primary/15 text-accent-primary ring-accent-primary/20',\n  teal: 'bg-accent-teal/15 text-accent-teal ring-accent-teal/20',\n  purple: 'bg-accent-purple/15 text-accent-purple ring-accent-purple/20',\n  indigo: 'bg-accent-indigo/15 text-accent-indigo ring-accent-indigo/20',\n};\n\nfunction ChartHeader({\n  icon: Icon,\n  title,\n  subtitle,\n  tone,\n}: {\n  icon: LucideIcon;\n  title: string;\n  subtitle?: string;\n  tone: ChipTone;\n}) {\n  return (\n    <div className=\"mb-4 flex items-center gap-3\">\n      <span\n        className={cn(\n          'flex h-9 w-9 shrink-0 items-center justify-center rounded-xl ring-1',\n          CHIP[tone]\n        )}\n      >\n        <Icon size={17} />\n      </span>\n      <div className=\"min-w-0\">\n        <h3 className=\"truncate text-sm font-semibold text-text-primary\">{title}</h3>\n        {subtitle ? <p className=\"truncate text-xs text-text-muted\">{subtitle}</p> : null}\n      </div>\n    </div>\n  );\n}\n\nfunction ChartCard({\n  title,\n  subtitle,\n  icon,\n  tone = 'teal',\n  isEmpty,\n  emptyLabel,\n  children,\n}: {\n  title: string;\n  subtitle?: string;\n  icon: LucideIcon;\n  tone?: ChipTone;\n  isEmpty: boolean;\n  emptyLabel: string;\n  children: React.ReactElement;\n}) {\n  return (\n    <GlassCard className=\"p-5 transition-shadow duration-200 hover:shadow-lg\">\n      <ChartHeader icon={icon} title={title} subtitle={subtitle} tone={tone} />\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/* ---------------------------------------------------------- date range */\n\n/** Convert a native `<input type=\"date\">` value (YYYY-MM-DD) into inclusive\n *  ISO bounds so the server-side createdAt filter covers the whole day. */\nfunction dayStartIso(date: string): string | undefined {\n  return date ? `${date}T00:00:00.000Z` : undefined;\n}\nfunction dayEndIso(date: string): string | undefined {\n  return date ? `${date}T23:59:59.999Z` : undefined;\n}\n\nfunction DateRangeControls({\n  start,\n  end,\n  onStart,\n  onEnd,\n  onPreset,\n  onClear,\n}: {\n  start: string;\n  end: string;\n  onStart: (v: string) => void;\n  onEnd: (v: string) => void;\n  onPreset: (days: number) => void;\n  onClear: () => void;\n}) {\n  const active = Boolean(start || end);\n  return (\n    <GlassCard className=\"mb-6 flex flex-col gap-3 p-4 lg:flex-row lg:items-end lg:justify-between\">\n      <div className=\"flex flex-wrap items-end gap-3\">\n        <div className=\"flex items-center gap-2 self-center text-sm font-medium text-text-secondary\">\n          <CalendarRange size={16} className=\"text-accent-teal\" />\n          Date range\n        </div>\n        <div>\n          <label\n            className=\"mb-1 block text-xs font-medium text-text-muted\"\n            htmlFor=\"tec-range-from\"\n          >\n            From\n          </label>\n          <Input\n            id=\"tec-range-from\"\n            type=\"date\"\n            value={start}\n            max={end || undefined}\n            onChange={(e) => onStart(e.target.value)}\n            className=\"w-40\"\n          />\n        </div>\n        <div>\n          <label className=\"mb-1 block text-xs font-medium text-text-muted\" htmlFor=\"tec-range-to\">\n            To\n          </label>\n          <Input\n            id=\"tec-range-to\"\n            type=\"date\"\n            value={end}\n            min={start || undefined}\n            onChange={(e) => onEnd(e.target.value)}\n            className=\"w-40\"\n          />\n        </div>\n        {active ? (\n          <Button variant=\"ghost\" size=\"sm\" onClick={onClear}>\n            <X size={14} /> Clear\n          </Button>\n        ) : null}\n      </div>\n      <div className=\"flex flex-wrap gap-2\">\n        <Button variant=\"outline\" size=\"sm\" onClick={() => onPreset(7)}>\n          Last 7 days\n        </Button>\n        <Button variant=\"outline\" size=\"sm\" onClick={() => onPreset(30)}>\n          Last 30 days\n        </Button>\n        <Button variant=\"outline\" size=\"sm\" onClick={() => onPreset(90)}>\n          Last 90 days\n        </Button>\n      </div>\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 [rangeStart, setRangeStart] = useState('');\n  const [rangeEnd, setRangeEnd] = useState('');\n  const startDate = dayStartIso(rangeStart);\n  const endDate = dayEndIso(rangeEnd);\n\n  const applyPreset = (days: number) => {\n    const now = new Date();\n    const from = new Date();\n    from.setDate(from.getDate() - days);\n    setRangeStart(from.toISOString().slice(0, 10));\n    setRangeEnd(now.toISOString().slice(0, 10));\n  };\n  const clearRange = () => {\n    setRangeStart('');\n    setRangeEnd('');\n  };\n\n  const dateVars = startDate || endDate ? { startDate, endDate } : {};\n  const enrollmentsQ = useEnrollmentsQuery(learnerId ? { learnerId, ...dateVars } : {});\n  const submissionsQ = useSubmissionsQuery(learnerId ? { learnerId, ...dateVars } : {});\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.items ?? [];\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} tone=\"blue\" />\n        <StatCard label=\"Published problems\" value={problemsTotal} icon={Code2} tone=\"indigo\" />\n        <StatCard label=\"Hackathons\" value={hackathonsTotal} icon={Trophy} tone=\"purple\" />\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          <DateRangeControls\n            start={rangeStart}\n            end={rangeEnd}\n            onStart={setRangeStart}\n            onEnd={setRangeEnd}\n            onPreset={applyPreset}\n            onClear={clearRange}\n          />\n          <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3 xl:grid-cols-4\">\n            <StatCard\n              label=\"Courses enrolled\"\n              value={enrollments.length}\n              icon={BookOpen}\n              tone=\"blue\"\n            />\n            <StatCard\n              label=\"Courses completed\"\n              value={metrics.coursesCompleted}\n              icon={GraduationCap}\n              tone=\"green\"\n            />\n            <StatCard\n              label=\"Avg progress\"\n              value={`${metrics.avgProgress}%`}\n              icon={TrendingUp}\n              tone=\"purple\"\n            />\n            <StatCard\n              label=\"Problems solved\"\n              value={metrics.problemsSolved}\n              icon={Code2}\n              tone=\"indigo\"\n            />\n            <StatCard\n              label=\"Acceptance rate\"\n              value={`${metrics.acceptanceRate}%`}\n              icon={Percent}\n              tone=\"teal\"\n            />\n            <StatCard label=\"Mentor sessions\" value={sessions.length} icon={Users} tone=\"blue\" />\n            <StatCard label=\"Certificates\" value={certificates.length} icon={Award} tone=\"amber\" />\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                  subtitle=\"How your courses are progressing\"\n                  icon={BookOpen}\n                  tone=\"blue\"\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                  subtitle=\"Outcomes across your attempts\"\n                  icon={Code2}\n                  tone=\"purple\"\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-primary)', fillOpacity: 0.08 }}\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 transition-shadow duration-200 hover:shadow-lg\">\n                <ChartHeader\n                  icon={Activity}\n                  title=\"Learning activity over time\"\n                  subtitle=\"Submissions and enrollments per week\"\n                  tone=\"teal\"\n                />\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/ApplicationsProblemsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsProblemsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/ApplicationsProblemsPagePage.tsx"],"names":[],"mappings":"AAmGA,wBAAgB,4BAA4B,gCAoI3C"}
+{"version":3,"file":"ApplicationsProblemsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/ApplicationsProblemsPagePage.tsx"],"names":[],"mappings":"AA6JA,wBAAgB,4BAA4B,gCAuK3C"}

package/dist/technospam/pages/ApplicationsProblemsPagePage.js

@@ -5,15 +5,15 @@ import { StatCard as i } from "../components/StatCard.js";
 import { MediaCover as a, topicIcon as o } from "../components/MediaCover.js";
 import { StatusBadge as s } from "../components/StatusBadge.js";
 import { LoadMore as c } from "../components/LoadMore.js";
-import { EmptyView as l, ErrorView as u, LoadingGrid as d } from "../components/StateViews.js";
+import { EmptyView as l, ErrorView as ee, LoadingGrid as u } from "../components/StateViews.js";
 import "../components/index.js";
-import { pageArg as f, usePageLimit as p, useProblemsQuery as m, useSubmissionsQuery as h } from "../api/technospamApi.js";
-import { useMemo as g, useState as _ } from "react";
-import { CheckCircle2 as v, Code2 as y, Flame as b, Gauge as x, Layers as S, Search as C, Tag as w, Trophy as T } from "lucide-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Badge as O, GlassCard as k, Input as A, Tabs as j, TabsList as M, TabsTrigger as N } from "@burdenoff/fe-libs/ui";
+import { pageArg as te, usePageLimit as d, useProblemsQuery as f, useSubmissionsQuery as p } from "../api/technospamApi.js";
+import { useMemo as m, useState as h } from "react";
+import { Building2 as g, CheckCircle2 as _, Code2 as v, Flame as y, Gauge as b, Layers as x, Search as ne, Tag as S, Trophy as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as E, GlassCard as D, Input as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as M, SelectValue as N, Tabs as P, TabsList as F, TabsTrigger as I } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/ApplicationsProblemsPagePage.tsx
-var P = [
+var L = [
 	{
 		value: "ALL",
 		label: "All"
@@ -30,58 +30,108 @@ var P = [
 		value: "HARD",
 		label: "Hard"
 	}
+], R = [
+	{
+		value: "google",
+		label: "Google"
+	},
+	{
+		value: "amazon",
+		label: "Amazon"
+	},
+	{
+		value: "meta",
+		label: "Meta"
+	},
+	{
+		value: "microsoft",
+		label: "Microsoft"
+	},
+	{
+		value: "apple",
+		label: "Apple"
+	},
+	{
+		value: "netflix",
+		label: "Netflix"
+	}
+], z = [
+	{
+		value: "frontend",
+		label: "Frontend"
+	},
+	{
+		value: "backend",
+		label: "Backend"
+	},
+	{
+		value: "fullstack",
+		label: "Full-Stack"
+	},
+	{
+		value: "data-science",
+		label: "Data Science"
+	},
+	{
+		value: "mobile",
+		label: "Mobile"
+	},
+	{
+		value: "sre",
+		label: "SRE / Infra"
+	}
 ];
-function F({ problem: e, solved: t, onOpen: n }) {
-	return /* @__PURE__ */ D(k, {
+function B({ problem: e, solved: t, onOpen: n }) {
+	return /* @__PURE__ */ T(D, {
 		className: "group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
 		onClick: n,
-		children: [/* @__PURE__ */ D(a, {
+		children: [/* @__PURE__ */ T(a, {
 			seed: `${e.topic ?? ""} ${e.difficulty} ${e.title}`,
 			icon: o(e.topic ?? e.title),
-			children: [t ? /* @__PURE__ */ D("span", {
+			children: [t ? /* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-success-text ring-1 ring-status-success-border/30",
-				children: [/* @__PURE__ */ E(v, { size: 12 }), " Solved"]
-			}) : /* @__PURE__ */ E("span", {}), /* @__PURE__ */ E(s, {
+				children: [/* @__PURE__ */ w(_, { size: 12 }), " Solved"]
+			}) : /* @__PURE__ */ w("span", {}), /* @__PURE__ */ w(s, {
 				status: e.difficulty,
 				kind: "level"
 			})]
-		}), /* @__PURE__ */ D("div", {
+		}), /* @__PURE__ */ T("div", {
 			className: "flex flex-1 flex-col gap-3 p-4",
 			children: [
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ T("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ E("h3", {
+					children: [/* @__PURE__ */ w("h3", {
 						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
 						children: e.title
-					}), e.statement ? /* @__PURE__ */ E("p", {
+					}), e.statement ? /* @__PURE__ */ w("p", {
 						className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 						children: e.statement
 					}) : null]
 				}),
-				/* @__PURE__ */ D("div", {
+				/* @__PURE__ */ T("div", {
 					className: "mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted",
 					children: [
-						e.topic ? /* @__PURE__ */ D("span", {
+						e.topic ? /* @__PURE__ */ T("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ E(S, { size: 13 }),
+								/* @__PURE__ */ w(x, { size: 13 }),
 								" ",
 								e.topic
 							]
 						}) : null,
-						/* @__PURE__ */ D("span", {
+						/* @__PURE__ */ T("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ E(T, { size: 13 }),
+								/* @__PURE__ */ w(C, { size: 13 }),
 								" ",
 								e.points,
 								" pts"
 							]
 						}),
-						e.languages.length ? /* @__PURE__ */ D("span", {
+						e.languages.length ? /* @__PURE__ */ T("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ E(y, { size: 13 }),
+								/* @__PURE__ */ w(v, { size: 13 }),
 								" ",
 								e.languages.length,
 								" lang",
@@ -90,12 +140,30 @@ function F({ problem: e, solved: t, onOpen: n }) {
 						}) : null
 					]
 				}),
-				e.tags.length ? /* @__PURE__ */ E("div", {
+				e.companies.length ? /* @__PURE__ */ T("div", {
 					className: "flex flex-wrap gap-1.5",
-					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ D(O, {
+					children: [e.companies.slice(0, 3).map((e) => /* @__PURE__ */ T(E, {
+						variant: "outline",
+						className: "text-[11px] capitalize",
+						children: [/* @__PURE__ */ w(g, {
+							size: 10,
+							className: "mr-1"
+						}), e.replace(/-/g, " ")]
+					}, e)), e.interviewFrequency === "HIGH" ? /* @__PURE__ */ T(E, {
+						variant: "secondary",
+						className: "text-[11px] text-status-warning-text",
+						children: [/* @__PURE__ */ w(y, {
+							size: 10,
+							className: "mr-1"
+						}), "Frequently asked"]
+					}) : null]
+				}) : null,
+				e.tags.length ? /* @__PURE__ */ w("div", {
+					className: "flex flex-wrap gap-1.5",
+					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ T(E, {
 						variant: "secondary",
 						className: "text-[11px]",
-						children: [/* @__PURE__ */ E(w, {
+						children: [/* @__PURE__ */ w(S, {
 							size: 10,
 							className: "mr-1"
 						}), e]
@@ -105,71 +173,73 @@ function F({ problem: e, solved: t, onOpen: n }) {
 		})]
 	});
 }
-function I() {
-	let a = t(), { currentUser: o, workspaceId: s } = e(), { emit: S } = n(), w = o?.id, [T, O] = _("ALL"), [k, I] = _(""), { limit: L, more: R } = p(), { data: z, loading: B, error: V } = m({
+function V() {
+	let a = t(), { currentUser: o, workspaceId: s } = e(), { emit: g } = n(), x = o?.id, [S, C] = h("ALL"), [E, D] = h("ALL"), [V, H] = h("ALL"), [U, W] = h(""), { limit: G, more: K } = d(), { data: q, loading: J, error: Y } = f({
 		status: "PUBLISHED",
-		pagination: f(L),
-		...T === "ALL" ? {} : { difficulty: T }
-	}), { data: H } = h(w ? { learnerId: w } : {}), U = z?.tecListProblems.items ?? [], W = z?.tecListProblems.pageInfo.hasMore ?? !1, G = g(() => new Set((H?.tecListSubmissions.items ?? []).filter((e) => e.verdict === "ACCEPTED").map((e) => e.problemId)), [H]), K = U.filter((e) => G.has(e.id)).length, q = U.filter((e) => e.difficulty === "EASY").length, J = U.filter((e) => e.difficulty === "HARD").length, Y = g(() => {
-		let e = k.trim().toLowerCase();
-		return e ? U.filter((t) => t.title.toLowerCase().includes(e) || (t.topic ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : U;
-	}, [U, k]);
-	return /* @__PURE__ */ D(r, {
+		pagination: te(G),
+		...S === "ALL" ? {} : { difficulty: S },
+		...E === "ALL" ? {} : { company: E },
+		...V === "ALL" ? {} : { role: V }
+	}), { data: X } = p(x ? { learnerId: x } : {}), Z = q?.tecListProblems.items ?? [], re = q?.tecListProblems.pageInfo.hasMore ?? !1, Q = m(() => new Set((X?.tecListSubmissions.items ?? []).filter((e) => e.verdict === "ACCEPTED").map((e) => e.problemId)), [X]), ie = Z.filter((e) => Q.has(e.id)).length, ae = Z.filter((e) => e.difficulty === "EASY").length, oe = Z.filter((e) => e.difficulty === "HARD").length, $ = m(() => {
+		let e = U.trim().toLowerCase();
+		return e ? Z.filter((t) => t.title.toLowerCase().includes(e) || (t.topic ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : Z;
+	}, [Z, U]);
+	return /* @__PURE__ */ T(r, {
 		hero: !0,
 		title: "Coding Problems",
 		description: "Sharpen your problem-solving with hands-on, mentor-judged challenges across topics and difficulty.",
 		children: [
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ E(i, {
+					/* @__PURE__ */ w(i, {
 						label: "Problems",
-						value: U.length,
-						icon: y,
+						value: Z.length,
+						icon: v,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ E(i, {
+					/* @__PURE__ */ w(i, {
 						label: "Solved",
-						value: K,
-						icon: v,
+						value: ie,
+						icon: _,
 						tone: "green"
 					}),
-					/* @__PURE__ */ E(i, {
+					/* @__PURE__ */ w(i, {
 						label: "Easy",
-						value: q,
-						icon: x,
+						value: ae,
+						icon: b,
 						tone: "teal"
 					}),
-					/* @__PURE__ */ E(i, {
+					/* @__PURE__ */ w(i, {
 						label: "Hard",
-						value: J,
-						icon: b,
+						value: oe,
+						icon: y,
 						tone: "amber"
 					})
 				]
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ E(j, {
-					value: T,
-					onValueChange: (e) => O(e),
-					children: /* @__PURE__ */ E(M, { children: P.map((e) => /* @__PURE__ */ E(N, {
+				children: [/* @__PURE__ */ w(P, {
+					value: S,
+					onValueChange: (e) => C(e),
+					children: /* @__PURE__ */ w(F, { children: L.map((e) => /* @__PURE__ */ w(I, {
 						value: e.value,
 						children: e.label
 					}, e.value)) })
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "relative w-full sm:w-72",
-					children: [/* @__PURE__ */ E(C, {
+					children: [/* @__PURE__ */ w(ne, {
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 						size: 16
-					}), /* @__PURE__ */ E(A, {
+					}), /* @__PURE__ */ w(O, {
 						className: "pl-9",
 						placeholder: "Search problems…",
-						value: k,
-						onChange: (e) => I(e.target.value),
+						value: U,
+						onChange: (e) => W(e.target.value),
 						onBlur: () => {
-							let e = k.trim();
-							e && S("technospam.search.performed", {
+							let e = U.trim();
+							e && g("technospam.search.performed", {
 								workspaceId: s,
 								entityType: "problem",
 								queryLength: e.length
@@ -178,20 +248,50 @@ function I() {
 					})]
 				})]
 			}),
-			B && !U.length ? /* @__PURE__ */ E(d, {}) : V ? /* @__PURE__ */ E(u, {
+			/* @__PURE__ */ T("div", {
+				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ T(k, {
+					value: E,
+					onValueChange: D,
+					children: [/* @__PURE__ */ w(M, {
+						className: "w-full sm:w-48",
+						children: /* @__PURE__ */ w(N, { placeholder: "Company" })
+					}), /* @__PURE__ */ T(A, { children: [/* @__PURE__ */ w(j, {
+						value: "ALL",
+						children: "All companies"
+					}), R.map((e) => /* @__PURE__ */ w(j, {
+						value: e.value,
+						children: e.label
+					}, e.value))] })]
+				}), /* @__PURE__ */ T(k, {
+					value: V,
+					onValueChange: H,
+					children: [/* @__PURE__ */ w(M, {
+						className: "w-full sm:w-48",
+						children: /* @__PURE__ */ w(N, { placeholder: "Role" })
+					}), /* @__PURE__ */ T(A, { children: [/* @__PURE__ */ w(j, {
+						value: "ALL",
+						children: "All roles"
+					}), z.map((e) => /* @__PURE__ */ w(j, {
+						value: e.value,
+						children: e.label
+					}, e.value))] })]
+				})]
+			}),
+			J && !Z.length ? /* @__PURE__ */ w(u, {}) : Y ? /* @__PURE__ */ w(ee, {
 				title: "Couldn't load problems",
-				error: V
-			}) : Y.length === 0 ? /* @__PURE__ */ E(l, {
-				icon: /* @__PURE__ */ E(y, { size: 26 }),
-				title: k || T !== "ALL" ? "No matching problems" : "No problems published yet",
-				description: k || T !== "ALL" ? "Try a different search or difficulty filter." : "Published problems will appear here. Check back soon — TechnoSpam is pre-launch."
-			}) : /* @__PURE__ */ E("div", {
+				error: Y
+			}) : $.length === 0 ? /* @__PURE__ */ w(l, {
+				icon: /* @__PURE__ */ w(v, { size: 26 }),
+				title: U || S !== "ALL" || E !== "ALL" || V !== "ALL" ? "No matching problems" : "No problems published yet",
+				description: U || S !== "ALL" || E !== "ALL" || V !== "ALL" ? "Try a different search, difficulty, company, or role filter." : "Published problems will appear here. Check back soon — TechnoSpam is pre-launch."
+			}) : /* @__PURE__ */ w("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: Y.map((e) => /* @__PURE__ */ E(F, {
+				children: $.map((e) => /* @__PURE__ */ w(B, {
 					problem: e,
-					solved: G.has(e.id),
+					solved: Q.has(e.id),
 					onOpen: () => {
-						S("technospam.problem.viewed", {
+						g("technospam.problem.viewed", {
 							workspaceId: s,
 							entityId: e.id,
 							entityType: "TEC_PROBLEM"
@@ -199,15 +299,15 @@ function I() {
 					}
 				}, e.id))
 			}),
-			/* @__PURE__ */ E(c, {
-				hasMore: W,
-				loading: B,
-				onClick: R
+			/* @__PURE__ */ w(c, {
+				hasMore: re,
+				loading: J,
+				onClick: K
 			})
 		]
 	});
 }
 //#endregion
-export { I as ApplicationsProblemsPagePage };
+export { V as ApplicationsProblemsPagePage };
 
 //# sourceMappingURL=ApplicationsProblemsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsProblemsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { CheckCircle2, Code2, Flame, Gauge, Layers, Search, Tag, Trophy } from 'lucide-react';\nimport { Badge, GlassCard, Input, Tabs, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  usePageLimit,\n  useProblemsQuery,\n  useSubmissionsQuery,\n  type TecProblem,\n  type TecProblemDifficulty,\n} from '../api/technospamApi';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nconst DIFFICULTIES: Array<{ value: 'ALL' | TecProblemDifficulty; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'EASY', label: 'Easy' },\n  { value: 'MEDIUM', label: 'Medium' },\n  { value: 'HARD', label: 'Hard' },\n];\n\nfunction ProblemCard({\n  problem,\n  solved,\n  onOpen,\n}: {\n  problem: TecProblem;\n  solved: boolean;\n  onOpen: () => void;\n}) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <MediaCover\n        seed={`${problem.topic ?? ''} ${problem.difficulty} ${problem.title}`}\n        icon={topicIcon(problem.topic ?? problem.title)}\n      >\n        {solved ? (\n          <span className=\"inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-success-text ring-1 ring-status-success-border/30\">\n            <CheckCircle2 size={12} /> Solved\n          </span>\n        ) : (\n          <span />\n        )}\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {problem.title}\n          </h3>\n          {problem.statement ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{problem.statement}</p>\n          ) : null}\n        </div>\n        <div className=\"mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n          {problem.topic ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Layers size={13} /> {problem.topic}\n            </span>\n          ) : null}\n          <span className=\"inline-flex items-center gap-1\">\n            <Trophy size={13} /> {problem.points} pts\n          </span>\n          {problem.languages.length ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Code2 size={13} /> {problem.languages.length} lang\n              {problem.languages.length === 1 ? '' : 's'}\n            </span>\n          ) : null}\n        </div>\n        {problem.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {problem.tags.slice(0, 3).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                <Tag size={10} className=\"mr-1\" />\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function ApplicationsProblemsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const learnerId = currentUser?.id;\n  const [difficulty, setDifficulty] = useState<'ALL' | TecProblemDifficulty>('ALL');\n  const [search, setSearch] = useState('');\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error } = useProblemsQuery({\n    status: 'PUBLISHED',\n    pagination: pageArg(limit),\n    ...(difficulty !== 'ALL' ? { difficulty } : {}),\n  });\n  const { data: subsData } = useSubmissionsQuery(learnerId ? { learnerId } : {});\n\n  const problems = data?.tecListProblems.items ?? [];\n  const hasMore = data?.tecListProblems.pageInfo.hasMore ?? false;\n\n  const solvedSet = useMemo(\n    () =>\n      new Set(\n        (subsData?.tecListSubmissions.items ?? [])\n          .filter((s) => s.verdict === 'ACCEPTED')\n          .map((s) => s.problemId)\n      ),\n    [subsData]\n  );\n\n  const solvedCount = problems.filter((p) => solvedSet.has(p.id)).length;\n  const easyCount = problems.filter((p) => p.difficulty === 'EASY').length;\n  const hardCount = problems.filter((p) => p.difficulty === 'HARD').length;\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return problems;\n    return problems.filter(\n      (p) =>\n        p.title.toLowerCase().includes(q) ||\n        (p.topic ?? '').toLowerCase().includes(q) ||\n        p.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [problems, search]);\n\n  return (\n    <PageLayout\n      hero\n      title=\"Coding Problems\"\n      description=\"Sharpen your problem-solving with hands-on, mentor-judged challenges across topics and difficulty.\"\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Problems\" value={problems.length} icon={Code2} tone=\"blue\" />\n        <StatCard label=\"Solved\" value={solvedCount} icon={CheckCircle2} tone=\"green\" />\n        <StatCard label=\"Easy\" value={easyCount} icon={Gauge} tone=\"teal\" />\n        <StatCard label=\"Hard\" value={hardCount} icon={Flame} tone=\"amber\" />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <Tabs\n          value={difficulty}\n          onValueChange={(v) => setDifficulty(v as 'ALL' | TecProblemDifficulty)}\n        >\n          <TabsList>\n            {DIFFICULTIES.map((d) => (\n              <TabsTrigger key={d.value} value={d.value}>\n                {d.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        <div className=\"relative w-full sm:w-72\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n            size={16}\n          />\n          <Input\n            className=\"pl-9\"\n            placeholder=\"Search problems…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            onBlur={() => {\n              const value = search.trim();\n              if (value) {\n                emit('technospam.search.performed', {\n                  workspaceId,\n                  entityType: 'problem',\n                  queryLength: value.length,\n                });\n              }\n            }}\n          />\n        </div>\n      </div>\n\n      {loading && !problems.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load problems\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Code2 size={26} />}\n          title={\n            search || difficulty !== 'ALL' ? 'No matching problems' : 'No problems published yet'\n          }\n          description={\n            search || difficulty !== 'ALL'\n              ? 'Try a different search or difficulty filter.'\n              : 'Published problems will appear here. Check back soon — TechnoSpam is pre-launch.'\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((problem) => (\n            <ProblemCard\n              key={problem.id}\n              problem={problem}\n              solved={solvedSet.has(problem.id)}\n              onOpen={() => {\n                emit('technospam.problem.viewed', {\n                  workspaceId,\n                  entityId: problem.id,\n                  entityType: 'TEC_PROBLEM',\n                });\n                navigate(`/applications/problem-details-page?id=${problem.id}`);\n              }}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ApplicationsProblemsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Building2,\n  CheckCircle2,\n  Code2,\n  Flame,\n  Gauge,\n  Layers,\n  Search,\n  Tag,\n  Trophy,\n} from 'lucide-react';\nimport {\n  Badge,\n  GlassCard,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Tabs,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  usePageLimit,\n  useProblemsQuery,\n  useSubmissionsQuery,\n  type TecProblem,\n  type TecProblemDifficulty,\n} from '../api/technospamApi';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nconst DIFFICULTIES: Array<{ value: 'ALL' | TecProblemDifficulty; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'EASY', label: 'Easy' },\n  { value: 'MEDIUM', label: 'Medium' },\n  { value: 'HARD', label: 'Hard' },\n];\n\n// Curated interview-target lists for the catalog filters. Values follow the\n// backend's lowercase-slug convention (see practice.service.ts normalizeSlug).\nconst COMPANIES: Array<{ value: string; label: string }> = [\n  { value: 'google', label: 'Google' },\n  { value: 'amazon', label: 'Amazon' },\n  { value: 'meta', label: 'Meta' },\n  { value: 'microsoft', label: 'Microsoft' },\n  { value: 'apple', label: 'Apple' },\n  { value: 'netflix', label: 'Netflix' },\n];\n\nconst ROLES: Array<{ value: string; label: string }> = [\n  { value: 'frontend', label: 'Frontend' },\n  { value: 'backend', label: 'Backend' },\n  { value: 'fullstack', label: 'Full-Stack' },\n  { value: 'data-science', label: 'Data Science' },\n  { value: 'mobile', label: 'Mobile' },\n  { value: 'sre', label: 'SRE / Infra' },\n];\n\nfunction ProblemCard({\n  problem,\n  solved,\n  onOpen,\n}: {\n  problem: TecProblem;\n  solved: boolean;\n  onOpen: () => void;\n}) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <MediaCover\n        seed={`${problem.topic ?? ''} ${problem.difficulty} ${problem.title}`}\n        icon={topicIcon(problem.topic ?? problem.title)}\n      >\n        {solved ? (\n          <span className=\"inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-success-text ring-1 ring-status-success-border/30\">\n            <CheckCircle2 size={12} /> Solved\n          </span>\n        ) : (\n          <span />\n        )}\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {problem.title}\n          </h3>\n          {problem.statement ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{problem.statement}</p>\n          ) : null}\n        </div>\n        <div className=\"mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n          {problem.topic ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Layers size={13} /> {problem.topic}\n            </span>\n          ) : null}\n          <span className=\"inline-flex items-center gap-1\">\n            <Trophy size={13} /> {problem.points} pts\n          </span>\n          {problem.languages.length ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Code2 size={13} /> {problem.languages.length} lang\n              {problem.languages.length === 1 ? '' : 's'}\n            </span>\n          ) : null}\n        </div>\n        {problem.companies.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {problem.companies.slice(0, 3).map((c) => (\n              <Badge key={c} variant=\"outline\" className=\"text-[11px] capitalize\">\n                <Building2 size={10} className=\"mr-1\" />\n                {c.replace(/-/g, ' ')}\n              </Badge>\n            ))}\n            {problem.interviewFrequency === 'HIGH' ? (\n              <Badge variant=\"secondary\" className=\"text-[11px] text-status-warning-text\">\n                <Flame size={10} className=\"mr-1\" />\n                Frequently asked\n              </Badge>\n            ) : null}\n          </div>\n        ) : null}\n        {problem.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {problem.tags.slice(0, 3).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                <Tag size={10} className=\"mr-1\" />\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function ApplicationsProblemsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const learnerId = currentUser?.id;\n  const [difficulty, setDifficulty] = useState<'ALL' | TecProblemDifficulty>('ALL');\n  const [company, setCompany] = useState<string>('ALL');\n  const [role, setRole] = useState<string>('ALL');\n  const [search, setSearch] = useState('');\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error } = useProblemsQuery({\n    status: 'PUBLISHED',\n    pagination: pageArg(limit),\n    ...(difficulty !== 'ALL' ? { difficulty } : {}),\n    ...(company !== 'ALL' ? { company } : {}),\n    ...(role !== 'ALL' ? { role } : {}),\n  });\n  const { data: subsData } = useSubmissionsQuery(learnerId ? { learnerId } : {});\n\n  const problems = data?.tecListProblems.items ?? [];\n  const hasMore = data?.tecListProblems.pageInfo.hasMore ?? false;\n\n  const solvedSet = useMemo(\n    () =>\n      new Set(\n        (subsData?.tecListSubmissions.items ?? [])\n          .filter((s) => s.verdict === 'ACCEPTED')\n          .map((s) => s.problemId)\n      ),\n    [subsData]\n  );\n\n  const solvedCount = problems.filter((p) => solvedSet.has(p.id)).length;\n  const easyCount = problems.filter((p) => p.difficulty === 'EASY').length;\n  const hardCount = problems.filter((p) => p.difficulty === 'HARD').length;\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return problems;\n    return problems.filter(\n      (p) =>\n        p.title.toLowerCase().includes(q) ||\n        (p.topic ?? '').toLowerCase().includes(q) ||\n        p.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [problems, search]);\n\n  return (\n    <PageLayout\n      hero\n      title=\"Coding Problems\"\n      description=\"Sharpen your problem-solving with hands-on, mentor-judged challenges across topics and difficulty.\"\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Problems\" value={problems.length} icon={Code2} tone=\"blue\" />\n        <StatCard label=\"Solved\" value={solvedCount} icon={CheckCircle2} tone=\"green\" />\n        <StatCard label=\"Easy\" value={easyCount} icon={Gauge} tone=\"teal\" />\n        <StatCard label=\"Hard\" value={hardCount} icon={Flame} tone=\"amber\" />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <Tabs\n          value={difficulty}\n          onValueChange={(v) => setDifficulty(v as 'ALL' | TecProblemDifficulty)}\n        >\n          <TabsList>\n            {DIFFICULTIES.map((d) => (\n              <TabsTrigger key={d.value} value={d.value}>\n                {d.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        <div className=\"relative w-full sm:w-72\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n            size={16}\n          />\n          <Input\n            className=\"pl-9\"\n            placeholder=\"Search problems…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            onBlur={() => {\n              const value = search.trim();\n              if (value) {\n                emit('technospam.search.performed', {\n                  workspaceId,\n                  entityType: 'problem',\n                  queryLength: value.length,\n                });\n              }\n            }}\n          />\n        </div>\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center\">\n        <Select value={company} onValueChange={setCompany}>\n          <SelectTrigger className=\"w-full sm:w-48\">\n            <SelectValue placeholder=\"Company\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"ALL\">All companies</SelectItem>\n            {COMPANIES.map((c) => (\n              <SelectItem key={c.value} value={c.value}>\n                {c.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <Select value={role} onValueChange={setRole}>\n          <SelectTrigger className=\"w-full sm:w-48\">\n            <SelectValue placeholder=\"Role\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"ALL\">All roles</SelectItem>\n            {ROLES.map((r) => (\n              <SelectItem key={r.value} value={r.value}>\n                {r.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {loading && !problems.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load problems\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Code2 size={26} />}\n          title={\n            search || difficulty !== 'ALL' || company !== 'ALL' || role !== 'ALL'\n              ? 'No matching problems'\n              : 'No problems published yet'\n          }\n          description={\n            search || difficulty !== 'ALL' || company !== 'ALL' || role !== 'ALL'\n              ? 'Try a different search, difficulty, company, or role filter.'\n              : 'Published problems will appear here. Check back soon — TechnoSpam is pre-launch.'\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((problem) => (\n            <ProblemCard\n              key={problem.id}\n              problem={problem}\n              solved={solvedSet.has(problem.id)}\n              onOpen={() => {\n                emit('technospam.problem.viewed', {\n                  workspaceId,\n                  entityId: problem.id,\n                  entityType: 'TEC_PROBLEM',\n                });\n                navigate(`/applications/problem-details-page?id=${problem.id}`);\n              }}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/MentorshipMentorProfilePagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorProfilePagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"names":[],"mappings":"AAmLA,wBAAgB,+BAA+B,gCAkK9C"}
+{"version":3,"file":"MentorshipMentorProfilePagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"names":[],"mappings":"AAmLA,wBAAgB,+BAA+B,gCAqK9C"}