@burdenoff/microfe-technospam 2026.1102.1 → 2026.1102.2

package/dist/technospam/components/editor/CodeEditor.js

@@ -0,0 +1,102 @@
+import { cn as e } from "../../utils/cn.js";
+import { Compartment as t, EditorState as n, Prec as r } from "../../../node_modules/@codemirror/state/dist/index.js";
+import { EditorView as i, drawSelection as a, highlightActiveLine as o, highlightActiveLineGutter as s, keymap as c, lineNumbers as l, placeholder as u } from "../../../node_modules/@codemirror/view/dist/index.js";
+import { bracketMatching as d, indentOnInput as f, syntaxHighlighting as p } from "../../../node_modules/@codemirror/language/dist/index.js";
+import { defaultKeymap as m, history as h, historyKeymap as g, indentWithTab as _ } from "../../../node_modules/@codemirror/commands/dist/index.js";
+import { closeBrackets as v, closeBracketsKeymap as y } from "../../../node_modules/@codemirror/autocomplete/dist/index.js";
+import { languageExtension as b } from "./editorLanguages.js";
+import { technospamEditorTheme as x, technospamHighlightStyle as S } from "./editorTheme.js";
+import { useEffect as C, useLayoutEffect as w, useRef as T } from "react";
+import { jsx as E } from "react/jsx-runtime";
+//#region src/technospam/components/editor/CodeEditor.tsx
+function D({ value: D, onChange: O, language: k, ariaLabel: A, placeholder: j, onRun: M, onSubmit: N, className: P }) {
+	let F = T(null), I = T(null), L = T(new t()), R = T({
+		value: D,
+		language: k,
+		ariaLabel: A,
+		placeholder: j,
+		onChange: O,
+		onRun: M,
+		onSubmit: N
+	});
+	return w(() => {
+		R.current = {
+			value: D,
+			language: k,
+			ariaLabel: A,
+			placeholder: j,
+			onChange: O,
+			onRun: M,
+			onSubmit: N
+		};
+	}), C(() => {
+		let e = F.current;
+		if (!e) return;
+		let t = R.current, C = R, w = new i({
+			parent: e,
+			state: n.create({
+				doc: t.value,
+				extensions: [
+					l(),
+					s(),
+					h(),
+					a(),
+					f(),
+					d(),
+					v(),
+					o(),
+					n.tabSize.of(4),
+					p(S),
+					x,
+					L.current.of(b(t.language)),
+					t.placeholder ? u(t.placeholder) : [],
+					i.contentAttributes.of({
+						"aria-label": t.ariaLabel,
+						"aria-multiline": "true",
+						spellcheck: "false",
+						autocorrect: "off",
+						autocapitalize: "off"
+					}),
+					r.highest(c.of([{
+						key: "Mod-Enter",
+						run: () => (C.current.onRun?.(), !!C.current.onRun)
+					}, {
+						key: "Mod-Shift-Enter",
+						run: () => (C.current.onSubmit?.(), !!C.current.onSubmit)
+					}])),
+					c.of([
+						...y,
+						...m,
+						...g,
+						_
+					]),
+					i.updateListener.of((e) => {
+						e.docChanged && C.current.onChange(e.state.doc.toString());
+					})
+				]
+			})
+		});
+		return I.current = w, () => {
+			w.destroy(), I.current = null;
+		};
+	}, []), C(() => {
+		let e = I.current;
+		if (!e) return;
+		let t = e.state.doc.toString();
+		t !== D && e.dispatch({ changes: {
+			from: 0,
+			to: t.length,
+			insert: D
+		} });
+	}, [D]), C(() => {
+		I.current?.dispatch({ effects: L.current.reconfigure(b(k)) });
+	}, [k]), /* @__PURE__ */ E("div", {
+		ref: F,
+		"data-testid": "code-editor",
+		className: e("font-mono [&_.cm-editor]:h-full [&_.cm-scroller]:overflow-auto", P)
+	});
+}
+//#endregion
+export { D as CodeEditor, D as default };
+
+//# sourceMappingURL=CodeEditor.js.map

package/dist/technospam/components/editor/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","names":[],"sources":["../../../../src/technospam/components/editor/CodeEditor.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react';\nimport { Compartment, EditorState, Prec } from '@codemirror/state';\nimport {\n  EditorView,\n  drawSelection,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  keymap,\n  lineNumbers,\n  placeholder as placeholderExtension,\n} from '@codemirror/view';\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';\nimport { bracketMatching, indentOnInput, syntaxHighlighting } from '@codemirror/language';\nimport { closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete';\nimport { languageExtension } from './editorLanguages';\nimport { technospamEditorTheme, technospamHighlightStyle } from './editorTheme';\nimport { cn } from '../../utils/cn';\n\nexport interface CodeEditorProps {\n  value: string;\n  onChange: (value: string) => void;\n  /** Language slug, e.g. \"python\"; switches syntax highlighting in place. */\n  language: string;\n  /** Accessible name for the editing surface. */\n  ariaLabel: string;\n  placeholder?: string;\n  /** Mod-Enter (Ctrl/Cmd+Enter). */\n  onRun?: () => void;\n  /** Mod-Shift-Enter. */\n  onSubmit?: () => void;\n  className?: string;\n}\n\n/**\n * A CodeMirror 6 code editor (BOFF-4078): line numbers, syntax highlighting\n * for every grader language, bracket matching/closing, undo history and Tab\n * indentation. Press Escape and then Tab to move focus out of the editor.\n *\n * The editor is created once per mount; `value` and `language` changes from\n * the parent (switching language, resetting to the starter code) are applied\n * as transactions so the learner's undo history and cursor survive.\n */\nexport function CodeEditor({\n  value,\n  onChange,\n  language,\n  ariaLabel,\n  placeholder,\n  onRun,\n  onSubmit,\n  className,\n}: CodeEditorProps) {\n  const hostRef = useRef<HTMLDivElement | null>(null);\n  const viewRef = useRef<EditorView | null>(null);\n  const languageCompartment = useRef(new Compartment());\n  // Latest props, read by the editor's long-lived listeners and by the\n  // one-time setup below (refs are written after render, never during it).\n  const latest = useRef({ value, language, ariaLabel, placeholder, onChange, onRun, onSubmit });\n  useLayoutEffect(() => {\n    latest.current = { value, language, ariaLabel, placeholder, onChange, onRun, onSubmit };\n  });\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return undefined;\n    const initial = latest.current;\n    const callbacks = latest;\n    const view = new EditorView({\n      parent: host,\n      state: EditorState.create({\n        doc: initial.value,\n        extensions: [\n          lineNumbers(),\n          highlightActiveLineGutter(),\n          history(),\n          drawSelection(),\n          indentOnInput(),\n          bracketMatching(),\n          closeBrackets(),\n          highlightActiveLine(),\n          EditorState.tabSize.of(4),\n          syntaxHighlighting(technospamHighlightStyle),\n          technospamEditorTheme,\n          languageCompartment.current.of(languageExtension(initial.language)),\n          initial.placeholder ? placeholderExtension(initial.placeholder) : [],\n          EditorView.contentAttributes.of({\n            'aria-label': initial.ariaLabel,\n            'aria-multiline': 'true',\n            spellcheck: 'false',\n            autocorrect: 'off',\n            autocapitalize: 'off',\n          }),\n          Prec.highest(\n            keymap.of([\n              {\n                key: 'Mod-Enter',\n                run: () => {\n                  callbacks.current.onRun?.();\n                  return Boolean(callbacks.current.onRun);\n                },\n              },\n              {\n                key: 'Mod-Shift-Enter',\n                run: () => {\n                  callbacks.current.onSubmit?.();\n                  return Boolean(callbacks.current.onSubmit);\n                },\n              },\n            ])\n          ),\n          keymap.of([...closeBracketsKeymap, ...defaultKeymap, ...historyKeymap, indentWithTab]),\n          EditorView.updateListener.of((update) => {\n            if (update.docChanged) callbacks.current.onChange(update.state.doc.toString());\n          }),\n        ],\n      }),\n    });\n    viewRef.current = view;\n    return () => {\n      view.destroy();\n      viewRef.current = null;\n    };\n    // Built once per mount on purpose: later `value`/`language` changes are\n    // applied by the effects below as transactions, and the callbacks are read\n    // through `latest.current`, so rebuilding would only lose undo history.\n  }, []);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (!view) return;\n    const current = view.state.doc.toString();\n    if (current !== value) {\n      view.dispatch({ changes: { from: 0, to: current.length, insert: value } });\n    }\n  }, [value]);\n\n  useEffect(() => {\n    viewRef.current?.dispatch({\n      effects: languageCompartment.current.reconfigure(languageExtension(language)),\n    });\n  }, [language]);\n\n  return (\n    <div\n      ref={hostRef}\n      data-testid=\"code-editor\"\n      className={cn('font-mono [&_.cm-editor]:h-full [&_.cm-scroller]:overflow-auto', className)}\n    />\n  );\n}\n\nexport default CodeEditor;\n"],"mappings":";;;;;;;;;;;AA0CA,SAAgB,EAAW,EACzB,UACA,aACA,aACA,cACA,aAAA,GACA,UACA,aACA,gBACkB;CAClB,IAAM,IAAU,EAA8B,KAAK,EAC7C,IAAU,EAA0B,KAAK,EACzC,IAAsB,EAAO,IAAI,GAAa,CAAC,EAG/C,IAAS,EAAO;EAAE;EAAO;EAAU;EAAW,aAAA;EAAa;EAAU;EAAO;EAAU,CAAC;AAqF7F,QApFA,QAAsB;AACpB,IAAO,UAAU;GAAE;GAAO;GAAU;GAAW,aAAA;GAAa;GAAU;GAAO;GAAU;GACvF,EAEF,QAAgB;EACd,IAAM,IAAO,EAAQ;AACrB,MAAI,CAAC,EAAM;EACX,IAAM,IAAU,EAAO,SACjB,IAAY,GACZ,IAAO,IAAI,EAAW;GAC1B,QAAQ;GACR,OAAO,EAAY,OAAO;IACxB,KAAK,EAAQ;IACb,YAAY;KACV,GAAa;KACb,GAA2B;KAC3B,GAAS;KACT,GAAe;KACf,GAAe;KACf,GAAiB;KACjB,GAAe;KACf,GAAqB;KACrB,EAAY,QAAQ,GAAG,EAAE;KACzB,EAAmB,EAAyB;KAC5C;KACA,EAAoB,QAAQ,GAAG,EAAkB,EAAQ,SAAS,CAAC;KACnE,EAAQ,cAAc,EAAqB,EAAQ,YAAY,GAAG,EAAE;KACpE,EAAW,kBAAkB,GAAG;MAC9B,cAAc,EAAQ;MACtB,kBAAkB;MAClB,YAAY;MACZ,aAAa;MACb,gBAAgB;MACjB,CAAC;KACF,EAAK,QACH,EAAO,GAAG,CACR;MACE,KAAK;MACL,YACE,EAAU,QAAQ,SAAS,EACpB,EAAQ,EAAU,QAAQ;MAEpC,EACD;MACE,KAAK;MACL,YACE,EAAU,QAAQ,YAAY,EACvB,EAAQ,EAAU,QAAQ;MAEpC,CACF,CAAC,CACH;KACD,EAAO,GAAG;MAAC,GAAG;MAAqB,GAAG;MAAe,GAAG;MAAe;MAAc,CAAC;KACtF,EAAW,eAAe,IAAI,MAAW;AACvC,MAAI,EAAO,cAAY,EAAU,QAAQ,SAAS,EAAO,MAAM,IAAI,UAAU,CAAC;OAC9E;KACH;IACF,CAAC;GACH,CAAC;AAEF,SADA,EAAQ,UAAU,SACL;AAEX,GADA,EAAK,SAAS,EACd,EAAQ,UAAU;;IAKnB,EAAE,CAAC,EAEN,QAAgB;EACd,IAAM,IAAO,EAAQ;AACrB,MAAI,CAAC,EAAM;EACX,IAAM,IAAU,EAAK,MAAM,IAAI,UAAU;AACzC,EAAI,MAAY,KACd,EAAK,SAAS,EAAE,SAAS;GAAE,MAAM;GAAG,IAAI,EAAQ;GAAQ,QAAQ;GAAO,EAAE,CAAC;IAE3E,CAAC,EAAM,CAAC,EAEX,QAAgB;AACd,IAAQ,SAAS,SAAS,EACxB,SAAS,EAAoB,QAAQ,YAAY,EAAkB,EAAS,CAAC,EAC9E,CAAC;IACD,CAAC,EAAS,CAAC,EAGZ,kBAAC,OAAD;EACE,KAAK;EACL,eAAY;EACZ,WAAW,EAAG,kEAAkE,EAAU;EAC1F,CAAA"}

package/dist/technospam/components/editor/RunOutputPanel.d.ts

@@ -0,0 +1,14 @@
+import { TecSolutionRun } from '../../api/technospamApi';
+
+/**
+ * Output of the editor's Run button (BOFF-4078): a warm-up notice while the
+ * sandbox starts, the per-sample-case verdicts, or the raw stdout/stderr of a
+ * custom-input run.
+ */
+export declare function RunOutputPanel({ run, running, warming, error, }: {
+    run: TecSolutionRun | null;
+    running: boolean;
+    warming: boolean;
+    error: string | null;
+}): import("react").JSX.Element;
+//# sourceMappingURL=RunOutputPanel.d.ts.map

package/dist/technospam/components/editor/RunOutputPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunOutputPanel.d.ts","sourceRoot":"","sources":["../../../../src/technospam/components/editor/RunOutputPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAwB,MAAM,yBAAyB,CAAC;AAWpF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,OAAO,EACP,OAAO,EACP,KAAK,GACN,EAAE;IACD,GAAG,EAAE,cAAc,GAAG,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,+BA0FA"}

package/dist/technospam/components/editor/RunOutputPanel.js

@@ -0,0 +1,127 @@
+import { cn as e } from "../../utils/cn.js";
+import { CodePanel as t, IoBlock as n, TestResultsPanel as r } from "../SubmissionViews.js";
+import { AlertTriangle as i, Clock as a, Loader2 as o, Terminal as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/technospam/components/editor/RunOutputPanel.tsx
+function u(e) {
+	return e.compileFailed ? {
+		ok: !1,
+		text: "Compile error"
+	} : e.timedOut ? {
+		ok: !1,
+		text: "Time limit exceeded"
+	} : e.memoryLimitExceeded ? {
+		ok: !1,
+		text: "Memory limit exceeded"
+	} : e.exitCode === 0 ? {
+		ok: !0,
+		text: "Ran successfully"
+	} : {
+		ok: !1,
+		text: `Exited with code ${e.exitCode}`
+	};
+}
+function d({ run: d, running: f, warming: p, error: m }) {
+	if (p) return /* @__PURE__ */ l("p", {
+		role: "status",
+		className: "inline-flex items-center gap-2 text-sm text-text-secondary",
+		"data-testid": "run-warming",
+		children: [/* @__PURE__ */ c(o, {
+			size: 14,
+			className: "animate-spin"
+		}), "Starting the code sandbox — your run will start automatically in a moment."]
+	});
+	if (f && !d) return /* @__PURE__ */ l("p", {
+		role: "status",
+		className: "inline-flex items-center gap-2 text-sm text-text-secondary",
+		children: [/* @__PURE__ */ c(o, {
+			size: 14,
+			className: "animate-spin"
+		}), " Running your code…"]
+	});
+	if (m) return /* @__PURE__ */ l("p", {
+		role: "alert",
+		className: "inline-flex items-start gap-2 text-sm text-status-error-text",
+		"data-testid": "run-error",
+		children: [
+			/* @__PURE__ */ c(i, {
+				size: 14,
+				className: "mt-0.5 shrink-0"
+			}),
+			" ",
+			m
+		]
+	});
+	if (!d) return /* @__PURE__ */ c("p", {
+		className: "text-sm text-text-muted",
+		children: "Run your code against the sample test cases (or your own input) before you submit. Runs are not recorded and do not affect your score."
+	});
+	if (d.status !== "COMPLETED") return /* @__PURE__ */ l("p", {
+		role: "alert",
+		className: "inline-flex items-start gap-2 text-sm text-status-warning-text",
+		children: [/* @__PURE__ */ c(i, {
+			size: 14,
+			className: "mt-0.5 shrink-0"
+		}), "The code sandbox is not available right now. Please try again shortly."]
+	});
+	if (d.customOutput) {
+		let r = d.customOutput, i = u(r);
+		return /* @__PURE__ */ l("div", {
+			className: "space-y-3",
+			"data-testid": "run-custom-output",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+					children: [/* @__PURE__ */ l("span", {
+						className: e("inline-flex items-center gap-1.5 text-sm font-medium", i.ok ? "text-status-success-text" : "text-status-error-text"),
+						children: [
+							/* @__PURE__ */ c(s, { size: 14 }),
+							" ",
+							i.text
+						]
+					}), /* @__PURE__ */ l("span", {
+						className: "inline-flex items-center gap-1 text-xs text-text-muted",
+						children: [
+							/* @__PURE__ */ c(a, { size: 12 }),
+							" ",
+							r.durationMs,
+							" ms"
+						]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
+					children: [/* @__PURE__ */ c(n, {
+						label: "Input",
+						value: r.stdin
+					}), /* @__PURE__ */ c(n, {
+						label: "Output",
+						value: r.stdout
+					})]
+				}),
+				r.stderr ? /* @__PURE__ */ c(t, {
+					label: "stderr",
+					bodyClassName: "max-h-48",
+					children: r.stderr
+				}) : null
+			]
+		});
+	}
+	return d.verdict ? /* @__PURE__ */ c("div", {
+		"data-testid": "run-sample-results",
+		children: /* @__PURE__ */ c(r, {
+			submission: {
+				...d,
+				verdict: d.verdict
+			},
+			caseNoun: "sample test cases"
+		})
+	}) : /* @__PURE__ */ c("p", {
+		className: "text-sm text-text-muted",
+		children: "Nothing ran."
+	});
+}
+//#endregion
+export { d as RunOutputPanel };
+
+//# sourceMappingURL=RunOutputPanel.js.map

package/dist/technospam/components/editor/RunOutputPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunOutputPanel.js","names":[],"sources":["../../../../src/technospam/components/editor/RunOutputPanel.tsx"],"sourcesContent":["import { AlertTriangle, Clock, Loader2, Terminal } from 'lucide-react';\nimport { CodePanel, IoBlock, TestResultsPanel } from '../SubmissionViews';\nimport type { TecSolutionRun, TecSolutionRunOutput } from '../../api/technospamApi';\nimport { cn } from '../../utils/cn';\n\nfunction customRunSummary(output: TecSolutionRunOutput): { ok: boolean; text: string } {\n  if (output.compileFailed) return { ok: false, text: 'Compile error' };\n  if (output.timedOut) return { ok: false, text: 'Time limit exceeded' };\n  if (output.memoryLimitExceeded) return { ok: false, text: 'Memory limit exceeded' };\n  if (output.exitCode !== 0) return { ok: false, text: `Exited with code ${output.exitCode}` };\n  return { ok: true, text: 'Ran successfully' };\n}\n\n/**\n * Output of the editor's Run button (BOFF-4078): a warm-up notice while the\n * sandbox starts, the per-sample-case verdicts, or the raw stdout/stderr of a\n * custom-input run.\n */\nexport function RunOutputPanel({\n  run,\n  running,\n  warming,\n  error,\n}: {\n  run: TecSolutionRun | null;\n  running: boolean;\n  warming: boolean;\n  error: string | null;\n}) {\n  if (warming) {\n    return (\n      <p\n        role=\"status\"\n        className=\"inline-flex items-center gap-2 text-sm text-text-secondary\"\n        data-testid=\"run-warming\"\n      >\n        <Loader2 size={14} className=\"animate-spin\" />\n        Starting the code sandbox — your run will start automatically in a moment.\n      </p>\n    );\n  }\n  if (running && !run) {\n    return (\n      <p role=\"status\" className=\"inline-flex items-center gap-2 text-sm text-text-secondary\">\n        <Loader2 size={14} className=\"animate-spin\" /> Running your code…\n      </p>\n    );\n  }\n  if (error) {\n    return (\n      <p\n        role=\"alert\"\n        className=\"inline-flex items-start gap-2 text-sm text-status-error-text\"\n        data-testid=\"run-error\"\n      >\n        <AlertTriangle size={14} className=\"mt-0.5 shrink-0\" /> {error}\n      </p>\n    );\n  }\n  if (!run) {\n    return (\n      <p className=\"text-sm text-text-muted\">\n        Run your code against the sample test cases (or your own input) before you submit. Runs are\n        not recorded and do not affect your score.\n      </p>\n    );\n  }\n  if (run.status !== 'COMPLETED') {\n    return (\n      <p role=\"alert\" className=\"inline-flex items-start gap-2 text-sm text-status-warning-text\">\n        <AlertTriangle size={14} className=\"mt-0.5 shrink-0\" />\n        The code sandbox is not available right now. Please try again shortly.\n      </p>\n    );\n  }\n\n  if (run.customOutput) {\n    const output = run.customOutput;\n    const summary = customRunSummary(output);\n    return (\n      <div className=\"space-y-3\" data-testid=\"run-custom-output\">\n        <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n          <span\n            className={cn(\n              'inline-flex items-center gap-1.5 text-sm font-medium',\n              summary.ok ? 'text-status-success-text' : 'text-status-error-text'\n            )}\n          >\n            <Terminal size={14} /> {summary.text}\n          </span>\n          <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n            <Clock size={12} /> {output.durationMs} ms\n          </span>\n        </div>\n        <div className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n          <IoBlock label=\"Input\" value={output.stdin} />\n          <IoBlock label=\"Output\" value={output.stdout} />\n        </div>\n        {output.stderr ? (\n          <CodePanel label=\"stderr\" bodyClassName=\"max-h-48\">\n            {output.stderr}\n          </CodePanel>\n        ) : null}\n      </div>\n    );\n  }\n\n  if (run.verdict) {\n    return (\n      <div data-testid=\"run-sample-results\">\n        <TestResultsPanel\n          submission={{ ...run, verdict: run.verdict }}\n          caseNoun=\"sample test cases\"\n        />\n      </div>\n    );\n  }\n  return <p className=\"text-sm text-text-muted\">Nothing ran.</p>;\n}\n"],"mappings":";;;;;AAKA,SAAS,EAAiB,GAA6D;AAKrF,QAJI,EAAO,gBAAsB;EAAE,IAAI;EAAO,MAAM;EAAiB,GACjE,EAAO,WAAiB;EAAE,IAAI;EAAO,MAAM;EAAuB,GAClE,EAAO,sBAA4B;EAAE,IAAI;EAAO,MAAM;EAAyB,GAC/E,EAAO,aAAa,IACjB;EAAE,IAAI;EAAM,MAAM;EAAoB,GADX;EAAE,IAAI;EAAO,MAAM,oBAAoB,EAAO;EAAY;;AAS9F,SAAgB,EAAe,EAC7B,QACA,YACA,YACA,YAMC;AACD,KAAI,EACF,QACE,kBAAC,KAAD;EACE,MAAK;EACL,WAAU;EACV,eAAY;YAHd,CAKE,kBAAC,GAAD;GAAS,MAAM;GAAI,WAAU;GAAiB,CAAA,EAAA,6EAE5C;;AAGR,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,KAAD;EAAG,MAAK;EAAS,WAAU;YAA3B,CACE,kBAAC,GAAD;GAAS,MAAM;GAAI,WAAU;GAAiB,CAAA,EAAA,sBAC5C;;AAGR,KAAI,EACF,QACE,kBAAC,KAAD;EACE,MAAK;EACL,WAAU;EACV,eAAY;YAHd;GAKE,kBAAC,GAAD;IAAe,MAAM;IAAI,WAAU;IAAoB,CAAA;;GAAE;GACvD;;AAGR,KAAI,CAAC,EACH,QACE,kBAAC,KAAD;EAAG,WAAU;YAA0B;EAGnC,CAAA;AAGR,KAAI,EAAI,WAAW,YACjB,QACE,kBAAC,KAAD;EAAG,MAAK;EAAQ,WAAU;YAA1B,CACE,kBAAC,GAAD;GAAe,MAAM;GAAI,WAAU;GAAoB,CAAA,EAAA,yEAErD;;AAIR,KAAI,EAAI,cAAc;EACpB,IAAM,IAAS,EAAI,cACb,IAAU,EAAiB,EAAO;AACxC,SACE,kBAAC,OAAD;GAAK,WAAU;GAAY,eAAY;aAAvC;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MACE,WAAW,EACT,wDACA,EAAQ,KAAK,6BAA6B,yBAC3C;gBAJH;OAME,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;;OAAE,EAAQ;OAC3B;SACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;;OAAE,EAAO;OAAW;OAClC;QACH;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAS,OAAM;MAAQ,OAAO,EAAO;MAAS,CAAA,EAC9C,kBAAC,GAAD;MAAS,OAAM;MAAS,OAAO,EAAO;MAAU,CAAA,CAC5C;;IACL,EAAO,SACN,kBAAC,GAAD;KAAW,OAAM;KAAS,eAAc;eACrC,EAAO;KACE,CAAA,GACV;IACA;;;AAcV,QAVI,EAAI,UAEJ,kBAAC,OAAD;EAAK,eAAY;YACf,kBAAC,GAAD;GACE,YAAY;IAAE,GAAG;IAAK,SAAS,EAAI;IAAS;GAC5C,UAAS;GACT,CAAA;EACE,CAAA,GAGH,kBAAC,KAAD;EAAG,WAAU;YAA0B;EAAgB,CAAA"}

package/dist/technospam/components/editor/editorLanguages.d.ts

@@ -0,0 +1,11 @@
+import { Extension } from '@codemirror/state';
+
+/**
+ * Syntax support for every language slug the grading sandbox runs
+ * (wspace-technospam-svc `SUPPORTED_LANGUAGES`). Unknown slugs get plain-text
+ * editing — line numbers, brackets and history still work.
+ */
+export declare function languageExtension(language: string): Extension;
+/** Whether `languageExtension` highlights this slug (used by tests and the editor label). */
+export declare function hasSyntaxSupport(language: string): boolean;
+//# sourceMappingURL=editorLanguages.d.ts.map

package/dist/technospam/components/editor/editorLanguages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorLanguages.d.ts","sourceRoot":"","sources":["../../../../src/technospam/components/editor/editorLanguages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAQnD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAyB7D;AAED,6FAA6F;AAC7F,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAG1D"}

package/dist/technospam/components/editor/editorLanguages.js

@@ -0,0 +1,30 @@
+import { StreamLanguage as e } from "../../../node_modules/@codemirror/language/dist/index.js";
+import { javascript as t } from "../../../node_modules/@codemirror/lang-javascript/dist/index.js";
+import { python as n } from "../../../node_modules/@codemirror/lang-python/dist/index.js";
+import { go as r } from "../../../node_modules/@codemirror/lang-go/dist/index.js";
+import { ruby as i } from "../../../node_modules/@codemirror/legacy-modes/mode/ruby.js";
+import { shell as a } from "../../../node_modules/@codemirror/legacy-modes/mode/shell.js";
+//#region src/technospam/components/editor/editorLanguages.ts
+function o(o) {
+	switch (o.trim().toLowerCase()) {
+		case "javascript":
+		case "js":
+		case "node": return t();
+		case "typescript":
+		case "ts": return t({ typescript: !0 });
+		case "python":
+		case "py": return n();
+		case "go":
+		case "golang": return r();
+		case "ruby":
+		case "rb": return e.define(i);
+		case "bash":
+		case "sh":
+		case "shell": return e.define(a);
+		default: return [];
+	}
+}
+//#endregion
+export { o as languageExtension };
+
+//# sourceMappingURL=editorLanguages.js.map

package/dist/technospam/components/editor/editorLanguages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorLanguages.js","names":[],"sources":["../../../../src/technospam/components/editor/editorLanguages.ts"],"sourcesContent":["import type { Extension } from '@codemirror/state';\nimport { StreamLanguage } from '@codemirror/language';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { python } from '@codemirror/lang-python';\nimport { go } from '@codemirror/lang-go';\nimport { ruby } from '@codemirror/legacy-modes/mode/ruby';\nimport { shell } from '@codemirror/legacy-modes/mode/shell';\n\n/**\n * Syntax support for every language slug the grading sandbox runs\n * (wspace-technospam-svc `SUPPORTED_LANGUAGES`). Unknown slugs get plain-text\n * editing — line numbers, brackets and history still work.\n */\nexport function languageExtension(language: string): Extension {\n  switch (language.trim().toLowerCase()) {\n    case 'javascript':\n    case 'js':\n    case 'node':\n      return javascript();\n    case 'typescript':\n    case 'ts':\n      return javascript({ typescript: true });\n    case 'python':\n    case 'py':\n      return python();\n    case 'go':\n    case 'golang':\n      return go();\n    case 'ruby':\n    case 'rb':\n      return StreamLanguage.define(ruby);\n    case 'bash':\n    case 'sh':\n    case 'shell':\n      return StreamLanguage.define(shell);\n    default:\n      return [];\n  }\n}\n\n/** Whether `languageExtension` highlights this slug (used by tests and the editor label). */\nexport function hasSyntaxSupport(language: string): boolean {\n  const ext = languageExtension(language);\n  return !(Array.isArray(ext) && ext.length === 0);\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,EAAkB,GAA6B;AAC7D,SAAQ,EAAS,MAAM,CAAC,aAAa,EAArC;EACE,KAAK;EACL,KAAK;EACL,KAAK,OACH,QAAO,GAAY;EACrB,KAAK;EACL,KAAK,KACH,QAAO,EAAW,EAAE,YAAY,IAAM,CAAC;EACzC,KAAK;EACL,KAAK,KACH,QAAO,GAAQ;EACjB,KAAK;EACL,KAAK,SACH,QAAO,GAAI;EACb,KAAK;EACL,KAAK,KACH,QAAO,EAAe,OAAO,EAAK;EACpC,KAAK;EACL,KAAK;EACL,KAAK,QACH,QAAO,EAAe,OAAO,EAAM;EACrC,QACE,QAAO,EAAE"}

package/dist/technospam/components/editor/editorTheme.d.ts

@@ -0,0 +1,11 @@
+import { HighlightStyle } from '@codemirror/language';
+
+/**
+ * Syntax colours are Tailwind utility classes over the platform's semantic
+ * tokens (never raw colours), so the editor follows the active brand and
+ * light/dark theme like the rest of the app.
+ */
+export declare const technospamHighlightStyle: HighlightStyle;
+/** Editor chrome: inherits the surrounding panel and uses semantic token variables. */
+export declare const technospamEditorTheme: import('@codemirror/state').Extension;
+//# sourceMappingURL=editorTheme.d.ts.map

package/dist/technospam/components/editor/editorTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorTheme.d.ts","sourceRoot":"","sources":["../../../../src/technospam/components/editor/editorTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,gBAyBnC,CAAC;AAEH,uFAAuF;AACvF,eAAO,MAAM,qBAAqB,uCA+BhC,CAAC"}

package/dist/technospam/components/editor/editorTheme.js

@@ -0,0 +1,120 @@
+import { EditorView as e } from "../../../node_modules/@codemirror/view/dist/index.js";
+import { tags as t } from "../../../node_modules/@lezer/highlight/dist/index.js";
+import { HighlightStyle as n } from "../../../node_modules/@codemirror/language/dist/index.js";
+//#region src/technospam/components/editor/editorTheme.ts
+var r = n.define([
+	{
+		tag: [
+			t.keyword,
+			t.controlKeyword,
+			t.moduleKeyword,
+			t.operatorKeyword
+		],
+		class: "text-accent-purple"
+	},
+	{
+		tag: [t.definitionKeyword, t.modifier],
+		class: "text-accent-purple"
+	},
+	{
+		tag: [
+			t.string,
+			t.special(t.string),
+			t.regexp
+		],
+		class: "text-status-success-text"
+	},
+	{
+		tag: [
+			t.number,
+			t.bool,
+			t.null,
+			t.atom
+		],
+		class: "text-status-warning-text"
+	},
+	{
+		tag: [
+			t.comment,
+			t.lineComment,
+			t.blockComment,
+			t.docComment
+		],
+		class: "italic text-text-secondary"
+	},
+	{
+		tag: [
+			t.function(t.variableName),
+			t.function(t.propertyName),
+			t.definition(t.function(t.variableName))
+		],
+		class: "text-accent-primary"
+	},
+	{
+		tag: [
+			t.typeName,
+			t.className,
+			t.namespace
+		],
+		class: "text-accent-teal"
+	},
+	{
+		tag: [t.propertyName, t.attributeName],
+		class: "text-accent-indigo"
+	},
+	{
+		tag: [t.self, t.special(t.variableName)],
+		class: "text-accent-purple"
+	},
+	{
+		tag: [
+			t.operator,
+			t.punctuation,
+			t.bracket
+		],
+		class: "text-text-secondary"
+	},
+	{
+		tag: t.invalid,
+		class: "text-status-error-text"
+	}
+]), i = e.theme({
+	"&": {
+		backgroundColor: "inherit",
+		color: "var(--color-text-primary)",
+		fontSize: "12px",
+		height: "100%"
+	},
+	"&.cm-focused": { outline: "none" },
+	".cm-scroller": {
+		fontFamily: "inherit",
+		lineHeight: "1.65"
+	},
+	".cm-content": {
+		caretColor: "var(--color-text-primary)",
+		padding: "12px 0"
+	},
+	".cm-cursor, .cm-dropCursor": { borderLeftColor: "var(--color-text-primary)" },
+	".cm-gutters": {
+		backgroundColor: "inherit",
+		color: "var(--color-text-muted)",
+		border: "none",
+		borderRight: "1px solid var(--color-border-subtle)"
+	},
+	".cm-lineNumbers .cm-gutterElement": { padding: "0 10px 0 12px" },
+	".cm-activeLine": { backgroundColor: "var(--color-bg-surface)" },
+	".cm-activeLineGutter": {
+		backgroundColor: "var(--color-bg-surface)",
+		color: "var(--color-text-primary)"
+	},
+	".cm-selectionBackground, &.cm-focused .cm-selectionBackground, ::selection": { backgroundColor: "var(--color-bg-accent)" },
+	".cm-matchingBracket": {
+		backgroundColor: "var(--color-bg-accent)",
+		outline: "1px solid var(--color-border-strong)"
+	},
+	".cm-placeholder": { color: "var(--color-text-placeholder)" }
+});
+//#endregion
+export { i as technospamEditorTheme, r as technospamHighlightStyle };
+
+//# sourceMappingURL=editorTheme.js.map

package/dist/technospam/components/editor/editorTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorTheme.js","names":[],"sources":["../../../../src/technospam/components/editor/editorTheme.ts"],"sourcesContent":["import { EditorView } from '@codemirror/view';\nimport { HighlightStyle } from '@codemirror/language';\nimport { tags as t } from '@lezer/highlight';\n\n/**\n * Syntax colours are Tailwind utility classes over the platform's semantic\n * tokens (never raw colours), so the editor follows the active brand and\n * light/dark theme like the rest of the app.\n */\nexport const technospamHighlightStyle = HighlightStyle.define([\n  {\n    tag: [t.keyword, t.controlKeyword, t.moduleKeyword, t.operatorKeyword],\n    class: 'text-accent-purple',\n  },\n  { tag: [t.definitionKeyword, t.modifier], class: 'text-accent-purple' },\n  { tag: [t.string, t.special(t.string), t.regexp], class: 'text-status-success-text' },\n  { tag: [t.number, t.bool, t.null, t.atom], class: 'text-status-warning-text' },\n  {\n    tag: [t.comment, t.lineComment, t.blockComment, t.docComment],\n    class: 'italic text-text-secondary',\n  },\n  {\n    tag: [\n      t.function(t.variableName),\n      t.function(t.propertyName),\n      t.definition(t.function(t.variableName)),\n    ],\n    class: 'text-accent-primary',\n  },\n  { tag: [t.typeName, t.className, t.namespace], class: 'text-accent-teal' },\n  { tag: [t.propertyName, t.attributeName], class: 'text-accent-indigo' },\n  { tag: [t.self, t.special(t.variableName)], class: 'text-accent-purple' },\n  { tag: [t.operator, t.punctuation, t.bracket], class: 'text-text-secondary' },\n  { tag: t.invalid, class: 'text-status-error-text' },\n]);\n\n/** Editor chrome: inherits the surrounding panel and uses semantic token variables. */\nexport const technospamEditorTheme = EditorView.theme({\n  '&': {\n    backgroundColor: 'inherit',\n    color: 'var(--color-text-primary)',\n    fontSize: '12px',\n    height: '100%',\n  },\n  '&.cm-focused': { outline: 'none' },\n  '.cm-scroller': { fontFamily: 'inherit', lineHeight: '1.65' },\n  '.cm-content': { caretColor: 'var(--color-text-primary)', padding: '12px 0' },\n  '.cm-cursor, .cm-dropCursor': { borderLeftColor: 'var(--color-text-primary)' },\n  '.cm-gutters': {\n    backgroundColor: 'inherit',\n    color: 'var(--color-text-muted)',\n    border: 'none',\n    borderRight: '1px solid var(--color-border-subtle)',\n  },\n  '.cm-lineNumbers .cm-gutterElement': { padding: '0 10px 0 12px' },\n  '.cm-activeLine': { backgroundColor: 'var(--color-bg-surface)' },\n  '.cm-activeLineGutter': {\n    backgroundColor: 'var(--color-bg-surface)',\n    color: 'var(--color-text-primary)',\n  },\n  '.cm-selectionBackground, &.cm-focused .cm-selectionBackground, ::selection': {\n    backgroundColor: 'var(--color-bg-accent)',\n  },\n  '.cm-matchingBracket': {\n    backgroundColor: 'var(--color-bg-accent)',\n    outline: '1px solid var(--color-border-strong)',\n  },\n  '.cm-placeholder': { color: 'var(--color-text-placeholder)' },\n});\n"],"mappings":";;;;AASA,IAAa,IAA2B,EAAe,OAAO;CAC5D;EACE,KAAK;GAAC,EAAE;GAAS,EAAE;GAAgB,EAAE;GAAe,EAAE;GAAgB;EACtE,OAAO;EACR;CACD;EAAE,KAAK,CAAC,EAAE,mBAAmB,EAAE,SAAS;EAAE,OAAO;EAAsB;CACvE;EAAE,KAAK;GAAC,EAAE;GAAQ,EAAE,QAAQ,EAAE,OAAO;GAAE,EAAE;GAAO;EAAE,OAAO;EAA4B;CACrF;EAAE,KAAK;GAAC,EAAE;GAAQ,EAAE;GAAM,EAAE;GAAM,EAAE;GAAK;EAAE,OAAO;EAA4B;CAC9E;EACE,KAAK;GAAC,EAAE;GAAS,EAAE;GAAa,EAAE;GAAc,EAAE;GAAW;EAC7D,OAAO;EACR;CACD;EACE,KAAK;GACH,EAAE,SAAS,EAAE,aAAa;GAC1B,EAAE,SAAS,EAAE,aAAa;GAC1B,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;GACzC;EACD,OAAO;EACR;CACD;EAAE,KAAK;GAAC,EAAE;GAAU,EAAE;GAAW,EAAE;GAAU;EAAE,OAAO;EAAoB;CAC1E;EAAE,KAAK,CAAC,EAAE,cAAc,EAAE,cAAc;EAAE,OAAO;EAAsB;CACvE;EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC;EAAE,OAAO;EAAsB;CACzE;EAAE,KAAK;GAAC,EAAE;GAAU,EAAE;GAAa,EAAE;GAAQ;EAAE,OAAO;EAAuB;CAC7E;EAAE,KAAK,EAAE;EAAS,OAAO;EAA0B;CACpD,CAAC,EAGW,IAAwB,EAAW,MAAM;CACpD,KAAK;EACH,iBAAiB;EACjB,OAAO;EACP,UAAU;EACV,QAAQ;EACT;CACD,gBAAgB,EAAE,SAAS,QAAQ;CACnC,gBAAgB;EAAE,YAAY;EAAW,YAAY;EAAQ;CAC7D,eAAe;EAAE,YAAY;EAA6B,SAAS;EAAU;CAC7E,8BAA8B,EAAE,iBAAiB,6BAA6B;CAC9E,eAAe;EACb,iBAAiB;EACjB,OAAO;EACP,QAAQ;EACR,aAAa;EACd;CACD,qCAAqC,EAAE,SAAS,iBAAiB;CACjE,kBAAkB,EAAE,iBAAiB,2BAA2B;CAChE,wBAAwB;EACtB,iBAAiB;EACjB,OAAO;EACR;CACD,8EAA8E,EAC5E,iBAAiB,0BAClB;CACD,uBAAuB;EACrB,iBAAiB;EACjB,SAAS;EACV;CACD,mBAAmB,EAAE,OAAO,iCAAiC;CAC9D,CAAC"}

package/dist/technospam/hooks/useSolutionRunner.d.ts

@@ -0,0 +1,35 @@
+import { TecSolutionRun } from '../api/technospamApi';
+
+/**
+ * A cold code sandbox can take a few minutes to start. While the API answers
+ * WARMING the run is retried on this interval, giving up after the budget so
+ * the learner can retry by hand.
+ */
+export declare const RUN_WARMING_RETRY_MS = 4000;
+export declare const RUN_WARMING_BUDGET_MS: number;
+export interface SolutionRunRequest {
+    problemId: string;
+    language: string;
+    code: string;
+    /** Custom stdin; omit to run the sample cases. */
+    stdin?: string | null;
+}
+export interface SolutionRunner {
+    /** The latest finished (or given-up) run. */
+    run: TecSolutionRun | null;
+    /** A request is in flight. */
+    running: boolean;
+    /** The sandbox is starting; the run is being retried automatically. */
+    warming: boolean;
+    /** Why the last run was refused (quota, bad input…), shown inline. */
+    error: string | null;
+    execute: (request: SolutionRunRequest) => void;
+    reset: () => void;
+}
+/**
+ * Drives `tecRunSolution` for the problem editor (BOFF-4078): sends the run,
+ * keeps retrying while the sandbox warms up, and exposes the result. Starting
+ * a new run cancels any pending warm-up retry.
+ */
+export declare function useSolutionRunner(): SolutionRunner;
+//# sourceMappingURL=useSolutionRunner.d.ts.map

package/dist/technospam/hooks/useSolutionRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSolutionRunner.d.ts","sourceRoot":"","sources":["../../../src/technospam/hooks/useSolutionRunner.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3E;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,OAAQ,CAAC;AAC1C,eAAO,MAAM,qBAAqB,QAAa,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,GAAG,EAAE,cAAc,GAAG,IAAI,CAAC;IAC3B,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,uEAAuE;IACvE,OAAO,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,IAAI,cAAc,CA6GlD"}

package/dist/technospam/hooks/useSolutionRunner.js

@@ -0,0 +1,66 @@
+import { userMessageFromError as e } from "../lib/errorMessage.js";
+import { useRunSolution as t } from "../api/technospamApi.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+//#region src/technospam/hooks/useSolutionRunner.ts
+var o = 4e3;
+function s() {
+	let [s] = t(), [c, l] = a(null), [u, d] = a(!1), [f, p] = a(!1), [m, h] = a(null), g = i(null), _ = i(null), v = i(0), y = () => {
+		g.current && clearTimeout(g.current), g.current = null;
+	};
+	r(() => () => {
+		y(), v.current += 1;
+	}, []);
+	let b = n((t, n) => {
+		let r = async () => {
+			d(!0);
+			try {
+				let i = await s({ variables: { input: {
+					problemId: t.problemId,
+					language: t.language,
+					code: t.code,
+					...t.stdin == null ? {} : { stdin: t.stdin }
+				} } });
+				if (n !== v.current) return;
+				let a = i.data?.tecRunSolution;
+				if (!a) {
+					p(!1), _.current = null, l(null), h(e(i.error, "Your code could not be run. Please try again."));
+					return;
+				}
+				if (a.status === "WARMING") {
+					if (_.current ??= Date.now(), Date.now() - _.current < 24e4) {
+						p(!0), g.current = setTimeout(() => void r(), o);
+						return;
+					}
+					p(!1), _.current = null, l({
+						...a,
+						status: "UNAVAILABLE"
+					});
+					return;
+				}
+				p(!1), _.current = null, l(a);
+			} catch (t) {
+				if (n !== v.current) return;
+				p(!1), _.current = null, l(null), h(e(t, "Your code could not be run. Please try again."));
+			} finally {
+				n === v.current && d(!1);
+			}
+		};
+		return r();
+	}, [s]);
+	return {
+		run: c,
+		running: u,
+		warming: f,
+		error: m,
+		execute: n((e) => {
+			y(), v.current += 1, _.current = null, h(null), b(e, v.current);
+		}, [b]),
+		reset: n(() => {
+			y(), v.current += 1, _.current = null, l(null), h(null), p(!1), d(!1);
+		}, [])
+	};
+}
+//#endregion
+export { s as useSolutionRunner };
+
+//# sourceMappingURL=useSolutionRunner.js.map

package/dist/technospam/hooks/useSolutionRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSolutionRunner.js","names":[],"sources":["../../../src/technospam/hooks/useSolutionRunner.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useRunSolution, type TecSolutionRun } from '../api/technospamApi';\nimport { userMessageFromError } from '../lib/errorMessage';\n\n/**\n * A cold code sandbox can take a few minutes to start. While the API answers\n * WARMING the run is retried on this interval, giving up after the budget so\n * the learner can retry by hand.\n */\nexport const RUN_WARMING_RETRY_MS = 4_000;\nexport const RUN_WARMING_BUDGET_MS = 4 * 60_000;\n\nexport interface SolutionRunRequest {\n  problemId: string;\n  language: string;\n  code: string;\n  /** Custom stdin; omit to run the sample cases. */\n  stdin?: string | null;\n}\n\nexport interface SolutionRunner {\n  /** The latest finished (or given-up) run. */\n  run: TecSolutionRun | null;\n  /** A request is in flight. */\n  running: boolean;\n  /** The sandbox is starting; the run is being retried automatically. */\n  warming: boolean;\n  /** Why the last run was refused (quota, bad input…), shown inline. */\n  error: string | null;\n  execute: (request: SolutionRunRequest) => void;\n  reset: () => void;\n}\n\n/**\n * Drives `tecRunSolution` for the problem editor (BOFF-4078): sends the run,\n * keeps retrying while the sandbox warms up, and exposes the result. Starting\n * a new run cancels any pending warm-up retry.\n */\nexport function useSolutionRunner(): SolutionRunner {\n  const [runSolution] = useRunSolution();\n  const [run, setRun] = useState<TecSolutionRun | null>(null);\n  const [running, setRunning] = useState(false);\n  const [warming, setWarming] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const warmingSince = useRef<number | null>(null);\n  /** Bumped per user-initiated run so a stale retry never overwrites a newer run. */\n  const generation = useRef(0);\n\n  const clearTimer = () => {\n    if (timer.current) clearTimeout(timer.current);\n    timer.current = null;\n  };\n\n  // On unmount, cancel any pending warm-up retry and invalidate the in-flight\n  // request so a late WARMING answer cannot schedule another run after the\n  // learner has left the page.\n  useEffect(\n    () => () => {\n      clearTimer();\n      generation.current += 1;\n    },\n    []\n  );\n\n  const attempt = useCallback(\n    (request: SolutionRunRequest, gen: number): Promise<void> => {\n      // A local recursive function keeps the warm-up retry inside one closure,\n      // so the scheduled retry never references the hook binding itself.\n      const go = async (): Promise<void> => {\n        setRunning(true);\n        try {\n          const res = await runSolution({\n            variables: {\n              input: {\n                problemId: request.problemId,\n                language: request.language,\n                code: request.code,\n                ...(request.stdin != null ? { stdin: request.stdin } : {}),\n              },\n            },\n          });\n          if (gen !== generation.current) return;\n          const result = res.data?.tecRunSolution;\n          if (!result) {\n            setWarming(false);\n            warmingSince.current = null;\n            setRun(null);\n            setError(\n              userMessageFromError(res.error, 'Your code could not be run. Please try again.')\n            );\n            return;\n          }\n          if (result.status === 'WARMING') {\n            warmingSince.current ??= Date.now();\n            if (Date.now() - warmingSince.current < RUN_WARMING_BUDGET_MS) {\n              setWarming(true);\n              timer.current = setTimeout(() => void go(), RUN_WARMING_RETRY_MS);\n              return;\n            }\n            setWarming(false);\n            warmingSince.current = null;\n            setRun({ ...result, status: 'UNAVAILABLE' });\n            return;\n          }\n          setWarming(false);\n          warmingSince.current = null;\n          setRun(result);\n        } catch (err: unknown) {\n          // Apollo reports GraphQL/network failures via res.error, but anything\n          // unexpected must still end the warming state instead of spinning forever.\n          if (gen !== generation.current) return;\n          setWarming(false);\n          warmingSince.current = null;\n          setRun(null);\n          setError(userMessageFromError(err, 'Your code could not be run. Please try again.'));\n        } finally {\n          if (gen === generation.current) setRunning(false);\n        }\n      };\n      return go();\n    },\n    [runSolution]\n  );\n\n  const execute = useCallback(\n    (request: SolutionRunRequest) => {\n      clearTimer();\n      generation.current += 1;\n      warmingSince.current = null;\n      setError(null);\n      void attempt(request, generation.current);\n    },\n    [attempt]\n  );\n\n  const reset = useCallback(() => {\n    clearTimer();\n    generation.current += 1;\n    warmingSince.current = null;\n    setRun(null);\n    setError(null);\n    setWarming(false);\n    setRunning(false);\n  }, []);\n\n  return { run, running, warming, error, execute, reset };\n}\n"],"mappings":";;;;AASA,IAAa,IAAuB;AA6BpC,SAAgB,IAAoC;CAClD,IAAM,CAAC,KAAe,GAAgB,EAChC,CAAC,GAAK,KAAU,EAAgC,KAAK,EACrD,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,IAAQ,EAA6C,KAAK,EAC1D,IAAe,EAAsB,KAAK,EAE1C,IAAa,EAAO,EAAE,EAEtB,UAAmB;AAEvB,EADI,EAAM,WAAS,aAAa,EAAM,QAAQ,EAC9C,EAAM,UAAU;;AAMlB,eACc;AAEV,EADA,GAAY,EACZ,EAAW,WAAW;IAExB,EAAE,CACH;CAED,IAAM,IAAU,GACb,GAA6B,MAA+B;EAG3D,IAAM,IAAK,YAA2B;AACpC,KAAW,GAAK;AAChB,OAAI;IACF,IAAM,IAAM,MAAM,EAAY,EAC5B,WAAW,EACT,OAAO;KACL,WAAW,EAAQ;KACnB,UAAU,EAAQ;KAClB,MAAM,EAAQ;KACd,GAAI,EAAQ,SAAS,OAAkC,EAAE,GAA7B,EAAE,OAAO,EAAQ,OAAO;KACrD,EACF,EACF,CAAC;AACF,QAAI,MAAQ,EAAW,QAAS;IAChC,IAAM,IAAS,EAAI,MAAM;AACzB,QAAI,CAAC,GAAQ;AAIX,KAHA,EAAW,GAAM,EACjB,EAAa,UAAU,MACvB,EAAO,KAAK,EACZ,EACE,EAAqB,EAAI,OAAO,gDAAgD,CACjF;AACD;;AAEF,QAAI,EAAO,WAAW,WAAW;AAE/B,SADA,EAAa,YAAY,KAAK,KAAK,EAC/B,KAAK,KAAK,GAAG,EAAa,UAAA,MAAiC;AAE7D,MADA,EAAW,GAAK,EAChB,EAAM,UAAU,iBAAiB,KAAK,GAAI,EAAE,EAAqB;AACjE;;AAIF,KAFA,EAAW,GAAM,EACjB,EAAa,UAAU,MACvB,EAAO;MAAE,GAAG;MAAQ,QAAQ;MAAe,CAAC;AAC5C;;AAIF,IAFA,EAAW,GAAM,EACjB,EAAa,UAAU,MACvB,EAAO,EAAO;YACP,GAAc;AAGrB,QAAI,MAAQ,EAAW,QAAS;AAIhC,IAHA,EAAW,GAAM,EACjB,EAAa,UAAU,MACvB,EAAO,KAAK,EACZ,EAAS,EAAqB,GAAK,gDAAgD,CAAC;aAC5E;AACR,IAAI,MAAQ,EAAW,WAAS,EAAW,GAAM;;;AAGrD,SAAO,GAAI;IAEb,CAAC,EAAY,CACd;AAuBD,QAAO;EAAE;EAAK;EAAS;EAAS;EAAO,SArBvB,GACb,MAAgC;AAK1B,GAJL,GAAY,EACZ,EAAW,WAAW,GACtB,EAAa,UAAU,MACvB,EAAS,KAAK,EACT,EAAQ,GAAS,EAAW,QAAQ;KAE3C,CAAC,EAAQ,CACV;EAY+C,OAVlC,QAAkB;AAO9B,GANA,GAAY,EACZ,EAAW,WAAW,GACtB,EAAa,UAAU,MACvB,EAAO,KAAK,EACZ,EAAS,KAAK,EACd,EAAW,GAAM,EACjB,EAAW,GAAM;KAChB,EAAE,CAAC;EAEiD"}

package/dist/technospam/hooks/useTechnoSpamAnalytics.d.ts

@@ -13,7 +13,7 @@ export interface EntityEventPayload {
     entityId?: string;
     entityType?: string;
 }
-export type TechnoSpamEventName = 'technospam.page.viewed' | 'technospam.course.viewed' | 'technospam.course.enroll_clicked' | 'technospam.course.enrolled' | 'technospam.course.progress_updated' | 'technospam.course.certificate_claimed' | 'technospam.lesson.viewed' | 'technospam.lesson.completed' | 'technospam.problem.viewed' | 'technospam.problem.submit_clicked' | 'technospam.problem.submitted' | 'technospam.mentor.viewed' | 'technospam.mentor.book_clicked' | 'technospam.mentor.booked' | 'technospam.mentor.become_mentor_clicked' | 'technospam.mentor.became_mentor' | 'technospam.session.cancel_clicked' | 'technospam.session.cancelled' | 'technospam.session.complete_clicked' | 'technospam.session.completed' | 'technospam.hackathon.viewed' | 'technospam.hackathon.register_team_clicked' | 'technospam.hackathon.team_registered' | 'technospam.hackathon.submit_project_clicked' | 'technospam.hackathon.project_submitted' | 'technospam.search.performed';
+export type TechnoSpamEventName = 'technospam.page.viewed' | 'technospam.course.viewed' | 'technospam.course.enroll_clicked' | 'technospam.course.enrolled' | 'technospam.course.progress_updated' | 'technospam.course.certificate_claimed' | 'technospam.lesson.viewed' | 'technospam.lesson.completed' | 'technospam.problem.viewed' | 'technospam.problem.run_clicked' | 'technospam.problem.submit_clicked' | 'technospam.problem.submitted' | 'technospam.mentor.viewed' | 'technospam.mentor.book_clicked' | 'technospam.mentor.booked' | 'technospam.mentor.become_mentor_clicked' | 'technospam.mentor.became_mentor' | 'technospam.session.cancel_clicked' | 'technospam.session.cancelled' | 'technospam.session.complete_clicked' | 'technospam.session.completed' | 'technospam.hackathon.viewed' | 'technospam.hackathon.register_team_clicked' | 'technospam.hackathon.team_registered' | 'technospam.hackathon.submit_project_clicked' | 'technospam.hackathon.project_submitted' | 'technospam.search.performed';
 export declare function useTechnoSpamAnalytics(): {
     emit: (name: TechnoSpamEventName, payload?: EntityEventPayload & Record<string, unknown>) => void;
 };

package/dist/technospam/hooks/useTechnoSpamAnalytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTechnoSpamAnalytics.d.ts","sourceRoot":"","sources":["../../../src/technospam/hooks/useTechnoSpamAnalytics.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAC3B,wBAAwB,GACxB,0BAA0B,GAC1B,kCAAkC,GAClC,4BAA4B,GAC5B,oCAAoC,GACpC,uCAAuC,GACvC,0BAA0B,GAC1B,6BAA6B,GAC7B,2BAA2B,GAC3B,mCAAmC,GACnC,8BAA8B,GAC9B,0BAA0B,GAC1B,gCAAgC,GAChC,0BAA0B,GAC1B,yCAAyC,GACzC,iCAAiC,GACjC,mCAAmC,GACnC,8BAA8B,GAC9B,qCAAqC,GACrC,8BAA8B,GAC9B,6BAA6B,GAC7B,4CAA4C,GAC5C,sCAAsC,GACtC,6CAA6C,GAC7C,wCAAwC,GACxC,6BAA6B,CAAC;AAElC,wBAAgB,sBAAsB;iBAI3B,mBAAmB,YAAW,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EAOpF"}
+{"version":3,"file":"useTechnoSpamAnalytics.d.ts","sourceRoot":"","sources":["../../../src/technospam/hooks/useTechnoSpamAnalytics.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH,MAAM,WAAW,kBAAkB;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAC3B,wBAAwB,GACxB,0BAA0B,GAC1B,kCAAkC,GAClC,4BAA4B,GAC5B,oCAAoC,GACpC,uCAAuC,GACvC,0BAA0B,GAC1B,6BAA6B,GAC7B,2BAA2B,GAC3B,gCAAgC,GAChC,mCAAmC,GACnC,8BAA8B,GAC9B,0BAA0B,GAC1B,gCAAgC,GAChC,0BAA0B,GAC1B,yCAAyC,GACzC,iCAAiC,GACjC,mCAAmC,GACnC,8BAA8B,GAC9B,qCAAqC,GACrC,8BAA8B,GAC9B,6BAA6B,GAC7B,4CAA4C,GAC5C,sCAAsC,GACtC,6CAA6C,GAC7C,wCAAwC,GACxC,6BAA6B,CAAC;AAElC,wBAAgB,sBAAsB;iBAI3B,mBAAmB,YAAW,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EAOpF"}

package/dist/technospam/hooks/useTechnoSpamAnalytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTechnoSpamAnalytics.js","names":[],"sources":["../../../src/technospam/hooks/useTechnoSpamAnalytics.ts"],"sourcesContent":["/**\n * TechnoSpam product analytics helper.\n *\n * Emits events on the shared event bus. The shell's RybbitSink forwards\n * allow-listed fact events to Rybbit Cloud; until TechnoSpam has a site ID,\n * events still flow to the bus and to backend audit / telemetry sinks.\n *\n * Pattern: emit an intent event before a mutation, then a fact event when the\n * server confirms the change.\n */\n\nimport { useCallback } from 'react';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport interface EntityEventPayload {\n  workspaceId?: string;\n  entityId?: string;\n  entityType?: string;\n}\n\nexport type TechnoSpamEventName =\n  | 'technospam.page.viewed'\n  | 'technospam.course.viewed'\n  | 'technospam.course.enroll_clicked'\n  | 'technospam.course.enrolled'\n  | 'technospam.course.progress_updated'\n  | 'technospam.course.certificate_claimed'\n  | 'technospam.lesson.viewed'\n  | 'technospam.lesson.completed'\n  | 'technospam.problem.viewed'\n  | 'technospam.problem.submit_clicked'\n  | 'technospam.problem.submitted'\n  | 'technospam.mentor.viewed'\n  | 'technospam.mentor.book_clicked'\n  | 'technospam.mentor.booked'\n  | 'technospam.mentor.become_mentor_clicked'\n  | 'technospam.mentor.became_mentor'\n  | 'technospam.session.cancel_clicked'\n  | 'technospam.session.cancelled'\n  | 'technospam.session.complete_clicked'\n  | 'technospam.session.completed'\n  | 'technospam.hackathon.viewed'\n  | 'technospam.hackathon.register_team_clicked'\n  | 'technospam.hackathon.team_registered'\n  | 'technospam.hackathon.submit_project_clicked'\n  | 'technospam.hackathon.project_submitted'\n  | 'technospam.search.performed';\n\nexport function useTechnoSpamAnalytics() {\n  const bus = useEventBus();\n\n  const emit = useCallback(\n    (name: TechnoSpamEventName, payload: EntityEventPayload & Record<string, unknown> = {}) => {\n      bus.emitCustom(name, payload, { component: 'microfe-technospam' });\n    },\n    [bus]\n  );\n\n  return { emit };\n}\n"],"mappings":";;;AAgDA,SAAgB,IAAyB;CACvC,IAAM,IAAM,GAAa;AASzB,QAAO,EAAE,MAPI,GACV,GAA2B,IAAwD,EAAE,KAAK;AACzF,IAAI,WAAW,GAAM,GAAS,EAAE,WAAW,sBAAsB,CAAC;IAEpE,CAAC,EAAI,CACN,EAEc"}
+{"version":3,"file":"useTechnoSpamAnalytics.js","names":[],"sources":["../../../src/technospam/hooks/useTechnoSpamAnalytics.ts"],"sourcesContent":["/**\n * TechnoSpam product analytics helper.\n *\n * Emits events on the shared event bus. The shell's RybbitSink forwards\n * allow-listed fact events to Rybbit Cloud; until TechnoSpam has a site ID,\n * events still flow to the bus and to backend audit / telemetry sinks.\n *\n * Pattern: emit an intent event before a mutation, then a fact event when the\n * server confirms the change.\n */\n\nimport { useCallback } from 'react';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport interface EntityEventPayload {\n  workspaceId?: string;\n  entityId?: string;\n  entityType?: string;\n}\n\nexport type TechnoSpamEventName =\n  | 'technospam.page.viewed'\n  | 'technospam.course.viewed'\n  | 'technospam.course.enroll_clicked'\n  | 'technospam.course.enrolled'\n  | 'technospam.course.progress_updated'\n  | 'technospam.course.certificate_claimed'\n  | 'technospam.lesson.viewed'\n  | 'technospam.lesson.completed'\n  | 'technospam.problem.viewed'\n  | 'technospam.problem.run_clicked'\n  | 'technospam.problem.submit_clicked'\n  | 'technospam.problem.submitted'\n  | 'technospam.mentor.viewed'\n  | 'technospam.mentor.book_clicked'\n  | 'technospam.mentor.booked'\n  | 'technospam.mentor.become_mentor_clicked'\n  | 'technospam.mentor.became_mentor'\n  | 'technospam.session.cancel_clicked'\n  | 'technospam.session.cancelled'\n  | 'technospam.session.complete_clicked'\n  | 'technospam.session.completed'\n  | 'technospam.hackathon.viewed'\n  | 'technospam.hackathon.register_team_clicked'\n  | 'technospam.hackathon.team_registered'\n  | 'technospam.hackathon.submit_project_clicked'\n  | 'technospam.hackathon.project_submitted'\n  | 'technospam.search.performed';\n\nexport function useTechnoSpamAnalytics() {\n  const bus = useEventBus();\n\n  const emit = useCallback(\n    (name: TechnoSpamEventName, payload: EntityEventPayload & Record<string, unknown> = {}) => {\n      bus.emitCustom(name, payload, { component: 'microfe-technospam' });\n    },\n    [bus]\n  );\n\n  return { emit };\n}\n"],"mappings":";;;AAiDA,SAAgB,IAAyB;CACvC,IAAM,IAAM,GAAa;AASzB,QAAO,EAAE,MAPI,GACV,GAA2B,IAAwD,EAAE,KAAK;AACzF,IAAI,WAAW,GAAM,GAAS,EAAE,WAAW,sBAAsB,CAAC;IAEpE,CAAC,EAAI,CACN,EAEc"}