@burdenoff/microfe-technospam 2026.705.2 → 2026.709.2

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

@@ -0,0 +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.course.viewed'\n  | 'technospam.course.enroll_clicked'\n  | 'technospam.course.enrolled'\n  | 'technospam.course.progress_updated'\n  | 'technospam.course.certificate_claimed'\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":";;;AA6CA,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/index.d.ts

@@ -0,0 +1,6 @@
+export { TechnoSpamRoot } from './TechnoSpamRoot';
+export type { TechnoSpamRootProps, NavItem, FooterItem } from './types';
+export { useTechnoSpam, useTechnoSpamNavigate } from './providers/TechnoSpamProvider';
+export * from './services/createSandboxAssistantTransport';
+export { useTechnoSpamAnalytics } from './hooks/useTechnoSpamAnalytics';
+//# sourceMappingURL=index.d.ts.map

package/dist/technospam/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/technospam/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAOtF,cAAc,4CAA4C,CAAC;AAG3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/technospam/index.js

@@ -1,2 +1,4 @@
 import "./providers/TechnoSpamProvider.js";
 import "./TechnoSpamRoot.js";
+import "./services/createSandboxAssistantTransport.js";
+import "./hooks/useTechnoSpamAnalytics.js";

package/dist/technospam/lib/toast.d.ts

@@ -0,0 +1,18 @@
+import { toast } from 'sonner';
+
+/**
+ * Module-wide toast API. sonner is a global singleton; the matching <Toaster>
+ * is owned by the HOST app shell (mounted once via AppShellProvider). Every
+ * page/component surfaces feedback through these helpers instead of hand-rolling
+ * fixed-position toast markup, so success/error notifications stay consistent
+ * with the rest of the platform.
+ */
+export declare const notify: {
+    success(message: string, description?: string): void;
+    info(message: string, description?: string): void;
+    warning(message: string, description?: string): void;
+    error(message: string, description?: string): void;
+    dismiss(id?: string | number): void;
+};
+export { toast };
+//# sourceMappingURL=toast.d.ts.map

package/dist/technospam/lib/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/technospam/lib/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;qBACA,MAAM,gBAAgB,MAAM,GAAG,IAAI;kBAGtC,MAAM,gBAAgB,MAAM,GAAG,IAAI;qBAGhC,MAAM,gBAAgB,MAAM,GAAG,IAAI;mBAGrC,MAAM,gBAAgB,MAAM,GAAG,IAAI;iBAGrC,MAAM,GAAG,MAAM,GAAG,IAAI;CAGpC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/technospam/pages/AdminAdminDashboardPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AdminAdminDashboardPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=AdminAdminDashboardPagePage.d.ts.map

package/dist/technospam/pages/AdminAdminDashboardPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminAdminDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/AdminAdminDashboardPagePage.tsx"],"names":[],"mappings":"AAszCA,wBAAgB,2BAA2B,gCAqD1C"}

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function AnalyticsAnalyticsPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=AnalyticsAnalyticsPagePage.d.ts.map

package/dist/technospam/pages/AnalyticsAnalyticsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"names":[],"mappings":"AAiNA,wBAAgB,0BAA0B,gCAmVzC"}

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function ApplicationsProblemDetailsPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=ApplicationsProblemDetailsPagePage.d.ts.map

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationsProblemDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"names":[],"mappings":"AA6FA,wBAAgB,kCAAkC,gCAgPjD"}

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js

@@ -4,162 +4,175 @@ import { PageLayout as n } from "../components/PageLayout.js";
 import { StatCard as r } from "../components/StatCard.js";
 import { formatDateTime as i, humanizeEnum as a } from "../utils/format.js";
 import { StatusBadge as o } from "../components/StatusBadge.js";
-import { EmptyView as s, ErrorView as c, LoadingRows as l } from "../components/StateViews.js";
+import { EmptyView as s, ErrorView as c, LoadingRows as ee } from "../components/StateViews.js";
 import "../components/index.js";
-import { notify as u } from "../lib/toast.js";
-import { useProblemQuery as d, useSubmissionsQuery as ee, useSubmitSolution as f } from "../api/technospamApi.js";
+import { notify as l } from "../lib/toast.js";
+import { useProblemQuery as te, useSubmissionsQuery as u, useSubmitSolution as d } from "../api/technospamApi.js";
+import { useTechnoSpamAnalytics as f } from "../hooks/useTechnoSpamAnalytics.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, Tag as S, Trophy as C } from "lucide-react";
-import { useSearchParams as w } 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 te, SelectContent as ne, SelectItem as re, SelectTrigger as ie, SelectValue as ae, Skeleton as A, Textarea as j } from "@burdenoff/fe-libs/ui";
+import { Clock as _, Code2 as v, FileText as y, Layers as b, Send as ne, Tag 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";
 //#region src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx
-var M = [
+var A = [
 	"javascript",
 	"python",
 	"typescript"
 ];
-function N({ label: e, children: n, bodyClassName: r }) {
-	return /* @__PURE__ */ E("div", {
+function j({ label: e, children: n, bodyClassName: r }) {
+	return /* @__PURE__ */ T("div", {
 		className: "overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm",
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ T("div", {
 			className: "flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "flex items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
-					/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
+					/* @__PURE__ */ 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__ */ E("span", {
+			}), /* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ T(v, { size: 13 }),
+					/* @__PURE__ */ w(v, { size: 13 }),
 					" ",
 					e
 				]
 			})]
-		}), /* @__PURE__ */ T("pre", {
+		}), /* @__PURE__ */ w("pre", {
 			className: t("overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary", r),
 			children: n
 		})]
 	});
 }
-function P({ s: e }) {
-	return /* @__PURE__ */ E("div", {
+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",
 		children: [
-			/* @__PURE__ */ T(o, { status: e.verdict }),
-			/* @__PURE__ */ E("span", {
+			/* @__PURE__ */ w(o, { status: e.verdict }),
+			/* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1 text-sm font-medium text-text-primary",
 				children: [
-					/* @__PURE__ */ T(v, { size: 13 }),
+					/* @__PURE__ */ w(v, { size: 13 }),
 					" ",
 					a(e.language)
 				]
 			}),
-			/* @__PURE__ */ E("span", {
+			/* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1 text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ T(_, { size: 12 }),
+					/* @__PURE__ */ w(_, { size: 12 }),
 					" ",
 					e.runtimeMs,
 					" ms"
 				]
 			}),
-			/* @__PURE__ */ E("span", {
+			/* @__PURE__ */ T("span", {
 				className: "inline-flex items-center gap-1 text-xs text-text-muted",
 				children: [
-					/* @__PURE__ */ T(C, { size: 12 }),
+					/* @__PURE__ */ w(S, { size: 12 }),
 					" ",
 					e.pointsAwarded,
 					" pts"
 				]
 			}),
-			/* @__PURE__ */ T("span", {
+			/* @__PURE__ */ w("span", {
 				className: "ml-auto text-xs text-text-muted",
 				children: i(e.createdAt)
 			})
 		]
 	});
 }
-function F() {
-	let [t] = w(), i = t.get("id") ?? "", { currentUser: _ } = e(), F = _?.id, { data: I, loading: L, error: R, refetch: z } = d(i), { data: B, loading: V, error: H, refetch: U } = ee({
-		...F ? { learnerId: F } : {},
+function N() {
+	let [t] = C(), i = t.get("id") ?? "", { currentUser: _, workspaceId: N } = e(), P = _?.id, { emit: F } = f(), { data: I, loading: L, error: R, refetch: z } = te(i);
+	p(() => {
+		i && F("technospam.problem.viewed", {
+			workspaceId: N,
+			entityId: i,
+			entityType: "TEC_PROBLEM"
+		});
+	}, [
+		i,
+		N,
+		F
+	]);
+	let { data: B, loading: V, error: H, refetch: U } = u({
+		...P ? { learnerId: P } : {},
 		problemId: i
-	}), [W, { loading: G }] = f(), K = I?.tecProblem ?? null, q = m(() => K?.languages?.length ? K.languages : M, [K]), [J, Y] = g(""), [X, Z] = g(""), Q = h(!1);
+	}), [W, { loading: G }] = d(), K = I?.tecProblem ?? null, q = m(() => K?.languages?.length ? K.languages : A, [K]), [J, Y] = g(""), [X, Z] = g(""), Q = h(!1);
 	p(() => {
-		K && !Q.current && (Y(K.languages[0] ?? M[0]), Z(K.starterCode ?? ""), Q.current = !0);
+		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__ */ E(n, {
+	return L && !K ? /* @__PURE__ */ T(n, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: [/* @__PURE__ */ T(A, { className: "mb-4 h-28 w-full rounded-xl" }), /* @__PURE__ */ T(A, { className: "h-72 w-full rounded-xl" })]
-	}) : R || !K ? /* @__PURE__ */ T(n, {
+		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(n, {
 		title: "Problem",
 		backPath: "/applications/problems-page",
-		children: R ? /* @__PURE__ */ T(c, {
+		children: R ? /* @__PURE__ */ w(c, {
 			title: "Couldn't load problem",
 			error: R
-		}) : /* @__PURE__ */ T(s, {
+		}) : /* @__PURE__ */ w(s, {
 			title: "Problem not found",
 			description: "This problem may have been unpublished."
 		})
-	}) : /* @__PURE__ */ E(n, {
+	}) : /* @__PURE__ */ T(n, {
 		hero: !0,
 		backPath: "/applications/problems-page",
 		title: K.title,
 		description: K.topic ?? void 0,
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-5 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ T(o, {
+					/* @__PURE__ */ w(o, {
 						status: K.difficulty,
 						kind: "level"
 					}),
-					/* @__PURE__ */ T(o, { status: K.status }),
-					K.topic ? /* @__PURE__ */ E(D, {
+					/* @__PURE__ */ w(o, { status: K.status }),
+					K.topic ? /* @__PURE__ */ T(E, {
 						variant: "outline",
 						className: "gap-1",
 						children: [
-							/* @__PURE__ */ T(b, { size: 12 }),
+							/* @__PURE__ */ w(b, { size: 12 }),
 							" ",
 							K.topic
 						]
 					}) : null,
-					K.tags.map((e) => /* @__PURE__ */ E(D, {
+					K.tags.map((e) => /* @__PURE__ */ T(E, {
 						variant: "secondary",
-						children: [/* @__PURE__ */ T(S, {
+						children: [/* @__PURE__ */ w(x, {
 							size: 10,
 							className: "mr-1"
 						}), e]
 					}, e))
 				]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "Points",
 						value: K.points,
-						icon: C,
+						icon: S,
 						tone: "amber"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "Languages",
 						value: q.length,
 						icon: v,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "Difficulty",
 						value: a(K.difficulty),
 						icon: b,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ T(r, {
+					/* @__PURE__ */ w(r, {
 						label: "My submissions",
 						value: $.length,
 						icon: y,
@@ -167,81 +180,81 @@ function F() {
 					})
 				]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 gap-5 lg:grid-cols-3",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "space-y-5 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ E(k, {
+						/* @__PURE__ */ T(O, {
 							className: "p-5",
-							children: [/* @__PURE__ */ T("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-2 text-base font-semibold text-text-primary",
 								children: "Problem statement"
-							}), K.statement ? /* @__PURE__ */ T("p", {
+							}), K.statement ? /* @__PURE__ */ w("p", {
 								className: "whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
 								children: K.statement
-							}) : /* @__PURE__ */ T("p", {
+							}) : /* @__PURE__ */ w("p", {
 								className: "py-4 text-center text-sm text-text-muted",
 								children: "The statement for this problem is being prepared."
 							})]
 						}),
-						K.starterCode ? /* @__PURE__ */ E(k, {
+						K.starterCode ? /* @__PURE__ */ T(O, {
 							className: "p-5",
-							children: [/* @__PURE__ */ T("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "Starter code"
-							}), /* @__PURE__ */ T(N, {
+							}), /* @__PURE__ */ w(j, {
 								label: a(q[0] ?? "code"),
 								bodyClassName: "max-h-72",
 								children: K.starterCode
 							})]
 						}) : null,
-						/* @__PURE__ */ E(k, {
+						/* @__PURE__ */ T(O, {
 							className: "p-5",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ T("div", {
 									className: "mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
-									children: [/* @__PURE__ */ T("h2", {
+									children: [/* @__PURE__ */ w("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Submit a solution"
-									}), /* @__PURE__ */ E("div", {
+									}), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-sm text-text-secondary",
 											children: "Language"
-										}), /* @__PURE__ */ E(te, {
+										}), /* @__PURE__ */ T(re, {
 											value: J,
 											onValueChange: Y,
-											children: [/* @__PURE__ */ T(ie, {
+											children: [/* @__PURE__ */ w(oe, {
 												className: "w-full sm:w-48",
-												children: /* @__PURE__ */ T(ae, { placeholder: "Choose a language" })
-											}), /* @__PURE__ */ T(ne, { children: q.map((e) => /* @__PURE__ */ T(re, {
+												children: /* @__PURE__ */ w(se, { placeholder: "Choose a language" })
+											}), /* @__PURE__ */ w(ie, { children: q.map((e) => /* @__PURE__ */ w(ae, {
 												value: e,
 												children: a(e)
 											}, e)) })]
 										})]
 									})]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ T("div", {
 									className: "overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm",
-									children: [/* @__PURE__ */ E("div", {
+									children: [/* @__PURE__ */ T("div", {
 										className: "flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex items-center gap-1.5",
 											children: [
-												/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-error-border" }),
-												/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-warning-border" }),
-												/* @__PURE__ */ T("span", { className: "h-2.5 w-2.5 rounded-full bg-status-success-border" })
+												/* @__PURE__ */ 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__ */ E("span", {
+										}), /* @__PURE__ */ T("span", {
 											className: "inline-flex items-center gap-1.5 font-mono text-xs text-text-muted",
 											children: [
-												/* @__PURE__ */ T(v, { size: 13 }),
+												/* @__PURE__ */ w(v, { size: 13 }),
 												" ",
 												J ? a(J) : "solution"
 											]
 										})]
-									}), /* @__PURE__ */ T(j, {
+									}), /* @__PURE__ */ w(ce, {
 										value: X,
 										onChange: (e) => Z(e.target.value),
 										placeholder: "Write your solution…",
@@ -249,28 +262,39 @@ function F() {
 										spellCheck: !1
 									})]
 								}),
-								/* @__PURE__ */ E(O, {
+								/* @__PURE__ */ T(D, {
 									className: "mt-4 w-full",
 									onClick: async () => {
-										if (i) {
-											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;
-											}
-											(await W({ variables: { input: {
-												problemId: i,
-												language: J,
-												code: X
-											} } })).data?.tecSubmitSolution && (u.success("Solution submitted", "Your submission was recorded."), await Promise.all([z(), U()]));
+										if (!i) return;
+										if (!J) {
+											l.error("Pick a language", "Choose a language before submitting.");
+											return;
+										}
+										if (!X.trim()) {
+											l.error("Add your solution", "Write some code before submitting.");
+											return;
 										}
+										F("technospam.problem.submit_clicked", {
+											workspaceId: N,
+											entityId: i,
+											entityType: "TEC_PROBLEM",
+											language: J
+										});
+										let e = await W({ variables: { input: {
+											problemId: i,
+											language: J,
+											code: X
+										} } });
+										e.data?.tecSubmitSolution && (F("technospam.problem.submitted", {
+											workspaceId: N,
+											entityId: i,
+											entityType: "TEC_PROBLEM",
+											submissionId: e.data.tecSubmitSolution.id
+										}), l.success("Solution submitted", "Your submission was recorded."), await Promise.all([z(), U()]));
 									},
 									disabled: G || !X.trim(),
 									children: [
-										/* @__PURE__ */ T(x, { size: 16 }),
+										/* @__PURE__ */ w(ne, { size: 16 }),
 										" ",
 										G ? "Submitting…" : "Submit solution"
 									]
@@ -278,26 +302,26 @@ function F() {
 							]
 						})
 					]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "lg:col-span-1",
-					children: /* @__PURE__ */ E(k, {
+					children: /* @__PURE__ */ T(O, {
 						className: "p-5",
-						children: [/* @__PURE__ */ T("h2", {
+						children: [/* @__PURE__ */ w("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "My submissions"
-						}), V && !$.length ? /* @__PURE__ */ T(l, {
+						}), V && !$.length ? /* @__PURE__ */ w(ee, {
 							count: 3,
 							height: "h-12"
-						}) : H ? /* @__PURE__ */ T(c, {
+						}) : H ? /* @__PURE__ */ w(c, {
 							title: "Couldn't load submissions",
 							error: H
-						}) : $.length === 0 ? /* @__PURE__ */ T(s, {
-							icon: /* @__PURE__ */ T(y, { size: 24 }),
+						}) : $.length === 0 ? /* @__PURE__ */ w(s, {
+							icon: /* @__PURE__ */ w(y, { size: 24 }),
 							title: "No submissions yet",
 							description: "Submit a solution above to see your verdicts and points here."
-						}) : /* @__PURE__ */ T("div", {
+						}) : /* @__PURE__ */ w("div", {
 							className: "space-y-1",
-							children: $.map((e) => /* @__PURE__ */ T(P, { s: e }, e.id))
+							children: $.map((e) => /* @__PURE__ */ w(M, { s: e }, e.id))
 						})]
 					})
 				})]
@@ -306,6 +330,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as ApplicationsProblemDetailsPagePage };
+export { N as ApplicationsProblemDetailsPagePage };
 
 //# sourceMappingURL=ApplicationsProblemDetailsPagePage.js.map

package/dist/technospam/pages/ApplicationsProblemDetailsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Clock, Code2, FileText, Layers, Send, Tag, Trophy } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useProblemQuery,\n  useSubmissionsQuery,\n  useSubmitSolution,\n  type TecSubmission,\n} from '../api/technospamApi';\nimport { formatDateTime, humanizeEnum } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\n\nconst FALLBACK_LANGUAGES = ['javascript', 'python', 'typescript'];\n\n/**\n * A dark, editor-window styled code surface: mac-style traffic-light dots plus a\n * language label header over a scrollable monospace body so read-only code reads\n * like a real IDE panel rather than a flat block.\n */\nfunction CodePanel({\n  label,\n  children,\n  bodyClassName,\n}: {\n  label: string;\n  children: ReactNode;\n  bodyClassName?: string;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n      <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n        </div>\n        <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n          <Code2 size={13} /> {label}\n        </span>\n      </div>\n      <pre\n        className={cn(\n          'overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary',\n          bodyClassName\n        )}\n      >\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nfunction SubmissionRow({ s }: { s: TecSubmission }) {\n  return (\n    <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\">\n      <StatusBadge status={s.verdict} />\n      <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-primary\">\n        <Code2 size={13} /> {humanizeEnum(s.language)}\n      </span>\n      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n        <Clock size={12} /> {s.runtimeMs} ms\n      </span>\n      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n        <Trophy size={12} /> {s.pointsAwarded} pts\n      </span>\n      <span className=\"ml-auto text-xs text-text-muted\">{formatDateTime(s.createdAt)}</span>\n    </div>\n  );\n}\n\nexport function ApplicationsProblemDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n\n  const { data, loading, error, refetch } = useProblemQuery(id);\n  const {\n    data: subsData,\n    loading: subsLoading,\n    error: subsError,\n    refetch: refetchSubs,\n  } = useSubmissionsQuery({ ...(learnerId ? { learnerId } : {}), problemId: id });\n  const [submit, { loading: submitting }] = useSubmitSolution();\n\n  const problem = data?.tecProblem ?? null;\n\n  const languages = useMemo(\n    () => (problem?.languages?.length ? problem.languages : FALLBACK_LANGUAGES),\n    [problem]\n  );\n\n  const [language, setLanguage] = useState('');\n  const [code, setCode] = useState('');\n  const initedRef = useRef(false);\n\n  useEffect(() => {\n    if (problem && !initedRef.current) {\n      setLanguage(problem.languages[0] ?? FALLBACK_LANGUAGES[0]!);\n      setCode(problem.starterCode ?? '');\n      initedRef.current = true;\n    }\n  }, [problem]);\n\n  const submissions = useMemo(\n    () =>\n      [...(subsData?.tecListSubmissions.items ?? [])].sort(\n        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n      ),\n    [subsData]\n  );\n\n  const handleSubmit = async () => {\n    if (!id) return;\n    if (!language) {\n      notify.error('Pick a language', 'Choose a language before submitting.');\n      return;\n    }\n    if (!code.trim()) {\n      notify.error('Add your solution', 'Write some code before submitting.');\n      return;\n    }\n    const res = await submit({ variables: { input: { problemId: id, language, code } } });\n    if (res.data?.tecSubmitSolution) {\n      notify.success('Solution submitted', 'Your submission was recorded.');\n      await Promise.all([refetch(), refetchSubs()]);\n    }\n  };\n\n  if (loading && !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        <Skeleton className=\"mb-4 h-28 w-full rounded-xl\" />\n        <Skeleton className=\"h-72 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load problem\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Problem not found\"\n            description=\"This problem may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/applications/problems-page\"\n      title={problem.title}\n      description={problem.topic ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n        <StatusBadge status={problem.status} />\n        {problem.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {problem.topic}\n          </Badge>\n        ) : null}\n        {problem.tags.map((t) => (\n          <Badge key={t} variant=\"secondary\">\n            <Tag size={10} className=\"mr-1\" />\n            {t}\n          </Badge>\n        ))}\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Points\" value={problem.points} icon={Trophy} tone=\"amber\" />\n        <StatCard label=\"Languages\" value={languages.length} icon={Code2} tone=\"blue\" />\n        <StatCard\n          label=\"Difficulty\"\n          value={humanizeEnum(problem.difficulty)}\n          icon={Layers}\n          tone=\"purple\"\n        />\n        <StatCard label=\"My submissions\" value={submissions.length} icon={FileText} tone=\"teal\" />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-3\">\n        <div className=\"space-y-5 lg:col-span-2\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Problem statement</h2>\n            {problem.statement ? (\n              <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {problem.statement}\n              </p>\n            ) : (\n              <p className=\"py-4 text-center text-sm text-text-muted\">\n                The statement for this problem is being prepared.\n              </p>\n            )}\n          </GlassCard>\n\n          {problem.starterCode ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Starter code</h2>\n              <CodePanel label={humanizeEnum(languages[0] ?? 'code')} bodyClassName=\"max-h-72\">\n                {problem.starterCode}\n              </CodePanel>\n            </GlassCard>\n          ) : null}\n\n          <GlassCard className=\"p-5\">\n            <div className=\"mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Submit a solution</h2>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">Language</span>\n                <Select value={language} onValueChange={setLanguage}>\n                  <SelectTrigger className=\"w-full sm:w-48\">\n                    <SelectValue placeholder=\"Choose a language\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {languages.map((l) => (\n                      <SelectItem key={l} value={l}>\n                        {humanizeEnum(l)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n              <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n                </div>\n                <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n                  <Code2 size={13} /> {language ? humanizeEnum(language) : 'solution'}\n                </span>\n              </div>\n              <Textarea\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                placeholder=\"Write your solution…\"\n                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\"\n                spellCheck={false}\n              />\n            </div>\n\n            <Button\n              className=\"mt-4 w-full\"\n              onClick={handleSubmit}\n              disabled={submitting || !code.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Submitting…' : 'Submit solution'}\n            </Button>\n          </GlassCard>\n        </div>\n\n        <div className=\"lg:col-span-1\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-3 text-base font-semibold text-text-primary\">My submissions</h2>\n            {subsLoading && !submissions.length ? (\n              <LoadingRows count={3} height=\"h-12\" />\n            ) : subsError ? (\n              <ErrorView title=\"Couldn't load submissions\" error={subsError} />\n            ) : submissions.length === 0 ? (\n              <EmptyView\n                icon={<FileText size={24} />}\n                title=\"No submissions yet\"\n                description=\"Submit a solution above to see your verdicts and points here.\"\n              />\n            ) : (\n              <div className=\"space-y-1\">\n                {submissions.map((s) => (\n                  <SubmissionRow key={s.id} s={s} />\n                ))}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ApplicationsProblemDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/ApplicationsProblemDetailsPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Clock, Code2, FileText, Layers, Send, Tag, Trophy } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useProblemQuery,\n  useSubmissionsQuery,\n  useSubmitSolution,\n  type TecSubmission,\n} from '../api/technospamApi';\nimport { formatDateTime, humanizeEnum } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nconst FALLBACK_LANGUAGES = ['javascript', 'python', 'typescript'];\n\n/**\n * A dark, editor-window styled code surface: mac-style traffic-light dots plus a\n * language label header over a scrollable monospace body so read-only code reads\n * like a real IDE panel rather than a flat block.\n */\nfunction CodePanel({\n  label,\n  children,\n  bodyClassName,\n}: {\n  label: string;\n  children: ReactNode;\n  bodyClassName?: string;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n      <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n        </div>\n        <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n          <Code2 size={13} /> {label}\n        </span>\n      </div>\n      <pre\n        className={cn(\n          'overflow-auto p-4 font-mono text-xs leading-relaxed text-text-primary',\n          bodyClassName\n        )}\n      >\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nfunction SubmissionRow({ s }: { s: TecSubmission }) {\n  return (\n    <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\">\n      <StatusBadge status={s.verdict} />\n      <span className=\"inline-flex items-center gap-1 text-sm font-medium text-text-primary\">\n        <Code2 size={13} /> {humanizeEnum(s.language)}\n      </span>\n      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n        <Clock size={12} /> {s.runtimeMs} ms\n      </span>\n      <span className=\"inline-flex items-center gap-1 text-xs text-text-muted\">\n        <Trophy size={12} /> {s.pointsAwarded} pts\n      </span>\n      <span className=\"ml-auto text-xs text-text-muted\">{formatDateTime(s.createdAt)}</span>\n    </div>\n  );\n}\n\nexport function ApplicationsProblemDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const learnerId = currentUser?.id;\n  const { emit } = useTechnoSpamAnalytics();\n\n  const { data, loading, error, refetch } = useProblemQuery(id);\n\n  useEffect(() => {\n    if (id) {\n      emit('technospam.problem.viewed', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n      });\n    }\n  }, [id, workspaceId, emit]);\n  const {\n    data: subsData,\n    loading: subsLoading,\n    error: subsError,\n    refetch: refetchSubs,\n  } = useSubmissionsQuery({ ...(learnerId ? { learnerId } : {}), problemId: id });\n  const [submit, { loading: submitting }] = useSubmitSolution();\n\n  const problem = data?.tecProblem ?? null;\n\n  const languages = useMemo(\n    () => (problem?.languages?.length ? problem.languages : FALLBACK_LANGUAGES),\n    [problem]\n  );\n\n  const [language, setLanguage] = useState('');\n  const [code, setCode] = useState('');\n  const initedRef = useRef(false);\n\n  useEffect(() => {\n    if (problem && !initedRef.current) {\n      setLanguage(problem.languages[0] ?? FALLBACK_LANGUAGES[0]!);\n      setCode(problem.starterCode ?? '');\n      initedRef.current = true;\n    }\n  }, [problem]);\n\n  const submissions = useMemo(\n    () =>\n      [...(subsData?.tecListSubmissions.items ?? [])].sort(\n        (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n      ),\n    [subsData]\n  );\n\n  const handleSubmit = async () => {\n    if (!id) return;\n    if (!language) {\n      notify.error('Pick a language', 'Choose a language before submitting.');\n      return;\n    }\n    if (!code.trim()) {\n      notify.error('Add your solution', 'Write some code before submitting.');\n      return;\n    }\n    emit('technospam.problem.submit_clicked', {\n      workspaceId,\n      entityId: id,\n      entityType: 'TEC_PROBLEM',\n      language,\n    });\n    const res = await submit({ variables: { input: { problemId: id, language, code } } });\n    if (res.data?.tecSubmitSolution) {\n      emit('technospam.problem.submitted', {\n        workspaceId,\n        entityId: id,\n        entityType: 'TEC_PROBLEM',\n        submissionId: res.data.tecSubmitSolution.id,\n      });\n      notify.success('Solution submitted', 'Your submission was recorded.');\n      await Promise.all([refetch(), refetchSubs()]);\n    }\n  };\n\n  if (loading && !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        <Skeleton className=\"mb-4 h-28 w-full rounded-xl\" />\n        <Skeleton className=\"h-72 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !problem) {\n    return (\n      <PageLayout title=\"Problem\" backPath=\"/applications/problems-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load problem\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Problem not found\"\n            description=\"This problem may have been unpublished.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/applications/problems-page\"\n      title={problem.title}\n      description={problem.topic ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={problem.difficulty} kind=\"level\" />\n        <StatusBadge status={problem.status} />\n        {problem.topic ? (\n          <Badge variant=\"outline\" className=\"gap-1\">\n            <Layers size={12} /> {problem.topic}\n          </Badge>\n        ) : null}\n        {problem.tags.map((t) => (\n          <Badge key={t} variant=\"secondary\">\n            <Tag size={10} className=\"mr-1\" />\n            {t}\n          </Badge>\n        ))}\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Points\" value={problem.points} icon={Trophy} tone=\"amber\" />\n        <StatCard label=\"Languages\" value={languages.length} icon={Code2} tone=\"blue\" />\n        <StatCard\n          label=\"Difficulty\"\n          value={humanizeEnum(problem.difficulty)}\n          icon={Layers}\n          tone=\"purple\"\n        />\n        <StatCard label=\"My submissions\" value={submissions.length} icon={FileText} tone=\"teal\" />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-3\">\n        <div className=\"space-y-5 lg:col-span-2\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-2 text-base font-semibold text-text-primary\">Problem statement</h2>\n            {problem.statement ? (\n              <p className=\"whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {problem.statement}\n              </p>\n            ) : (\n              <p className=\"py-4 text-center text-sm text-text-muted\">\n                The statement for this problem is being prepared.\n              </p>\n            )}\n          </GlassCard>\n\n          {problem.starterCode ? (\n            <GlassCard className=\"p-5\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Starter code</h2>\n              <CodePanel label={humanizeEnum(languages[0] ?? 'code')} bodyClassName=\"max-h-72\">\n                {problem.starterCode}\n              </CodePanel>\n            </GlassCard>\n          ) : null}\n\n          <GlassCard className=\"p-5\">\n            <div className=\"mb-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Submit a solution</h2>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">Language</span>\n                <Select value={language} onValueChange={setLanguage}>\n                  <SelectTrigger className=\"w-full sm:w-48\">\n                    <SelectValue placeholder=\"Choose a language\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {languages.map((l) => (\n                      <SelectItem key={l} value={l}>\n                        {humanizeEnum(l)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <div className=\"overflow-hidden rounded-xl border border-border-strong bg-bg-sunken shadow-sm\">\n              <div className=\"flex items-center justify-between gap-2 border-b border-border-seam bg-bg-canvas/40 px-4 py-2\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-error-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-warning-border\" />\n                  <span className=\"h-2.5 w-2.5 rounded-full bg-status-success-border\" />\n                </div>\n                <span className=\"inline-flex items-center gap-1.5 font-mono text-xs text-text-muted\">\n                  <Code2 size={13} /> {language ? humanizeEnum(language) : 'solution'}\n                </span>\n              </div>\n              <Textarea\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                placeholder=\"Write your solution…\"\n                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\"\n                spellCheck={false}\n              />\n            </div>\n\n            <Button\n              className=\"mt-4 w-full\"\n              onClick={handleSubmit}\n              disabled={submitting || !code.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Submitting…' : 'Submit solution'}\n            </Button>\n          </GlassCard>\n        </div>\n\n        <div className=\"lg:col-span-1\">\n          <GlassCard className=\"p-5\">\n            <h2 className=\"mb-3 text-base font-semibold text-text-primary\">My submissions</h2>\n            {subsLoading && !submissions.length ? (\n              <LoadingRows count={3} height=\"h-12\" />\n            ) : subsError ? (\n              <ErrorView title=\"Couldn't load submissions\" error={subsError} />\n            ) : submissions.length === 0 ? (\n              <EmptyView\n                icon={<FileText size={24} />}\n                title=\"No submissions yet\"\n                description=\"Submit a solution above to see your verdicts and points here.\"\n              />\n            ) : (\n              <div className=\"space-y-1\">\n                {submissions.map((s) => (\n                  <SubmissionRow key={s.id} s={s} />\n                ))}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/ApplicationsProblemsPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function ApplicationsProblemsPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=ApplicationsProblemsPagePage.d.ts.map

package/dist/technospam/pages/ApplicationsProblemsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationsProblemsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/ApplicationsProblemsPagePage.tsx"],"names":[],"mappings":"AAmGA,wBAAgB,4BAA4B,gCAoI3C"}