tetrons 2.3.97 → 2.3.98

package/dist/index.mjs

@@ -13,7 +13,7 @@ var MathModal_exports = {};
 __export(MathModal_exports, {
   default: () => MathModal
 });
-import React13, { useEffect as useEffect7 } from "react";
+import React16, { useEffect as useEffect7 } from "react";
 import katex2 from "katex";
 import "katex/dist/katex.min.css";
 function MathModal({
@@ -33,7 +33,7 @@ function MathModal({
     return () => window.removeEventListener("keydown", onEsc);
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React16.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React16.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React16.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ React16.createElement(
     "textarea",
     {
       className: "ai-modal-textarea",
@@ -41,7 +41,7 @@ function MathModal({
       value,
       onChange: (e) => setValue(e.target.value)
     }
-  ), /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ React13.createElement("strong", null, "Preview:"), /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ React13.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React13.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ React13.createElement(
+  ), /* @__PURE__ */ React16.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ React16.createElement("strong", null, "Preview:"), /* @__PURE__ */ React16.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ React16.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ React16.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React16.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ React16.createElement(
     "button",
     {
       className: "ai-submit-btn",
@@ -72,7 +72,7 @@ var CodeEditorModal_exports = {};
 __export(CodeEditorModal_exports, {
   default: () => CodeEditorModal_default
 });
-import React14, { useState as useState8 } from "react";
+import React17, { useState as useState11 } from "react";
 import Editor from "@monaco-editor/react";
 var CodeEditorModal, CodeEditorModal_default;
 var init_CodeEditorModal = __esm({
@@ -85,10 +85,10 @@ var init_CodeEditorModal = __esm({
       onSubmitCode,
       onSubmitCodeWithOutput
     }) => {
-      const [language, setLanguage] = useState8("javascript");
-      const [code, setCode] = useState8("// Write your code here");
-      const [output, setOutput] = useState8("");
-      const [loading, setLoading] = useState8(false);
+      const [language, setLanguage] = useState11("javascript");
+      const [code, setCode] = useState11("// Write your code here");
+      const [output, setOutput] = useState11("");
+      const [loading, setLoading] = useState11(false);
       const runCode = async () => {
         setLoading(true);
         try {
@@ -124,19 +124,19 @@ ${data.stderr}
         onClose();
       };
       if (!isOpen) return null;
-      return /* @__PURE__ */ React14.createElement("div", { className: "code-modal-overlay" }, /* @__PURE__ */ React14.createElement("div", { className: "code-modal-content" }, /* @__PURE__ */ React14.createElement("div", { className: "code-modal-header" }, /* @__PURE__ */ React14.createElement("h2", null, "Run Code"), /* @__PURE__ */ React14.createElement("button", { onClick: onClose, className: "code-close-btn" }, "\xD7")), /* @__PURE__ */ React14.createElement("div", { className: "code-modal-controls" }, /* @__PURE__ */ React14.createElement("label", { htmlFor: "language" }, "Language:"), /* @__PURE__ */ React14.createElement(
+      return /* @__PURE__ */ React17.createElement("div", { className: "code-modal-overlay" }, /* @__PURE__ */ React17.createElement("div", { className: "code-modal-content" }, /* @__PURE__ */ React17.createElement("div", { className: "code-modal-header" }, /* @__PURE__ */ React17.createElement("h2", null, "Run Code"), /* @__PURE__ */ React17.createElement("button", { onClick: onClose, className: "code-close-btn" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "code-modal-controls" }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "language" }, "Language:"), /* @__PURE__ */ React17.createElement(
         "select",
         {
           id: "language",
           value: language,
           onChange: (e) => setLanguage(e.target.value)
         },
-        /* @__PURE__ */ React14.createElement("option", { value: "javascript" }, "JavaScript"),
-        /* @__PURE__ */ React14.createElement("option", { value: "python" }, "Python"),
-        /* @__PURE__ */ React14.createElement("option", { value: "cpp" }, "C++"),
-        /* @__PURE__ */ React14.createElement("option", { value: "java" }, "Java"),
-        /* @__PURE__ */ React14.createElement("option", { value: "typescript" }, "TypeScript")
-      ), /* @__PURE__ */ React14.createElement("button", { className: "run-code", onClick: runCode, disabled: loading }, loading ? "Running..." : "Run")), /* @__PURE__ */ React14.createElement(
+        /* @__PURE__ */ React17.createElement("option", { value: "javascript" }, "JavaScript"),
+        /* @__PURE__ */ React17.createElement("option", { value: "python" }, "Python"),
+        /* @__PURE__ */ React17.createElement("option", { value: "cpp" }, "C++"),
+        /* @__PURE__ */ React17.createElement("option", { value: "java" }, "Java"),
+        /* @__PURE__ */ React17.createElement("option", { value: "typescript" }, "TypeScript")
+      ), /* @__PURE__ */ React17.createElement("button", { className: "run-code", onClick: runCode, disabled: loading }, loading ? "Running..." : "Run")), /* @__PURE__ */ React17.createElement(
         Editor,
         {
           height: "50vh",
@@ -145,7 +145,7 @@ ${data.stderr}
           value: code,
           onChange: (v) => setCode(v ?? "")
         }
-      ), /* @__PURE__ */ React14.createElement("div", { className: "code-output" }, /* @__PURE__ */ React14.createElement("strong", null, "Output:"), /* @__PURE__ */ React14.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output)), /* @__PURE__ */ React14.createElement("div", { className: "code-submit-buttons-container" }, /* @__PURE__ */ React14.createElement(
+      ), /* @__PURE__ */ React17.createElement("div", { className: "code-output" }, /* @__PURE__ */ React17.createElement("strong", null, "Output:"), /* @__PURE__ */ React17.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output)), /* @__PURE__ */ React17.createElement("div", { className: "code-submit-buttons-container" }, /* @__PURE__ */ React17.createElement(
         "button",
         {
           className: "code-submit-buttons",
@@ -153,7 +153,7 @@ ${data.stderr}
           disabled: loading || !code
         },
         "Submit Code Snippet Only"
-      ), /* @__PURE__ */ React14.createElement(
+      ), /* @__PURE__ */ React17.createElement(
         "button",
         {
           className: "code-submit-buttons",
@@ -224,7 +224,7 @@ var MathInline = Node.create({
 });
 
 // src/components/tetrons/EditorContent.tsx
-import React17, { useEffect as useEffect9, useRef as useRef7, useState as useState11 } from "react";
+import React20, { useEffect as useEffect9, useRef as useRef7, useState as useState14 } from "react";
 import { useEditor, EditorContent as TiptapEditorContent } from "@tiptap/react";
 
 // src/utils/licenseTracker.ts
@@ -15942,7 +15942,7 @@ function TableContextMenu({ editor }) {
 }
 
 // src/components/tetrons/toolbar/TetronsToolbar.tsx
-import React16, { useEffect as useEffect8, useState as useState10 } from "react";
+import React19, { useEffect as useEffect8, useState as useState13 } from "react";
 
 // src/components/tetrons/toolbar/ActionGroup.tsx
 import React5, { useEffect as useEffect5, useRef as useRef3, useState as useState4 } from "react";
@@ -16884,18 +16884,251 @@ function FileGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/AIGroup.tsx
-import React12, { useState as useState7, useRef as useRef6 } from "react";
-import { FaMicrophone, FaStop } from "react-icons/fa";
+import React15, { useState as useState10, useRef as useRef6 } from "react";
+import { FaMicrophone as FaMicrophone3, FaStop, FaLanguage } from "react-icons/fa";
 import { Waveform } from "@uiball/loaders";
+
+// src/components/tetrons/toolbar/Tabs.tsx
+import { useState as useState9 } from "react";
+
+// src/components/tetrons/toolbar/Converter.tsx
+import React12, { useState as useState7 } from "react";
+
+// src/utils/languages.ts
+var indianLanguages = [
+  "Assamese",
+  "Bengali",
+  "Bodo",
+  "Dogri",
+  "Gujarati",
+  "Hindi",
+  "Kannada",
+  "Kashmiri",
+  "Konkani",
+  "Maithili",
+  "Malayalam",
+  "Manipuri",
+  "Marathi",
+  "Nepali",
+  "Odia",
+  "Punjabi",
+  "Sanskrit",
+  "Santali",
+  "Sindhi",
+  "Tamil",
+  "Telugu",
+  "Urdu",
+  "English"
+];
+
+// src/components/tetrons/toolbar/Converter.tsx
+import { FaMicrophone } from "react-icons/fa";
+function Converter({
+  onResult
+}) {
+  const [sourceLang, setSourceLang] = useState7("Hindi");
+  const [targetLang, setTargetLang] = useState7("Bengali");
+  const [text, setText] = useState7("");
+  const [result, setResult] = useState7("");
+  const handleConvert = async () => {
+    const res = await fetch("https://tetrons.com/api/translate", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ text, sourceLang, targetLang, mode: "convert" })
+    });
+    const data = await res.json();
+    setResult(data.result);
+    if (data.result && onResult) {
+      onResult(data.result);
+    }
+  };
+  const handleSpeakOutput = async () => {
+    if (!result) return;
+    const res = await fetch("https://tetrons.com/api/speak", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ text: result, lang: targetLang })
+    });
+    const blob = await res.blob();
+    const url = URL.createObjectURL(blob);
+    const audio = new Audio(url);
+    audio.play();
+  };
+  return /* @__PURE__ */ React12.createElement("div", { className: "container" }, /* @__PURE__ */ React12.createElement("div", { className: "field" }, /* @__PURE__ */ React12.createElement("label", { htmlFor: "sourceLang", className: "label" }, "Source Language:"), /* @__PURE__ */ React12.createElement(
+    "select",
+    {
+      id: "sourceLang",
+      value: sourceLang,
+      onChange: (e) => setSourceLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ React12.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ React12.createElement("div", { className: "field" }, /* @__PURE__ */ React12.createElement("label", { htmlFor: "targetLang", className: "label" }, "Target Language:"), /* @__PURE__ */ React12.createElement(
+    "select",
+    {
+      id: "targetLang",
+      value: targetLang,
+      onChange: (e) => setTargetLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ React12.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ React12.createElement("div", { className: "field" }, /* @__PURE__ */ React12.createElement("label", { htmlFor: "inputText", className: "label" }, "Enter Text:"), /* @__PURE__ */ React12.createElement(
+    "textarea",
+    {
+      id: "inputText",
+      placeholder: "Enter text...",
+      value: text,
+      onChange: (e) => setText(e.target.value),
+      className: "textarea"
+    }
+  )), /* @__PURE__ */ React12.createElement("button", { type: "button", onClick: handleConvert, className: "button" }, "Convert"), /* @__PURE__ */ React12.createElement("div", { className: "outputWrapper" }, /* @__PURE__ */ React12.createElement("div", { className: "output" }, result), result && /* @__PURE__ */ React12.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleSpeakOutput,
+      className: "iconButton",
+      "aria-label": "Play conversion",
+      title: "Play conversion"
+    },
+    /* @__PURE__ */ React12.createElement(FaMicrophone, null)
+  )));
+}
+
+// src/components/tetrons/toolbar/Translator.tsx
+import React13, { useState as useState8 } from "react";
+import { FaMicrophone as FaMicrophone2, FaVolumeUp } from "react-icons/fa";
+function Translator({
+  onResult
+}) {
+  const [sourceLang, setSourceLang] = useState8("Hindi");
+  const [targetLang, setTargetLang] = useState8("English");
+  const [text, setText] = useState8("");
+  const [result, setResult] = useState8("");
+  const [listening, setListening] = useState8(false);
+  const handleTranslate = async () => {
+    const res = await fetch("https://tetrons.com/api/translate", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ text, sourceLang, targetLang, mode: "translate" })
+    });
+    const data = await res.json();
+    setResult(data.result);
+    if (data.result && onResult) {
+      onResult(data.result);
+    }
+  };
+  const handleMicInput = () => {
+    const SpeechRecognitionClass = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if (!SpeechRecognitionClass) {
+      alert("Speech recognition is not supported in this browser.");
+      return;
+    }
+    const recognition = new SpeechRecognitionClass();
+    recognition.lang = sourceLang === "English" ? "en-IN" : "hi-IN";
+    recognition.interimResults = false;
+    recognition.onstart = () => setListening(true);
+    recognition.onend = () => setListening(false);
+    recognition.onresult = (event) => {
+      const transcript = event.results[0][0].transcript;
+      setText((prev) => prev ? prev + " " + transcript : transcript);
+    };
+    recognition.start();
+  };
+  const handleSpeakOutput = async () => {
+    if (!result) return;
+    const res = await fetch("/api/speak", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ text: result, lang: targetLang })
+    });
+    const blob = await res.blob();
+    const url = URL.createObjectURL(blob);
+    const audio = new Audio(url);
+    audio.play();
+  };
+  return /* @__PURE__ */ React13.createElement("div", { className: "container" }, /* @__PURE__ */ React13.createElement("div", { className: "field" }, /* @__PURE__ */ React13.createElement("label", { htmlFor: "sourceLang", className: "label" }, "Source Language:"), /* @__PURE__ */ React13.createElement(
+    "select",
+    {
+      id: "sourceLang",
+      value: sourceLang,
+      onChange: (e) => setSourceLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ React13.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ React13.createElement("div", { className: "field" }, /* @__PURE__ */ React13.createElement("label", { htmlFor: "targetLang", className: "label" }, "Target Language:"), /* @__PURE__ */ React13.createElement(
+    "select",
+    {
+      id: "targetLang",
+      value: targetLang,
+      onChange: (e) => setTargetLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ React13.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ React13.createElement("div", { className: "field" }, /* @__PURE__ */ React13.createElement("label", { htmlFor: "inputText", className: "label" }, "Enter Text:"), /* @__PURE__ */ React13.createElement("div", { className: "textareaWrapper" }, /* @__PURE__ */ React13.createElement(
+    "textarea",
+    {
+      id: "inputText",
+      placeholder: "Enter text...",
+      value: text,
+      onChange: (e) => setText(e.target.value),
+      className: "textarea"
+    }
+  ), /* @__PURE__ */ React13.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleMicInput,
+      className: "iconButton",
+      title: listening ? "Listening..." : "Start voice input"
+    },
+    /* @__PURE__ */ React13.createElement(FaMicrophone2, { color: listening ? "red" : "black" })
+  ))), /* @__PURE__ */ React13.createElement("button", { type: "button", onClick: handleTranslate, className: "button" }, "Translate"), /* @__PURE__ */ React13.createElement("div", { className: "outputWrapper" }, /* @__PURE__ */ React13.createElement("div", { className: "output" }, result), result && /* @__PURE__ */ React13.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleSpeakOutput,
+      className: "iconButton",
+      "aria-label": "Play translation",
+      title: "Play translation"
+    },
+    /* @__PURE__ */ React13.createElement(FaVolumeUp, null)
+  )));
+}
+
+// src/components/tetrons/toolbar/Tabs.tsx
+import * as React14 from "react";
+function Tabs({ onResult }) {
+  const [activeTab, setActiveTab] = useState9("convert");
+  return /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("div", { className: "tabHeader" }, /* @__PURE__ */ React14.createElement(
+    "button",
+    {
+      type: "button",
+      className: `$"tabButton" ${activeTab === "convert" ? "active" : ""}`,
+      onClick: () => setActiveTab("convert")
+    },
+    "Convert"
+  ), /* @__PURE__ */ React14.createElement(
+    "button",
+    {
+      type: "button",
+      className: `$"tabButton" ${activeTab === "translate" ? "active" : ""}`,
+      onClick: () => setActiveTab("translate")
+    },
+    "Translate"
+  )), /* @__PURE__ */ React14.createElement("div", { className: "tabContent" }, activeTab === "convert" ? /* @__PURE__ */ React14.createElement(Converter, { onResult }) : /* @__PURE__ */ React14.createElement(Translator, { onResult })));
+}
+
+// src/components/tetrons/toolbar/AIGroup.tsx
 function AiGroup({ editor, enabledFeatures }) {
-  const [isRecording, setIsRecording] = useState7(false);
-  const [audioBlob, setAudioBlob] = useState7(null);
-  const [isTranscribing, setIsTranscribing] = useState7(false);
-  const [transcriptionError, setTranscriptionError] = useState7("");
-  const [showPromptInput, setShowPromptInput] = useState7(false);
-  const [prompt2, setPrompt] = useState7("");
-  const [isLoadingAI, setIsLoadingAI] = useState7(false);
-  const [aiError, setAiError] = useState7("");
+  const [isRecording, setIsRecording] = useState10(false);
+  const [audioBlob, setAudioBlob] = useState10(null);
+  const [isTranscribing, setIsTranscribing] = useState10(false);
+  const [transcriptionError, setTranscriptionError] = useState10("");
+  const [showPromptInput, setShowPromptInput] = useState10(false);
+  const [prompt2, setPrompt] = useState10("");
+  const [isLoadingAI, setIsLoadingAI] = useState10(false);
+  const [aiError, setAiError] = useState10("");
+  const [showLangModal, setShowLangModal] = useState10(false);
   const mediaRecorderRef = useRef6(null);
   const chunksRef = useRef6([]);
   const startRecording = async () => {
@@ -16970,7 +17203,16 @@ function AiGroup({ editor, enabledFeatures }) {
       setIsLoadingAI(false);
     }
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: "group flex flex-col gap-2 items-start" }, /* @__PURE__ */ React12.createElement("div", { className: "flex gap-2 items-center" }, enabledFeatures.includes("voice to text") && /* @__PURE__ */ React12.createElement(React12.Fragment, null, !isRecording ? /* @__PURE__ */ React12.createElement(
+  const handleLangClick = () => {
+    setShowLangModal(true);
+  };
+  const handleLangResult = (output) => {
+    if (output) {
+      editor.commands.insertContent(output);
+      setShowLangModal(false);
+    }
+  };
+  return /* @__PURE__ */ React15.createElement("div", { className: "group flex flex-col gap-2 items-start" }, /* @__PURE__ */ React15.createElement("div", { className: "flex gap-2 items-center" }, enabledFeatures.includes("voice to text") && /* @__PURE__ */ React15.createElement(React15.Fragment, null, !isRecording ? /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
@@ -16978,8 +17220,8 @@ function AiGroup({ editor, enabledFeatures }) {
       className: "icon-btn",
       title: "Start Voice Input"
     },
-    /* @__PURE__ */ React12.createElement(FaMicrophone, { size: 18 })
-  ) : /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React15.createElement(FaMicrophone3, { size: 18 })
+  ) : /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
@@ -16987,8 +17229,8 @@ function AiGroup({ editor, enabledFeatures }) {
       className: "icon-btn stop-btn",
       title: "Stop Recording"
     },
-    /* @__PURE__ */ React12.createElement(FaStop, { size: 18 })
-  )), enabledFeatures.includes("ai") && /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React15.createElement(FaStop, { size: 18 })
+  )), enabledFeatures.includes("ai") && /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
@@ -16997,7 +17239,16 @@ function AiGroup({ editor, enabledFeatures }) {
       title: "AI Assist"
     },
     "AI"
-  )), isRecording && /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement(Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ React12.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ React12.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React12.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), showPromptInput && /* @__PURE__ */ React12.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React12.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React12.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"), /* @__PURE__ */ React12.createElement(
+  ), enabledFeatures.includes("language") && /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleLangClick,
+      className: "lang-button ml-2",
+      title: "Convert/Translate"
+    },
+    /* @__PURE__ */ React15.createElement(FaLanguage, { size: 18 })
+  )), isRecording && /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React15.createElement(Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ React15.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ React15.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ React15.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ React15.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React15.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), showPromptInput && /* @__PURE__ */ React15.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React15.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"), /* @__PURE__ */ React15.createElement(
     "textarea",
     {
       className: "ai-modal-textarea",
@@ -17005,7 +17256,7 @@ function AiGroup({ editor, enabledFeatures }) {
       onChange: (e) => setPrompt(e.target.value),
       placeholder: "Enter your prompt here..."
     }
-  ), aiError && /* @__PURE__ */ React12.createElement("p", { className: "ai-modal-error" }, aiError), /* @__PURE__ */ React12.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React12.createElement(
+  ), aiError && /* @__PURE__ */ React15.createElement("p", { className: "ai-modal-error" }, aiError), /* @__PURE__ */ React15.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
@@ -17013,7 +17264,7 @@ function AiGroup({ editor, enabledFeatures }) {
       className: "ai-cancel-btn"
     },
     "Cancel"
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React15.createElement(
     "button",
     {
       type: "button",
@@ -17022,11 +17273,19 @@ function AiGroup({ editor, enabledFeatures }) {
       className: "ai-submit-btn"
     },
     isLoadingAI ? "Generating..." : "Submit"
+  )))), showLangModal && /* @__PURE__ */ React15.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React15.createElement("h2", { className: "ai-modal-title" }, "Convert / Translate"), /* @__PURE__ */ React15.createElement(Tabs, { onResult: handleLangResult }), /* @__PURE__ */ React15.createElement("div", { className: "ai-modal-actions mt-2" }, /* @__PURE__ */ React15.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setShowLangModal(false),
+      className: "ai-cancel-btn"
+    },
+    "Close"
   )))));
 }
 
 // src/components/tetrons/toolbar/AddOnGroup.tsx
-import React15, { useState as useState9 } from "react";
+import React18, { useState as useState12 } from "react";
 import { SquareRadical, MessageSquareCode } from "lucide-react";
 import dynamic from "next/dynamic";
 import "katex/dist/katex.min.css";
@@ -17035,9 +17294,9 @@ var CodeEditorModal2 = dynamic(() => Promise.resolve().then(() => (init_CodeEdit
   ssr: false
 });
 var AddOnGroup = ({ editor, addOns }) => {
-  const [isMathModalOpen, setMathModalOpen] = useState9(false);
-  const [latexValue, setLatexValue] = useState9("");
-  const [isCodeModalOpen, setCodeModalOpen] = useState9(false);
+  const [isMathModalOpen, setMathModalOpen] = useState12(false);
+  const [latexValue, setLatexValue] = useState12("");
+  const [isCodeModalOpen, setCodeModalOpen] = useState12(false);
   if (!editor) return null;
   const insertCodeBlock = () => setCodeModalOpen(true);
   const handleMathInsert = (latex) => {
@@ -17068,7 +17327,7 @@ var AddOnGroup = ({ editor, addOns }) => {
     }).run();
     setCodeModalOpen(false);
   };
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "group flex gap-2 items-center" }, addOns.includes("code") && /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "group flex gap-2 items-center" }, addOns.includes("code") && /* @__PURE__ */ React18.createElement(
     "button",
     {
       type: "button",
@@ -17076,8 +17335,8 @@ var AddOnGroup = ({ editor, addOns }) => {
       className: "addon-btn",
       title: "Open Code Editor"
     },
-    /* @__PURE__ */ React15.createElement(MessageSquareCode, { size: 18 })
-  ), addOns.includes("math") && /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React18.createElement(MessageSquareCode, { size: 18 })
+  ), addOns.includes("math") && /* @__PURE__ */ React18.createElement(
     "button",
     {
       type: "button",
@@ -17085,8 +17344,8 @@ var AddOnGroup = ({ editor, addOns }) => {
       className: "addon-btn",
       title: "Insert Math Equation"
     },
-    /* @__PURE__ */ React15.createElement(SquareRadical, { size: 18 })
-  )), addOns.includes("math") && /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React18.createElement(SquareRadical, { size: 18 })
+  )), addOns.includes("math") && /* @__PURE__ */ React18.createElement(
     MathModal2,
     {
       isOpen: isMathModalOpen,
@@ -17095,7 +17354,7 @@ var AddOnGroup = ({ editor, addOns }) => {
       value: latexValue,
       setValue: setLatexValue
     }
-  ), addOns.includes("code") && /* @__PURE__ */ React15.createElement(
+  ), addOns.includes("code") && /* @__PURE__ */ React18.createElement(
     CodeEditorModal2,
     {
       isOpen: isCodeModalOpen,
@@ -17113,7 +17372,7 @@ function TetronsToolbar({
   version,
   addOns = []
 }) {
-  const [autoSave, setAutoSave] = useState10(false);
+  const [autoSave, setAutoSave] = useState13(false);
   useEffect8(() => {
     if (!editor || !autoSave) return;
     const handleUpdate = () => {
@@ -17151,7 +17410,7 @@ function TetronsToolbar({
         return [];
     }
   })();
-  return /* @__PURE__ */ React16.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ React16.createElement("div", { className: "group" }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ React19.createElement("div", { className: "group" }, /* @__PURE__ */ React19.createElement(
     "input",
     {
       type: "checkbox",
@@ -17159,7 +17418,7 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ React16.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(FileGroup, { editor }), /* @__PURE__ */ React16.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React16.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React16.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(InsertGroup, { editor }), /* @__PURE__ */ React16.createElement(ActionGroup, { editor })), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React19.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React19.createElement(FileGroup, { editor }), /* @__PURE__ */ React19.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React19.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React19.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(InsertGroup, { editor }), /* @__PURE__ */ React19.createElement(ActionGroup, { editor })), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React19.createElement(
     MiscGroup,
     {
       editor,
@@ -17174,18 +17433,18 @@ function TetronsToolbar({
         ].includes(a)
       )
     }
-  ), (version === "platinum" || effectiveAddOns.includes("ai") || effectiveAddOns.includes("voice to text")) && /* @__PURE__ */ React16.createElement(
+  ), (version === "platinum" || effectiveAddOns.includes("ai") || effectiveAddOns.includes("voice to text")) && /* @__PURE__ */ React19.createElement(
     AiGroup,
     {
       editor,
       enabledFeatures: [
-        ...version === "platinum" ? ["ai"] : [],
+        ...version === "platinum" ? ["ai", "language"] : [],
         ...effectiveAddOns.filter(
-          (a) => ["ai", "voice to text"].includes(a)
+          (a) => ["ai", "voice to text", "language"].includes(a)
         )
       ]
     }
-  ), effectiveAddOns.some((a) => a === "math" || a === "code") && /* @__PURE__ */ React16.createElement(
+  ), effectiveAddOns.some((a) => a === "math" || a === "code") && /* @__PURE__ */ React19.createElement(
     AddOnGroup_default,
     {
       editor,
@@ -17200,14 +17459,14 @@ lowlight.register("js", javascript);
 lowlight.register("ts", typescript);
 function EditorContent({ apiKey }) {
   const typo = useTypo();
-  const [isValid, setIsValid] = useState11(null);
-  const [error, setError] = useState11(null);
-  const [versions, setVersions] = useState11([]);
-  const [userVersion, setUserVersion] = useState11(null);
-  const [currentVersionIndex, setCurrentVersionIndex] = useState11(
+  const [isValid, setIsValid] = useState14(null);
+  const [error, setError] = useState14(null);
+  const [versions, setVersions] = useState14([]);
+  const [userVersion, setUserVersion] = useState14(null);
+  const [currentVersionIndex, setCurrentVersionIndex] = useState14(
     null
   );
-  const [addOns, setAddOns] = useState11([]);
+  const [addOns, setAddOns] = useState14([]);
   const wrapperRef = useRef7(null);
   const API_BASE_URL = typeof process !== "undefined" && process.env?.NEXT_PUBLIC_TETRONS_API_URL ? process.env.NEXT_PUBLIC_TETRONS_API_URL : "https://staging.tetrons.com";
   useEffect9(() => {
@@ -17318,15 +17577,15 @@ function EditorContent({ apiKey }) {
     }
   };
   if (isValid === false) {
-    return /* @__PURE__ */ React17.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
+    return /* @__PURE__ */ React20.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
   }
   if (isValid === null) {
-    return /* @__PURE__ */ React17.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
+    return /* @__PURE__ */ React20.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
   }
   if (!typo) {
-    return /* @__PURE__ */ React17.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
+    return /* @__PURE__ */ React20.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
   }
-  return /* @__PURE__ */ React17.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ React17.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ React20.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ React20.createElement(
     "button",
     {
       type: "button",
@@ -17335,7 +17594,7 @@ function EditorContent({ apiKey }) {
       className: "editor-save-btn"
     },
     "Save Version"
-  ), /* @__PURE__ */ React17.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ React17.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ React17.createElement(
+  ), /* @__PURE__ */ React20.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ React20.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ React20.createElement(
     "button",
     {
       key: idx,
@@ -17345,14 +17604,14 @@ function EditorContent({ apiKey }) {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && userVersion && /* @__PURE__ */ React17.createElement(TetronsToolbar, { editor, version: userVersion, addOns }), /* @__PURE__ */ React17.createElement(
+  )))), editor && userVersion && /* @__PURE__ */ React20.createElement(TetronsToolbar, { editor, version: userVersion, addOns }), /* @__PURE__ */ React20.createElement(
     "div",
     {
       ref: wrapperRef,
       className: "editor-content-wrapper",
       onClick: handleEditorClick
     },
-    editor ? /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(TiptapEditorContent, { editor }), /* @__PURE__ */ React17.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ React17.createElement("div", { className: "editor-loading" }, "Loading editor...")
+    editor ? /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(TiptapEditorContent, { editor }), /* @__PURE__ */ React20.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ React20.createElement("div", { className: "editor-loading" }, "Loading editor...")
   ));
 }