tetrons 2.3.96 → 2.3.98

package/dist/index.cjs

@@ -42,7 +42,7 @@ function MathModal({
   value,
   setValue
 }) {
-  (0, import_react19.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const onEsc = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -52,7 +52,7 @@ function MathModal({
     return () => window.removeEventListener("keydown", onEsc);
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ import_react22.default.createElement(
     "textarea",
     {
       className: "ai-modal-textarea",
@@ -60,7 +60,7 @@ function MathModal({
       value,
       onChange: (e) => setValue(e.target.value)
     }
-  ), /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ import_react19.default.createElement("strong", null, "Preview:"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ import_react19.default.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ import_react19.default.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ import_react19.default.createElement(
+  ), /* @__PURE__ */ import_react22.default.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ import_react22.default.createElement("strong", null, "Preview:"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ import_react22.default.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ import_react22.default.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ import_react22.default.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ import_react22.default.createElement(
     "button",
     {
       className: "ai-submit-btn",
@@ -80,11 +80,11 @@ function renderLatex(latex) {
     return `<span style="color: red;">Invalid LaTeX</span>`;
   }
 }
-var import_react19, import_katex2, import_katex_min;
+var import_react22, import_katex2, import_katex_min;
 var init_MathModal = __esm({
   "src/components/tetrons/toolbar/MathModal.js"() {
     "use strict";
-    import_react19 = __toESM(require("react"));
+    import_react22 = __toESM(require("react"));
     import_katex2 = __toESM(require("katex"));
     import_katex_min = require("katex/dist/katex.min.css");
   }
@@ -95,23 +95,23 @@ var CodeEditorModal_exports = {};
 __export(CodeEditorModal_exports, {
   default: () => CodeEditorModal_default
 });
-var import_react20, import_react21, CodeEditorModal, CodeEditorModal_default;
+var import_react23, import_react24, CodeEditorModal, CodeEditorModal_default;
 var init_CodeEditorModal = __esm({
   "src/components/tetrons/toolbar/CodeEditorModal.js"() {
     "use strict";
     "use client";
-    import_react20 = __toESM(require("react"));
-    import_react21 = __toESM(require("@monaco-editor/react"));
+    import_react23 = __toESM(require("react"));
+    import_react24 = __toESM(require("@monaco-editor/react"));
     CodeEditorModal = ({
       isOpen,
       onClose,
       onSubmitCode,
       onSubmitCodeWithOutput
     }) => {
-      const [language, setLanguage] = (0, import_react20.useState)("javascript");
-      const [code, setCode] = (0, import_react20.useState)("// Write your code here");
-      const [output, setOutput] = (0, import_react20.useState)("");
-      const [loading, setLoading] = (0, import_react20.useState)(false);
+      const [language, setLanguage] = (0, import_react23.useState)("javascript");
+      const [code, setCode] = (0, import_react23.useState)("// Write your code here");
+      const [output, setOutput] = (0, import_react23.useState)("");
+      const [loading, setLoading] = (0, import_react23.useState)(false);
       const runCode = async () => {
         setLoading(true);
         try {
@@ -147,20 +147,20 @@ ${data.stderr}
         onClose();
       };
       if (!isOpen) return null;
-      return /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-overlay" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-content" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-header" }, /* @__PURE__ */ import_react20.default.createElement("h2", null, "Run Code"), /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onClose, className: "code-close-btn" }, "\xD7")), /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-controls" }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "language" }, "Language:"), /* @__PURE__ */ import_react20.default.createElement(
+      return /* @__PURE__ */ import_react23.default.createElement("div", { className: "code-modal-overlay" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "code-modal-content" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "code-modal-header" }, /* @__PURE__ */ import_react23.default.createElement("h2", null, "Run Code"), /* @__PURE__ */ import_react23.default.createElement("button", { onClick: onClose, className: "code-close-btn" }, "\xD7")), /* @__PURE__ */ import_react23.default.createElement("div", { className: "code-modal-controls" }, /* @__PURE__ */ import_react23.default.createElement("label", { htmlFor: "language" }, "Language:"), /* @__PURE__ */ import_react23.default.createElement(
         "select",
         {
           id: "language",
           value: language,
           onChange: (e) => setLanguage(e.target.value)
         },
-        /* @__PURE__ */ import_react20.default.createElement("option", { value: "javascript" }, "JavaScript"),
-        /* @__PURE__ */ import_react20.default.createElement("option", { value: "python" }, "Python"),
-        /* @__PURE__ */ import_react20.default.createElement("option", { value: "cpp" }, "C++"),
-        /* @__PURE__ */ import_react20.default.createElement("option", { value: "java" }, "Java"),
-        /* @__PURE__ */ import_react20.default.createElement("option", { value: "typescript" }, "TypeScript")
-      ), /* @__PURE__ */ import_react20.default.createElement("button", { className: "run-code", onClick: runCode, disabled: loading }, loading ? "Running..." : "Run")), /* @__PURE__ */ import_react20.default.createElement(
-        import_react21.default,
+        /* @__PURE__ */ import_react23.default.createElement("option", { value: "javascript" }, "JavaScript"),
+        /* @__PURE__ */ import_react23.default.createElement("option", { value: "python" }, "Python"),
+        /* @__PURE__ */ import_react23.default.createElement("option", { value: "cpp" }, "C++"),
+        /* @__PURE__ */ import_react23.default.createElement("option", { value: "java" }, "Java"),
+        /* @__PURE__ */ import_react23.default.createElement("option", { value: "typescript" }, "TypeScript")
+      ), /* @__PURE__ */ import_react23.default.createElement("button", { className: "run-code", onClick: runCode, disabled: loading }, loading ? "Running..." : "Run")), /* @__PURE__ */ import_react23.default.createElement(
+        import_react24.default,
         {
           height: "50vh",
           theme: "vs-dark",
@@ -168,7 +168,7 @@ ${data.stderr}
           value: code,
           onChange: (v) => setCode(v ?? "")
         }
-      ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-output" }, /* @__PURE__ */ import_react20.default.createElement("strong", null, "Output:"), /* @__PURE__ */ import_react20.default.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-submit-buttons-container" }, /* @__PURE__ */ import_react20.default.createElement(
+      ), /* @__PURE__ */ import_react23.default.createElement("div", { className: "code-output" }, /* @__PURE__ */ import_react23.default.createElement("strong", null, "Output:"), /* @__PURE__ */ import_react23.default.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output)), /* @__PURE__ */ import_react23.default.createElement("div", { className: "code-submit-buttons-container" }, /* @__PURE__ */ import_react23.default.createElement(
         "button",
         {
           className: "code-submit-buttons",
@@ -176,7 +176,7 @@ ${data.stderr}
           disabled: loading || !code
         },
         "Submit Code Snippet Only"
-      ), /* @__PURE__ */ import_react20.default.createElement(
+      ), /* @__PURE__ */ import_react23.default.createElement(
         "button",
         {
           className: "code-submit-buttons",
@@ -260,8 +260,8 @@ var MathInline = import_core.Node.create({
 });
 
 // src/components/tetrons/EditorContent.tsx
-var import_react24 = __toESM(require("react"));
-var import_react25 = require("@tiptap/react");
+var import_react27 = __toESM(require("react"));
+var import_react28 = require("@tiptap/react");
 
 // src/utils/licenseTracker.ts
 var getLicenseKey = (plan) => `__tetrons_license_start_${plan}__`;
@@ -15978,7 +15978,7 @@ function TableContextMenu({ editor }) {
 }
 
 // src/components/tetrons/toolbar/TetronsToolbar.tsx
-var import_react23 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // src/components/tetrons/toolbar/ActionGroup.tsx
 var import_react10 = __toESM(require("react"));
@@ -16875,21 +16875,253 @@ function FileGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/AIGroup.tsx
+var import_react21 = __toESM(require("react"));
+var import_fa4 = require("react-icons/fa");
+var import_loaders = require("@uiball/loaders");
+
+// src/components/tetrons/toolbar/Tabs.tsx
+var import_react20 = require("react");
+
+// src/components/tetrons/toolbar/Converter.tsx
 var import_react18 = __toESM(require("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
 var import_fa2 = require("react-icons/fa");
-var import_loaders = require("@uiball/loaders");
-var import_framer_motion = require("framer-motion");
+function Converter({
+  onResult
+}) {
+  const [sourceLang, setSourceLang] = (0, import_react18.useState)("Hindi");
+  const [targetLang, setTargetLang] = (0, import_react18.useState)("Bengali");
+  const [text, setText] = (0, import_react18.useState)("");
+  const [result, setResult] = (0, import_react18.useState)("");
+  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__ */ import_react18.default.createElement("div", { className: "container" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "field" }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "sourceLang", className: "label" }, "Source Language:"), /* @__PURE__ */ import_react18.default.createElement(
+    "select",
+    {
+      id: "sourceLang",
+      value: sourceLang,
+      onChange: (e) => setSourceLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ import_react18.default.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "field" }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "targetLang", className: "label" }, "Target Language:"), /* @__PURE__ */ import_react18.default.createElement(
+    "select",
+    {
+      id: "targetLang",
+      value: targetLang,
+      onChange: (e) => setTargetLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ import_react18.default.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "field" }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "inputText", className: "label" }, "Enter Text:"), /* @__PURE__ */ import_react18.default.createElement(
+    "textarea",
+    {
+      id: "inputText",
+      placeholder: "Enter text...",
+      value: text,
+      onChange: (e) => setText(e.target.value),
+      className: "textarea"
+    }
+  )), /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: handleConvert, className: "button" }, "Convert"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "outputWrapper" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "output" }, result), result && /* @__PURE__ */ import_react18.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleSpeakOutput,
+      className: "iconButton",
+      "aria-label": "Play conversion",
+      title: "Play conversion"
+    },
+    /* @__PURE__ */ import_react18.default.createElement(import_fa2.FaMicrophone, null)
+  )));
+}
+
+// src/components/tetrons/toolbar/Translator.tsx
+var import_react19 = __toESM(require("react"));
+var import_fa3 = require("react-icons/fa");
+function Translator({
+  onResult
+}) {
+  const [sourceLang, setSourceLang] = (0, import_react19.useState)("Hindi");
+  const [targetLang, setTargetLang] = (0, import_react19.useState)("English");
+  const [text, setText] = (0, import_react19.useState)("");
+  const [result, setResult] = (0, import_react19.useState)("");
+  const [listening, setListening] = (0, import_react19.useState)(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__ */ import_react19.default.createElement("div", { className: "container" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "field" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "sourceLang", className: "label" }, "Source Language:"), /* @__PURE__ */ import_react19.default.createElement(
+    "select",
+    {
+      id: "sourceLang",
+      value: sourceLang,
+      onChange: (e) => setSourceLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ import_react19.default.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "field" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "targetLang", className: "label" }, "Target Language:"), /* @__PURE__ */ import_react19.default.createElement(
+    "select",
+    {
+      id: "targetLang",
+      value: targetLang,
+      onChange: (e) => setTargetLang(e.target.value),
+      className: "select"
+    },
+    indianLanguages.map((lang) => /* @__PURE__ */ import_react19.default.createElement("option", { key: lang }, lang))
+  )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "field" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "inputText", className: "label" }, "Enter Text:"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "textareaWrapper" }, /* @__PURE__ */ import_react19.default.createElement(
+    "textarea",
+    {
+      id: "inputText",
+      placeholder: "Enter text...",
+      value: text,
+      onChange: (e) => setText(e.target.value),
+      className: "textarea"
+    }
+  ), /* @__PURE__ */ import_react19.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleMicInput,
+      className: "iconButton",
+      title: listening ? "Listening..." : "Start voice input"
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_fa3.FaMicrophone, { color: listening ? "red" : "black" })
+  ))), /* @__PURE__ */ import_react19.default.createElement("button", { type: "button", onClick: handleTranslate, className: "button" }, "Translate"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "outputWrapper" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "output" }, result), result && /* @__PURE__ */ import_react19.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handleSpeakOutput,
+      className: "iconButton",
+      "aria-label": "Play translation",
+      title: "Play translation"
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_fa3.FaVolumeUp, null)
+  )));
+}
+
+// src/components/tetrons/toolbar/Tabs.tsx
+var React14 = __toESM(require("react"));
+function Tabs({ onResult }) {
+  const [activeTab, setActiveTab] = (0, import_react20.useState)("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] = (0, import_react18.useState)(false);
-  const [audioBlob, setAudioBlob] = (0, import_react18.useState)(null);
-  const [isTranscribing, setIsTranscribing] = (0, import_react18.useState)(false);
-  const [transcriptionError, setTranscriptionError] = (0, import_react18.useState)("");
-  const [showPromptInput, setShowPromptInput] = (0, import_react18.useState)(false);
-  const [prompt2, setPrompt] = (0, import_react18.useState)("");
-  const [isLoadingAI, setIsLoadingAI] = (0, import_react18.useState)(false);
-  const [aiError, setAiError] = (0, import_react18.useState)("");
-  const mediaRecorderRef = (0, import_react18.useRef)(null);
-  const chunksRef = (0, import_react18.useRef)([]);
+  const [isRecording, setIsRecording] = (0, import_react21.useState)(false);
+  const [audioBlob, setAudioBlob] = (0, import_react21.useState)(null);
+  const [isTranscribing, setIsTranscribing] = (0, import_react21.useState)(false);
+  const [transcriptionError, setTranscriptionError] = (0, import_react21.useState)("");
+  const [showPromptInput, setShowPromptInput] = (0, import_react21.useState)(false);
+  const [prompt2, setPrompt] = (0, import_react21.useState)("");
+  const [isLoadingAI, setIsLoadingAI] = (0, import_react21.useState)(false);
+  const [aiError, setAiError] = (0, import_react21.useState)("");
+  const [showLangModal, setShowLangModal] = (0, import_react21.useState)(false);
+  const mediaRecorderRef = (0, import_react21.useRef)(null);
+  const chunksRef = (0, import_react21.useRef)([]);
   const startRecording = async () => {
     setTranscriptionError("");
     setAudioBlob(null);
@@ -16962,8 +17194,16 @@ function AiGroup({ editor, enabledFeatures }) {
       setIsLoadingAI(false);
     }
   };
-  if (!enabledFeatures.includes("voice to text")) return null;
-  return /* @__PURE__ */ import_react18.default.createElement("div", { className: "group flex flex-col gap-2 items-start" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex gap-2 items-center" }, enabledFeatures.includes("voice to text") && !isRecording && /* @__PURE__ */ import_react18.default.createElement(
+  const handleLangClick = () => {
+    setShowLangModal(true);
+  };
+  const handleLangResult = (output) => {
+    if (output) {
+      editor.commands.insertContent(output);
+      setShowLangModal(false);
+    }
+  };
+  return /* @__PURE__ */ import_react21.default.createElement("div", { className: "group flex flex-col gap-2 items-start" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex gap-2 items-center" }, enabledFeatures.includes("voice to text") && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, !isRecording ? /* @__PURE__ */ import_react21.default.createElement(
     "button",
     {
       type: "button",
@@ -16971,8 +17211,8 @@ function AiGroup({ editor, enabledFeatures }) {
       className: "icon-btn",
       title: "Start Voice Input"
     },
-    /* @__PURE__ */ import_react18.default.createElement(import_fa2.FaMicrophone, { size: 18 })
-  ), enabledFeatures.includes("voice to text") && isRecording && /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react21.default.createElement(import_fa4.FaMicrophone, { size: 18 })
+  ) : /* @__PURE__ */ import_react21.default.createElement(
     "button",
     {
       type: "button",
@@ -16980,8 +17220,8 @@ function AiGroup({ editor, enabledFeatures }) {
       className: "icon-btn stop-btn",
       title: "Stop Recording"
     },
-    /* @__PURE__ */ import_react18.default.createElement(import_fa2.FaStop, { size: 18 })
-  ), enabledFeatures.includes("ai") && /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react21.default.createElement(import_fa4.FaStop, { size: 18 })
+  )), enabledFeatures.includes("ai") && /* @__PURE__ */ import_react21.default.createElement(
     "button",
     {
       type: "button",
@@ -16990,55 +17230,53 @@ function AiGroup({ editor, enabledFeatures }) {
       title: "AI Assist"
     },
     "AI"
-  )), isRecording && /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react18.default.createElement(import_loaders.Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ import_react18.default.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), /* @__PURE__ */ import_react18.default.createElement(import_framer_motion.AnimatePresence, null, showPromptInput && /* @__PURE__ */ import_react18.default.createElement(
-    import_framer_motion.motion.div,
+  ), enabledFeatures.includes("language") && /* @__PURE__ */ import_react21.default.createElement(
+    "button",
     {
-      className: "ai-modal-backdrop",
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 }
+      type: "button",
+      onClick: handleLangClick,
+      className: "lang-button ml-2",
+      title: "Convert/Translate"
     },
-    /* @__PURE__ */ import_react18.default.createElement(
-      import_framer_motion.motion.div,
-      {
-        className: "ai-modal-content",
-        initial: { scale: 0.9, opacity: 0 },
-        animate: { scale: 1, opacity: 1 },
-        exit: { scale: 0.9, opacity: 0 }
-      },
-      /* @__PURE__ */ import_react18.default.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"),
-      /* @__PURE__ */ import_react18.default.createElement(
-        "textarea",
-        {
-          className: "ai-modal-textarea",
-          value: prompt2,
-          onChange: (e) => setPrompt(e.target.value),
-          placeholder: "Enter your prompt here..."
-        }
-      ),
-      aiError && /* @__PURE__ */ import_react18.default.createElement("p", { className: "ai-modal-error" }, aiError),
-      /* @__PURE__ */ import_react18.default.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ import_react18.default.createElement(
-        "button",
-        {
-          onClick: () => setShowPromptInput(false),
-          className: "ai-cancel-btn"
-        },
-        "Cancel"
-      ), /* @__PURE__ */ import_react18.default.createElement(
-        "button",
-        {
-          onClick: handlePromptSubmit,
-          disabled: isLoadingAI,
-          className: "ai-submit-btn"
-        },
-        isLoadingAI ? "Generating..." : "Submit"
-      ))
-    )
-  )));
+    /* @__PURE__ */ import_react21.default.createElement(import_fa4.FaLanguage, { size: 18 })
+  )), isRecording && /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ import_react21.default.createElement(import_loaders.Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ import_react21.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ import_react21.default.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), showPromptInput && /* @__PURE__ */ import_react21.default.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ import_react21.default.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"), /* @__PURE__ */ import_react21.default.createElement(
+    "textarea",
+    {
+      className: "ai-modal-textarea",
+      value: prompt2,
+      onChange: (e) => setPrompt(e.target.value),
+      placeholder: "Enter your prompt here..."
+    }
+  ), aiError && /* @__PURE__ */ import_react21.default.createElement("p", { className: "ai-modal-error" }, aiError), /* @__PURE__ */ import_react21.default.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ import_react21.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setShowPromptInput(false),
+      className: "ai-cancel-btn"
+    },
+    "Cancel"
+  ), /* @__PURE__ */ import_react21.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handlePromptSubmit,
+      disabled: isLoadingAI,
+      className: "ai-submit-btn"
+    },
+    isLoadingAI ? "Generating..." : "Submit"
+  )))), showLangModal && /* @__PURE__ */ import_react21.default.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ import_react21.default.createElement("h2", { className: "ai-modal-title" }, "Convert / Translate"), /* @__PURE__ */ import_react21.default.createElement(Tabs, { onResult: handleLangResult }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "ai-modal-actions mt-2" }, /* @__PURE__ */ import_react21.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setShowLangModal(false),
+      className: "ai-cancel-btn"
+    },
+    "Close"
+  )))));
 }
 
 // src/components/tetrons/toolbar/AddOnGroup.tsx
-var import_react22 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var import_lucide_react = require("lucide-react");
 var import_dynamic = __toESM(require("next/dynamic"));
 var import_katex_min2 = require("katex/dist/katex.min.css");
@@ -17047,9 +17285,9 @@ var CodeEditorModal2 = (0, import_dynamic.default)(() => Promise.resolve().then(
   ssr: false
 });
 var AddOnGroup = ({ editor, addOns }) => {
-  const [isMathModalOpen, setMathModalOpen] = (0, import_react22.useState)(false);
-  const [latexValue, setLatexValue] = (0, import_react22.useState)("");
-  const [isCodeModalOpen, setCodeModalOpen] = (0, import_react22.useState)(false);
+  const [isMathModalOpen, setMathModalOpen] = (0, import_react25.useState)(false);
+  const [latexValue, setLatexValue] = (0, import_react25.useState)("");
+  const [isCodeModalOpen, setCodeModalOpen] = (0, import_react25.useState)(false);
   if (!editor) return null;
   const insertCodeBlock = () => setCodeModalOpen(true);
   const handleMathInsert = (latex) => {
@@ -17080,7 +17318,7 @@ var AddOnGroup = ({ editor, addOns }) => {
     }).run();
     setCodeModalOpen(false);
   };
-  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement("div", { className: "group flex gap-2 items-center" }, addOns.includes("code") && /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("div", { className: "group flex gap-2 items-center" }, addOns.includes("code") && /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       type: "button",
@@ -17088,8 +17326,8 @@ var AddOnGroup = ({ editor, addOns }) => {
       className: "addon-btn",
       title: "Open Code Editor"
     },
-    /* @__PURE__ */ import_react22.default.createElement(import_lucide_react.MessageSquareCode, { size: 18 })
-  ), addOns.includes("math") && /* @__PURE__ */ import_react22.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(import_lucide_react.MessageSquareCode, { size: 18 })
+  ), addOns.includes("math") && /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       type: "button",
@@ -17097,8 +17335,8 @@ var AddOnGroup = ({ editor, addOns }) => {
       className: "addon-btn",
       title: "Insert Math Equation"
     },
-    /* @__PURE__ */ import_react22.default.createElement(import_lucide_react.SquareRadical, { size: 18 })
-  )), addOns.includes("math") && /* @__PURE__ */ import_react22.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(import_lucide_react.SquareRadical, { size: 18 })
+  )), addOns.includes("math") && /* @__PURE__ */ import_react25.default.createElement(
     MathModal2,
     {
       isOpen: isMathModalOpen,
@@ -17107,7 +17345,7 @@ var AddOnGroup = ({ editor, addOns }) => {
       value: latexValue,
       setValue: setLatexValue
     }
-  ), addOns.includes("code") && /* @__PURE__ */ import_react22.default.createElement(
+  ), addOns.includes("code") && /* @__PURE__ */ import_react25.default.createElement(
     CodeEditorModal2,
     {
       isOpen: isCodeModalOpen,
@@ -17125,8 +17363,8 @@ function TetronsToolbar({
   version,
   addOns = []
 }) {
-  const [autoSave, setAutoSave] = (0, import_react23.useState)(false);
-  (0, import_react23.useEffect)(() => {
+  const [autoSave, setAutoSave] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     if (!editor || !autoSave) return;
     const handleUpdate = () => {
       const content = editor.getJSON();
@@ -17163,7 +17401,7 @@ function TetronsToolbar({
         return [];
     }
   })();
-  return /* @__PURE__ */ import_react23.default.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ import_react23.default.createElement("div", { className: "group" }, /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ import_react26.default.createElement("div", { className: "group" }, /* @__PURE__ */ import_react26.default.createElement(
     "input",
     {
       type: "checkbox",
@@ -17171,7 +17409,7 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ import_react23.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ActionGroup, { editor })), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react26.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react26.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react26.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react26.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react26.default.createElement(ActionGroup, { editor })), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react26.default.createElement(
     MiscGroup,
     {
       editor,
@@ -17186,18 +17424,18 @@ function TetronsToolbar({
         ].includes(a)
       )
     }
-  ), (version === "platinum" || effectiveAddOns.includes("ai") || effectiveAddOns.includes("voice to text")) && /* @__PURE__ */ import_react23.default.createElement(
+  ), (version === "platinum" || effectiveAddOns.includes("ai") || effectiveAddOns.includes("voice to text")) && /* @__PURE__ */ import_react26.default.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__ */ import_react23.default.createElement(
+  ), effectiveAddOns.some((a) => a === "math" || a === "code") && /* @__PURE__ */ import_react26.default.createElement(
     AddOnGroup_default,
     {
       editor,
@@ -17212,17 +17450,17 @@ lowlight.register("js", javascript);
 lowlight.register("ts", typescript);
 function EditorContent({ apiKey }) {
   const typo = useTypo();
-  const [isValid, setIsValid] = (0, import_react24.useState)(null);
-  const [error, setError] = (0, import_react24.useState)(null);
-  const [versions, setVersions] = (0, import_react24.useState)([]);
-  const [userVersion, setUserVersion] = (0, import_react24.useState)(null);
-  const [currentVersionIndex, setCurrentVersionIndex] = (0, import_react24.useState)(
+  const [isValid, setIsValid] = (0, import_react27.useState)(null);
+  const [error, setError] = (0, import_react27.useState)(null);
+  const [versions, setVersions] = (0, import_react27.useState)([]);
+  const [userVersion, setUserVersion] = (0, import_react27.useState)(null);
+  const [currentVersionIndex, setCurrentVersionIndex] = (0, import_react27.useState)(
     null
   );
-  const [addOns, setAddOns] = (0, import_react24.useState)([]);
-  const wrapperRef = (0, import_react24.useRef)(null);
+  const [addOns, setAddOns] = (0, import_react27.useState)([]);
+  const wrapperRef = (0, import_react27.useRef)(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";
-  (0, import_react24.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     const fetchKeyData = async () => {
       try {
         const res = await fetch(`${API_BASE_URL}/api/api-key?apiKey=${apiKey}`);
@@ -17243,7 +17481,7 @@ function EditorContent({ apiKey }) {
     };
     fetchKeyData();
   }, [apiKey, API_BASE_URL]);
-  const editor = (0, import_react25.useEditor)({
+  const editor = (0, import_react28.useEditor)({
     extensions: [
       Document,
       Paragraph,
@@ -17305,7 +17543,7 @@ function EditorContent({ apiKey }) {
     },
     immediatelyRender: false
   });
-  (0, import_react24.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     return () => {
       editor?.destroy();
     };
@@ -17330,15 +17568,15 @@ function EditorContent({ apiKey }) {
     }
   };
   if (isValid === false) {
-    return /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
+    return /* @__PURE__ */ import_react27.default.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
   }
   if (isValid === null) {
-    return /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
+    return /* @__PURE__ */ import_react27.default.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
   }
   if (!typo) {
-    return /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
+    return /* @__PURE__ */ import_react27.default.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
   }
-  return /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ import_react27.default.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ import_react27.default.createElement(
     "button",
     {
       type: "button",
@@ -17347,7 +17585,7 @@ function EditorContent({ apiKey }) {
       className: "editor-save-btn"
     },
     "Save Version"
-  ), /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ import_react24.default.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ import_react24.default.createElement(
+  ), /* @__PURE__ */ import_react27.default.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ import_react27.default.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ import_react27.default.createElement(
     "button",
     {
       key: idx,
@@ -17357,14 +17595,14 @@ function EditorContent({ apiKey }) {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && userVersion && /* @__PURE__ */ import_react24.default.createElement(TetronsToolbar, { editor, version: userVersion, addOns }), /* @__PURE__ */ import_react24.default.createElement(
+  )))), editor && userVersion && /* @__PURE__ */ import_react27.default.createElement(TetronsToolbar, { editor, version: userVersion, addOns }), /* @__PURE__ */ import_react27.default.createElement(
     "div",
     {
       ref: wrapperRef,
       className: "editor-content-wrapper",
       onClick: handleEditorClick
     },
-    editor ? /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(import_react25.EditorContent, { editor }), /* @__PURE__ */ import_react24.default.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ import_react24.default.createElement("div", { className: "editor-loading" }, "Loading editor...")
+    editor ? /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(import_react28.EditorContent, { editor }), /* @__PURE__ */ import_react27.default.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ import_react27.default.createElement("div", { className: "editor-loading" }, "Loading editor...")
   ));
 }