Update app.py

app.py

@@ -2,100 +2,73 @@ import os
 from openai import OpenAI
 import gradio as gr
 
-# 🔐 Load Groq API key
+# Load Groq API Key
 api_key = os.getenv("GROQ_API_KEY")
+client = OpenAI(api_key=api_key, base_url="https://api.groq.com/openai/v1")
 
-# ✅ Groq-compatible OpenAI client
-client = OpenAI(
-    api_key=api_key,
-    base_url="https://api.groq.com/openai/v1"
-)
-
-# 🧠 Translation function with history
-translation_history = []
-
+# Translation function
 def translate_text(text, target_lang):
     if not text.strip() or not target_lang.strip():
-        return "⚠️ Please enter both English text and a target language.", gr.update(visible=False)
+        return "⚠️ Please enter both English text and target language."
 
     prompt = f"Translate the following English text to {target_lang}:\n\n{text}"
-
     try:
         response = client.chat.completions.create(
             model="llama3-8b-8192",
             messages=[{"role": "user", "content": prompt}],
             temperature=0.5
         )
-        translation = response.choices[0].message.content.strip()
-
-        # Add to history (limit 5)
-        translation_history.append(f"**{target_lang}**: {translation}")
-        if len(translation_history) > 5:
-            translation_history.pop(0)
-
-        return translation, gr.update(visible=True)
-
+        return response.choices[0].message.content.strip()
     except Exception as e:
-        return f"❌ Error: {e}", gr.update(visible=False)
-
-# 📋 Languages list
-language_choices = ["Urdu", "French", "Spanish", "German", "Chinese", "Arabic", "Hindi", "Turkish", "Japanese", "Russian"]
-
-# 🎛 Gradio UI
-with gr.Blocks(theme=gr.themes.Monochrome()) as app:
-    gr.Markdown("# 🌍 English Translator App")
-    gr.Markdown("Translate any English sentence into your desired language using Groq's **LLaMA3** model.")
-
-    with gr.Row():
-        with gr.Column():
-            text_input = gr.Textbox(label="Enter English Text", placeholder="Type your sentence here...", lines=4)
-            language_dropdown = gr.Dropdown(choices=language_choices, label="Translate to", value="Urdu")
-            translate_btn = gr.Button("🌐 Translate")
-        with gr.Column():
-            output_text = gr.Textbox(label="Translated Text", lines=4, elem_id="output-box")
-            copy_btn = gr.Button("📋 Copy to Clipboard", elem_id="copy-btn")
-            download_btn = gr.Button("⬇️ Download Translation", visible=False)
-
-    with gr.Accordion("🕓 Translation History", open=False):
-        history_box = gr.Markdown("")
-
-    # 🔁 Bind functions
-    translate_btn.click(
-        translate_text,
-        inputs=[text_input, language_dropdown],
-        outputs=[output_text, download_btn]
+        return f"❌ Error: {e}"
+
+# Gradio UI
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="indigo")) as demo:
+    gr.Markdown(
+        """
+        # 🌍 English Translator App
+        Translate any English text into your desired language using **Groq's LLaMA3 model**.
+
+        ✨ Features:
+        - Supports any language (e.g. Urdu, French, Spanish, Chinese)
+        - Clean and professional design
+        - Copy & download your translated text
+        """,
+        elem_id="title"
     )
 
-    def update_history():
-        return "\n\n".join(translation_history)
-
-    translate_btn.click(fn=update_history, outputs=[history_box])
-
-    def download_text(translated_text):
-        path = "/mnt/data/translation.txt"
-        with open(path, "w", encoding="utf-8") as f:
-            f.write(translated_text)
-        return path
+    with gr.Group():
+        with gr.Row():
+            text_input = gr.Textbox(label="✏️ Enter English Text", placeholder="Type a sentence...", lines=4)
+            lang_input = gr.Dropdown(
+                label="🌐 Translate To",
+                choices=["Urdu", "French", "Spanish", "German", "Chinese", "Arabic", "Hindi", "Turkish", "Japanese", "Russian"],
+                allow_custom_value=True,
+                value="Urdu"
+            )
+
+        with gr.Row():
+            translate_btn = gr.Button("🚀 Translate", variant="primary")
+            copy_btn = gr.Button("📋 Copy to Clipboard")
+            download_btn = gr.Button("⬇️ Download Translation")
+
+        result = gr.Textbox(label="📝 Translated Text", lines=6, interactive=False)
+
+    # Button functionality
+    translate_btn.click(fn=translate_text, inputs=[text_input, lang_input], outputs=result)
+
+    # Copy to clipboard
+    copy_btn.click(
+        None,
+        inputs=[],
+        outputs=[],
+        js="() => navigator.clipboard.writeText(document.querySelector('textarea[aria-label=\"📝 Translated Text\"]').value)"
+    )
 
-    download_btn.click(download_text, inputs=[output_text], outputs=[download_btn])
+    # Download
+    def download_translation(text):
+        return gr.File.update(value=text.encode(), filename="translation.txt")
 
-    # 🔧 JavaScript for copy button
-    gr.HTML("""
-    <script>
-    document.addEventListener("DOMContentLoaded", function() {
-        const copyBtn = document.querySelector('#copy-btn button');
-        copyBtn.addEventListener("click", function() {
-            const outputBox = document.querySelector('textarea#output-box');
-            if (outputBox) {
-                navigator.clipboard.writeText(outputBox.value).then(() => {
-                    copyBtn.innerText = "✅ Copied!";
-                    setTimeout(() => { copyBtn.innerText = "📋 Copy to Clipboard"; }, 1500);
-                });
-            }
-        });
-    });
-    </script>
-    """)
+    download_btn.click(download_translation, inputs=result, outputs=gr.File())
 
-# 🚀 Launch app
-app.launch()
+demo.launch()