Update app.py

app.py

@@ -157,8 +157,16 @@ def full_process_with_translation(english_text, mode):
     translation_result = translate_multiple_words(hebrew_text)
     return hebrew_text, hebrew_audio, translation_result
 
-# Create Gradio interface
-with gr.Blocks(title="English to Hebrew Converter") as demo:
+# Create Gradio interface with custom CSS for copy buttons
+css = """
+.copy-btn {
+    font-size: 12px !important;
+    padding: 4px 8px !important;
+    min-width: 60px !important;
+}
+"""
+
+with gr.Blocks(title="English to Hebrew Converter", css=css) as demo:
     gr.Markdown("## 📝 English-to-Hebrew Converter with Google Translate")
     gr.Markdown("Enter English text to convert to Hebrew script, generate audio, and get translations using Google Translate.")
     
@@ -214,32 +222,37 @@ with gr.Blocks(title="English to Hebrew Converter") as demo:
         label="Conversion Mode"
     )
     
-    # Main interface
+    # Main interface with copy buttons
     with gr.Row():
         with gr.Column():
-            english_input = gr.Textbox(
-                label="Enter English Text", 
-                lines=3,
-                placeholder="Example: Hello, how are you?",
-                show_copy_button=True
-            )
+            with gr.Row():
+                english_input = gr.Textbox(
+                    label="Enter English Text", 
+                    lines=3,
+                    placeholder="Example: Hello, how are you?",
+                    scale=5
+                )
+                copy_english_btn = gr.Button("📋 Copy", size="sm", scale=1, elem_classes="copy-btn")
         
         with gr.Column():
-            hebrew_output = gr.Textbox(
-                label="Hebrew Script", 
-                lines=3,
-                rtl=True,
-                show_copy_button=True
-            )
+            with gr.Row():
+                hebrew_output = gr.Textbox(
+                    label="Hebrew Script", 
+                    lines=3,
+                    rtl=True,
+                    scale=5
+                )
+                copy_hebrew_btn = gr.Button("📋 Copy", size="sm", scale=1, elem_classes="copy-btn")
     
-    # Translation output
+    # Translation output with copy button
     with gr.Row():
         translation_output = gr.Textbox(
             label="Word-by-Word Translation Results", 
             lines=3,
             placeholder="Translations will appear here...",
-            show_copy_button=True
+            scale=5
         )
+        copy_translation_btn = gr.Button("📋 Copy", size="sm", scale=1, elem_classes="copy-btn")
     
     # Button controls
     with gr.Row():
@@ -259,21 +272,25 @@ with gr.Blocks(title="English to Hebrew Converter") as demo:
     with gr.Accordion("🔍 Manual Hebrew to English Translation", open=False):
         with gr.Row():
             with gr.Column():
-                manual_hebrew_input = gr.Textbox(
-                    label="Enter Hebrew text to translate",
-                    placeholder="הכנס טקסט בעברית",
-                    rtl=True,
-                    lines=3,
-                    show_copy_button=True
-                )
+                with gr.Row():
+                    manual_hebrew_input = gr.Textbox(
+                        label="Enter Hebrew text to translate",
+                        placeholder="הכנס טקסט בעברית",
+                        rtl=True,
+                        lines=3,
+                        scale=5
+                    )
+                    copy_manual_hebrew_btn = gr.Button("📋 Copy", size="sm", scale=1, elem_classes="copy-btn")
                 manual_translate_btn = gr.Button("🌐 Translate to English", variant="secondary")
             
             with gr.Column():
-                manual_translation_output = gr.Textbox(
-                    label="English Translation",
-                    lines=3,
-                    show_copy_button=True
-                )
+                with gr.Row():
+                    manual_translation_output = gr.Textbox(
+                        label="English Translation",
+                        lines=3,
+                        scale=5
+                    )
+                    copy_manual_translation_btn = gr.Button("📋 Copy", size="sm", scale=1, elem_classes="copy-btn")
     
     # Event handlers
     def process_convert(text, mode):
@@ -282,6 +299,13 @@ with gr.Blocks(title="English to Hebrew Converter") as demo:
         else:
             return google_translate_hebrew(text)
     
+    # Copy button functions
+    copy_english_btn.click(fn=lambda x: x, inputs=english_input, outputs=english_input, js="(x) => {navigator.clipboard.writeText(x); return x;}")
+    copy_hebrew_btn.click(fn=lambda x: x, inputs=hebrew_output, outputs=hebrew_output, js="(x) => {navigator.clipboard.writeText(x); return x;}")
+    copy_translation_btn.click(fn=lambda x: x, inputs=translation_output, outputs=translation_output, js="(x) => {navigator.clipboard.writeText(x); return x;}")
+    copy_manual_hebrew_btn.click(fn=lambda x: x, inputs=manual_hebrew_input, outputs=manual_hebrew_input, js="(x) => {navigator.clipboard.writeText(x); return x;}")
+    copy_manual_translation_btn.click(fn=lambda x: x, inputs=manual_translation_output, outputs=manual_translation_output, js="(x) => {navigator.clipboard.writeText(x); return x;}")
+    
     convert_btn.click(
         fn=process_convert, 
         inputs=[english_input, mode],