@burdenoff/microfe-technospam 2026.1030.1 → 2026.1030.2

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js

@@ -1,51 +1,52 @@
-import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
-import { useTechnoSpamAnalytics as t } from "../hooks/useTechnoSpamAnalytics.js";
-import { cn as n } from "../utils/cn.js";
-import { PageLayout as r } from "../components/PageLayout.js";
-import { StatCard as i } from "../components/StatCard.js";
-import { formatDateTime as a, humanizeEnum as o } from "../utils/format.js";
-import { StatusBadge as s } from "../components/StatusBadge.js";
-import { EmptyView as c, ErrorView as l, LoadingRows as ee } from "../components/StateViews.js";
+import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/TechnoSpamProvider.js";
+import { useTechnoSpamAnalytics as n } from "../hooks/useTechnoSpamAnalytics.js";
+import { cn as r } from "../utils/cn.js";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { StatCard as a } from "../components/StatCard.js";
+import { formatDateTime as o, humanizeEnum as s } from "../utils/format.js";
+import { StatusBadge as c } from "../components/StatusBadge.js";
+import { EmptyView as l, ErrorView as u, LoadingRows as ee } from "../components/StateViews.js";
 import { TagStrip as te } from "../components/TagStrip.js";
-import { PremiumBadge as ne, UpgradeGate as u } from "../components/UpgradeGate.js";
-import { CodePanel as re, IoBlock as d, TestResultsPanel as ie } from "../components/SubmissionViews.js";
-import "../components/index.js";
-import { notify as f } from "../lib/toast.js";
+import { PremiumBadge as ne, UpgradeGate as d } from "../components/UpgradeGate.js";
+import { CodePanel as re, IoBlock as f, TestResultsPanel as ie } from "../components/SubmissionViews.js";
+import { notify as p } from "../lib/toast.js";
 import { useProblemQuery as ae, useRegradeSubmission as oe, useSubmissionsQuery as se, useSubmitSolution as ce } from "../api/technospamApi.js";
-import { FOCUS_PARAMS as le } from "../utils/pageContext.js";
-import { focusableCardProps as p, useFocusedRecordParam as ue } from "../hooks/useFocusedRecordParam.js";
-import { useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { Clock as v, Code2 as y, FileText as b, FlaskConical as de, Layers as x, RefreshCw as S, Send as fe, Trophy as C } from "lucide-react";
-import { useSearchParams as pe } from "react-router";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Badge as me, Button as E, GlassCard as D, Select as he, SelectContent as ge, SelectItem as _e, SelectTrigger as ve, SelectValue as ye, Skeleton as O, Textarea as be } from "@burdenoff/fe-libs/ui";
+import { SubmissionReviewPanel as le } from "../components/SubmissionReviewPanel.js";
+import "../components/index.js";
+import { FOCUS_PARAMS as ue } from "../utils/pageContext.js";
+import { focusableCardProps as m, useFocusedRecordParam as de } from "../hooks/useFocusedRecordParam.js";
+import { useEffect as h, useMemo as fe, useRef as g, useState as _ } from "react";
+import { Clock as v, Code2 as y, FileText as b, FlaskConical as pe, Layers as x, RefreshCw as S, Send as me, Sparkles as he, Trophy as C } from "lucide-react";
+import { useSearchParams as ge } from "react-router";
+import { Fragment as _e, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as ve, Button as E, GlassCard as D, Select as ye, SelectContent as be, SelectItem as xe, SelectTrigger as Se, SelectValue as Ce, Skeleton as O, Textarea as we } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx
 var k = [
 	"javascript",
 	"python",
 	"typescript"
-], xe = 3e3, Se = 3 * 6e4;
-function Ce({ s: e, focused: t, onToggle: r }) {
+], Te = 3e3, Ee = 3 * 6e4;
+function De({ s: e, focused: t, onToggle: n }) {
 	return /* @__PURE__ */ T("div", {
-		className: n("cursor-pointer rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken", t && "ring-2 ring-accent-primary"),
-		...p(t, r),
+		className: r("cursor-pointer rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken", t && "ring-2 ring-accent-primary"),
+		...m(t, n),
 		children: [/* @__PURE__ */ T("div", {
 			className: "flex flex-wrap items-center gap-x-4 gap-y-1",
 			children: [
 				/* @__PURE__ */ w("button", {
 					type: "button",
 					"aria-pressed": t,
-					"aria-label": `Focus submission from ${a(e.createdAt)}`,
-					onClick: r,
+					"aria-label": `Focus submission from ${o(e.createdAt)}`,
+					onClick: n,
 					className: "rounded-full",
-					children: /* @__PURE__ */ w(s, { status: e.verdict })
+					children: /* @__PURE__ */ w(c, { status: e.verdict })
 				}),
 				/* @__PURE__ */ T("span", {
 					className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
 					children: [
 						/* @__PURE__ */ w(y, { size: 13 }),
 						" ",
-						o(e.language)
+						s(e.language)
 					]
 				}),
 				/* @__PURE__ */ T("span", {
@@ -68,7 +69,7 @@ function Ce({ s: e, focused: t, onToggle: r }) {
 				}),
 				/* @__PURE__ */ w("span", {
 					className: "ml-auto text-xs text-text-muted",
-					children: a(e.createdAt)
+					children: o(e.createdAt)
 				})
 			]
 		}), e.totalCount > 0 ? /* @__PURE__ */ T("p", {
@@ -84,69 +85,69 @@ function Ce({ s: e, focused: t, onToggle: r }) {
 	});
 }
 function A() {
-	let [n] = pe(), a = n.get("id") ?? "", [p, A] = ue(le.submission), { currentUser: we, workspaceId: j } = e(), M = we?.id, { emit: N } = t(), { data: Te, loading: Ee, error: P, refetch: F } = ae(a);
-	m(() => {
-		a && N("technospam.problem.viewed", {
+	let [r] = ge(), o = r.get("id") ?? "", [m, A] = de(ue.submission), { currentUser: Oe, workspaceId: j } = e(), ke = t(), M = Oe?.id, { emit: N } = n(), { data: Ae, loading: je, error: P, refetch: F } = ae(o);
+	h(() => {
+		o && N("technospam.problem.viewed", {
 			workspaceId: j,
-			entityId: a,
+			entityId: o,
 			entityType: "TEC_PROBLEM"
 		});
 	}, [
-		a,
+		o,
 		j,
 		N
 	]);
-	let { data: I, loading: De, error: L, refetch: R } = se({
+	let { data: I, loading: Me, error: L, refetch: R } = se({
 		...M ? { learnerId: M } : {},
-		problemId: a
-	}), [Oe, { loading: z }] = ce(), [ke, { loading: B }] = oe(), V = Te?.tecProblem ?? null, H = h(() => V?.languages?.length ? V.languages : k, [V]), [U, W] = _(""), [G, K] = _(""), q = g(!1);
-	m(() => {
+		problemId: o
+	}), [Ne, { loading: z }] = ce(), [Pe, { loading: B }] = oe(), V = Ae?.tecProblem ?? null, H = fe(() => V?.languages?.length ? V.languages : k, [V]), [U, W] = _(""), [G, K] = _(""), q = g(!1);
+	h(() => {
 		V && !q.current && (W(V.languages[0] ?? k[0]), K(V.starterCode ?? ""), q.current = !0);
 	}, [V]);
-	let J = h(() => [...I?.tecListSubmissions?.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [I]), Ae = async () => {
-		if (!a) return;
+	let J = fe(() => [...I?.tecListSubmissions?.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [I]), Fe = async () => {
+		if (!o) return;
 		if (!U) {
-			f.error("Pick a language", "Choose a language before submitting.");
+			p.error("Pick a language", "Choose a language before submitting.");
 			return;
 		}
 		if (!G.trim()) {
-			f.error("Add your solution", "Write some code before submitting.");
+			p.error("Add your solution", "Write some code before submitting.");
 			return;
 		}
 		N("technospam.problem.submit_clicked", {
 			workspaceId: j,
-			entityId: a,
+			entityId: o,
 			entityType: "TEC_PROBLEM",
 			language: U
 		});
-		let e = await Oe({ variables: { input: {
-			problemId: a,
+		let e = await Ne({ variables: { input: {
+			problemId: o,
 			language: U,
 			code: G
 		} } });
 		if (e.data?.tecSubmitSolution) {
 			N("technospam.problem.submitted", {
 				workspaceId: j,
-				entityId: a,
+				entityId: o,
 				entityType: "TEC_PROBLEM",
 				submissionId: e.data.tecSubmitSolution.id
 			});
 			let t = e.data.tecSubmitSolution;
-			t.verdict === "PENDING" ? f.info("Solution submitted", "Grading has started — your verdict will appear here in a moment.") : t.verdict === "ACCEPTED" ? f.success("Accepted", `Passed all ${t.totalCount} test cases.`) : f.error(o(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), await Promise.all([F(), R()]);
+			t.verdict === "PENDING" ? p.info("Solution submitted", "Grading has started — your verdict will appear here in a moment.") : t.verdict === "ACCEPTED" ? p.success("Accepted", `Passed all ${t.totalCount} test cases.`) : p.error(s(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), await Promise.all([F(), R()]);
 		}
-	}, je = async (e) => {
-		let t = (await ke({ variables: { id: e } })).data?.tecRegradeSubmission;
-		t && (t.verdict === "PENDING" ? f.error("Still pending", "The grader is not available yet. Please try again shortly.") : f.success("Grading complete", `Verdict: ${o(t.verdict)}.`), await Promise.all([F(), R()]));
-	}, Y = J.find((e) => (e.testResults?.length ?? 0) > 0) ?? null, X = J[0] ?? null, Z = X?.verdict === "PENDING" ? X.id : null, [Q, Me] = _(null), Ne = Z !== null && Q !== Z;
-	m(() => {
+	}, Ie = async (e) => {
+		let t = (await Pe({ variables: { id: e } })).data?.tecRegradeSubmission;
+		t && (t.verdict === "PENDING" ? p.error("Still pending", "The grader is not available yet. Please try again shortly.") : p.success("Grading complete", `Verdict: ${s(t.verdict)}.`), await Promise.all([F(), R()]));
+	}, Y = J.find((e) => (e.testResults?.length ?? 0) > 0) ?? null, X = J[0] ?? null, Z = X?.verdict === "PENDING" ? X.id : null, [Q, Le] = _(null), Re = Z !== null && Q !== Z;
+	h(() => {
 		if (!Z || Q === Z) return;
 		let e = Date.now(), t = window.setInterval(() => {
-			if (Date.now() - e > Se) {
-				window.clearInterval(t), Me(Z);
+			if (Date.now() - e > Ee) {
+				window.clearInterval(t), Le(Z);
 				return;
 			}
 			R();
-		}, xe);
+		}, Te);
 		return () => window.clearInterval(t);
 	}, [
 		Z,
@@ -154,7 +155,7 @@ function A() {
 		R
 	]);
 	let $ = g(null);
-	return m(() => {
+	return h(() => {
 		if (Z) {
 			$.current = Z;
 			return;
@@ -162,26 +163,26 @@ function A() {
 		let e = $.current;
 		if (!e) return;
 		let t = J.find((t) => t.id === e);
-		!t || t.verdict === "PENDING" || ($.current = null, t.verdict === "ACCEPTED" ? f.success("Accepted", `Passed all ${t.totalCount} test cases.`) : f.error(o(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), F());
+		!t || t.verdict === "PENDING" || ($.current = null, t.verdict === "ACCEPTED" ? p.success("Accepted", `Passed all ${t.totalCount} test cases.`) : p.error(s(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), F());
 	}, [
 		Z,
 		J,
 		F
-	]), Ee && !V ? /* @__PURE__ */ T(r, {
+	]), je && !V ? /* @__PURE__ */ T(i, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
 		children: [/* @__PURE__ */ w(O, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ w(O, { className: "h-72 w-full rounded-xl" })]
-	}) : P || !V ? /* @__PURE__ */ w(r, {
+	}) : P || !V ? /* @__PURE__ */ w(i, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: P ? /* @__PURE__ */ w(l, {
+		children: P ? /* @__PURE__ */ w(u, {
 			title: "Couldn't load problem",
 			error: P
-		}) : /* @__PURE__ */ w(c, {
+		}) : /* @__PURE__ */ w(l, {
 			title: "Problem not found",
 			description: "This problem may have been unpublished."
 		})
-	}) : /* @__PURE__ */ T(r, {
+	}) : /* @__PURE__ */ T(i, {
 		hero: !0,
 		backPath: "/applications/problems-page",
 		title: V.title,
@@ -190,12 +191,12 @@ function A() {
 			/* @__PURE__ */ T("div", {
 				className: "mb-5 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ w(s, {
+					/* @__PURE__ */ w(c, {
 						status: V.difficulty,
 						kind: "level"
 					}),
-					/* @__PURE__ */ w(s, { status: V.status }),
-					V.topic ? /* @__PURE__ */ T(me, {
+					/* @__PURE__ */ w(c, { status: V.status }),
+					V.topic ? /* @__PURE__ */ T(ve, {
 						variant: "outline",
 						className: "gap-1",
 						children: [
@@ -211,25 +212,25 @@ function A() {
 			/* @__PURE__ */ T("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ w(a, {
 						label: "Points",
 						value: V.points,
 						icon: C,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ w(a, {
 						label: "Languages",
 						value: H.length,
 						icon: y,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ w(a, {
 						label: "Difficulty",
-						value: o(V.difficulty),
+						value: s(V.difficulty),
 						icon: x,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ w(a, {
 						label: "My submissions",
 						value: J.length,
 						icon: b,
@@ -247,7 +248,7 @@ function A() {
 							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-2 text-base font-semibold text-text-primary",
 								children: "Problem statement"
-							}), V.isLocked ? /* @__PURE__ */ w(u, { description: "This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it." }) : V.statement ? /* @__PURE__ */ w("p", {
+							}), V.isLocked ? /* @__PURE__ */ w(d, { description: "This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it." }) : V.statement ? /* @__PURE__ */ w("p", {
 								className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
 								children: V.statement
 							}) : /* @__PURE__ */ w("p", {
@@ -255,7 +256,7 @@ function A() {
 								children: "The statement for this problem is being prepared."
 							})]
 						}),
-						V.isLocked ? /* @__PURE__ */ w(u, {
+						V.isLocked ? /* @__PURE__ */ w(d, {
 							compact: !0,
 							description: "Starter code and sample test cases unlock with a paid TechnoSpam plan."
 						}) : V.starterCode ? /* @__PURE__ */ T(D, {
@@ -264,7 +265,7 @@ function A() {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Starter code"
 							}), /* @__PURE__ */ w(re, {
-								label: o(H[0] ?? "code"),
+								label: s(H[0] ?? "code"),
 								bodyClassName: "max-h-72",
 								children: V.starterCode
 							})]
@@ -282,15 +283,15 @@ function A() {
 										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: "Language"
-										}), /* @__PURE__ */ T(he, {
+										}), /* @__PURE__ */ T(ye, {
 											value: U,
 											onValueChange: W,
-											children: [/* @__PURE__ */ w(ve, {
+											children: [/* @__PURE__ */ w(Se, {
 												className: "w-full sm:w-48",
-												children: /* @__PURE__ */ w(ye, { placeholder: "Choose a language" })
-											}), /* @__PURE__ */ w(ge, { children: H.map((e) => /* @__PURE__ */ w(_e, {
+												children: /* @__PURE__ */ w(Ce, { placeholder: "Choose a language" })
+											}), /* @__PURE__ */ w(be, { children: H.map((e) => /* @__PURE__ */ w(xe, {
 												value: e,
-												children: o(e)
+												children: s(e)
 											}, e)) })]
 										})]
 									})]
@@ -311,10 +312,10 @@ function A() {
 											children: [
 												/* @__PURE__ */ w(y, { size: 13 }),
 												" ",
-												U ? o(U) : "solution"
+												U ? s(U) : "solution"
 											]
 										})]
-									}), /* @__PURE__ */ w(be, {
+									}), /* @__PURE__ */ w(we, {
 										value: G,
 										onChange: (e) => K(e.target.value),
 										placeholder: "Write your solution…",
@@ -324,10 +325,10 @@ function A() {
 								}),
 								/* @__PURE__ */ T(E, {
 									className: "mt-4 w-full",
-									onClick: Ae,
+									onClick: Fe,
 									disabled: z || !G.trim(),
 									children: [
-										/* @__PURE__ */ w(fe, { size: 16 }),
+										/* @__PURE__ */ w(me, { size: 16 }),
 										" ",
 										z ? "Running test cases…" : "Run & submit"
 									]
@@ -343,7 +344,7 @@ function A() {
 							children: [
 								/* @__PURE__ */ T("h2", {
 									className: "mb-1 flex items-center gap-2 text-base font-semibold text-text-primary",
-									children: [/* @__PURE__ */ w(de, { size: 16 }), " Sample test cases"]
+									children: [/* @__PURE__ */ w(pe, { size: 16 }), " Sample test cases"]
 								}),
 								/* @__PURE__ */ w("p", {
 									className: "mb-3 text-sm text-text-secondary",
@@ -369,10 +370,10 @@ function A() {
 											})]
 										}), /* @__PURE__ */ T("div", {
 											className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-											children: [/* @__PURE__ */ w(d, {
+											children: [/* @__PURE__ */ w(f, {
 												label: "Input",
 												value: e.input
-											}), /* @__PURE__ */ w(d, {
+											}), /* @__PURE__ */ w(f, {
 												label: "Expected output",
 												value: e.expectedOutput
 											})]
@@ -388,7 +389,7 @@ function A() {
 									className: "mb-2 text-base font-semibold text-text-primary",
 									children: "Latest run"
 								}),
-								Ne ? /* @__PURE__ */ T("p", {
+								Re ? /* @__PURE__ */ T("p", {
 									className: "mb-3 inline-flex items-center gap-2 text-sm text-text-secondary",
 									children: [/* @__PURE__ */ w(S, {
 										size: 14,
@@ -400,7 +401,7 @@ function A() {
 								}),
 								/* @__PURE__ */ T(E, {
 									variant: "outline",
-									onClick: () => void je(Z),
+									onClick: () => void Ie(Z),
 									disabled: B,
 									children: [
 										/* @__PURE__ */ w(S, { size: 16 }),
@@ -409,13 +410,22 @@ function A() {
 									]
 								})
 							]
-						}) : Y ? /* @__PURE__ */ T(D, {
+						}) : Y ? /* @__PURE__ */ T(_e, { children: [/* @__PURE__ */ T(D, {
 							className: "p-5",
 							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Latest run"
 							}), /* @__PURE__ */ w(ie, { submission: Y })]
-						}) : null
+						}), /* @__PURE__ */ T(D, {
+							className: "p-5",
+							children: [/* @__PURE__ */ T("h2", {
+								className: "mb-3 flex items-center gap-2 text-base font-semibold text-text-primary",
+								children: [/* @__PURE__ */ w(he, { size: 16 }), " TechnoSage review"]
+							}), /* @__PURE__ */ w(le, {
+								submission: Y,
+								onOpenProblem: (e) => ke(`/applications/problem-details-page?id=${e}`)
+							})]
+						})] }) : null
 					]
 				}), /* @__PURE__ */ w("div", {
 					className: "lg:col-span-1",
@@ -424,22 +434,22 @@ function A() {
 						children: [/* @__PURE__ */ w("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "My submissions"
-						}), De && !J.length ? /* @__PURE__ */ w(ee, {
+						}), Me && !J.length ? /* @__PURE__ */ w(ee, {
 							count: 3,
 							height: "h-12"
-						}) : L ? /* @__PURE__ */ w(l, {
+						}) : L ? /* @__PURE__ */ w(u, {
 							title: "Couldn't load submissions",
 							error: L
-						}) : J.length === 0 ? /* @__PURE__ */ w(c, {
+						}) : J.length === 0 ? /* @__PURE__ */ w(l, {
 							icon: /* @__PURE__ */ w(b, { size: 24 }),
 							title: "No submissions yet",
 							description: "Submit a solution above to see your verdicts and points here."
 						}) : /* @__PURE__ */ w("div", {
 							className: "space-y-1",
-							children: J.map((e) => /* @__PURE__ */ w(Ce, {
+							children: J.map((e) => /* @__PURE__ */ w(De, {
 								s: e,
-								focused: p === e.id,
-								onToggle: () => A(p === e.id ? null : e.id)
+								focused: m === e.id,
+								onToggle: () => A(m === e.id ? null : e.id)
 							}, e.id))
 						})]
 					})

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Clock,\n  Code2,\n  FileText,\n  FlaskConical,\n  Layers,\n  RefreshCw,\n  Send,\n  Tag,\n  Trophy,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  CodePanel,\n  EmptyView,\n  ErrorView,\n  IoBlock,\n  LoadingRows,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  TagStrip,\n  TestResultsPanel,\n  UpgradeGate,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useProblemQuery,\n  useRegradeSubmission,\n  useSubmissionsQuery,\n  useSubmitSolution,\n  type TecSubmission,\n} from '../api/technospamApi';\nimport { formatDateTime, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport {\n  FOCUSED_CARD_CLASS,\n  focusableCardProps,\n  useFocusedRecordParam,\n} from '../hooks/useFocusedRecordParam';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\nimport { cn } from '../utils/cn';\n\nconst FALLBACK_LANGUAGES = ['javascript', 'python', 'typescript'];\n\n/**\n * A submission made while the grading sandbox is cold comes back PENDING and is\n * graded in the background (BOFF-4414). Poll the submissions list until the\n * verdict lands, giving up after a few minutes so a genuinely failed grade\n * falls back to the manual re-run button.\n */\nconst PENDING_POLL_INTERVAL_MS = 3_000;\nconst PENDING_POLL_MAX_MS = 3 * 60_000;\n\nfunction SubmissionRow({\n  s,\n  focused,\n  onToggle,\n}: {\n  s: TecSubmission;\n  /** The focused submission (`?submissionId=`) is the one the assistant acts on. */\n  focused: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    <div\n      className={cn(\n        'cursor-pointer rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken',\n        focused && FOCUSED_CARD_CLASS\n      )}\n      {...focusableCardProps(focused, onToggle)}\n    >\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1\">\n        <button\n          type=\"button\"\n          aria-pressed={focused}\n          aria-label={`Focus submission from ${formatDateTime(s.createdAt)}`}\n          onClick={onToggle}\n          className=\"rounded-full\"\n        >\n          <StatusBadge status={s.verdict} />\n        </button>\n        <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-primary\">\n          <Code2 size={13} /> {humanizeEnum(s.language)}\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Clock size={12} /> {s.runtimeMs} ms\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Trophy size={12} /> {s.pointsAwarded} pts\n        </span>\n        <span className=\"ml-auto text-xs text-text-muted\">{formatDateTime(s.createdAt)}</span>\n      </div>\n      {s.totalCount > 0 ? (\n        <p className=\"mt-1 px-0.5 text-xs text-text-muted\">\n          Passed {s.passedCount} of {s.totalCount} test cases\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nexport function ApplicationsProblemDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  // The focused submission lives in `?submissionId=` so the assistant's page\n  // context names it (\"explain this submission\").\n  const [focusedSubmissionId, setFocusedSubmissionId] = useFocusedRecordParam(\n    FOCUS_PARAMS.submission\n  );\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n  const { emit } = useTechnoSpamAnalytics();\n\n  const { data, loading, error, refetch } = useProblemQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.problem.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n      });\n    }\n  }, [id, workspaceId, emit]);\n  const {\n    data: subsData,\n    loading: subsLoading,\n    error: subsError,\n    refetch: refetchSubs,\n  } = useSubmissionsQuery({ ...(learnerId ? { learnerId } : {}), problemId: id });\n  const [submit, { loading: submitting }] = useSubmitSolution();\n  const [regrade, { loading: regrading }] = useRegradeSubmission();\n\n  const problem = data?.tecProblem ?? null;\n\n  const languages = useMemo(\n    () => (problem?.languages?.length ? problem.languages : FALLBACK_LANGUAGES),\n    [problem]\n  );\n\n  const [language, setLanguage] = useState('');\n  const [code, setCode] = useState('');\n  const initedRef = useRef(false);\n\n  useEffect(() => {\n    if (problem && !initedRef.current) {\n      setLanguage(problem.languages[0] ?? FALLBACK_LANGUAGES[0]!);\n      setCode(problem.starterCode ?? '');\n      initedRef.current = true;\n    }\n  }, [problem]);\n\n  const submissions = useMemo(\n    () =>\n      [...(subsData?.tecListSubmissions?.items ?? [])].sort(\n        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n      ),\n    [subsData]\n  );\n\n  const handleSubmit = async () => {\n    if (!id) return;\n    if (!language) {\n      notify.error('Pick a language', 'Choose a language before submitting.');\n      return;\n    }\n    if (!code.trim()) {\n      notify.error('Add your solution', 'Write some code before submitting.');\n      return;\n    }\n    emit('technospam.problem.submit_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_PROBLEM',\n      language,\n    });\n    const res = await submit({ variables: { input: { problemId: id, language, code } } });\n    if (res.data?.tecSubmitSolution) {\n      emit('technospam.problem.submitted', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n        submissionId: res.data.tecSubmitSolution.id,\n      });\n      const graded = res.data.tecSubmitSolution;\n      if (graded.verdict === 'PENDING') {\n        notify.info(\n          'Solution submitted',\n          'Grading has started — your verdict will appear here in a moment.'\n        );\n      } else if (graded.verdict === 'ACCEPTED') {\n        notify.success('Accepted', `Passed all ${graded.totalCount} test cases.`);\n      } else {\n        notify.error(\n          humanizeEnum(graded.verdict),\n          `Passed ${graded.passedCount} of ${graded.totalCount} test cases.`\n        );\n      }\n      await Promise.all([refetch(), refetchSubs()]);\n    }\n  };\n\n  const handleRegrade = async (submissionId: string) => {\n    const res = await regrade({ variables: { id: submissionId } });\n    const graded = res.data?.tecRegradeSubmission;\n    if (!graded) return;\n    if (graded.verdict === 'PENDING') {\n      notify.error('Still pending', 'The grader is not available yet. Please try again shortly.');\n    } else {\n      notify.success('Grading complete', `Verdict: ${humanizeEnum(graded.verdict)}.`);\n    }\n    await Promise.all([refetch(), refetchSubs()]);\n  };\n\n  /** Most recent submission that actually carries grading detail. */\n  const latestGraded = submissions.find((s) => (s.testResults?.length ?? 0) > 0) ?? null;\n  const latestSubmission = submissions[0] ?? null;\n  const pendingId = latestSubmission?.verdict === 'PENDING' ? latestSubmission.id : null;\n\n  // Poll while the newest submission is still being graded in the background.\n  const [pollExpiredFor, setPollExpiredFor] = useState<string | null>(null);\n  const polling = pendingId !== null && pollExpiredFor !== pendingId;\n  useEffect(() => {\n    if (!pendingId || pollExpiredFor === pendingId) return undefined;\n    const startedAt = Date.now();\n    const timer = window.setInterval(() => {\n      if (Date.now() - startedAt > PENDING_POLL_MAX_MS) {\n        window.clearInterval(timer);\n        setPollExpiredFor(pendingId);\n        return;\n      }\n      void refetchSubs();\n    }, PENDING_POLL_INTERVAL_MS);\n    return () => window.clearInterval(timer);\n  }, [pendingId, pollExpiredFor, refetchSubs]);\n\n  // Announce the verdict once a background-graded submission settles.\n  const awaitedIdRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (pendingId) {\n      awaitedIdRef.current = pendingId;\n      return;\n    }\n    const awaitedId = awaitedIdRef.current;\n    if (!awaitedId) return;\n    const settled = submissions.find((s) => s.id === awaitedId);\n    if (!settled || settled.verdict === 'PENDING') return;\n    awaitedIdRef.current = null;\n    if (settled.verdict === 'ACCEPTED') {\n      notify.success('Accepted', `Passed all ${settled.totalCount} test cases.`);\n    } else {\n      notify.error(\n        humanizeEnum(settled.verdict),\n        `Passed ${settled.passedCount} of ${settled.totalCount} test cases.`\n      );\n    }\n    void refetch();\n  }, [pendingId, submissions, refetch]);\n\n  if (loading && !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        <Skeleton className=\"mb-4 h-28 w-full rounded-xl\" />\n        <Skeleton className=\"h-72 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load problem\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Problem not found\"\n            description=\"This problem may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/applications/problems-page\"\n      title={problem.title}\n      description={problem.topic ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n        <StatusBadge status={problem.status} />\n        {problem.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {problem.topic}\n          </Badge>\n        ) : null}\n        {problem.isPremiumOnly ? <PremiumBadge locked={problem.isLocked} /> : null}\n        <TagStrip tags={problem.tags} />\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Points\" value={problem.points} icon={Trophy} tone=\"amber\" />\n        <StatCard label=\"Languages\" value={languages.length} icon={Code2} tone=\"blue\" />\n        <StatCard\n          label=\"Difficulty\"\n          value={humanizeEnum(problem.difficulty)}\n          icon={Layers}\n          tone=\"purple\"\n        />\n        <StatCard label=\"My submissions\" value={submissions.length} icon={FileText} tone=\"teal\" />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-3\">\n        <div className=\"space-y-5 lg:col-span-2\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Problem statement</h2>\n            {problem.isLocked ? (\n              // BOFF-4416: the API already nulled `statement` for a locked\n              // premium problem — this explains why, rather than showing the\n              // generic \"being prepared\" message used for a real content gap.\n              <UpgradeGate description=\"This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it.\" />\n            ) : problem.statement ? (\n              <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {problem.statement}\n              </p>\n            ) : (\n              <p className=\"py-4 text-center text-sm text-text-muted\">\n                The statement for this problem is being prepared.\n              </p>\n            )}\n          </GlassCard>\n\n          {problem.isLocked ? (\n            <UpgradeGate\n              compact\n              description=\"Starter code and sample test cases unlock with a paid TechnoSpam plan.\"\n            />\n          ) : problem.starterCode ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Starter code</h2>\n              <CodePanel label={humanizeEnum(languages[0] ?? 'code')} bodyClassName=\"max-h-72\">\n                {problem.starterCode}\n              </CodePanel>\n            </GlassCard>\n          ) : null}\n\n          <GlassCard className=\"p-5\">\n            <div className=\"mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Submit a solution</h2>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">Language</span>\n                <Select value={language} onValueChange={setLanguage}>\n                  <SelectTrigger className=\"w-full sm:w-48\">\n                    <SelectValue placeholder=\"Choose a language\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {languages.map((l) => (\n                      <SelectItem key={l} value={l}>\n                        {humanizeEnum(l)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n              <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n                </div>\n                <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n                  <Code2 size={13} /> {language ? humanizeEnum(language) : 'solution'}\n                </span>\n              </div>\n              <Textarea\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                placeholder=\"Write your solution…\"\n                className=\"min-h-[280px] resize-y rounded-none border-0 bg-transparent font-mono text-xs leading-relaxed focus-visible:ring-0 focus-visible:ring-offset-0\"\n                spellCheck={false}\n              />\n            </div>\n\n            <Button\n              className=\"mt-4 w-full\"\n              onClick={handleSubmit}\n              disabled={submitting || !code.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Running test cases…' : 'Run & submit'}\n            </Button>\n            <p className=\"mt-2 text-center text-xs text-text-muted\">\n              Your code runs against this problem&apos;s test cases in an isolated sandbox.\n            </p>\n          </GlassCard>\n\n          {problem.publicTestCases?.length ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-1 flex items-center gap-2 text-base font-semibold text-text-primary\">\n                <FlaskConical size={16} /> Sample test cases\n              </h2>\n              <p className=\"mb-3 text-sm text-text-secondary\">\n                Your solution reads each input from stdin and must print the expected output. Hidden\n                test cases are also run when you submit.\n              </p>\n              <div className=\"space-y-3\">\n                {problem.publicTestCases.map((testCase) => (\n                  <div key={testCase.id} className=\"rounded-xl border border-border-seam p-3\">\n                    <div className=\"mb-2 flex flex-wrap items-center gap-x-3 gap-y-1\">\n                      <span className=\"text-sm font-medium text-text-primary\">{testCase.name}</span>\n                      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n                        <Clock size={12} /> {testCase.timeLimitMs} ms limit\n                      </span>\n                    </div>\n                    <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n                      <IoBlock label=\"Input\" value={testCase.input} />\n                      <IoBlock label=\"Expected output\" value={testCase.expectedOutput} />\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </GlassCard>\n          ) : null}\n\n          {pendingId ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Latest run</h2>\n              {polling ? (\n                <p className=\"mb-3 inline-flex items-center gap-2 text-sm text-text-secondary\">\n                  <RefreshCw size={14} className=\"animate-spin\" />\n                  Grading your submission — the grader is starting up. Your verdict will appear here\n                  automatically.\n                </p>\n              ) : (\n                <p className=\"mb-3 text-sm text-text-secondary\">\n                  Your most recent submission has not been graded yet — the grader was unavailable.\n                  You can re-run it without resubmitting your code.\n                </p>\n              )}\n              <Button\n                variant=\"outline\"\n                onClick={() => void handleRegrade(pendingId)}\n                disabled={regrading}\n              >\n                <RefreshCw size={16} /> {regrading ? 'Re-running…' : 'Re-run grader'}\n              </Button>\n            </GlassCard>\n          ) : latestGraded ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Latest run</h2>\n              <TestResultsPanel submission={latestGraded} />\n            </GlassCard>\n          ) : null}\n        </div>\n\n        <div className=\"lg:col-span-1\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-3 text-base font-semibold text-text-primary\">My submissions</h2>\n            {subsLoading && !submissions.length ? (\n              <LoadingRows count={3} height=\"h-12\" />\n            ) : subsError ? (\n              <ErrorView title=\"Couldn't load submissions\" error={subsError} />\n            ) : submissions.length === 0 ? (\n              <EmptyView\n                icon={<FileText size={24} />}\n                title=\"No submissions yet\"\n                description=\"Submit a solution above to see your verdicts and points here.\"\n              />\n            ) : (\n              <div className=\"space-y-1\">\n                {submissions.map((s) => (\n                  <SubmissionRow\n                    key={s.id}\n                    s={s}\n                    focused={focusedSubmissionId === s.id}\n                    onToggle={() =>\n                      setFocusedSubmissionId(focusedSubmissionId === s.id ? null : s.id)\n                    }\n                  />\n                ))}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Clock,\n  Code2,\n  FileText,\n  FlaskConical,\n  Layers,\n  RefreshCw,\n  Send,\n  Sparkles,\n  Tag,\n  Trophy,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  CodePanel,\n  EmptyView,\n  ErrorView,\n  IoBlock,\n  LoadingRows,\n  PageLayout,\n  PremiumBadge,\n  StatCard,\n  StatusBadge,\n  SubmissionReviewPanel,\n  TagStrip,\n  TestResultsPanel,\n  UpgradeGate,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useProblemQuery,\n  useRegradeSubmission,\n  useSubmissionsQuery,\n  useSubmitSolution,\n  type TecSubmission,\n} from '../api/technospamApi';\nimport { formatDateTime, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport {\n  FOCUSED_CARD_CLASS,\n  focusableCardProps,\n  useFocusedRecordParam,\n} from '../hooks/useFocusedRecordParam';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\nimport { cn } from '../utils/cn';\n\nconst FALLBACK_LANGUAGES = ['javascript', 'python', 'typescript'];\n\n/**\n * A submission made while the grading sandbox is cold comes back PENDING and is\n * graded in the background (BOFF-4414). Poll the submissions list until the\n * verdict lands, giving up after a few minutes so a genuinely failed grade\n * falls back to the manual re-run button.\n */\nconst PENDING_POLL_INTERVAL_MS = 3_000;\nconst PENDING_POLL_MAX_MS = 3 * 60_000;\n\nfunction SubmissionRow({\n  s,\n  focused,\n  onToggle,\n}: {\n  s: TecSubmission;\n  /** The focused submission (`?submissionId=`) is the one the assistant acts on. */\n  focused: boolean;\n  onToggle: () => void;\n}) {\n  return (\n    <div\n      className={cn(\n        'cursor-pointer rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken',\n        focused && FOCUSED_CARD_CLASS\n      )}\n      {...focusableCardProps(focused, onToggle)}\n    >\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1\">\n        <button\n          type=\"button\"\n          aria-pressed={focused}\n          aria-label={`Focus submission from ${formatDateTime(s.createdAt)}`}\n          onClick={onToggle}\n          className=\"rounded-full\"\n        >\n          <StatusBadge status={s.verdict} />\n        </button>\n        <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-primary\">\n          <Code2 size={13} /> {humanizeEnum(s.language)}\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Clock size={12} /> {s.runtimeMs} ms\n        </span>\n        <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n          <Trophy size={12} /> {s.pointsAwarded} pts\n        </span>\n        <span className=\"ml-auto text-xs text-text-muted\">{formatDateTime(s.createdAt)}</span>\n      </div>\n      {s.totalCount > 0 ? (\n        <p className=\"mt-1 px-0.5 text-xs text-text-muted\">\n          Passed {s.passedCount} of {s.totalCount} test cases\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nexport function ApplicationsProblemDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  // The focused submission lives in `?submissionId=` so the assistant's page\n  // context names it (\"explain this submission\").\n  const [focusedSubmissionId, setFocusedSubmissionId] = useFocusedRecordParam(\n    FOCUS_PARAMS.submission\n  );\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const navigate = useTechnoSpamNavigate();\n  const learnerId = currentUser?.id;\n  const { emit } = useTechnoSpamAnalytics();\n\n  const { data, loading, error, refetch } = useProblemQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.problem.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n      });\n    }\n  }, [id, workspaceId, emit]);\n  const {\n    data: subsData,\n    loading: subsLoading,\n    error: subsError,\n    refetch: refetchSubs,\n  } = useSubmissionsQuery({ ...(learnerId ? { learnerId } : {}), problemId: id });\n  const [submit, { loading: submitting }] = useSubmitSolution();\n  const [regrade, { loading: regrading }] = useRegradeSubmission();\n\n  const problem = data?.tecProblem ?? null;\n\n  const languages = useMemo(\n    () => (problem?.languages?.length ? problem.languages : FALLBACK_LANGUAGES),\n    [problem]\n  );\n\n  const [language, setLanguage] = useState('');\n  const [code, setCode] = useState('');\n  const initedRef = useRef(false);\n\n  useEffect(() => {\n    if (problem && !initedRef.current) {\n      setLanguage(problem.languages[0] ?? FALLBACK_LANGUAGES[0]!);\n      setCode(problem.starterCode ?? '');\n      initedRef.current = true;\n    }\n  }, [problem]);\n\n  const submissions = useMemo(\n    () =>\n      [...(subsData?.tecListSubmissions?.items ?? [])].sort(\n        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n      ),\n    [subsData]\n  );\n\n  const handleSubmit = async () => {\n    if (!id) return;\n    if (!language) {\n      notify.error('Pick a language', 'Choose a language before submitting.');\n      return;\n    }\n    if (!code.trim()) {\n      notify.error('Add your solution', 'Write some code before submitting.');\n      return;\n    }\n    emit('technospam.problem.submit_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_PROBLEM',\n      language,\n    });\n    const res = await submit({ variables: { input: { problemId: id, language, code } } });\n    if (res.data?.tecSubmitSolution) {\n      emit('technospam.problem.submitted', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n        submissionId: res.data.tecSubmitSolution.id,\n      });\n      const graded = res.data.tecSubmitSolution;\n      if (graded.verdict === 'PENDING') {\n        notify.info(\n          'Solution submitted',\n          'Grading has started — your verdict will appear here in a moment.'\n        );\n      } else if (graded.verdict === 'ACCEPTED') {\n        notify.success('Accepted', `Passed all ${graded.totalCount} test cases.`);\n      } else {\n        notify.error(\n          humanizeEnum(graded.verdict),\n          `Passed ${graded.passedCount} of ${graded.totalCount} test cases.`\n        );\n      }\n      await Promise.all([refetch(), refetchSubs()]);\n    }\n  };\n\n  const handleRegrade = async (submissionId: string) => {\n    const res = await regrade({ variables: { id: submissionId } });\n    const graded = res.data?.tecRegradeSubmission;\n    if (!graded) return;\n    if (graded.verdict === 'PENDING') {\n      notify.error('Still pending', 'The grader is not available yet. Please try again shortly.');\n    } else {\n      notify.success('Grading complete', `Verdict: ${humanizeEnum(graded.verdict)}.`);\n    }\n    await Promise.all([refetch(), refetchSubs()]);\n  };\n\n  /** Most recent submission that actually carries grading detail. */\n  const latestGraded = submissions.find((s) => (s.testResults?.length ?? 0) > 0) ?? null;\n  const latestSubmission = submissions[0] ?? null;\n  const pendingId = latestSubmission?.verdict === 'PENDING' ? latestSubmission.id : null;\n\n  // Poll while the newest submission is still being graded in the background.\n  const [pollExpiredFor, setPollExpiredFor] = useState<string | null>(null);\n  const polling = pendingId !== null && pollExpiredFor !== pendingId;\n  useEffect(() => {\n    if (!pendingId || pollExpiredFor === pendingId) return undefined;\n    const startedAt = Date.now();\n    const timer = window.setInterval(() => {\n      if (Date.now() - startedAt > PENDING_POLL_MAX_MS) {\n        window.clearInterval(timer);\n        setPollExpiredFor(pendingId);\n        return;\n      }\n      void refetchSubs();\n    }, PENDING_POLL_INTERVAL_MS);\n    return () => window.clearInterval(timer);\n  }, [pendingId, pollExpiredFor, refetchSubs]);\n\n  // Announce the verdict once a background-graded submission settles.\n  const awaitedIdRef = useRef<string | null>(null);\n  useEffect(() => {\n    if (pendingId) {\n      awaitedIdRef.current = pendingId;\n      return;\n    }\n    const awaitedId = awaitedIdRef.current;\n    if (!awaitedId) return;\n    const settled = submissions.find((s) => s.id === awaitedId);\n    if (!settled || settled.verdict === 'PENDING') return;\n    awaitedIdRef.current = null;\n    if (settled.verdict === 'ACCEPTED') {\n      notify.success('Accepted', `Passed all ${settled.totalCount} test cases.`);\n    } else {\n      notify.error(\n        humanizeEnum(settled.verdict),\n        `Passed ${settled.passedCount} of ${settled.totalCount} test cases.`\n      );\n    }\n    void refetch();\n  }, [pendingId, submissions, refetch]);\n\n  if (loading && !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        <Skeleton className=\"mb-4 h-28 w-full rounded-xl\" />\n        <Skeleton className=\"h-72 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load problem\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Problem not found\"\n            description=\"This problem may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/applications/problems-page\"\n      title={problem.title}\n      description={problem.topic ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n        <StatusBadge status={problem.status} />\n        {problem.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {problem.topic}\n          </Badge>\n        ) : null}\n        {problem.isPremiumOnly ? <PremiumBadge locked={problem.isLocked} /> : null}\n        <TagStrip tags={problem.tags} />\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Points\" value={problem.points} icon={Trophy} tone=\"amber\" />\n        <StatCard label=\"Languages\" value={languages.length} icon={Code2} tone=\"blue\" />\n        <StatCard\n          label=\"Difficulty\"\n          value={humanizeEnum(problem.difficulty)}\n          icon={Layers}\n          tone=\"purple\"\n        />\n        <StatCard label=\"My submissions\" value={submissions.length} icon={FileText} tone=\"teal\" />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-3\">\n        <div className=\"space-y-5 lg:col-span-2\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Problem statement</h2>\n            {problem.isLocked ? (\n              // BOFF-4416: the API already nulled `statement` for a locked\n              // premium problem — this explains why, rather than showing the\n              // generic \"being prepared\" message used for a real content gap.\n              <UpgradeGate description=\"This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it.\" />\n            ) : problem.statement ? (\n              <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {problem.statement}\n              </p>\n            ) : (\n              <p className=\"py-4 text-center text-sm text-text-muted\">\n                The statement for this problem is being prepared.\n              </p>\n            )}\n          </GlassCard>\n\n          {problem.isLocked ? (\n            <UpgradeGate\n              compact\n              description=\"Starter code and sample test cases unlock with a paid TechnoSpam plan.\"\n            />\n          ) : problem.starterCode ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Starter code</h2>\n              <CodePanel label={humanizeEnum(languages[0] ?? 'code')} bodyClassName=\"max-h-72\">\n                {problem.starterCode}\n              </CodePanel>\n            </GlassCard>\n          ) : null}\n\n          <GlassCard className=\"p-5\">\n            <div className=\"mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Submit a solution</h2>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">Language</span>\n                <Select value={language} onValueChange={setLanguage}>\n                  <SelectTrigger className=\"w-full sm:w-48\">\n                    <SelectValue placeholder=\"Choose a language\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {languages.map((l) => (\n                      <SelectItem key={l} value={l}>\n                        {humanizeEnum(l)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n              <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n                </div>\n                <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n                  <Code2 size={13} /> {language ? humanizeEnum(language) : 'solution'}\n                </span>\n              </div>\n              <Textarea\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                placeholder=\"Write your solution…\"\n                className=\"min-h-[280px] resize-y rounded-none border-0 bg-transparent font-mono text-xs leading-relaxed focus-visible:ring-0 focus-visible:ring-offset-0\"\n                spellCheck={false}\n              />\n            </div>\n\n            <Button\n              className=\"mt-4 w-full\"\n              onClick={handleSubmit}\n              disabled={submitting || !code.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Running test cases…' : 'Run & submit'}\n            </Button>\n            <p className=\"mt-2 text-center text-xs text-text-muted\">\n              Your code runs against this problem&apos;s test cases in an isolated sandbox.\n            </p>\n          </GlassCard>\n\n          {problem.publicTestCases?.length ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-1 flex items-center gap-2 text-base font-semibold text-text-primary\">\n                <FlaskConical size={16} /> Sample test cases\n              </h2>\n              <p className=\"mb-3 text-sm text-text-secondary\">\n                Your solution reads each input from stdin and must print the expected output. Hidden\n                test cases are also run when you submit.\n              </p>\n              <div className=\"space-y-3\">\n                {problem.publicTestCases.map((testCase) => (\n                  <div key={testCase.id} className=\"rounded-xl border border-border-seam p-3\">\n                    <div className=\"mb-2 flex flex-wrap items-center gap-x-3 gap-y-1\">\n                      <span className=\"text-sm font-medium text-text-primary\">{testCase.name}</span>\n                      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n                        <Clock size={12} /> {testCase.timeLimitMs} ms limit\n                      </span>\n                    </div>\n                    <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n                      <IoBlock label=\"Input\" value={testCase.input} />\n                      <IoBlock label=\"Expected output\" value={testCase.expectedOutput} />\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </GlassCard>\n          ) : null}\n\n          {pendingId ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Latest run</h2>\n              {polling ? (\n                <p className=\"mb-3 inline-flex items-center gap-2 text-sm text-text-secondary\">\n                  <RefreshCw size={14} className=\"animate-spin\" />\n                  Grading your submission — the grader is starting up. Your verdict will appear here\n                  automatically.\n                </p>\n              ) : (\n                <p className=\"mb-3 text-sm text-text-secondary\">\n                  Your most recent submission has not been graded yet — the grader was unavailable.\n                  You can re-run it without resubmitting your code.\n                </p>\n              )}\n              <Button\n                variant=\"outline\"\n                onClick={() => void handleRegrade(pendingId)}\n                disabled={regrading}\n              >\n                <RefreshCw size={16} /> {regrading ? 'Re-running…' : 'Re-run grader'}\n              </Button>\n            </GlassCard>\n          ) : latestGraded ? (\n            <>\n              <GlassCard className=\"p-5\">\n                <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Latest run</h2>\n                <TestResultsPanel submission={latestGraded} />\n              </GlassCard>\n              <GlassCard className=\"p-5\">\n                <h2 className=\"mb-3 flex items-center gap-2 text-base font-semibold text-text-primary\">\n                  <Sparkles size={16} /> TechnoSage review\n                </h2>\n                <SubmissionReviewPanel\n                  submission={latestGraded}\n                  onOpenProblem={(problemId) =>\n                    navigate(`/applications/problem-details-page?id=${problemId}`)\n                  }\n                />\n              </GlassCard>\n            </>\n          ) : null}\n        </div>\n\n        <div className=\"lg:col-span-1\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-3 text-base font-semibold text-text-primary\">My submissions</h2>\n            {subsLoading && !submissions.length ? (\n              <LoadingRows count={3} height=\"h-12\" />\n            ) : subsError ? (\n              <ErrorView title=\"Couldn't load submissions\" error={subsError} />\n            ) : submissions.length === 0 ? (\n              <EmptyView\n                icon={<FileText size={24} />}\n                title=\"No submissions yet\"\n                description=\"Submit a solution above to see your verdicts and points here.\"\n              />\n            ) : (\n              <div className=\"space-y-1\">\n                {submissions.map((s) => (\n                  <SubmissionRow\n                    key={s.id}\n                    s={s}\n                    focused={focusedSubmissionId === s.id}\n                    onToggle={() =>\n                      setFocusedSubmissionId(focusedSubmissionId === s.id ? null : s.id)\n                    }\n                  />\n                ))}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/ApplicationsProblemsPagePage.js

@@ -8,8 +8,8 @@ import { StatusBadge as c } from "../components/StatusBadge.js";
 import { LoadMore as l } from "../components/LoadMore.js";
 import { EmptyView as ee, ErrorView as u, LoadingGrid as d } from "../components/StateViews.js";
 import { PremiumBadge as f } from "../components/UpgradeGate.js";
-import "../components/index.js";
 import { pageArg as p, usePageLimit as m, useProblemsQuery as te, useSubmissionsQuery as h } from "../api/technospamApi.js";
+import "../components/index.js";
 import { useMemo as g, useState as _ } from "react";
 import { Building2 as v, CheckCircle2 as y, Code2 as b, Flame as x, Gauge as ne, Layers as S, Search as re, Tag as C, Trophy as w } from "lucide-react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";

package/dist/technospam/pages/CoursesCourseDetailsPagePage.js

@@ -8,9 +8,9 @@ import { formatDate as s, formatDuration as c, humanizeEnum as l } from "../util
 import { EmptyView as u, ErrorView as ee } from "../components/StateViews.js";
 import { TagStrip as te } from "../components/TagStrip.js";
 import { PremiumBadge as ne, UpgradeGate as d } from "../components/UpgradeGate.js";
-import "../components/index.js";
 import { notify as f } from "../lib/toast.js";
 import { useCourseQuery as re, useEnroll as ie, useIssueCertificate as p, useMyCertificatesQuery as m, useUpdateProgress as ae } from "../api/technospamApi.js";
+import "../components/index.js";
 import { FOCUS_PARAMS as oe } from "../utils/pageContext.js";
 import { useFocusedRecordParam as se } from "../hooks/useFocusedRecordParam.js";
 import { useEffect as h } from "react";

package/dist/technospam/pages/CoursesCoursesPagePage.js

@@ -9,8 +9,8 @@ import { StatusBadge as l } from "../components/StatusBadge.js";
 import { LoadMore as u } from "../components/LoadMore.js";
 import { EmptyView as d, ErrorView as f, LoadingGrid as p } from "../components/StateViews.js";
 import { PremiumBadge as m } from "../components/UpgradeGate.js";
-import "../components/index.js";
 import { pageArg as h, useCoursesQuery as g, usePageLimit as _ } from "../api/technospamApi.js";
+import "../components/index.js";
 import { useMemo as v, useState as y } from "react";
 import { BookOpen as b, Clock as x, GraduationCap as S, Layers as C, Search as w, Sparkles as T } from "lucide-react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";

package/dist/technospam/pages/CoursesMyLearningPagePage.js

@@ -6,8 +6,8 @@ import { coverGradient as a, topicIcon as o } from "../components/MediaCover.js"
 import { formatDate as s, relativeTime as c } from "../utils/format.js";
 import { StatusBadge as l } from "../components/StatusBadge.js";
 import { EmptyView as u, ErrorView as d, LoadingRows as f } from "../components/StateViews.js";
-import "../components/index.js";
 import { useEnrollmentsQuery as p, useMyCertificatesQuery as m } from "../api/technospamApi.js";
+import "../components/index.js";
 import { FOCUS_PARAMS as h } from "../utils/pageContext.js";
 import { focusableCardProps as g, useFocusedRecordParam as _ } from "../hooks/useFocusedRecordParam.js";
 import { createElement as v } from "react";