Reversing shift + enter and shift inputs

app.py

@@ -34,6 +34,10 @@ def chat_with_flan(input_text):
 # Set up the Gradio interface with the input box below the output box
 with gr.Blocks() as interface:
     chatbot_output = gr.Textbox(label="Conversation", lines=15, placeholder="Chat history will appear here...", interactive=False)
+
+    # Add the instruction message above the input box
+    gr.Markdown("**Instructions:** Press `Enter` to submit, and `Shift + Enter` for a new line.")
+    
     user_input = gr.Textbox(label="Your Input", placeholder="Type your message here...", lines=2)
     
     def update_chat(input_text, chat_history):
@@ -42,6 +46,20 @@ with gr.Blocks() as interface:
 
     # Arrange input/output components with live updating
     user_input.submit(update_chat, inputs=[user_input, chatbot_output], outputs=[chatbot_output, user_input])
+    
+    # JavaScript code to reverse the behavior: Enter to submit, Shift+Enter for new line
+    user_input.add_text_input_event_handlers(
+        {
+            "keydown": """
+            function(event) {
+                if (event.key === 'Enter' && !event.shiftKey) {
+                    event.preventDefault();
+                    document.querySelector('button[type=submit]').click();
+                }
+            }
+            """
+        }
+    )
 
 # Launch the Gradio app
 interface.launch()