@burdenoff/microfe-technospam 2026.1024.1 → 2026.1030.1

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js

@@ -1,66 +1,77 @@
 import { useTechnoSpam as e } from "../providers/TechnoSpamProvider.js";
 import { useTechnoSpamAnalytics as t } from "../hooks/useTechnoSpamAnalytics.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { StatCard as r } from "../components/StatCard.js";
-import { formatDateTime as i, humanizeEnum as a } from "../utils/format.js";
-import { StatusBadge as o } from "../components/StatusBadge.js";
-import { EmptyView as s, ErrorView as c, LoadingRows as ee } from "../components/StateViews.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 { TagStrip as te } from "../components/TagStrip.js";
-import { PremiumBadge as ne, UpgradeGate as l } from "../components/UpgradeGate.js";
-import { CodePanel as re, IoBlock as u, TestResultsPanel as ie } from "../components/SubmissionViews.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 d } from "../lib/toast.js";
+import { notify as f } from "../lib/toast.js";
 import { useProblemQuery as ae, useRegradeSubmission as oe, useSubmissionsQuery as se, useSubmitSolution as ce } from "../api/technospamApi.js";
-import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { Clock as g, Code2 as _, FileText as v, FlaskConical as le, Layers as y, RefreshCw as b, Send as ue, Trophy as x } from "lucide-react";
-import { useSearchParams as S } from "react-router";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Badge as de, Button as T, GlassCard as E, Select as fe, SelectContent as pe, SelectItem as me, SelectTrigger as he, SelectValue as ge, Skeleton as D, Textarea as _e } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx
-var O = [
+var k = [
 	"javascript",
 	"python",
 	"typescript"
-], ve = 3e3, ye = 3 * 6e4;
-function be({ s: e }) {
-	return /* @__PURE__ */ w("div", {
-		className: "rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken",
-		children: [/* @__PURE__ */ w("div", {
+], xe = 3e3, Se = 3 * 6e4;
+function Ce({ s: e, focused: t, onToggle: r }) {
+	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),
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex flex-wrap items-center gap-x-4 gap-y-1",
 			children: [
-				/* @__PURE__ */ C(o, { status: e.verdict }),
-				/* @__PURE__ */ w("span", {
+				/* @__PURE__ */ w("button", {
+					type: "button",
+					"aria-pressed": t,
+					"aria-label": `Focus submission from ${a(e.createdAt)}`,
+					onClick: r,
+					className: "rounded-full",
+					children: /* @__PURE__ */ w(s, { status: e.verdict })
+				}),
+				/* @__PURE__ */ T("span", {
 					className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
 					children: [
-						/* @__PURE__ */ C(_, { size: 13 }),
+						/* @__PURE__ */ w(y, { size: 13 }),
 						" ",
-						a(e.language)
+						o(e.language)
 					]
 				}),
-				/* @__PURE__ */ w("span", {
+				/* @__PURE__ */ T("span", {
 					className: "inline-flex items-center gap-1 text-xs text-text-muted",
 					children: [
-						/* @__PURE__ */ C(g, { size: 12 }),
+						/* @__PURE__ */ w(v, { size: 12 }),
 						" ",
 						e.runtimeMs,
 						" ms"
 					]
 				}),
-				/* @__PURE__ */ w("span", {
+				/* @__PURE__ */ T("span", {
 					className: "inline-flex items-center gap-1 text-xs text-text-muted",
 					children: [
-						/* @__PURE__ */ C(x, { size: 12 }),
+						/* @__PURE__ */ w(C, { size: 12 }),
 						" ",
 						e.pointsAwarded,
 						" pts"
 					]
 				}),
-				/* @__PURE__ */ C("span", {
+				/* @__PURE__ */ w("span", {
 					className: "ml-auto text-xs text-text-muted",
-					children: i(e.createdAt)
+					children: a(e.createdAt)
 				})
 			]
-		}), e.totalCount > 0 ? /* @__PURE__ */ w("p", {
+		}), e.totalCount > 0 ? /* @__PURE__ */ T("p", {
 			className: "mt-1 px-0.5 text-xs text-text-muted",
 			children: [
 				"Passed ",
@@ -72,78 +83,78 @@ function be({ s: e }) {
 		}) : null]
 	});
 }
-function k() {
-	let [i] = S(), k = i.get("id") ?? "", { currentUser: xe, workspaceId: A } = e(), j = xe?.id, { emit: M } = t(), { data: Se, loading: N, error: P, refetch: F } = ae(k);
-	f(() => {
-		k && M("technospam.problem.viewed", {
-			workspaceId: A,
-			entityId: k,
+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", {
+			workspaceId: j,
+			entityId: a,
 			entityType: "TEC_PROBLEM"
 		});
 	}, [
-		k,
-		A,
-		M
+		a,
+		j,
+		N
 	]);
-	let { data: I, loading: Ce, error: L, refetch: R } = se({
-		...j ? { learnerId: j } : {},
-		problemId: k
-	}), [we, { loading: z }] = ce(), [Te, { loading: B }] = oe(), V = Se?.tecProblem ?? null, H = p(() => V?.languages?.length ? V.languages : O, [V]), [U, W] = h(""), [G, K] = h(""), q = m(!1);
-	f(() => {
-		V && !q.current && (W(V.languages[0] ?? O[0]), K(V.starterCode ?? ""), q.current = !0);
+	let { data: I, loading: De, 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(() => {
+		V && !q.current && (W(V.languages[0] ?? k[0]), K(V.starterCode ?? ""), q.current = !0);
 	}, [V]);
-	let J = p(() => [...I?.tecListSubmissions?.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [I]), Ee = async () => {
-		if (!k) return;
+	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;
 		if (!U) {
-			d.error("Pick a language", "Choose a language before submitting.");
+			f.error("Pick a language", "Choose a language before submitting.");
 			return;
 		}
 		if (!G.trim()) {
-			d.error("Add your solution", "Write some code before submitting.");
+			f.error("Add your solution", "Write some code before submitting.");
 			return;
 		}
-		M("technospam.problem.submit_clicked", {
-			workspaceId: A,
-			entityId: k,
+		N("technospam.problem.submit_clicked", {
+			workspaceId: j,
+			entityId: a,
 			entityType: "TEC_PROBLEM",
 			language: U
 		});
-		let e = await we({ variables: { input: {
-			problemId: k,
+		let e = await Oe({ variables: { input: {
+			problemId: a,
 			language: U,
 			code: G
 		} } });
 		if (e.data?.tecSubmitSolution) {
-			M("technospam.problem.submitted", {
-				workspaceId: A,
-				entityId: k,
+			N("technospam.problem.submitted", {
+				workspaceId: j,
+				entityId: a,
 				entityType: "TEC_PROBLEM",
 				submissionId: e.data.tecSubmitSolution.id
 			});
 			let t = e.data.tecSubmitSolution;
-			t.verdict === "PENDING" ? d.info("Solution submitted", "Grading has started — your verdict will appear here in a moment.") : t.verdict === "ACCEPTED" ? d.success("Accepted", `Passed all ${t.totalCount} test cases.`) : d.error(a(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), await Promise.all([F(), R()]);
+			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()]);
 		}
-	}, De = async (e) => {
-		let t = (await Te({ variables: { id: e } })).data?.tecRegradeSubmission;
-		t && (t.verdict === "PENDING" ? d.error("Still pending", "The grader is not available yet. Please try again shortly.") : d.success("Grading complete", `Verdict: ${a(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, Oe] = h(null), ke = Z !== null && Q !== Z;
-	f(() => {
+	}, 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(() => {
 		if (!Z || Q === Z) return;
 		let e = Date.now(), t = window.setInterval(() => {
-			if (Date.now() - e > ye) {
-				window.clearInterval(t), Oe(Z);
+			if (Date.now() - e > Se) {
+				window.clearInterval(t), Me(Z);
 				return;
 			}
 			R();
-		}, ve);
+		}, xe);
 		return () => window.clearInterval(t);
 	}, [
 		Z,
 		Q,
 		R
 	]);
-	let $ = m(null);
-	return f(() => {
+	let $ = g(null);
+	return m(() => {
 		if (Z) {
 			$.current = Z;
 			return;
@@ -151,159 +162,159 @@ function k() {
 		let e = $.current;
 		if (!e) return;
 		let t = J.find((t) => t.id === e);
-		!t || t.verdict === "PENDING" || ($.current = null, t.verdict === "ACCEPTED" ? d.success("Accepted", `Passed all ${t.totalCount} test cases.`) : d.error(a(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), F());
+		!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());
 	}, [
 		Z,
 		J,
 		F
-	]), N && !V ? /* @__PURE__ */ w(n, {
+	]), Ee && !V ? /* @__PURE__ */ T(r, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: [/* @__PURE__ */ C(D, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ C(D, { className: "h-72 w-full rounded-xl" })]
-	}) : P || !V ? /* @__PURE__ */ C(n, {
+		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, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: P ? /* @__PURE__ */ C(c, {
+		children: P ? /* @__PURE__ */ w(l, {
 			title: "Couldn't load problem",
 			error: P
-		}) : /* @__PURE__ */ C(s, {
+		}) : /* @__PURE__ */ w(c, {
 			title: "Problem not found",
 			description: "This problem may have been unpublished."
 		})
-	}) : /* @__PURE__ */ w(n, {
+	}) : /* @__PURE__ */ T(r, {
 		hero: !0,
 		backPath: "/applications/problems-page",
 		title: V.title,
 		description: V.topic ?? void 0,
 		children: [
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-5 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ C(o, {
+					/* @__PURE__ */ w(s, {
 						status: V.difficulty,
 						kind: "level"
 					}),
-					/* @__PURE__ */ C(o, { status: V.status }),
-					V.topic ? /* @__PURE__ */ w(de, {
+					/* @__PURE__ */ w(s, { status: V.status }),
+					V.topic ? /* @__PURE__ */ T(me, {
 						variant: "outline",
 						className: "gap-1",
 						children: [
-							/* @__PURE__ */ C(y, { size: 12 }),
+							/* @__PURE__ */ w(x, { size: 12 }),
 							" ",
 							V.topic
 						]
 					}) : null,
-					V.isPremiumOnly ? /* @__PURE__ */ C(ne, { locked: V.isLocked }) : null,
-					/* @__PURE__ */ C(te, { tags: V.tags })
+					V.isPremiumOnly ? /* @__PURE__ */ w(ne, { locked: V.isLocked }) : null,
+					/* @__PURE__ */ w(te, { tags: V.tags })
 				]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ C(r, {
+					/* @__PURE__ */ w(i, {
 						label: "Points",
 						value: V.points,
-						icon: x,
+						icon: C,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ C(r, {
+					/* @__PURE__ */ w(i, {
 						label: "Languages",
 						value: H.length,
-						icon: _,
+						icon: y,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ C(r, {
+					/* @__PURE__ */ w(i, {
 						label: "Difficulty",
-						value: a(V.difficulty),
-						icon: y,
+						value: o(V.difficulty),
+						icon: x,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ C(r, {
+					/* @__PURE__ */ w(i, {
 						label: "My submissions",
 						value: J.length,
-						icon: v,
+						icon: b,
 						tone: "teal"
 					})
 				]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 gap-5 lg:grid-cols-3",
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "space-y-5 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ w(E, {
+						/* @__PURE__ */ T(D, {
 							className: "p-5",
-							children: [/* @__PURE__ */ C("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-2 text-base font-semibold text-text-primary",
 								children: "Problem statement"
-							}), V.isLocked ? /* @__PURE__ */ C(l, { description: "This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it." }) : V.statement ? /* @__PURE__ */ C("p", {
+							}), 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", {
 								className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
 								children: V.statement
-							}) : /* @__PURE__ */ C("p", {
+							}) : /* @__PURE__ */ w("p", {
 								className: "py-4 text-center text-sm text-text-muted",
 								children: "The statement for this problem is being prepared."
 							})]
 						}),
-						V.isLocked ? /* @__PURE__ */ C(l, {
+						V.isLocked ? /* @__PURE__ */ w(u, {
 							compact: !0,
 							description: "Starter code and sample test cases unlock with a paid TechnoSpam plan."
-						}) : V.starterCode ? /* @__PURE__ */ w(E, {
+						}) : V.starterCode ? /* @__PURE__ */ T(D, {
 							className: "p-5",
-							children: [/* @__PURE__ */ C("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Starter code"
-							}), /* @__PURE__ */ C(re, {
-								label: a(H[0] ?? "code"),
+							}), /* @__PURE__ */ w(re, {
+								label: o(H[0] ?? "code"),
 								bodyClassName: "max-h-72",
 								children: V.starterCode
 							})]
 						}) : null,
-						/* @__PURE__ */ w(E, {
+						/* @__PURE__ */ T(D, {
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ T("div", {
 									className: "mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
-									children: [/* @__PURE__ */ C("h2", {
+									children: [/* @__PURE__ */ w("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Submit a solution"
-									}), /* @__PURE__ */ w("div", {
+									}), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: "Language"
-										}), /* @__PURE__ */ w(fe, {
+										}), /* @__PURE__ */ T(he, {
 											value: U,
 											onValueChange: W,
-											children: [/* @__PURE__ */ C(he, {
+											children: [/* @__PURE__ */ w(ve, {
 												className: "w-full sm:w-48",
-												children: /* @__PURE__ */ C(ge, { placeholder: "Choose a language" })
-											}), /* @__PURE__ */ C(pe, { children: H.map((e) => /* @__PURE__ */ C(me, {
+												children: /* @__PURE__ */ w(ye, { placeholder: "Choose a language" })
+											}), /* @__PURE__ */ w(ge, { children: H.map((e) => /* @__PURE__ */ w(_e, {
 												value: e,
-												children: a(e)
+												children: o(e)
 											}, e)) })]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ T("div", {
 									className: "overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm",
-									children: [/* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2",
-										children: [/* @__PURE__ */ w("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex items-center gap-1.5",
 											children: [
-												/* @__PURE__ */ C("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
-												/* @__PURE__ */ C("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
-												/* @__PURE__ */ C("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
+												/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
+												/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
+												/* @__PURE__ */ w("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
 											]
-										}), /* @__PURE__ */ w("span", {
+										}), /* @__PURE__ */ T("span", {
 											className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 											children: [
-												/* @__PURE__ */ C(_, { size: 13 }),
+												/* @__PURE__ */ w(y, { size: 13 }),
 												" ",
-												U ? a(U) : "solution"
+												U ? o(U) : "solution"
 											]
 										})]
-									}), /* @__PURE__ */ C(_e, {
+									}), /* @__PURE__ */ w(be, {
 										value: G,
 										onChange: (e) => K(e.target.value),
 										placeholder: "Write your solution…",
@@ -311,57 +322,57 @@ function k() {
 										spellCheck: !1
 									})]
 								}),
-								/* @__PURE__ */ w(T, {
+								/* @__PURE__ */ T(E, {
 									className: "mt-4 w-full",
-									onClick: Ee,
+									onClick: Ae,
 									disabled: z || !G.trim(),
 									children: [
-										/* @__PURE__ */ C(ue, { size: 16 }),
+										/* @__PURE__ */ w(fe, { size: 16 }),
 										" ",
 										z ? "Running test cases…" : "Run & submit"
 									]
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ w("p", {
 									className: "mt-2 text-center text-xs text-text-muted",
 									children: "Your code runs against this problem's test cases in an isolated sandbox."
 								})
 							]
 						}),
-						V.publicTestCases?.length ? /* @__PURE__ */ w(E, {
+						V.publicTestCases?.length ? /* @__PURE__ */ T(D, {
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ w("h2", {
+								/* @__PURE__ */ T("h2", {
 									className: "mb-1 flex items-center gap-2 text-base font-semibold text-text-primary",
-									children: [/* @__PURE__ */ C(le, { size: 16 }), " Sample test cases"]
+									children: [/* @__PURE__ */ w(de, { size: 16 }), " Sample test cases"]
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ w("p", {
 									className: "mb-3 text-sm text-text-secondary",
 									children: "Your solution reads each input from stdin and must print the expected output. Hidden test cases are also run when you submit."
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-3",
-									children: V.publicTestCases.map((e) => /* @__PURE__ */ w("div", {
+									children: V.publicTestCases.map((e) => /* @__PURE__ */ T("div", {
 										className: "rounded-xl border border-border-seam p-3",
-										children: [/* @__PURE__ */ w("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "mb-2 flex flex-wrap items-center gap-x-3 gap-y-1",
-											children: [/* @__PURE__ */ C("span", {
+											children: [/* @__PURE__ */ w("span", {
 												className: "text-sm font-medium text-text-primary",
 												children: e.name
-											}), /* @__PURE__ */ w("span", {
+											}), /* @__PURE__ */ T("span", {
 												className: "inline-flex items-center gap-1 text-xs text-text-muted",
 												children: [
-													/* @__PURE__ */ C(g, { size: 12 }),
+													/* @__PURE__ */ w(v, { size: 12 }),
 													" ",
 													e.timeLimitMs,
 													" ms limit"
 												]
 											})]
-										}), /* @__PURE__ */ w("div", {
+										}), /* @__PURE__ */ T("div", {
 											className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-											children: [/* @__PURE__ */ C(u, {
+											children: [/* @__PURE__ */ w(d, {
 												label: "Input",
 												value: e.input
-											}), /* @__PURE__ */ C(u, {
+											}), /* @__PURE__ */ w(d, {
 												label: "Expected output",
 												value: e.expectedOutput
 											})]
@@ -370,62 +381,66 @@ function k() {
 								})
 							]
 						}) : null,
-						Z ? /* @__PURE__ */ w(E, {
+						Z ? /* @__PURE__ */ T(D, {
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ C("h2", {
+								/* @__PURE__ */ w("h2", {
 									className: "mb-2 text-base font-semibold text-text-primary",
 									children: "Latest run"
 								}),
-								ke ? /* @__PURE__ */ w("p", {
+								Ne ? /* @__PURE__ */ T("p", {
 									className: "mb-3 inline-flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ C(b, {
+									children: [/* @__PURE__ */ w(S, {
 										size: 14,
 										className: "animate-spin"
 									}), "Grading your submission — the grader is starting up. Your verdict will appear here automatically."]
-								}) : /* @__PURE__ */ C("p", {
+								}) : /* @__PURE__ */ w("p", {
 									className: "mb-3 text-sm text-text-secondary",
 									children: "Your most recent submission has not been graded yet — the grader was unavailable. You can re-run it without resubmitting your code."
 								}),
-								/* @__PURE__ */ w(T, {
+								/* @__PURE__ */ T(E, {
 									variant: "outline",
-									onClick: () => void De(Z),
+									onClick: () => void je(Z),
 									disabled: B,
 									children: [
-										/* @__PURE__ */ C(b, { size: 16 }),
+										/* @__PURE__ */ w(S, { size: 16 }),
 										" ",
 										B ? "Re-running…" : "Re-run grader"
 									]
 								})
 							]
-						}) : Y ? /* @__PURE__ */ w(E, {
+						}) : Y ? /* @__PURE__ */ T(D, {
 							className: "p-5",
-							children: [/* @__PURE__ */ C("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Latest run"
-							}), /* @__PURE__ */ C(ie, { submission: Y })]
+							}), /* @__PURE__ */ w(ie, { submission: Y })]
 						}) : null
 					]
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ w(E, {
+					children: /* @__PURE__ */ T(D, {
 						className: "p-5",
-						children: [/* @__PURE__ */ C("h2", {
+						children: [/* @__PURE__ */ w("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "My submissions"
-						}), Ce && !J.length ? /* @__PURE__ */ C(ee, {
+						}), De && !J.length ? /* @__PURE__ */ w(ee, {
 							count: 3,
 							height: "h-12"
-						}) : L ? /* @__PURE__ */ C(c, {
+						}) : L ? /* @__PURE__ */ w(l, {
 							title: "Couldn't load submissions",
 							error: L
-						}) : J.length === 0 ? /* @__PURE__ */ C(s, {
-							icon: /* @__PURE__ */ C(v, { size: 24 }),
+						}) : J.length === 0 ? /* @__PURE__ */ w(c, {
+							icon: /* @__PURE__ */ w(b, { size: 24 }),
 							title: "No submissions yet",
 							description: "Submit a solution above to see your verdicts and points here."
-						}) : /* @__PURE__ */ C("div", {
+						}) : /* @__PURE__ */ w("div", {
 							className: "space-y-1",
-							children: J.map((e) => /* @__PURE__ */ C(be, { s: e }, e.id))
+							children: J.map((e) => /* @__PURE__ */ w(Ce, {
+								s: e,
+								focused: p === e.id,
+								onToggle: () => A(p === e.id ? null : e.id)
+							}, e.id))
 						})]
 					})
 				})]
@@ -434,6 +449,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as ApplicationsProblemDetailsPagePage };
+export { A as ApplicationsProblemDetailsPagePage };
 
 //# sourceMappingURL=ApplicationsProblemDetailsPagePage.js.map