@burdenoff/microfe-technospam 2026.719.2 → 2026.728.1

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js

@@ -7,316 +7,528 @@ 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 "../components/index.js";
-import { notify as u } from "../lib/toast.js";
-import { useProblemQuery as d, useSubmissionsQuery as f, useSubmitSolution as ne } from "../api/technospamApi.js";
-import { useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
-import { Clock as _, Code2 as v, FileText as y, Layers as b, Send as x, Trophy as S } from "lucide-react";
-import { useSearchParams as C } from "react-router-dom";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { Badge as E, Button as D, GlassCard as O, Select as re, SelectContent as ie, SelectItem as ae, SelectTrigger as oe, SelectValue as se, Skeleton as k, Textarea as ce } from "@burdenoff/fe-libs/ui";
+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 { 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";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx
-var A = [
+var M = [
 	"javascript",
 	"python",
 	"typescript"
 ];
-function j({ label: e, children: t, bodyClassName: r }) {
-	return /* @__PURE__ */ T("div", {
+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__ */ T("div", {
+		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__ */ T("div", {
+			children: [/* @__PURE__ */ E("div", {
 				className: "flex items-center gap-1.5",
 				children: [
-					/* @__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__ */ 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__ */ T("span", {
+			}), /* @__PURE__ */ E("span", {
 				className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ w(v, { size: 13 }),
+					/* @__PURE__ */ T(v, { size: 13 }),
 					" ",
 					e
 				]
 			})]
-		}), /* @__PURE__ */ w("pre", {
+		}), /* @__PURE__ */ T("pre", {
 			className: n("overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary", r),
 			children: t
 		})]
 	});
 }
-function M({ s: e }) {
-	return /* @__PURE__ */ T("div", {
-		className: "flex flex-wrap items-center gap-x-4 gap-y-1 rounded-lg border border-transparent px-2 py-3 transition-colors hover:border-border-seam hover:bg-bg-sunken",
+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__ */ E("span", {
+					className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
+					children: [
+						/* @__PURE__ */ T(v, { size: 13 }),
+						" ",
+						o(e.language)
+					]
+				}),
+				/* @__PURE__ */ E("span", {
+					className: "inline-flex items-center gap-1 text-xs text-text-muted",
+					children: [
+						/* @__PURE__ */ T(_, { size: 12 }),
+						" ",
+						e.runtimeMs,
+						" ms"
+					]
+				}),
+				/* @__PURE__ */ E("span", {
+					className: "inline-flex items-center gap-1 text-xs text-text-muted",
+					children: [
+						/* @__PURE__ */ T(C, { size: 12 }),
+						" ",
+						e.pointsAwarded,
+						" pts"
+					]
+				}),
+				/* @__PURE__ */ T("span", {
+					className: "ml-auto text-xs text-text-muted",
+					children: a(e.createdAt)
+				})
+			]
+		}), e.totalCount > 0 ? /* @__PURE__ */ E("p", {
+			className: "mt-1 px-0.5 text-xs text-text-muted",
+			children: [
+				"Passed ",
+				e.passedCount,
+				" of ",
+				e.totalCount,
+				" test cases"
+			]
+		}) : 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__ */ w(s, { status: e.verdict }),
-			/* @__PURE__ */ T("span", {
-				className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
+			/* @__PURE__ */ E("div", {
+				className: "flex flex-wrap items-center gap-x-3 gap-y-1",
 				children: [
-					/* @__PURE__ */ w(v, { size: 13 }),
-					" ",
-					o(e.language)
-				]
-			}),
-			/* @__PURE__ */ T("span", {
-				className: "inline-flex items-center gap-1 text-xs text-text-muted",
-				children: [
-					/* @__PURE__ */ w(_, { size: 12 }),
-					" ",
-					e.runtimeMs,
-					" ms"
+					/* @__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("span", {
-				className: "inline-flex items-center gap-1 text-xs text-text-muted",
-				children: [
-					/* @__PURE__ */ w(S, { size: 12 }),
-					" ",
-					e.pointsAwarded,
-					" pts"
-				]
+			/* @__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);
+				})
 			}),
-			/* @__PURE__ */ w("span", {
-				className: "ml-auto text-xs text-text-muted",
-				children: a(e.createdAt)
-			})
+			e.stderr ? /* @__PURE__ */ T(N, {
+				label: "stderr",
+				bodyClassName: "max-h-48",
+				children: e.stderr
+			}) : null
 		]
 	});
 }
-function N() {
-	let [n] = C(), a = n.get("id") ?? "", { currentUser: _, workspaceId: N } = e(), P = _?.id, { emit: F } = t(), { data: I, loading: L, error: R, refetch: z } = d(a);
+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 && F("technospam.problem.viewed", {
-			workspaceId: N,
+		a && w("technospam.problem.viewed", {
+			workspaceId: y,
 			entityId: a,
 			entityType: "TEC_PROBLEM"
 		});
 	}, [
 		a,
-		N,
-		F
+		y,
+		w
 	]);
-	let { data: B, loading: V, error: H, refetch: U } = f({
-		...P ? { learnerId: P } : {},
+	let { data: z, loading: ve, error: B, refetch: V } = ie({
+		...S ? { learnerId: S } : {},
 		problemId: a
-	}), [W, { loading: G }] = ne(), K = I?.tecProblem ?? null, q = m(() => K?.languages?.length ? K.languages : A, [K]), [J, Y] = g(""), [X, Z] = g(""), Q = h(!1);
+	}), [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(() => {
-		K && !Q.current && (Y(K.languages[0] ?? A[0]), Z(K.starterCode ?? ""), Q.current = !0);
-	}, [K]);
-	let $ = m(() => [...B?.tecListSubmissions.items ?? []].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [B]);
-	return L && !K ? /* @__PURE__ */ T(r, {
+		W && !X.current && (q(W.languages[0] ?? M[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;
+		if (!K) {
+			d.error("Pick a language", "Choose a language before submitting.");
+			return;
+		}
+		if (!J.trim()) {
+			d.error("Add your solution", "Write some code before submitting.");
+			return;
+		}
+		w("technospam.problem.submit_clicked", {
+			workspaceId: y,
+			entityId: a,
+			entityType: "TEC_PROBLEM",
+			language: K
+		});
+		let e = await ye({ variables: { input: {
+			problemId: a,
+			language: K,
+			code: J
+		} } });
+		if (e.data?.tecSubmitSolution) {
+			w("technospam.problem.submitted", {
+				workspaceId: y,
+				entityId: a,
+				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()]);
+		}
+	}, 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()]));
+	}, Q = Z.find((e) => (e.testResults?.length ?? 0) > 0) ?? null, $ = Z[0] ?? null;
+	return I && !W ? /* @__PURE__ */ E(r, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: [/* @__PURE__ */ w(k, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ w(k, { className: "h-72 w-full rounded-xl" })]
-	}) : R || !K ? /* @__PURE__ */ w(r, {
+		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, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: R ? /* @__PURE__ */ w(l, {
+		children: L ? /* @__PURE__ */ T(l, {
 			title: "Couldn't load problem",
-			error: R
-		}) : /* @__PURE__ */ w(c, {
+			error: L
+		}) : /* @__PURE__ */ T(c, {
 			title: "Problem not found",
 			description: "This problem may have been unpublished."
 		})
-	}) : /* @__PURE__ */ T(r, {
+	}) : /* @__PURE__ */ E(r, {
 		hero: !0,
 		backPath: "/applications/problems-page",
-		title: K.title,
-		description: K.topic ?? void 0,
+		title: W.title,
+		description: W.topic ?? void 0,
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mb-5 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ w(s, {
-						status: K.difficulty,
+					/* @__PURE__ */ T(s, {
+						status: W.difficulty,
 						kind: "level"
 					}),
-					/* @__PURE__ */ w(s, { status: K.status }),
-					K.topic ? /* @__PURE__ */ T(E, {
+					/* @__PURE__ */ T(s, { status: W.status }),
+					W.topic ? /* @__PURE__ */ E(D, {
 						variant: "outline",
 						className: "gap-1",
 						children: [
-							/* @__PURE__ */ w(b, { size: 12 }),
+							/* @__PURE__ */ T(x, { size: 12 }),
 							" ",
-							K.topic
+							W.topic
 						]
 					}) : null,
-					/* @__PURE__ */ w(te, { tags: K.tags })
+					W.isPremiumOnly ? /* @__PURE__ */ T(ne, { locked: W.isLocked }) : null,
+					/* @__PURE__ */ T(te, { tags: W.tags })
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ T(i, {
 						label: "Points",
-						value: K.points,
-						icon: S,
+						value: W.points,
+						icon: C,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ T(i, {
 						label: "Languages",
-						value: q.length,
+						value: G.length,
 						icon: v,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ T(i, {
 						label: "Difficulty",
-						value: o(K.difficulty),
-						icon: b,
+						value: o(W.difficulty),
+						icon: x,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ w(i, {
+					/* @__PURE__ */ T(i, {
 						label: "My submissions",
-						value: $.length,
-						icon: y,
+						value: Z.length,
+						icon: b,
 						tone: "teal"
 					})
 				]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 gap-5 lg:grid-cols-3",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ E("div", {
 					className: "space-y-5 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ T(O, {
+						/* @__PURE__ */ E(k, {
 							className: "p-5",
-							children: [/* @__PURE__ */ w("h2", {
+							children: [/* @__PURE__ */ T("h2", {
 								className: "mb-2 text-base font-semibold text-text-primary",
 								children: "Problem statement"
-							}), K.statement ? /* @__PURE__ */ w("p", {
+							}), 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", {
 								className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
-								children: K.statement
-							}) : /* @__PURE__ */ w("p", {
+								children: W.statement
+							}) : /* @__PURE__ */ T("p", {
 								className: "py-4 text-center text-sm text-text-muted",
 								children: "The statement for this problem is being prepared."
 							})]
 						}),
-						K.starterCode ? /* @__PURE__ */ T(O, {
+						W.isLocked ? /* @__PURE__ */ T(u, {
+							compact: !0,
+							description: "Starter code and sample test cases unlock with a paid TechnoSpam plan."
+						}) : W.starterCode ? /* @__PURE__ */ E(k, {
 							className: "p-5",
-							children: [/* @__PURE__ */ w("h2", {
+							children: [/* @__PURE__ */ T("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Starter code"
-							}), /* @__PURE__ */ w(j, {
-								label: o(q[0] ?? "code"),
+							}), /* @__PURE__ */ T(N, {
+								label: o(G[0] ?? "code"),
 								bodyClassName: "max-h-72",
-								children: K.starterCode
+								children: W.starterCode
 							})]
 						}) : null,
-						/* @__PURE__ */ T(O, {
+						/* @__PURE__ */ E(k, {
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
-									children: [/* @__PURE__ */ w("h2", {
+									children: [/* @__PURE__ */ T("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Submit a solution"
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ T("span", {
 											className: "text-sm text-text-secondary",
 											children: "Language"
-										}), /* @__PURE__ */ T(re, {
-											value: J,
-											onValueChange: Y,
-											children: [/* @__PURE__ */ w(oe, {
+										}), /* @__PURE__ */ E(de, {
+											value: K,
+											onValueChange: q,
+											children: [/* @__PURE__ */ T(pe, {
 												className: "w-full sm:w-48",
-												children: /* @__PURE__ */ w(se, { placeholder: "Choose a language" })
-											}), /* @__PURE__ */ w(ie, { children: q.map((e) => /* @__PURE__ */ w(ae, {
+												children: /* @__PURE__ */ T(me, { placeholder: "Choose a language" })
+											}), /* @__PURE__ */ T(fe, { children: G.map((e) => /* @__PURE__ */ T(A, {
 												value: e,
 												children: o(e)
 											}, e)) })]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ E("div", {
 									className: "overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm",
-									children: [/* @__PURE__ */ T("div", {
+									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__ */ T("div", {
+										children: [/* @__PURE__ */ E("div", {
 											className: "flex items-center gap-1.5",
 											children: [
-												/* @__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__ */ 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__ */ T("span", {
+										}), /* @__PURE__ */ E("span", {
 											className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 											children: [
-												/* @__PURE__ */ w(v, { size: 13 }),
+												/* @__PURE__ */ T(v, { size: 13 }),
 												" ",
-												J ? o(J) : "solution"
+												K ? o(K) : "solution"
 											]
 										})]
-									}), /* @__PURE__ */ w(ce, {
-										value: X,
-										onChange: (e) => Z(e.target.value),
+									}), /* @__PURE__ */ T(he, {
+										value: J,
+										onChange: (e) => Y(e.target.value),
 										placeholder: "Write your solution…",
 										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",
 										spellCheck: !1
 									})]
 								}),
-								/* @__PURE__ */ T(D, {
+								/* @__PURE__ */ E(O, {
 									className: "mt-4 w-full",
-									onClick: async () => {
-										if (!a) return;
-										if (!J) {
-											u.error("Pick a language", "Choose a language before submitting.");
-											return;
-										}
-										if (!X.trim()) {
-											u.error("Add your solution", "Write some code before submitting.");
-											return;
-										}
-										F("technospam.problem.submit_clicked", {
-											workspaceId: N,
-											entityId: a,
-											entityType: "TEC_PROBLEM",
-											language: J
-										});
-										let e = await W({ variables: { input: {
-											problemId: a,
-											language: J,
-											code: X
-										} } });
-										e.data?.tecSubmitSolution && (F("technospam.problem.submitted", {
-											workspaceId: N,
-											entityId: a,
-											entityType: "TEC_PROBLEM",
-											submissionId: e.data.tecSubmitSolution.id
-										}), u.success("Solution submitted", "Your submission was recorded."), await Promise.all([z(), U()]));
-									},
-									disabled: G || !X.trim(),
+									onClick: xe,
+									disabled: H || !J.trim(),
+									children: [
+										/* @__PURE__ */ T(le, { size: 16 }),
+										" ",
+										H ? "Running test cases…" : "Run & submit"
+									]
+								}),
+								/* @__PURE__ */ T("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."
+								})
+							]
+						}),
+						W.publicTestCases?.length ? /* @__PURE__ */ E(k, {
+							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"]
+								}),
+								/* @__PURE__ */ T("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__ */ T("div", {
+									className: "space-y-3",
+									children: W.publicTestCases.map((e) => /* @__PURE__ */ E("div", {
+										className: "rounded-xl border border-border-seam p-3",
+										children: [/* @__PURE__ */ E("div", {
+											className: "mb-2 flex flex-wrap items-center gap-x-3 gap-y-1",
+											children: [/* @__PURE__ */ T("span", {
+												className: "text-sm font-medium text-text-primary",
+												children: e.name
+											}), /* @__PURE__ */ E("span", {
+												className: "inline-flex items-center gap-1 text-xs text-text-muted",
+												children: [
+													/* @__PURE__ */ T(_, { size: 12 }),
+													" ",
+													e.timeLimitMs,
+													" ms limit"
+												]
+											})]
+										}), /* @__PURE__ */ E("div", {
+											className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+											children: [/* @__PURE__ */ T(F, {
+												label: "Input",
+												value: e.input
+											}), /* @__PURE__ */ T(F, {
+												label: "Expected output",
+												value: e.expectedOutput
+											})]
+										})]
+									}, e.id))
+								})
+							]
+						}) : null,
+						Q ? /* @__PURE__ */ E(k, {
+							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, {
+							className: "p-5",
+							children: [
+								/* @__PURE__ */ T("h2", {
+									className: "mb-2 text-base font-semibold text-text-primary",
+									children: "Latest run"
+								}),
+								/* @__PURE__ */ T("p", {
+									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, {
+									variant: "outline",
+									onClick: () => void Se($.id),
+									disabled: U,
 									children: [
-										/* @__PURE__ */ w(x, { size: 16 }),
+										/* @__PURE__ */ T(ce, { size: 16 }),
 										" ",
-										G ? "Submitting…" : "Submit solution"
+										U ? "Re-running…" : "Re-run grader"
 									]
 								})
 							]
-						})
+						}) : null
 					]
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ T(O, {
+					children: /* @__PURE__ */ E(k, {
 						className: "p-5",
-						children: [/* @__PURE__ */ w("h2", {
+						children: [/* @__PURE__ */ T("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "My submissions"
-						}), V && !$.length ? /* @__PURE__ */ w(ee, {
+						}), ve && !Z.length ? /* @__PURE__ */ T(ee, {
 							count: 3,
 							height: "h-12"
-						}) : H ? /* @__PURE__ */ w(l, {
+						}) : B ? /* @__PURE__ */ T(l, {
 							title: "Couldn't load submissions",
-							error: H
-						}) : $.length === 0 ? /* @__PURE__ */ w(c, {
-							icon: /* @__PURE__ */ w(y, { size: 24 }),
+							error: B
+						}) : Z.length === 0 ? /* @__PURE__ */ T(c, {
+							icon: /* @__PURE__ */ T(b, { size: 24 }),
 							title: "No submissions yet",
 							description: "Submit a solution above to see your verdicts and points here."
-						}) : /* @__PURE__ */ w("div", {
+						}) : /* @__PURE__ */ T("div", {
 							className: "space-y-1",
-							children: $.map((e) => /* @__PURE__ */ w(M, { s: e }, e.id))
+							children: Z.map((e) => /* @__PURE__ */ T(ge, { s: e }, e.id))
 						})]
 					})
 				})]
@@ -325,6 +537,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as ApplicationsProblemDetailsPagePage };
+export { I as ApplicationsProblemDetailsPagePage };
 
 //# sourceMappingURL=ApplicationsProblemDetailsPagePage.js.map