@burdenoff/microfe-technospam 2026.1102.1 → 2026.1102.3

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/components/lesson/SaveCourseOffline.js

@@ -5,11 +5,11 @@ import { useOnlineStatus as a } from "../../hooks/useOfflineLessons.js";
 import { useMemo as o, useState as s } from "react";
 import { CloudDownload as c, CloudOff as l, Trash2 as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p } from "@burdenoff/fe-libs/ui";
-import { useApolloClient as m } from "@apollo/client/react";
+import { useApolloClient as p } from "@apollo/client/react";
+import { Button as m } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/components/lesson/SaveCourseOffline.tsx
 function h({ scope: h, courseId: g, lessons: _, enrollment: v }) {
-	let y = m(), b = a(), x = _.filter((e) => !e.isLocked), [S, C] = s(0), w = o(() => i(h, g), [
+	let y = p(), b = a(), x = _.filter((e) => !e.isLocked), [S, C] = s(0), w = o(() => i(h, g), [
 		h,
 		g,
 		S
@@ -31,7 +31,7 @@ function h({ scope: h, courseId: g, lessons: _, enrollment: v }) {
 		children: [/* @__PURE__ */ f("span", {
 			className: "inline-flex items-center gap-1 rounded-full bg-accent-primary/6 px-2.5 py-1 text-xs font-medium text-accent-primary",
 			children: [/* @__PURE__ */ d(l, { size: 12 }), " Available offline"]
-		}), /* @__PURE__ */ d(p, {
+		}), /* @__PURE__ */ d(m, {
 			size: "sm",
 			variant: "ghost",
 			onClick: () => {
@@ -40,7 +40,7 @@ function h({ scope: h, courseId: g, lessons: _, enrollment: v }) {
 			"aria-label": "Remove offline copy",
 			children: /* @__PURE__ */ d(u, { size: 14 })
 		})]
-	}) : /* @__PURE__ */ f(p, {
+	}) : /* @__PURE__ */ f(m, {
 		size: "sm",
 		variant: "outline",
 		onClick: () => void k(),
@@ -52,7 +52,7 @@ function h({ scope: h, courseId: g, lessons: _, enrollment: v }) {
 			" Save for offline",
 			D > 0 ? ` (${D}/${x.length})` : ""
 		]
-	}) : /* @__PURE__ */ f(p, {
+	}) : /* @__PURE__ */ f(m, {
 		size: "sm",
 		variant: "outline",
 		disabled: !0,

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

@@ -0,0 +1,18 @@
+/** Below Tailwind's `sm` breakpoint (640px): the phone layouts apply. */
+export declare const PHONE_MEDIA_QUERY = "(max-width: 639px)";
+export interface PhoneLayout {
+    /** Viewport is phone-width (any platform). */
+    isPhone: boolean;
+    /**
+     * Installed app (Capacitor / standalone PWA) on a phone: the shell renders
+     * its bottom tab bar and native top bar instead of the desktop chrome.
+     */
+    nativeChrome: boolean;
+}
+/**
+ * The single source for "which phone layout am I in" across TechnoSpam pages,
+ * so the in-page section switcher, pull-to-refresh and phone-only defaults all
+ * agree with the shell's own tab-bar rule.
+ */
+export declare function usePhoneLayout(): PhoneLayout;
+//# sourceMappingURL=usePhoneLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePhoneLayout.d.ts","sourceRoot":"","sources":["../../../src/technospam/hooks/usePhoneLayout.ts"],"names":[],"mappings":"AAGA,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,uBAAuB,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAI5C"}

package/dist/technospam/hooks/usePhoneLayout.js

@@ -0,0 +1,14 @@
+import { useMediaQuery as e } from "@burdenoff/fe-libs/shared/hooks";
+import { useMobileTabBarVisible as t } from "@burdenoff/fe-libs/chrome/mobileTabBar/useMobileTabBarVisible";
+//#region src/technospam/hooks/usePhoneLayout.ts
+var n = "(max-width: 639px)";
+function r() {
+	return {
+		isPhone: e(n),
+		nativeChrome: t()
+	};
+}
+//#endregion
+export { r as usePhoneLayout };
+
+//# sourceMappingURL=usePhoneLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePhoneLayout.js","names":[],"sources":["../../../src/technospam/hooks/usePhoneLayout.ts"],"sourcesContent":["import { useMediaQuery } from '@burdenoff/fe-libs/shared/hooks';\nimport { useMobileTabBarVisible } from '@burdenoff/fe-libs/chrome/mobileTabBar/useMobileTabBarVisible';\n\n/** Below Tailwind's `sm` breakpoint (640px): the phone layouts apply. */\nexport const PHONE_MEDIA_QUERY = '(max-width: 639px)';\n\nexport interface PhoneLayout {\n  /** Viewport is phone-width (any platform). */\n  isPhone: boolean;\n  /**\n   * Installed app (Capacitor / standalone PWA) on a phone: the shell renders\n   * its bottom tab bar and native top bar instead of the desktop chrome.\n   */\n  nativeChrome: boolean;\n}\n\n/**\n * The single source for \"which phone layout am I in\" across TechnoSpam pages,\n * so the in-page section switcher, pull-to-refresh and phone-only defaults all\n * agree with the shell's own tab-bar rule.\n */\nexport function usePhoneLayout(): PhoneLayout {\n  const isPhone = useMediaQuery(PHONE_MEDIA_QUERY);\n  const nativeChrome = useMobileTabBarVisible();\n  return { isPhone, nativeChrome };\n}\n"],"mappings":";;;AAIA,IAAa,IAAoB;AAiBjC,SAAgB,IAA8B;AAG5C,QAAO;EAAE,SAFO,EAAc,EAAkB;EAE9B,cADG,GAAwB;EACb"}

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"}

package/dist/technospam/pages/AdminAdminDashboardPagePage.js

@@ -71,7 +71,7 @@ function $({ label: e, required: t, className: n, children: r }) {
 }
 function Ve({ seed: e, icon: n }) {
 	return /* @__PURE__ */ q("span", {
-		className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm", r(e)),
+		className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-action-primary-text shadow-sm", r(e)),
 		children: /* @__PURE__ */ q(n, {
 			size: 18,
 			strokeWidth: 2