@thanh01.pmt/interactive-quiz-kit 1.0.89 → 1.1.0

package/dist/react-ui.mjs

@@ -5,11 +5,9 @@ import { GoogleGenerativeAI } from '@google/generative-ai';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM5 from 'react-dom';
 import ReactDOM5__default, { createPortal, unstable_batchedUpdates } from 'react-dom';
-import Image2 from 'next/image';
 import default2 from 'path';
 import default3 from 'process';
 import { fileURLToPath } from 'url';
-import dynamic from 'next/dynamic';
 import Editor from '@monaco-editor/react';
 
 var __create = Object.create;
@@ -7192,6 +7190,12 @@ var ExecutionService = class _ExecutionService {
     }
     return _ExecutionService.instance;
   }
+  /**
+   * Clear all registered providers.
+   */
+  clearProviders() {
+    this.providers.clear();
+  }
   /**
    * Register a provider.
    */
@@ -7208,20 +7212,25 @@ var ExecutionService = class _ExecutionService {
    * Get the best provider for a language based on priority and availability.
    */
   async getBestProvider(language2) {
-    const sortedProviders = Array.from(this.providers.values()).filter((p4) => p4.getSupportedLanguages().includes(language2)).sort((a2, b2) => b2.getPriority(language2) - a2.getPriority(language2));
+    const lang = language2.toLowerCase();
+    const sortedProviders = Array.from(this.providers.values()).filter((p4) => p4.getSupportedLanguages().map((l2) => l2.toLowerCase()).includes(lang)).sort((a2, b2) => b2.getPriority(lang) - a2.getPriority(lang));
+    console.log(`[ExecutionService] Finding best provider for '${language2}' (normalized: '${lang}'). Found ${sortedProviders.length} potential providers.`);
     for (const provider of sortedProviders) {
       if (await provider.isAvailable()) {
+        console.log(`[ExecutionService] Selected provider: ${provider.name} (ID: ${provider.id})`);
         return provider;
       }
     }
     return null;
   }
   /**
-   * Execute code using the best available provider.
+   * Execute code using the best available provider with automatic fallback.
    */
   async execute(code4, language2, stdin) {
-    const provider = await this.getBestProvider(language2);
-    if (!provider) {
+    const lang = language2.toLowerCase();
+    const providers = Array.from(this.providers.values()).filter((p4) => p4.getSupportedLanguages().map((l2) => l2.toLowerCase()).includes(lang)).sort((a2, b2) => b2.getPriority(lang) - a2.getPriority(lang));
+    console.log(`[ExecutionService] Executing for '${language2}'. Providers in order:`, providers.map((p4) => `${p4.name} (${p4.id})`));
+    if (providers.length === 0) {
       return {
         stdout: "",
         stderr: `No execution provider available for language: ${language2}`,
@@ -7229,16 +7238,28 @@ var ExecutionService = class _ExecutionService {
         message: "EXECUTION_ERROR_NO_PROVIDER"
       };
     }
-    try {
-      return await provider.execute(code4, language2, stdin);
-    } catch (error) {
-      return {
-        stdout: "",
-        stderr: error.message || "Unknown execution error",
-        exitCode: 1,
-        message: "EXECUTION_ERROR_INTERNAL"
-      };
+    let lastError = null;
+    for (const provider of providers) {
+      try {
+        if (!await provider.isAvailable()) continue;
+        const result = await provider.execute(code4, language2, stdin);
+        const isRecoverable = result.message === "RATE_LIMIT_EXCEEDED" || result.message === "AUTH_FAILED" || result.message === "UNSUPPORTED_LANGUAGE" || result.message === "EXECUTION_ERROR" || result.status?.id === 13 || // Internal Error
+        result.exitCode === 1 && !result.stderr;
+        if (isRecoverable && providers.indexOf(provider) < providers.length - 1) {
+          lastError = result;
+          continue;
+        }
+        return result;
+      } catch (error) {
+        lastError = error;
+      }
     }
+    return {
+      stdout: "",
+      stderr: lastError?.stderr || lastError?.message || "All execution providers failed",
+      exitCode: 1,
+      message: "EXECUTION_ERROR_ALL_FAILED"
+    };
   }
 };
 var executionService = ExecutionService.getInstance();
@@ -7246,9 +7267,7 @@ var executionService = ExecutionService.getInstance();
 // src/lib/execution/providers/Judge0Provider.ts
 init_react_shim();
 var Judge0Provider = class {
-  constructor(apiUrl, apiKey) {
-    this.id = "judge0";
-    this.name = "Judge0 Professional";
+  constructor(apiUrl, apiKey, options) {
     this.languageMap = {
       "python": 71,
       "javascript": 63,
@@ -7261,6 +7280,9 @@ var Judge0Provider = class {
     };
     this.apiUrl = apiUrl;
     this.apiKey = apiKey;
+    this.id = options?.id || "judge0";
+    this.name = options?.name || "Judge0 Professional";
+    this.customPriority = options?.priority;
   }
   async isAvailable() {
     return !!this.apiUrl;
@@ -7296,11 +7318,15 @@ var Judge0Provider = class {
       };
     }
     try {
+      console.log(`[Judge0Provider] Calling ${this.name} at ${this.apiUrl}...`);
       const response = await fetch(`${this.apiUrl}/submissions?base64_encoded=true&wait=true`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          ...this.apiKey && { "X-Auth-Token": this.apiKey }
+          ...this.apiKey && (this.apiUrl.includes("rapidapi.com") ? {
+            "x-rapidapi-key": this.apiKey,
+            "x-rapidapi-host": new URL(this.apiUrl).hostname
+          } : { "X-Auth-Token": this.apiKey })
         },
         body: JSON.stringify({
           source_code: this.toBase64(code4),
@@ -7309,9 +7335,45 @@ var Judge0Provider = class {
         })
       });
       if (!response.ok) {
-        throw new Error(`Judge0 API error: ${response.statusText}`);
+        const errorText = await response.text();
+        console.error(`[Judge0Provider] ${this.name} HTTP Error ${response.status}:`, errorText);
+        throw new Error(`PROVIDER_HTTP_ERROR: ${response.status} - ${errorText}`);
+      }
+      let result = await response.json();
+      console.log(`[Judge0Provider] ${this.name} initial result:`, result);
+      if (result.message) {
+        if (result.message.includes("not subscribed")) {
+          console.warn(`[Judge0Provider] ${this.name} auth failed, triggering fallback...`);
+          throw new Error("AUTH_FAILED: Not subscribed");
+        }
+        if (result.message.includes("rate limit")) {
+          console.warn(`[Judge0Provider] ${this.name} rate limited, triggering fallback...`);
+          throw new Error("RATE_LIMIT_EXCEEDED");
+        }
+      }
+      let attempts = 0;
+      const maxAttempts = 10;
+      while ((result.status?.id === 1 || result.status?.id === 2) && attempts < maxAttempts) {
+        console.log(`[Judge0Provider] ${this.name} polling... (status: ${result.status?.description})`);
+        await new Promise((resolve) => setTimeout(resolve, 1e3));
+        const pollResponse = await fetch(`${this.apiUrl}/submissions/${result.token}?base64_encoded=true`, {
+          headers: {
+            "Content-Type": "application/json",
+            ...this.apiKey && (this.apiUrl.includes("rapidapi.com") ? {
+              "x-rapidapi-key": this.apiKey,
+              "x-rapidapi-host": new URL(this.apiUrl).hostname
+            } : { "X-Auth-Token": this.apiKey })
+          }
+        });
+        if (pollResponse.ok) {
+          result = await pollResponse.json();
+          console.log(`[Judge0Provider] ${this.name} poll result (attempt ${attempts + 1}):`, result);
+        } else {
+          console.error(`[Judge0Provider] Poll failed: ${pollResponse.status}`);
+          break;
+        }
+        attempts++;
       }
-      const result = await response.json();
       return {
         stdout: this.fromBase64(result.stdout),
         stderr: this.fromBase64(result.stderr),
@@ -7321,18 +7383,16 @@ var Judge0Provider = class {
         time: result.time ? parseFloat(result.time) * 1e3 : void 0,
         memory: result.memory ? parseInt(result.memory) : void 0,
         message: result.status?.description,
+        status: result.status,
         token: result.token
       };
     } catch (error) {
-      return {
-        stdout: "",
-        stderr: error instanceof Error ? error.message : String(error),
-        exitCode: 1,
-        message: "EXECUTION_ERROR"
-      };
+      console.error(`[Judge0Provider] ${this.name} execution error:`, error);
+      throw error;
     }
   }
   getPriority(language2) {
+    if (this.customPriority !== void 0) return this.customPriority;
     const compiled = ["cpp", "c", "java", "csharp"];
     return compiled.includes(language2.toLowerCase()) ? 10 : 5;
   }
@@ -7341,6 +7401,104 @@ var Judge0Provider = class {
   }
 };
 
+// src/lib/execution/providers/PistonProvider.ts
+init_react_shim();
+var PistonProvider = class {
+  constructor(apiUrl, apiKey, options) {
+    this.cachedRuntimes = null;
+    this.apiUrl = apiUrl.endsWith("/") ? apiUrl.slice(0, -1) : apiUrl;
+    this.apiKey = apiKey;
+    this.id = options?.id || "piston";
+    this.name = options?.name || "Piston Engine";
+    this.customPriority = options?.priority;
+  }
+  async isAvailable() {
+    try {
+      const response = await fetch(`${this.apiUrl}/runtimes`);
+      if (response.ok) {
+        this.cachedRuntimes = await response.json();
+        return true;
+      }
+      return false;
+    } catch (e2) {
+      return false;
+    }
+  }
+  async execute(code4, language2, stdin) {
+    try {
+      if (!this.cachedRuntimes) {
+        const response2 = await fetch(`${this.apiUrl}/runtimes`);
+        if (response2.ok) {
+          this.cachedRuntimes = await response2.json();
+        } else {
+          throw new Error("Could not fetch Piston runtimes");
+        }
+      }
+      const lowerLang = language2.toLowerCase();
+      let targetLang = lowerLang;
+      if (lowerLang === "js") targetLang = "javascript";
+      if (lowerLang === "c" || lowerLang === "cpp") targetLang = "gcc";
+      const runtime = this.cachedRuntimes.find(
+        (r4) => r4.language === targetLang || r4.aliases && r4.aliases.includes(targetLang)
+      );
+      if (!runtime) {
+        return {
+          stdout: "",
+          stderr: `Language '${language2}' (mapped to '${targetLang}') is not supported by this Piston instance.`,
+          exitCode: 1,
+          message: "UNSUPPORTED_LANGUAGE"
+        };
+      }
+      console.log(`[PistonProvider] Calling ${this.name} (${runtime.language} ${runtime.version}) at ${this.apiUrl}...`);
+      const headers = {
+        "Content-Type": "application/json"
+      };
+      if (this.apiKey) {
+        headers["X-API-Key"] = this.apiKey;
+      }
+      const response = await fetch(`${this.apiUrl}/execute`, {
+        method: "POST",
+        headers,
+        body: JSON.stringify({
+          language: runtime.language,
+          version: runtime.version,
+          files: [{ content: code4 }],
+          stdin: stdin || ""
+        })
+      });
+      if (!response.ok) {
+        const errorText = await response.text();
+        console.error(`[PistonProvider] HTTP Error ${response.status}:`, errorText);
+        throw new Error(`PISTON_HTTP_ERROR: ${response.status} - ${errorText}`);
+      }
+      const result = await response.json();
+      console.log(`[PistonProvider] result:`, result);
+      if (result.message) {
+        throw new Error(`PISTON_ERROR: ${result.message}`);
+      }
+      const run = result.run || {};
+      const compile = result.compile || {};
+      return {
+        stdout: run.stdout || "",
+        stderr: (compile.stderr || "") + (run.stderr || ""),
+        compileOutput: compile.stdout || "",
+        exitCode: run.code === 0 ? 0 : 1,
+        message: run.signal ? `Terminated by signal: ${run.signal}` : void 0
+      };
+    } catch (error) {
+      console.error(`[PistonProvider] execution error:`, error);
+      throw error;
+    }
+  }
+  getPriority(language2) {
+    if (this.customPriority !== void 0) return this.customPriority;
+    return 20;
+  }
+  getSupportedLanguages() {
+    return ["python", "javascript", "js", "lua", "c", "cpp", "csharp"];
+  }
+};
+
 // src/lib/execution/providers/LiteProvider.ts
 init_react_shim();
 var LiteProvider = class {
@@ -7556,9 +7714,40 @@ var AIProvider = class {
 
 // src/lib/execution/index.ts
 function initExecutionSystem(config) {
+  executionService.clearProviders();
   executionService.registerProvider(new LiteProvider());
-  if (config?.judge0Url) {
-    executionService.registerProvider(new Judge0Provider(config.judge0Url, config.judge0Key));
+  if (config?.judge0Fallback?.url) {
+    executionService.registerProvider(new Judge0Provider(
+      config.judge0Fallback.url,
+      config.judge0Fallback.key,
+      {
+        id: "judge0-fallback",
+        name: config.judge0Fallback.name || "Judge0 Fallback (RapidAPI)",
+        priority: config.judge0Fallback.priority || 8
+      }
+    ));
+  }
+  if (config?.pistonPrimary?.url) {
+    executionService.registerProvider(new PistonProvider(
+      config.pistonPrimary.url,
+      config.pistonPrimary.key,
+      {
+        id: "piston-primary",
+        name: config.pistonPrimary.name || "Piston Primary (Self-hosted)",
+        priority: config.pistonPrimary.priority || 20
+      }
+    ));
+  }
+  if (config?.judge0Primary?.url) {
+    executionService.registerProvider(new Judge0Provider(
+      config.judge0Primary.url,
+      config.judge0Primary.key,
+      {
+        id: "judge0-primary",
+        name: config.judge0Primary.name || "Judge0 Primary (Self-hosted)",
+        priority: config.judge0Primary.priority || 15
+      }
+    ));
   }
   if (config?.geminiKey) {
     executionService.registerProvider(new AIProvider(config.geminiKey));
@@ -7568,8 +7757,11 @@ function initExecutionSystem(config) {
 // src/services/APIKeyService.ts
 init_react_shim();
 var GEMINI_API_KEY_SERVICE_NAME = "gemini";
-var JUDGE0_API_KEY_SERVICE_NAME = "judge0";
-var JUDGE0_API_URL_SERVICE_NAME = "judge0_url";
+var JUDGE0_PRIMARY_API_KEY_SERVICE_NAME = "judge0_primary";
+var JUDGE0_PRIMARY_API_URL_SERVICE_NAME = "judge0_primary_url";
+var JUDGE0_FALLBACK_API_KEY_SERVICE_NAME = "judge0_fallback";
+var JUDGE0_FALLBACK_API_URL_SERVICE_NAME = "judge0_fallback_url";
+var PISTON_PRIMARY_API_URL_SERVICE_NAME = "piston_primary_url";
 var LOCAL_STORAGE_PREFIX = "iqk_api_keys_";
 function _encode(data) {
   if (typeof window !== "undefined" && typeof window.btoa === "function") {
@@ -7655,6 +7847,96 @@ var APIKeyService = class {
   }
 };
 
+// src/lib/execution/CodeWrapper.ts
+init_react_shim();
+var CodeWrapper = class {
+  /**
+   * Wraps code with necessary boilerplate for the given language.
+   */
+  static wrap(code4, language2, options = {}) {
+    const lang = language2.toLowerCase();
+    if (lang === "c" || lang === "cpp") {
+      return this.wrapC(code4, options.testCaseInput || [], options.functionSignature);
+    }
+    return code4;
+  }
+  static wrapC(code4, input, signature) {
+    if (code4.includes("int main") || code4.includes("void main")) {
+      return code4;
+    }
+    if (!signature) {
+      return `
+#include <stdio.h>
+#include <stdlib.h>
+#include <stdbool.h>
+#include <string.h>
+
+${code4}
+
+int main() {
+    // No signature provided, assuming competitive programming style if stdin is used
+    return 0;
+}
+`;
+    }
+    const sig = signature?.trim();
+    const match = sig?.match(/(\w+)\s+(\w+)\s*\((.*)\)/);
+    if (!match) {
+      if (input.length === 2) {
+        return `
+#include <stdio.h>
+#include <stdlib.h>
+#include <stdbool.h>
+#include <string.h>
+
+${code4}
+
+int main() {
+    int v0, v1;
+    if (scanf("%d %d", &v0, &v1) == 2) {
+        // Try to call 'add' if it exists in the code
+        ${code4.includes("add") ? 'printf("%d", add(v0, v1));' : "// Function not found"}
+    }
+    return 0;
+}
+`;
+      }
+      return code4;
+    }
+    const [, , funcName, paramsStr] = match;
+    const params = paramsStr.split(",").map((p4) => p4.trim()).filter((p4) => p4.length > 0);
+    let scanfFormat = "";
+    let scanfArgs = "";
+    let callArgs = "";
+    params.forEach((p4, i3) => {
+      const parts = p4.split(/\s+/);
+      const type = parts[0];
+      parts[parts.length - 1];
+      let fmt = "%d";
+      if (type === "float" || type === "double") fmt = "%lf";
+      if (type === "char*") fmt = "%s";
+      scanfFormat += (i3 === 0 ? "" : " ") + fmt;
+      scanfArgs += `, &v${i3}`;
+      callArgs += (i3 === 0 ? "" : ", ") + `v${i3}`;
+    });
+    return `
+#include <stdio.h>
+#include <stdlib.h>
+#include <stdbool.h>
+#include <string.h>
+
+${code4}
+
+int main() {
+    ${params.map((p4, i3) => `${p4.split(/\s+/)[0]} v${i3};`).join("\n    ")}
+    if (scanf("${scanfFormat}"${scanfArgs}) != ${params.length}) return 1;
+    printf("%d", ${funcName}(${callArgs}));
+    return 0;
+}
+`;
+  }
+};
+
 // src/services/CodeEvaluationService.ts
 var CodeEvaluationService = class {
   constructor() {
@@ -7662,27 +7944,46 @@ var CodeEvaluationService = class {
   }
   /**
    * Ensure execution system is initialized with latest keys.
+   * Order of precedence: LocalStorage (User choice) > Environment Variables (System default)
    */
   ensureInitialized() {
     if (typeof window === "undefined") return;
-    const geminiKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME) || void 0;
-    const judge0Url = APIKeyService.getAPIKey(JUDGE0_API_URL_SERVICE_NAME) || void 0;
-    const judge0Key = APIKeyService.getAPIKey(JUDGE0_API_KEY_SERVICE_NAME) || void 0;
+    const geminiKey = APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME) || "";
+    const judge0PrimaryUrl = APIKeyService.getAPIKey(JUDGE0_PRIMARY_API_URL_SERVICE_NAME) || "/api/judge0";
+    const judge0PrimaryKey = APIKeyService.getAPIKey(JUDGE0_PRIMARY_API_KEY_SERVICE_NAME) || "Code@Orchable";
+    const judge0FallbackUrl = APIKeyService.getAPIKey(JUDGE0_FALLBACK_API_URL_SERVICE_NAME) || "https://judge0-ce.p.rapidapi.com";
+    const judge0FallbackKey = APIKeyService.getAPIKey(JUDGE0_FALLBACK_API_KEY_SERVICE_NAME) || "9343426db9mshd122142ba1d0927p1259d6jsne24390a88e67";
+    const pistonPrimaryUrl = APIKeyService.getAPIKey(PISTON_PRIMARY_API_URL_SERVICE_NAME) || "/api/piston";
+    const pistonPrimaryKey = "Piston@Orchable";
     initExecutionSystem({
-      geminiKey,
-      judge0Url,
-      judge0Key
+      geminiKey: geminiKey || void 0,
+      pistonPrimary: {
+        url: pistonPrimaryUrl,
+        key: pistonPrimaryKey
+      } ,
+      judge0Primary: {
+        url: judge0PrimaryUrl,
+        key: judge0PrimaryKey
+      } ,
+      judge0Fallback: {
+        url: judge0FallbackUrl,
+        key: judge0FallbackKey
+      } 
     });
   }
   async evaluateSingleTestCase(question, userCode, testCase) {
     try {
+      const wrappedCode = CodeWrapper.wrap(userCode, question.codingLanguage, {
+        functionSignature: question.functionSignature,
+        testCaseInput: testCase.input
+      });
       const result = await executionService.execute(
-        userCode,
+        wrappedCode,
         question.codingLanguage,
         Array.isArray(testCase.input) ? testCase.input.join("\n") : String(testCase.input || "")
       );
-      const actual = (result.stdout || "").trim();
-      const expected = (testCase.expectedOutput || "").trim();
+      const actual = String(result.stdout || "").trim();
+      const expected = String(testCase.expectedOutput || "").trim();
       const statusPassed = result.exitCode === 0;
       const outputMatches = actual === expected;
       const passed = statusPassed && outputMatches;
@@ -62838,13 +63139,30 @@ function rehypeKatex(options) {
     });
   };
 }
-var ScratchBlocksRenderer2 = dynamic(
-  () => Promise.resolve().then(() => (init_ScratchBlocksRenderer(), ScratchBlocksRenderer_exports)).then((mod) => mod.ScratchBlocksRenderer),
-  { ssr: false }
+var ScratchBlocksRenderer2 = React78__default.lazy(
+  () => Promise.resolve().then(() => (init_ScratchBlocksRenderer(), ScratchBlocksRenderer_exports)).then((module) => ({
+    default: module.ScratchBlocksRenderer
+  }))
 );
+var ScratchRendererErrorBoundary = class extends React78__default.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    console.error("ScratchBlocksRenderer failed to load:", error);
+  }
+  render() {
+    return this.state.failed ? this.props.fallback : this.props.children;
+  }
+};
 var ClientScratchRenderer = ({ code: code4, isInline }) => {
   const { i18n } = useTranslation();
-  const content3 = /* @__PURE__ */ React78__default.createElement(
+  const fallback = isInline ? /* @__PURE__ */ React78__default.createElement("code", { className: "bg-muted px-1.5 py-0.5 rounded text-sm font-mono opacity-70", "aria-label": "Loading scratch block" }, code4) : /* @__PURE__ */ React78__default.createElement("pre", { className: "bg-muted p-4 rounded-lg overflow-x-auto my-4 text-sm font-mono opacity-70", "aria-label": "Loading scratch block" }, /* @__PURE__ */ React78__default.createElement("code", null, code4));
+  const content3 = /* @__PURE__ */ React78__default.createElement(ScratchRendererErrorBoundary, { key: `${isInline ? "inline" : "block"}:${code4}`, fallback }, /* @__PURE__ */ React78__default.createElement(React78__default.Suspense, { fallback }, /* @__PURE__ */ React78__default.createElement(
     ScratchBlocksRenderer2,
     {
       code: code4,
@@ -62852,7 +63170,7 @@ var ClientScratchRenderer = ({ code: code4, isInline }) => {
       fromLang: "en",
       toLang: i18n.language === "vi" ? "vi" : "en"
     }
-  );
+  )));
   if (isInline) {
     return /* @__PURE__ */ React78__default.createElement("span", { className: "inline-block align-middle" }, content3);
   }
@@ -62908,18 +63226,21 @@ var MarkdownRenderer = ({ content: content3, className }) => {
           }
         ));
       }
-      return /* @__PURE__ */ React78__default.createElement(
-        Image2,
-        {
-          src,
-          alt: props.alt || "",
-          width: 0,
-          height: 0,
-          sizes: "100vw",
-          style: { width: "100%", height: "auto" },
-          className: "max-w-full rounded-lg my-4",
-          unoptimized: true
-        }
+      return (
+        // This renderer is intentionally framework-neutral. Next Image
+        // optimization was already disabled in the previous implementation.
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ React78__default.createElement(
+          "img",
+          {
+            src,
+            alt: props.alt || "",
+            loading: "lazy",
+            decoding: "async",
+            sizes: "100vw",
+            className: "max-w-full w-full h-auto rounded-lg my-4"
+          }
+        )
       );
     },
     table: ({ node: node2, ...props }) => /* @__PURE__ */ React78__default.createElement("div", { className: "overflow-x-auto my-4 rounded-lg border border-border" }, /* @__PURE__ */ React78__default.createElement("table", { ...props, className: "w-full text-sm border-collapse" })),
@@ -66728,8 +67049,8 @@ var styleHookSingleton = function() {
 var styleSingleton = function() {
   var useStyle = styleHookSingleton();
   var Sheet2 = function(_a2) {
-    var styles2 = _a2.styles, dynamic2 = _a2.dynamic;
-    useStyle(styles2, dynamic2);
+    var styles2 = _a2.styles, dynamic = _a2.dynamic;
+    useStyle(styles2, dynamic);
     return null;
   };
   return Sheet2;
@@ -74242,7 +74563,8 @@ var CodingQuestionUI = ({
   question,
   onAnswerChange,
   userAnswer,
-  showCorrectAnswer = false
+  showCorrectAnswer = false,
+  showExecutionSettings
 }) => {
   const [code4, setCode] = useState("");
   const [isRunningTests, setIsRunningTests] = useState(false);
@@ -74250,21 +74572,27 @@ var CodingQuestionUI = ({
   const [showSettings, setShowSettings] = useState(false);
   const [keys2, setKeys] = useState({
     gemini: "",
-    judge0Url: "",
-    judge0Key: ""
+    judge0PrimaryUrl: "",
+    judge0PrimaryKey: "",
+    judge0FallbackUrl: "",
+    judge0FallbackKey: ""
   });
   const { toast: toast2 } = useToast();
   useEffect(() => {
     setKeys({
       gemini: APIKeyService.getAPIKey(GEMINI_API_KEY_SERVICE_NAME) || "",
-      judge0Url: APIKeyService.getAPIKey(JUDGE0_API_URL_SERVICE_NAME) || "",
-      judge0Key: APIKeyService.getAPIKey(JUDGE0_API_KEY_SERVICE_NAME) || ""
+      judge0PrimaryUrl: APIKeyService.getAPIKey(JUDGE0_PRIMARY_API_URL_SERVICE_NAME) || "",
+      judge0PrimaryKey: APIKeyService.getAPIKey(JUDGE0_PRIMARY_API_KEY_SERVICE_NAME) || "",
+      judge0FallbackUrl: APIKeyService.getAPIKey(JUDGE0_FALLBACK_API_URL_SERVICE_NAME) || "",
+      judge0FallbackKey: APIKeyService.getAPIKey(JUDGE0_FALLBACK_API_KEY_SERVICE_NAME) || ""
     });
   }, []);
   const handleSaveKeys = () => {
     APIKeyService.saveAPIKey(GEMINI_API_KEY_SERVICE_NAME, keys2.gemini);
-    APIKeyService.saveAPIKey(JUDGE0_API_URL_SERVICE_NAME, keys2.judge0Url);
-    APIKeyService.saveAPIKey(JUDGE0_API_KEY_SERVICE_NAME, keys2.judge0Key);
+    APIKeyService.saveAPIKey(JUDGE0_PRIMARY_API_URL_SERVICE_NAME, keys2.judge0PrimaryUrl);
+    APIKeyService.saveAPIKey(JUDGE0_PRIMARY_API_KEY_SERVICE_NAME, keys2.judge0PrimaryKey);
+    APIKeyService.saveAPIKey(JUDGE0_FALLBACK_API_URL_SERVICE_NAME, keys2.judge0FallbackUrl);
+    APIKeyService.saveAPIKey(JUDGE0_FALLBACK_API_KEY_SERVICE_NAME, keys2.judge0FallbackKey);
     setShowSettings(false);
     toast2({
       title: "Settings Saved",
@@ -74297,7 +74625,7 @@ var CodingQuestionUI = ({
       setIsRunningTests(false);
     }
   };
-  return /* @__PURE__ */ React78__default.createElement(Card, { className: "w-full border-none shadow-none bg-transparent" }, /* @__PURE__ */ React78__default.createElement(CardHeader, { className: "p-0 pb-6" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement(CardTitle, { className: "text-2xl font-bold tracking-tight mb-2" }, /* @__PURE__ */ React78__default.createElement(MarkdownRenderer, { content: question.prompt })), question.points && /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React78__default.createElement("span", { className: "px-2 py-0.5 rounded-full bg-primary/10 text-primary text-xs font-medium border border-primary/20" }, question.points, " Points"), /* @__PURE__ */ React78__default.createElement("span", { className: "px-2 py-0.5 rounded-full bg-muted text-muted-foreground text-xs font-medium border" }, question.codingLanguage.toUpperCase()))), /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React78__default.createElement(
+  return /* @__PURE__ */ React78__default.createElement(Card, { className: "w-full border-none shadow-none bg-transparent" }, /* @__PURE__ */ React78__default.createElement(CardHeader, { className: "p-0 pb-6" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex justify-between items-start" }, /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement(CardTitle, { className: "text-2xl font-bold tracking-tight mb-2" }, /* @__PURE__ */ React78__default.createElement(MarkdownRenderer, { content: question.prompt })), question.points && /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React78__default.createElement("span", { className: "px-2 py-0.5 rounded-full bg-primary/10 text-primary text-xs font-medium border border-primary/20" }, question.points, " Points"), /* @__PURE__ */ React78__default.createElement("span", { className: "px-2 py-0.5 rounded-full bg-muted text-muted-foreground text-xs font-medium border" }, question.codingLanguage.toUpperCase()))), (showExecutionSettings ?? process.env.NEXT_PUBLIC_SHOW_EXECUTION_SETTINGS === "true") && /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React78__default.createElement(
     Button,
     {
       variant: "outline",
@@ -74316,21 +74644,38 @@ var CodingQuestionUI = ({
       placeholder: "AI fallback key...",
       className: "w-full bg-black/20 border border-white/10 rounded px-3 py-1.5 text-sm focus:border-primary/50 outline-none"
     }
-  )), /* @__PURE__ */ React78__default.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React78__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React78__default.createElement("label", { className: "text-xs font-bold uppercase tracking-wider opacity-60" }, "Judge0 API URL (native code)"), /* @__PURE__ */ React78__default.createElement(
+  )), /* @__PURE__ */ React78__default.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React78__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React78__default.createElement("label", { className: "text-xs font-bold uppercase tracking-wider opacity-60" }, "Judge0 Primary URL (Self-hosted)"), /* @__PURE__ */ React78__default.createElement(
+    "input",
+    {
+      type: "text",
+      value: keys2.judge0PrimaryUrl,
+      onChange: (e2) => setKeys({ ...keys2, judge0PrimaryUrl: e2.target.value }),
+      placeholder: "https://your-server.com",
+      className: "w-full bg-black/20 border border-white/10 rounded px-3 py-1.5 text-sm focus:border-primary/50 outline-none"
+    }
+  )), /* @__PURE__ */ React78__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React78__default.createElement("label", { className: "text-xs font-bold uppercase tracking-wider opacity-60" }, "Judge0 Primary Key"), /* @__PURE__ */ React78__default.createElement(
+    "input",
+    {
+      type: "password",
+      value: keys2.judge0PrimaryKey,
+      onChange: (e2) => setKeys({ ...keys2, judge0PrimaryKey: e2.target.value }),
+      className: "w-full bg-black/20 border border-white/10 rounded px-3 py-1.5 text-sm focus:border-primary/50 outline-none"
+    }
+  ))), /* @__PURE__ */ React78__default.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React78__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React78__default.createElement("label", { className: "text-xs font-bold uppercase tracking-wider opacity-60" }, "Judge0 Fallback URL (RapidAPI)"), /* @__PURE__ */ React78__default.createElement(
     "input",
     {
       type: "text",
-      value: keys2.judge0Url,
-      onChange: (e2) => setKeys({ ...keys2, judge0Url: e2.target.value }),
-      placeholder: "https://judge0-instance.com",
+      value: keys2.judge0FallbackUrl,
+      onChange: (e2) => setKeys({ ...keys2, judge0FallbackUrl: e2.target.value }),
+      placeholder: "https://judge0-ce.p.rapidapi.com",
       className: "w-full bg-black/20 border border-white/10 rounded px-3 py-1.5 text-sm focus:border-primary/50 outline-none"
     }
-  )), /* @__PURE__ */ React78__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React78__default.createElement("label", { className: "text-xs font-bold uppercase tracking-wider opacity-60" }, "Judge0 API Key"), /* @__PURE__ */ React78__default.createElement(
+  )), /* @__PURE__ */ React78__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React78__default.createElement("label", { className: "text-xs font-bold uppercase tracking-wider opacity-60" }, "Judge0 Fallback Key"), /* @__PURE__ */ React78__default.createElement(
     "input",
     {
       type: "password",
-      value: keys2.judge0Key,
-      onChange: (e2) => setKeys({ ...keys2, judge0Key: e2.target.value }),
+      value: keys2.judge0FallbackKey,
+      onChange: (e2) => setKeys({ ...keys2, judge0FallbackKey: e2.target.value }),
       className: "w-full bg-black/20 border border-white/10 rounded px-3 py-1.5 text-sm focus:border-primary/50 outline-none"
     }
   )))), /* @__PURE__ */ React78__default.createElement("div", { className: "flex justify-end pt-2" }, /* @__PURE__ */ React78__default.createElement(Button, { size: "sm", onClick: handleSaveKeys }, "Apply Changes"))))), /* @__PURE__ */ React78__default.createElement(CardContent, { className: "p-0 space-y-6" }, /* @__PURE__ */ React78__default.createElement("div", { className: "relative group" }, /* @__PURE__ */ React78__default.createElement("div", { className: "absolute -inset-0.5 bg-gradient-to-r from-blue-500/20 to-purple-500/20 rounded-xl blur opacity-30 group-hover:opacity-100 transition duration-1000 group-hover:duration-200" }), /* @__PURE__ */ React78__default.createElement("div", { className: "relative border border-white/10 rounded-xl overflow-hidden bg-[#1e1e1e] shadow-2xl" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center justify-between px-4 py-2 bg-[#252526] border-b border-white/5" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React78__default.createElement("div", { className: "w-3 h-3 rounded-full bg-[#ff5f56]" }), /* @__PURE__ */ React78__default.createElement("div", { className: "w-3 h-3 rounded-full bg-[#ffbd2e]" }), /* @__PURE__ */ React78__default.createElement("div", { className: "w-3 h-3 rounded-full bg-[#27c93f]" }), /* @__PURE__ */ React78__default.createElement("span", { className: "ml-2 text-xs font-mono text-muted-foreground uppercase tracking-widest opacity-50" }, "solution.", question.codingLanguage))), /* @__PURE__ */ React78__default.createElement(
@@ -74364,15 +74709,15 @@ var CodingQuestionUI = ({
     isRunningTests ? /* @__PURE__ */ React78__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ React78__default.createElement(Play, { className: "mr-2 h-4 w-4 fill-current" }),
     isRunningTests ? "Evaluating..." : "Run Test Cases"
   ), /* @__PURE__ */ React78__default.createElement("span", { className: "text-xs text-muted-foreground italic" }, "* Verification uses tiered execution (Native ", ">", " Lite ", ">", " AI)")), /* @__PURE__ */ React78__default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React78__default.createElement(Tabs2, { defaultValue: "console", className: "w-full" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React78__default.createElement(TabsList2, { className: "bg-muted/50 p-1 rounded-lg border h-auto" }, /* @__PURE__ */ React78__default.createElement(TabsTrigger2, { value: "console", className: "px-4 py-1.5 data-[state=active]:bg-background data-[state=active]:shadow-sm" }, /* @__PURE__ */ React78__default.createElement(Terminal, { className: "w-3.5 h-3.5 mr-2" }), "Console"), showCorrectAnswer && /* @__PURE__ */ React78__default.createElement(TabsTrigger2, { value: "solution", className: "px-4 py-1.5 data-[state=active]:bg-background data-[state=active]:shadow-sm" }, /* @__PURE__ */ React78__default.createElement(Info, { className: "w-3.5 h-3.5 mr-2" }), "Reference Solution"))), /* @__PURE__ */ React78__default.createElement(TabsContent2, { value: "console", className: "mt-0 focus-visible:outline-none" }, /* @__PURE__ */ React78__default.createElement("div", { className: cn(
-    "rounded-xl border border-white/5 bg-black/40 backdrop-blur-md overflow-hidden min-h-[160px] flex flex-col",
+    "rounded-xl border border-border bg-muted/30 dark:bg-black/40 backdrop-blur-md overflow-hidden min-h-[160px] flex flex-col",
     testResults.length > 0 ? "h-auto" : "h-[160px]"
-  ) }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center px-4 py-2 border-b border-white/5 bg-white/5" }, /* @__PURE__ */ React78__default.createElement("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-[0.2em]" }, "Execution Output")), /* @__PURE__ */ React78__default.createElement("div", { className: "p-4 flex-1 font-mono text-sm" }, testResults.length > 0 ? /* @__PURE__ */ React78__default.createElement("div", { className: "grid gap-3" }, testResults.map((result, index3) => /* @__PURE__ */ React78__default.createElement("div", { key: result.testCaseId, className: "group animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React78__default.createElement("div", { className: cn(
-    "flex items-start p-3 rounded-lg border transition-all",
-    result.passed ? "bg-green-500/5 border-green-500/20 text-green-400" : "bg-red-500/5 border-red-500/20 text-red-400"
-  ) }, /* @__PURE__ */ React78__default.createElement("div", { className: "mt-1 mr-3 shrink-0" }, result.passed ? /* @__PURE__ */ React78__default.createElement(CircleCheck, { className: "h-5 w-5" }) : /* @__PURE__ */ React78__default.createElement(CircleX, { className: "h-5 w-5" })), /* @__PURE__ */ React78__default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center justify-between mb-1" }, /* @__PURE__ */ React78__default.createElement("span", { className: "font-bold" }, "Test Case #", index3 + 1), /* @__PURE__ */ React78__default.createElement("span", { className: cn(
-    "text-[10px] uppercase font-black px-1.5 py-0.5 rounded",
-    result.passed ? "bg-green-500/20" : "bg-red-500/20"
-  ) }, result.passed ? "Accepted" : "Failed")), /* @__PURE__ */ React78__default.createElement("div", { className: "grid grid-cols-1 gap-2 opacity-90" }, /* @__PURE__ */ React78__default.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React78__default.createElement("span", { className: "opacity-50 font-semibold mr-2" }, ">", " Status:"), result.reasoning), !result.passed && /* @__PURE__ */ React78__default.createElement("div", { className: "mt-2 p-2 bg-black/40 rounded border border-white/5 text-[11px] overflow-x-auto" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement("div", { className: "text-muted-foreground mb-1 uppercase text-[9px] font-bold" }, "Input"), /* @__PURE__ */ React78__default.createElement("code", { className: "text-white/80" }, Array.isArray(question.testCases[index3].input) ? question.testCases[index3].input.join(", ") : question.testCases[index3].input)), /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement("div", { className: "text-muted-foreground mb-1 uppercase text-[9px] font-bold" }, "Expected"), /* @__PURE__ */ React78__default.createElement("code", { className: "text-green-400" }, question.testCases[index3].expectedOutput)), /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement("div", { className: "text-muted-foreground mb-1 uppercase text-[9px] font-bold" }, "Actual"), /* @__PURE__ */ React78__default.createElement("code", { className: "text-red-400" }, result.actualOutput)))))))))) : /* @__PURE__ */ React78__default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-muted-foreground/30 py-8 italic text-xs" }, /* @__PURE__ */ React78__default.createElement(Terminal, { className: "h-8 w-8 mb-3 opacity-20" }), /* @__PURE__ */ React78__default.createElement("p", null, isRunningTests ? "Processing internal execution pipeline..." : "Run tests to see diagnostic output"))))), showCorrectAnswer && /* @__PURE__ */ React78__default.createElement(TabsContent2, { value: "solution", className: "mt-0 focus-visible:outline-none" }, /* @__PURE__ */ React78__default.createElement("div", { className: "relative border border-white/10 rounded-xl overflow-hidden bg-[#1e1e1e] shadow-2xl" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center px-4 py-2 bg-[#252526] border-b border-white/5" }, /* @__PURE__ */ React78__default.createElement("span", { className: "text-xs font-mono text-muted-foreground uppercase tracking-widest opacity-50" }, "reference_solution.", question.codingLanguage)), /* @__PURE__ */ React78__default.createElement(
+  ) }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center px-4 py-2 border-b border-border bg-muted/50 dark:bg-white/5" }, /* @__PURE__ */ React78__default.createElement("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-[0.2em]" }, "Execution Output")), /* @__PURE__ */ React78__default.createElement("div", { className: "p-4 flex-1 font-mono text-sm" }, testResults.length > 0 ? /* @__PURE__ */ React78__default.createElement("div", { className: "grid gap-3" }, testResults.map((result, index3) => /* @__PURE__ */ React78__default.createElement("div", { key: result.testCaseId, className: "group animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React78__default.createElement("div", { className: cn(
+    "flex items-start p-3 rounded-lg border transition-all shadow-sm",
+    result.passed ? "bg-green-50/50 dark:bg-green-500/5 border-green-500/30 text-green-700 dark:text-green-400" : "bg-red-50/50 dark:bg-red-500/5 border-red-500/30 text-red-700 dark:text-red-400"
+  ) }, /* @__PURE__ */ React78__default.createElement("div", { className: "mt-1 mr-3 shrink-0" }, result.passed ? /* @__PURE__ */ React78__default.createElement(CircleCheck, { className: "h-5 w-5 fill-green-500/20" }) : /* @__PURE__ */ React78__default.createElement(CircleX, { className: "h-5 w-5 fill-red-500/20" })), /* @__PURE__ */ React78__default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center justify-between mb-1" }, /* @__PURE__ */ React78__default.createElement("span", { className: "font-bold text-sm" }, "Test Case #", index3 + 1), /* @__PURE__ */ React78__default.createElement("span", { className: cn(
+    "text-[10px] uppercase font-black px-1.5 py-0.5 rounded tracking-tighter",
+    result.passed ? "bg-green-500/10 text-green-600 dark:text-green-400" : "bg-red-500/10 text-red-600 dark:text-red-400"
+  ) }, result.passed ? "Accepted" : "Failed")), /* @__PURE__ */ React78__default.createElement("div", { className: "grid grid-cols-1 gap-2 opacity-90" }, /* @__PURE__ */ React78__default.createElement("div", { className: "text-xs font-medium leading-relaxed" }, /* @__PURE__ */ React78__default.createElement("span", { className: "opacity-60 mr-2 font-mono" }, ">"), result.reasoning), !result.passed && /* @__PURE__ */ React78__default.createElement("div", { className: "mt-3 p-3 bg-muted/40 dark:bg-black/40 rounded-lg border border-border text-[11px] overflow-x-auto shadow-inner" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex gap-6" }, /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement("div", { className: "text-muted-foreground mb-1 uppercase text-[9px] font-extrabold tracking-widest" }, "Input"), /* @__PURE__ */ React78__default.createElement("code", { className: "text-foreground/90 font-mono font-bold" }, Array.isArray(question.testCases[index3].input) ? question.testCases[index3].input.join(", ") : question.testCases[index3].input)), /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement("div", { className: "text-muted-foreground mb-1 uppercase text-[9px] font-extrabold tracking-widest" }, "Expected"), /* @__PURE__ */ React78__default.createElement("code", { className: "text-green-600 dark:text-green-400 font-mono font-bold" }, String(question.testCases[index3].expectedOutput))), /* @__PURE__ */ React78__default.createElement("div", null, /* @__PURE__ */ React78__default.createElement("div", { className: "text-muted-foreground mb-1 uppercase text-[9px] font-extrabold tracking-widest" }, "Actual"), /* @__PURE__ */ React78__default.createElement("code", { className: "text-red-600 dark:text-red-400 font-mono font-bold" }, String(result.actualOutput))))))))))) : /* @__PURE__ */ React78__default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-muted-foreground/30 py-8 italic text-xs" }, /* @__PURE__ */ React78__default.createElement(Terminal, { className: "h-8 w-8 mb-3 opacity-20" }), /* @__PURE__ */ React78__default.createElement("p", null, isRunningTests ? "Processing internal execution pipeline..." : "Run tests to see diagnostic output"))))), showCorrectAnswer && /* @__PURE__ */ React78__default.createElement(TabsContent2, { value: "solution", className: "mt-0 focus-visible:outline-none" }, /* @__PURE__ */ React78__default.createElement("div", { className: "relative border border-white/10 rounded-xl overflow-hidden bg-[#1e1e1e] shadow-2xl" }, /* @__PURE__ */ React78__default.createElement("div", { className: "flex items-center px-4 py-2 bg-[#252526] border-b border-white/5" }, /* @__PURE__ */ React78__default.createElement("span", { className: "text-xs font-mono text-muted-foreground uppercase tracking-widest opacity-50" }, "reference_solution.", question.codingLanguage)), /* @__PURE__ */ React78__default.createElement(
     Editor,
     {
       height: "300px",