@burdenoff/microfe-technospam 2026.705.2 → 2026.709.2

package/dist/technospam/pages/ApplicationsProblemsPagePage.js

@@ -7,12 +7,13 @@ import { LoadMore as s } from "../components/LoadMore.js";
 import { EmptyView as c, ErrorView as l, LoadingGrid as u } from "../components/StateViews.js";
 import "../components/index.js";
 import { pageArg as d, usePageLimit as f, useProblemsQuery as p, useSubmissionsQuery as m } from "../api/technospamApi.js";
-import { useMemo as h, useState as g } from "react";
-import { CheckCircle2 as _, Code2 as v, Flame as y, Gauge as b, Layers as x, Search as S, Tag as C, Trophy as w } from "lucide-react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Badge as D, GlassCard as O, Input as k, Tabs as A, TabsList as j, TabsTrigger as M } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpamAnalytics as h } from "../hooks/useTechnoSpamAnalytics.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";
 //#region src/technospam/pages/ApplicationsProblemsPagePage.tsx
-var N = [
+var P = [
 	{
 		value: "ALL",
 		label: "All"
@@ -30,57 +31,57 @@ var N = [
 		label: "Hard"
 	}
 ];
-function P({ problem: e, solved: t, onOpen: n }) {
-	return /* @__PURE__ */ E(O, {
+function F({ problem: e, solved: t, onOpen: n }) {
+	return /* @__PURE__ */ D(k, {
 		className: "group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
 		onClick: n,
-		children: [/* @__PURE__ */ E(i, {
+		children: [/* @__PURE__ */ D(i, {
 			seed: `${e.topic ?? ""} ${e.difficulty} ${e.title}`,
 			icon: a(e.topic ?? e.title),
-			children: [t ? /* @__PURE__ */ E("span", {
+			children: [t ? /* @__PURE__ */ D("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__ */ T(_, { size: 12 }), " Solved"]
-			}) : /* @__PURE__ */ T("span", {}), /* @__PURE__ */ T(o, {
+				children: [/* @__PURE__ */ E(v, { size: 12 }), " Solved"]
+			}) : /* @__PURE__ */ E("span", {}), /* @__PURE__ */ E(o, {
 				status: e.difficulty,
 				kind: "level"
 			})]
-		}), /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ D("div", {
 			className: "flex flex-1 flex-col gap-3 p-4",
 			children: [
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ D("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ T("h3", {
+					children: [/* @__PURE__ */ E("h3", {
 						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
 						children: e.title
-					}), e.statement ? /* @__PURE__ */ T("p", {
+					}), e.statement ? /* @__PURE__ */ E("p", {
 						className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 						children: e.statement
 					}) : null]
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ D("div", {
 					className: "mt-auto flex flex-wrap items-center gap-3 text-xs text-text-muted",
 					children: [
-						e.topic ? /* @__PURE__ */ E("span", {
+						e.topic ? /* @__PURE__ */ D("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ T(x, { size: 13 }),
+								/* @__PURE__ */ E(S, { size: 13 }),
 								" ",
 								e.topic
 							]
 						}) : null,
-						/* @__PURE__ */ E("span", {
+						/* @__PURE__ */ D("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ T(w, { size: 13 }),
+								/* @__PURE__ */ E(T, { size: 13 }),
 								" ",
 								e.points,
 								" pts"
 							]
 						}),
-						e.languages.length ? /* @__PURE__ */ E("span", {
+						e.languages.length ? /* @__PURE__ */ D("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ T(v, { size: 13 }),
+								/* @__PURE__ */ E(y, { size: 13 }),
 								" ",
 								e.languages.length,
 								" lang",
@@ -89,12 +90,12 @@ function P({ problem: e, solved: t, onOpen: n }) {
 						}) : null
 					]
 				}),
-				e.tags.length ? /* @__PURE__ */ T("div", {
+				e.tags.length ? /* @__PURE__ */ E("div", {
 					className: "flex flex-wrap gap-1.5",
-					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ E(D, {
+					children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ D(O, {
 						variant: "secondary",
 						className: "text-[11px]",
-						children: [/* @__PURE__ */ T(C, {
+						children: [/* @__PURE__ */ E(w, {
 							size: 10,
 							className: "mr-1"
 						}), e]
@@ -104,95 +105,109 @@ function P({ problem: e, solved: t, onOpen: n }) {
 		})]
 	});
 }
-function F() {
-	let i = t(), { currentUser: a } = e(), o = a?.id, [x, C] = g("ALL"), [w, D] = g(""), { limit: O, more: F } = f(), { data: I, loading: L, error: R } = p({
+function I() {
+	let i = t(), { currentUser: a, workspaceId: o } = e(), { emit: S } = h(), w = a?.id, [T, O] = _("ALL"), [k, I] = _(""), { limit: L, more: R } = f(), { data: z, loading: B, error: V } = p({
 		status: "PUBLISHED",
-		pagination: d(O),
-		...x === "ALL" ? {} : { difficulty: x }
-	}), { data: z } = m(o ? { learnerId: o } : {}), B = I?.tecListProblems.items ?? [], V = I?.tecListProblems.pageInfo.hasMore ?? !1, H = h(() => new Set((z?.tecListSubmissions.items ?? []).filter((e) => e.verdict === "ACCEPTED").map((e) => e.problemId)), [z]), U = B.filter((e) => H.has(e.id)).length, W = B.filter((e) => e.difficulty === "EASY").length, G = B.filter((e) => e.difficulty === "HARD").length, K = h(() => {
-		let e = w.trim().toLowerCase();
-		return e ? B.filter((t) => t.title.toLowerCase().includes(e) || (t.topic ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : B;
-	}, [B, w]);
-	return /* @__PURE__ */ E(n, {
+		pagination: d(L),
+		...T === "ALL" ? {} : { difficulty: T }
+	}), { data: H } = m(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(n, {
 		hero: !0,
 		title: "Coding Problems",
 		description: "Sharpen your problem-solving with hands-on, mentor-judged challenges across topics and difficulty.",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "Problems",
-						value: B.length,
-						icon: v,
+						value: U.length,
+						icon: y,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "Solved",
-						value: U,
-						icon: _,
+						value: K,
+						icon: v,
 						tone: "green"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "Easy",
-						value: W,
-						icon: b,
+						value: q,
+						icon: x,
 						tone: "teal"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ E(r, {
 						label: "Hard",
-						value: G,
-						icon: y,
+						value: J,
+						icon: b,
 						tone: "amber"
 					})
 				]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ T(A, {
-					value: x,
-					onValueChange: (e) => C(e),
-					children: /* @__PURE__ */ T(j, { children: N.map((e) => /* @__PURE__ */ T(M, {
+				children: [/* @__PURE__ */ E(j, {
+					value: T,
+					onValueChange: (e) => O(e),
+					children: /* @__PURE__ */ E(M, { children: P.map((e) => /* @__PURE__ */ E(N, {
 						value: e.value,
 						children: e.label
 					}, e.value)) })
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ D("div", {
 					className: "relative w-full sm:w-72",
-					children: [/* @__PURE__ */ T(S, {
+					children: [/* @__PURE__ */ E(C, {
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 						size: 16
-					}), /* @__PURE__ */ T(k, {
+					}), /* @__PURE__ */ E(A, {
 						className: "pl-9",
 						placeholder: "Search problems…",
-						value: w,
-						onChange: (e) => D(e.target.value)
+						value: k,
+						onChange: (e) => I(e.target.value),
+						onBlur: () => {
+							let e = k.trim();
+							e && S("technospam.search.performed", {
+								workspaceId: o,
+								entityType: "problem",
+								queryLength: e.length
+							});
+						}
 					})]
 				})]
 			}),
-			L && !B.length ? /* @__PURE__ */ T(u, {}) : R ? /* @__PURE__ */ T(l, {
+			B && !U.length ? /* @__PURE__ */ E(u, {}) : V ? /* @__PURE__ */ E(l, {
 				title: "Couldn't load problems",
-				error: R
-			}) : K.length === 0 ? /* @__PURE__ */ T(c, {
-				icon: /* @__PURE__ */ T(v, { size: 26 }),
-				title: w || x !== "ALL" ? "No matching problems" : "No problems published yet",
-				description: w || x !== "ALL" ? "Try a different search or difficulty filter." : "Published problems will appear here. Check back soon — TechnoSpam is pre-launch."
-			}) : /* @__PURE__ */ T("div", {
+				error: V
+			}) : Y.length === 0 ? /* @__PURE__ */ E(c, {
+				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", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: K.map((e) => /* @__PURE__ */ T(P, {
+				children: Y.map((e) => /* @__PURE__ */ E(F, {
 					problem: e,
-					solved: H.has(e.id),
-					onOpen: () => i(`/applications/problem-details-page?id=${e.id}`)
+					solved: G.has(e.id),
+					onOpen: () => {
+						S("technospam.problem.viewed", {
+							workspaceId: o,
+							entityId: e.id,
+							entityType: "TEC_PROBLEM"
+						}), i(`/applications/problem-details-page?id=${e.id}`);
+					}
 				}, e.id))
 			}),
-			/* @__PURE__ */ T(s, {
-				hasMore: V,
-				loading: L,
-				onClick: F
+			/* @__PURE__ */ E(s, {
+				hasMore: W,
+				loading: B,
+				onClick: R
 			})
 		]
 	});
 }
 //#endregion
-export { F as ApplicationsProblemsPagePage };
+export { I 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';\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 } = useTechnoSpam();\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          />\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={() => navigate(`/applications/problem-details-page?id=${problem.id}`)}\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 { 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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"}

package/dist/technospam/pages/CoursesCourseDetailsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CoursesCourseDetailsPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=CoursesCourseDetailsPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesCourseDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"names":[],"mappings":"AAkIA,wBAAgB,4BAA4B,gCAuR3C"}