@burdenoff/microfe-technospam 2026.731.1 → 2026.827.1

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js

@@ -1,72 +1,46 @@
 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 { TagStrip as te } from "../components/TagStrip.js";
-import { PremiumBadge as ne, UpgradeGate as u } from "../components/UpgradeGate.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 l } from "../components/StateViews.js";
+import { TagStrip as u } from "../components/TagStrip.js";
+import { PremiumBadge as ee, UpgradeGate as d } from "../components/UpgradeGate.js";
+import { CodePanel as f, IoBlock as p, TestResultsPanel as te } from "../components/SubmissionViews.js";
 import "../components/index.js";
-import { notify as d } from "../lib/toast.js";
-import { useProblemQuery as re, useRegradeSubmission as f, useSubmissionsQuery as ie, useSubmitSolution as ae } from "../api/technospamApi.js";
-import { useEffect as p, useMemo as m, useRef as oe, useState as h } from "react";
-import { CheckCircle2 as g, Clock as _, Code2 as v, EyeOff as y, FileText as b, FlaskConical as se, Layers as x, MinusCircle as S, RefreshCw as ce, Send as le, Trophy as C, XCircle as w } from "lucide-react";
-import { useSearchParams as ue } from "react-router-dom";
+import { notify as m } from "../lib/toast.js";
+import { useProblemQuery as ne, useRegradeSubmission as re, useSubmissionsQuery as ie, useSubmitSolution as ae } from "../api/technospamApi.js";
+import { useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { Clock as y, Code2 as b, FileText as x, FlaskConical as oe, Layers as S, RefreshCw as se, Send as ce, Trophy as C } from "lucide-react";
+import { useSearchParams as w } from "react-router";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Badge as D, Button as O, GlassCard as k, Select as de, SelectContent as fe, SelectItem as A, SelectTrigger as pe, SelectValue as me, Skeleton as j, Textarea as he } from "@burdenoff/fe-libs/ui";
+import { Badge as le, Button as D, GlassCard as O, Select as ue, SelectContent as de, SelectItem as fe, SelectTrigger as pe, SelectValue as me, Skeleton as k, Textarea as he } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx
-var M = [
+var A = [
 	"javascript",
 	"python",
 	"typescript"
 ];
-function N({ label: e, children: t, bodyClassName: r }) {
-	return /* @__PURE__ */ E("div", {
-		className: "overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm",
-		children: [/* @__PURE__ */ E("div", {
-			className: "flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2",
-			children: [/* @__PURE__ */ E("div", {
-				className: "flex items-center gap-1.5",
-				children: [
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
-				]
-			}), /* @__PURE__ */ E("span", {
-				className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
-				children: [
-					/* @__PURE__ */ T(v, { size: 13 }),
-					" ",
-					e
-				]
-			})]
-		}), /* @__PURE__ */ T("pre", {
-			className: n("overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary", r),
-			children: t
-		})]
-	});
-}
 function ge({ s: e }) {
 	return /* @__PURE__ */ E("div", {
 		className: "rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken",
 		children: [/* @__PURE__ */ E("div", {
 			className: "flex flex-wrap items-center gap-x-4 gap-y-1",
 			children: [
-				/* @__PURE__ */ T(s, { status: e.verdict }),
+				/* @__PURE__ */ T(o, { status: e.verdict }),
 				/* @__PURE__ */ E("span", {
 					className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
 					children: [
-						/* @__PURE__ */ T(v, { size: 13 }),
+						/* @__PURE__ */ T(b, { size: 13 }),
 						" ",
-						o(e.language)
+						a(e.language)
 					]
 				}),
 				/* @__PURE__ */ E("span", {
 					className: "inline-flex items-center gap-1 text-xs text-text-muted",
 					children: [
-						/* @__PURE__ */ T(_, { size: 12 }),
+						/* @__PURE__ */ T(y, { size: 12 }),
 						" ",
 						e.runtimeMs,
 						" ms"
@@ -83,7 +57,7 @@ function ge({ s: e }) {
 				}),
 				/* @__PURE__ */ T("span", {
 					className: "ml-auto text-xs text-text-muted",
-					children: a(e.createdAt)
+					children: i(e.createdAt)
 				})
 			]
 		}), e.totalCount > 0 ? /* @__PURE__ */ E("p", {
@@ -98,188 +72,76 @@ function ge({ s: e }) {
 		}) : null]
 	});
 }
-function P(e) {
-	return e === "PASSED" ? {
-		icon: /* @__PURE__ */ T(g, { size: 14 }),
-		className: "text-status-success-fg"
-	} : e === "SKIPPED" ? {
-		icon: /* @__PURE__ */ T(S, { size: 14 }),
-		className: "text-text-muted"
-	} : {
-		icon: /* @__PURE__ */ T(w, { size: 14 }),
-		className: "text-status-error-fg"
-	};
-}
-function _e({ submission: e }) {
-	let t = e.testResults ?? [];
-	return t.length === 0 ? null : /* @__PURE__ */ E("div", {
-		className: "space-y-3",
-		children: [
-			/* @__PURE__ */ E("div", {
-				className: "flex flex-wrap items-center gap-x-3 gap-y-1",
-				children: [
-					/* @__PURE__ */ T(s, { status: e.verdict }),
-					/* @__PURE__ */ E("span", {
-						className: "text-sm text-text-secondary",
-						children: [
-							"Passed ",
-							e.passedCount,
-							" of ",
-							e.totalCount,
-							" test cases"
-						]
-					}),
-					/* @__PURE__ */ E("span", {
-						className: "inline-flex items-center gap-1 text-xs text-text-muted",
-						children: [
-							/* @__PURE__ */ T(_, { size: 12 }),
-							" ",
-							e.runtimeMs,
-							" ms"
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ T("div", {
-				className: "divide-y divide-border-seam overflow-hidden rounded-xl border border-border-seam",
-				children: t.map((e) => {
-					let t = P(e.status);
-					return /* @__PURE__ */ E("div", {
-						className: "space-y-2 bg-bg-surface px-4 py-3",
-						children: [/* @__PURE__ */ E("div", {
-							className: "flex flex-wrap items-center gap-x-3 gap-y-1",
-							children: [
-								/* @__PURE__ */ E("span", {
-									className: n("inline-flex items-center gap-1.5 text-sm font-medium", t.className),
-									children: [
-										t.icon,
-										" ",
-										e.name
-									]
-								}),
-								/* @__PURE__ */ T(D, {
-									variant: "outline",
-									children: o(e.status)
-								}),
-								e.visibility === "HIDDEN" ? /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1 text-xs text-text-muted",
-									children: [/* @__PURE__ */ T(y, { size: 12 }), " hidden test"]
-								}) : null,
-								/* @__PURE__ */ E("span", {
-									className: "ml-auto text-xs text-text-muted",
-									children: [e.durationMs, " ms"]
-								})
-							]
-						}), e.visibility === "PUBLIC" && e.status !== "SKIPPED" ? /* @__PURE__ */ E("div", {
-							className: "grid grid-cols-1 gap-2 sm:grid-cols-3",
-							children: [
-								/* @__PURE__ */ T(F, {
-									label: "Input",
-									value: e.input
-								}),
-								/* @__PURE__ */ T(F, {
-									label: "Expected",
-									value: e.expectedOutput
-								}),
-								/* @__PURE__ */ T(F, {
-									label: "Your output",
-									value: e.actualOutput
-								})
-							]
-						}) : null]
-					}, e.testCaseId);
-				})
-			}),
-			e.stderr ? /* @__PURE__ */ T(N, {
-				label: "stderr",
-				bodyClassName: "max-h-48",
-				children: e.stderr
-			}) : null
-		]
-	});
-}
-function F({ label: e, value: t }) {
-	return /* @__PURE__ */ E("div", {
-		className: "min-w-0",
-		children: [/* @__PURE__ */ T("p", {
-			className: "mb-1 text-xs font-medium uppercase tracking-wide text-text-muted",
-			children: e
-		}), /* @__PURE__ */ T("pre", {
-			className: "overflow-auto rounded-lg bg-bg-sunken px-3 py-2 font-mono text-xs leading-relaxed text-text-primary",
-			children: t?.length ? t : "—"
-		})]
-	});
-}
-function I() {
-	let [n] = ue(), a = n.get("id") ?? "", { currentUser: g, workspaceId: y } = e(), S = g?.id, { emit: w } = t(), { data: P, loading: I, error: L, refetch: R } = re(a);
-	p(() => {
-		a && w("technospam.problem.viewed", {
-			workspaceId: y,
-			entityId: a,
+function j() {
+	let [i] = w(), j = i.get("id") ?? "", { currentUser: M, workspaceId: N } = e(), P = M?.id, { emit: F } = t(), { data: I, loading: _e, error: L, refetch: R } = ne(j);
+	h(() => {
+		j && F("technospam.problem.viewed", {
+			workspaceId: N,
+			entityId: j,
 			entityType: "TEC_PROBLEM"
 		});
 	}, [
-		a,
-		y,
-		w
+		j,
+		N,
+		F
 	]);
 	let { data: z, loading: ve, error: B, refetch: V } = ie({
-		...S ? { learnerId: S } : {},
-		problemId: a
-	}), [ye, { loading: H }] = ae(), [be, { loading: U }] = f(), W = P?.tecProblem ?? null, G = m(() => W?.languages?.length ? W.languages : M, [W]), [K, q] = h(""), [J, Y] = h(""), X = oe(!1);
-	p(() => {
-		W && !X.current && (q(W.languages[0] ?? M[0]), Y(W.starterCode ?? ""), X.current = !0);
+		...P ? { learnerId: P } : {},
+		problemId: j
+	}), [ye, { loading: H }] = ae(), [be, { loading: U }] = re(), W = I?.tecProblem ?? null, G = g(() => W?.languages?.length ? W.languages : A, [W]), [K, q] = v(""), [J, Y] = v(""), X = _(!1);
+	h(() => {
+		W && !X.current && (q(W.languages[0] ?? A[0]), Y(W.starterCode ?? ""), X.current = !0);
 	}, [W]);
-	let Z = m(() => [...z?.tecListSubmissions.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [z]), xe = async () => {
-		if (!a) return;
+	let Z = g(() => [...z?.tecListSubmissions.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [z]), xe = async () => {
+		if (!j) return;
 		if (!K) {
-			d.error("Pick a language", "Choose a language before submitting.");
+			m.error("Pick a language", "Choose a language before submitting.");
 			return;
 		}
 		if (!J.trim()) {
-			d.error("Add your solution", "Write some code before submitting.");
+			m.error("Add your solution", "Write some code before submitting.");
 			return;
 		}
-		w("technospam.problem.submit_clicked", {
-			workspaceId: y,
-			entityId: a,
+		F("technospam.problem.submit_clicked", {
+			workspaceId: N,
+			entityId: j,
 			entityType: "TEC_PROBLEM",
 			language: K
 		});
 		let e = await ye({ variables: { input: {
-			problemId: a,
+			problemId: j,
 			language: K,
 			code: J
 		} } });
 		if (e.data?.tecSubmitSolution) {
-			w("technospam.problem.submitted", {
-				workspaceId: y,
-				entityId: a,
+			F("technospam.problem.submitted", {
+				workspaceId: N,
+				entityId: j,
 				entityType: "TEC_PROBLEM",
 				submissionId: e.data.tecSubmitSolution.id
 			});
 			let t = e.data.tecSubmitSolution;
-			t.verdict === "PENDING" ? d.info("Solution submitted", "The grader is not available right now — your submission was saved and can be re-run.") : t.verdict === "ACCEPTED" ? d.success("Accepted", `Passed all ${t.totalCount} test cases.`) : d.error(o(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), await Promise.all([R(), V()]);
+			t.verdict === "PENDING" ? m.info("Solution submitted", "The grader is not available right now — your submission was saved and can be re-run.") : t.verdict === "ACCEPTED" ? m.success("Accepted", `Passed all ${t.totalCount} test cases.`) : m.error(a(t.verdict), `Passed ${t.passedCount} of ${t.totalCount} test cases.`), await Promise.all([R(), V()]);
 		}
 	}, Se = async (e) => {
 		let t = (await be({ 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: ${o(t.verdict)}.`), await Promise.all([R(), V()]));
+		t && (t.verdict === "PENDING" ? m.error("Still pending", "The grader is not available yet. Please try again shortly.") : m.success("Grading complete", `Verdict: ${a(t.verdict)}.`), await Promise.all([R(), V()]));
 	}, Q = Z.find((e) => (e.testResults?.length ?? 0) > 0) ?? null, $ = Z[0] ?? null;
-	return I && !W ? /* @__PURE__ */ E(r, {
+	return _e && !W ? /* @__PURE__ */ E(n, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: [/* @__PURE__ */ T(j, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ T(j, { className: "h-72 w-full rounded-xl" })]
-	}) : L || !W ? /* @__PURE__ */ T(r, {
+		children: [/* @__PURE__ */ T(k, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ T(k, { className: "h-72 w-full rounded-xl" })]
+	}) : L || !W ? /* @__PURE__ */ T(n, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: L ? /* @__PURE__ */ T(l, {
+		children: L ? /* @__PURE__ */ T(c, {
 			title: "Couldn't load problem",
 			error: L
-		}) : /* @__PURE__ */ T(c, {
+		}) : /* @__PURE__ */ T(s, {
 			title: "Problem not found",
 			description: "This problem may have been unpublished."
 		})
-	}) : /* @__PURE__ */ E(r, {
+	}) : /* @__PURE__ */ E(n, {
 		hero: !0,
 		backPath: "/applications/problems-page",
 		title: W.title,
@@ -288,49 +150,49 @@ function I() {
 			/* @__PURE__ */ E("div", {
 				className: "mb-5 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ T(s, {
+					/* @__PURE__ */ T(o, {
 						status: W.difficulty,
 						kind: "level"
 					}),
-					/* @__PURE__ */ T(s, { status: W.status }),
-					W.topic ? /* @__PURE__ */ E(D, {
+					/* @__PURE__ */ T(o, { status: W.status }),
+					W.topic ? /* @__PURE__ */ E(le, {
 						variant: "outline",
 						className: "gap-1",
 						children: [
-							/* @__PURE__ */ T(x, { size: 12 }),
+							/* @__PURE__ */ T(S, { size: 12 }),
 							" ",
 							W.topic
 						]
 					}) : null,
-					W.isPremiumOnly ? /* @__PURE__ */ T(ne, { locked: W.isLocked }) : null,
-					/* @__PURE__ */ T(te, { tags: W.tags })
+					W.isPremiumOnly ? /* @__PURE__ */ T(ee, { locked: W.isLocked }) : null,
+					/* @__PURE__ */ T(u, { tags: W.tags })
 				]
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ T(i, {
+					/* @__PURE__ */ T(r, {
 						label: "Points",
 						value: W.points,
 						icon: C,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ T(i, {
+					/* @__PURE__ */ T(r, {
 						label: "Languages",
 						value: G.length,
-						icon: v,
+						icon: b,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ T(i, {
+					/* @__PURE__ */ T(r, {
 						label: "Difficulty",
-						value: o(W.difficulty),
-						icon: x,
+						value: a(W.difficulty),
+						icon: S,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ T(i, {
+					/* @__PURE__ */ T(r, {
 						label: "My submissions",
 						value: Z.length,
-						icon: b,
+						icon: x,
 						tone: "teal"
 					})
 				]
@@ -340,12 +202,12 @@ function I() {
 				children: [/* @__PURE__ */ E("div", {
 					className: "space-y-5 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ E(k, {
+						/* @__PURE__ */ E(O, {
 							className: "p-5",
 							children: [/* @__PURE__ */ T("h2", {
 								className: "mb-2 text-base font-semibold text-text-primary",
 								children: "Problem statement"
-							}), W.isLocked ? /* @__PURE__ */ T(u, { description: "This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it." }) : W.statement ? /* @__PURE__ */ T("p", {
+							}), W.isLocked ? /* @__PURE__ */ T(d, { description: "This problem's statement is part of a paid TechnoSpam plan. Ask a workspace admin to upgrade to unlock it." }) : W.statement ? /* @__PURE__ */ T("p", {
 								className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
 								children: W.statement
 							}) : /* @__PURE__ */ T("p", {
@@ -353,21 +215,21 @@ function I() {
 								children: "The statement for this problem is being prepared."
 							})]
 						}),
-						W.isLocked ? /* @__PURE__ */ T(u, {
+						W.isLocked ? /* @__PURE__ */ T(d, {
 							compact: !0,
 							description: "Starter code and sample test cases unlock with a paid TechnoSpam plan."
-						}) : W.starterCode ? /* @__PURE__ */ E(k, {
+						}) : W.starterCode ? /* @__PURE__ */ E(O, {
 							className: "p-5",
 							children: [/* @__PURE__ */ T("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Starter code"
-							}), /* @__PURE__ */ T(N, {
-								label: o(G[0] ?? "code"),
+							}), /* @__PURE__ */ T(f, {
+								label: a(G[0] ?? "code"),
 								bodyClassName: "max-h-72",
 								children: W.starterCode
 							})]
 						}) : null,
-						/* @__PURE__ */ E(k, {
+						/* @__PURE__ */ E(O, {
 							className: "p-5",
 							children: [
 								/* @__PURE__ */ E("div", {
@@ -380,15 +242,15 @@ function I() {
 										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
 											children: "Language"
-										}), /* @__PURE__ */ E(de, {
+										}), /* @__PURE__ */ E(ue, {
 											value: K,
 											onValueChange: q,
 											children: [/* @__PURE__ */ T(pe, {
 												className: "w-full sm:w-48",
 												children: /* @__PURE__ */ T(me, { placeholder: "Choose a language" })
-											}), /* @__PURE__ */ T(fe, { children: G.map((e) => /* @__PURE__ */ T(A, {
+											}), /* @__PURE__ */ T(de, { children: G.map((e) => /* @__PURE__ */ T(fe, {
 												value: e,
-												children: o(e)
+												children: a(e)
 											}, e)) })]
 										})]
 									})]
@@ -407,9 +269,9 @@ function I() {
 										}), /* @__PURE__ */ E("span", {
 											className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 											children: [
-												/* @__PURE__ */ T(v, { size: 13 }),
+												/* @__PURE__ */ T(b, { size: 13 }),
 												" ",
-												K ? o(K) : "solution"
+												K ? a(K) : "solution"
 											]
 										})]
 									}), /* @__PURE__ */ T(he, {
@@ -420,12 +282,12 @@ function I() {
 										spellCheck: !1
 									})]
 								}),
-								/* @__PURE__ */ E(O, {
+								/* @__PURE__ */ E(D, {
 									className: "mt-4 w-full",
 									onClick: xe,
 									disabled: H || !J.trim(),
 									children: [
-										/* @__PURE__ */ T(le, { size: 16 }),
+										/* @__PURE__ */ T(ce, { size: 16 }),
 										" ",
 										H ? "Running test cases…" : "Run & submit"
 									]
@@ -436,12 +298,12 @@ function I() {
 								})
 							]
 						}),
-						W.publicTestCases?.length ? /* @__PURE__ */ E(k, {
+						W.publicTestCases?.length ? /* @__PURE__ */ E(O, {
 							className: "p-5",
 							children: [
 								/* @__PURE__ */ E("h2", {
 									className: "mb-1 flex items-center gap-2 text-base font-semibold text-text-primary",
-									children: [/* @__PURE__ */ T(se, { size: 16 }), " Sample test cases"]
+									children: [/* @__PURE__ */ T(oe, { size: 16 }), " Sample test cases"]
 								}),
 								/* @__PURE__ */ T("p", {
 									className: "mb-3 text-sm text-text-secondary",
@@ -459,7 +321,7 @@ function I() {
 											}), /* @__PURE__ */ E("span", {
 												className: "inline-flex items-center gap-1 text-xs text-text-muted",
 												children: [
-													/* @__PURE__ */ T(_, { size: 12 }),
+													/* @__PURE__ */ T(y, { size: 12 }),
 													" ",
 													e.timeLimitMs,
 													" ms limit"
@@ -467,10 +329,10 @@ function I() {
 											})]
 										}), /* @__PURE__ */ E("div", {
 											className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-											children: [/* @__PURE__ */ T(F, {
+											children: [/* @__PURE__ */ T(p, {
 												label: "Input",
 												value: e.input
-											}), /* @__PURE__ */ T(F, {
+											}), /* @__PURE__ */ T(p, {
 												label: "Expected output",
 												value: e.expectedOutput
 											})]
@@ -479,13 +341,13 @@ function I() {
 								})
 							]
 						}) : null,
-						Q ? /* @__PURE__ */ E(k, {
+						Q ? /* @__PURE__ */ E(O, {
 							className: "p-5",
 							children: [/* @__PURE__ */ T("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Latest run"
-							}), /* @__PURE__ */ T(_e, { submission: Q })]
-						}) : $ && $.verdict === "PENDING" ? /* @__PURE__ */ E(k, {
+							}), /* @__PURE__ */ T(te, { submission: Q })]
+						}) : $ && $.verdict === "PENDING" ? /* @__PURE__ */ E(O, {
 							className: "p-5",
 							children: [
 								/* @__PURE__ */ T("h2", {
@@ -496,12 +358,12 @@ function I() {
 									className: "mb-3 text-sm text-text-secondary",
 									children: "Your most recent submission has not been graded yet — the grader was unavailable when you submitted. You can re-run it without resubmitting your code."
 								}),
-								/* @__PURE__ */ E(O, {
+								/* @__PURE__ */ E(D, {
 									variant: "outline",
 									onClick: () => void Se($.id),
 									disabled: U,
 									children: [
-										/* @__PURE__ */ T(ce, { size: 16 }),
+										/* @__PURE__ */ T(se, { size: 16 }),
 										" ",
 										U ? "Re-running…" : "Re-run grader"
 									]
@@ -511,19 +373,19 @@ function I() {
 					]
 				}), /* @__PURE__ */ T("div", {
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ E(k, {
+					children: /* @__PURE__ */ E(O, {
 						className: "p-5",
 						children: [/* @__PURE__ */ T("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "My submissions"
-						}), ve && !Z.length ? /* @__PURE__ */ T(ee, {
+						}), ve && !Z.length ? /* @__PURE__ */ T(l, {
 							count: 3,
 							height: "h-12"
-						}) : B ? /* @__PURE__ */ T(l, {
+						}) : B ? /* @__PURE__ */ T(c, {
 							title: "Couldn't load submissions",
 							error: B
-						}) : Z.length === 0 ? /* @__PURE__ */ T(c, {
-							icon: /* @__PURE__ */ T(b, { size: 24 }),
+						}) : Z.length === 0 ? /* @__PURE__ */ T(s, {
+							icon: /* @__PURE__ */ T(x, { size: 24 }),
 							title: "No submissions yet",
 							description: "Submit a solution above to see your verdicts and points here."
 						}) : /* @__PURE__ */ T("div", {
@@ -537,6 +399,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as ApplicationsProblemDetailsPagePage };
+export { j as ApplicationsProblemDetailsPagePage };
 
 //# sourceMappingURL=ApplicationsProblemDetailsPagePage.js.map