restore keyboard shortcuts with enter key for sending messages

app.py

@@ -586,23 +586,21 @@ def create_interface():
                     chatbot = gr.Chatbot(type="messages", height=400)
                     msg = gr.Textbox(
                         label="Message", 
-                        placeholder="Type your message here... (Ctrl+Enter to send)",
-                        lines=2,
-                        elem_id="msg-textbox"
+                        placeholder="Type your message here...",
+                        lines=2
                     )
                     
                     with gr.Row():
-                        submit_btn = gr.Button("Send", variant="primary", elem_id="send-btn")
-                        clear_btn = gr.Button("Clear", elem_id="clear-btn")
+                        submit_btn = gr.Button("Send", variant="primary")
+                        clear_btn = gr.Button("Clear")
                     
                     # Export functionality  
                     with gr.Row():
                         # Use a regular Button for triggering export
                         export_trigger_btn = gr.Button(
-                            "📥 Export Conversation (Ctrl+E)",
+                            "📥 Export Conversation",
                             variant="secondary",
-                            size="sm",
-                            elem_id="export-btn"
+                            size="sm"
                         )
                         # Hidden file component for actual download
                         export_file = gr.File(
@@ -1053,6 +1051,7 @@ def create_interface():
                 outputs=[access_panel, main_panel, access_status, access_granted]
             )
         
+        
         # Add keyboard shortcuts
         demo.load(
             None,
@@ -1060,31 +1059,29 @@ def create_interface():
             None,
             js="""
             () => {
+                // Focus on message input when page loads
+                setTimeout(() => {
+                    const msgInput = document.querySelector('textarea');
+                    if (msgInput) msgInput.focus();
+                }, 100);
+                
                 // Keyboard shortcuts
                 document.addEventListener('keydown', function(e) {
-                    // Ctrl+Enter to send message
-                    if (e.ctrlKey && e.key === 'Enter') {
-                        e.preventDefault();
-                        const sendBtn = document.querySelector('#send-btn button');
-                        if (sendBtn) sendBtn.click();
-                    }
                     // Ctrl+L to clear chat
-                    else if (e.ctrlKey && e.key === 'l') {
+                    if (e.ctrlKey && e.key === 'l') {
                         e.preventDefault();
-                        const clearBtn = document.querySelector('#clear-btn button');
+                        const buttons = Array.from(document.querySelectorAll('button'));
+                        const clearBtn = buttons.find(btn => btn.textContent.includes('Clear'));
                         if (clearBtn) clearBtn.click();
                     }
                     // Ctrl+E to export
                     else if (e.ctrlKey && e.key === 'e') {
                         e.preventDefault();
-                        const exportBtn = document.querySelector('#export-btn button');
+                        const buttons = Array.from(document.querySelectorAll('button'));
+                        const exportBtn = buttons.find(btn => btn.textContent.includes('Export'));
                         if (exportBtn) exportBtn.click();
                     }
                 });
-                
-                // Focus on message input when page loads
-                const msgInput = document.querySelector('#msg-textbox textarea');
-                if (msgInput) msgInput.focus();
             }
             """
         )