Update app.py

app.py

@@ -1,21 +1,22 @@
 import os
 from openai import OpenAI
 import gradio as gr
-from datetime import datetime
+import datetime
 
-# Load Groq API Key
+# 🔐 API Setup
 api_key = os.getenv("GROQ_API_KEY")
 client = OpenAI(api_key=api_key, base_url="https://api.groq.com/openai/v1")
 
-# Store history
-history = []
+# 🧠 Chat history
+chat_history = []
 
-# Translation function
+# 📘 Translate function
 def translate_text(text, target_lang):
     if not text.strip() or not target_lang.strip():
-        return "⚠️ Please enter both English text and target language.", gr.update(visible=False), history
+        return "⚠️ Please enter both text and target language.", None, chat_history
 
     prompt = f"Translate the following English text to {target_lang}:\n\n{text}"
+
     try:
         response = client.chat.completions.create(
             model="llama3-8b-8192",
@@ -23,62 +24,40 @@ def translate_text(text, target_lang):
             temperature=0.5
         )
         translated = response.choices[0].message.content.strip()
-        history.insert(0, f"{datetime.now().strftime('%Y-%m-%d %H:%M:%S')} | {target_lang}: {translated}")
-        return translated, gr.update(visible=True), history[:5]
+        chat_history.append(f"🗣️ **You**: {text}\n🌐 **{target_lang}**: {translated}")
+        
+        # Save translated text to file
+        filename = f"translation_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}.txt"
+        with open(filename, "w", encoding="utf-8") as f:
+            f.write(translated)
+        return translated, filename, chat_history
     except Exception as e:
-        return f"❌ Error: {e}", gr.update(visible=False), history
-
-# Download function
-def download_translation(text):
-    filename = "/mnt/data/translation.txt"
-    with open(filename, "w", encoding="utf-8") as f:
-        f.write(text)
-    return filename
+        return f"❌ Error: {e}", None, chat_history
 
-# Gradio UI
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="indigo")) as demo:
-    gr.Markdown("""
-    # 🌍 English Translator App
-    Translate English text into any language using **Groq's LLaMA3 model**.
-    """)
+# 🎨 Gradio App Layout
+with gr.Blocks(theme=gr.themes.Soft(), css=".gr-button {font-size: 16px !important;}") as app:
+    gr.Markdown("## 🌍 **English Translator App**")
+    gr.Markdown("Easily translate English text into any language using **Groq's LLaMA3 model**.")
 
     with gr.Row():
-        text_input = gr.Textbox(label="✏️ 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"
-        )
-
-    translate_btn = gr.Button("🚀 Translate", variant="primary")
-    result = gr.Textbox(label="📝 Translated Text", lines=4, interactive=False)
+        text_input = gr.Textbox(label="Enter English Text", placeholder="Type something to translate...", lines=3)
+        lang_input = gr.Textbox(label="Translate to (e.g. Urdu, French, Spanish)", placeholder="e.g. Urdu")
 
     with gr.Row():
-        copy_btn = gr.Button("📋 Copy to Clipboard")
-        download_btn = gr.Button("⬇️ Download Translation")
+        translate_btn = gr.Button("🌐 Translate")
+        clear_btn = gr.Button("🧹 Clear")
 
-    file_output = gr.File(visible=False)
-    history_output = gr.Textbox(label="📜 Recent History", lines=5, interactive=False)
+    result_output = gr.Textbox(label="Translated Text", lines=4)
+    file_output = gr.File(label="📄 Download Translated Text")
+    history_display = gr.Markdown("")
 
+    # ✨ Button handlers
     translate_btn.click(
         translate_text,
         inputs=[text_input, lang_input],
-        outputs=[result, file_output, history_output]
-    )
-
-    copy_btn.click(
-        None,
-        inputs=[],
-        outputs=[],
-        js="""
-        () => {
-            const output = document.querySelector('textarea[aria-label="📝 Translated Text"]');
-            if (output) navigator.clipboard.writeText(output.value);
-        }
-        """
+        outputs=[result_output, file_output, history_display]
     )
 
-    download_btn.click(download_translation, inputs=result, outputs=file_output)
+    clear_btn.click(lambda: ("", "", [], ""), None, [text_input, lang_input, result_output, history_display])
 
-demo.launch()
+app.launch()