Update app.py

app.py

@@ -195,26 +195,22 @@ def main():
         with gr.Row():
             with gr.Column():
                 chat_history = gr.State([])
-                chatbot = gr.Chatbot(
-                    value=[],
-                    height=750,
-                    show_label=False,
-                    bubble_full_width=False,
+                chat_display = gr.TextArea(
+                    value="",
+                    label="Chat History",
+                    interactive=False,
                     elem_classes=["chat-area"],
                 )
                 
+                message = gr.TextArea(
+                    placeholder=PLACEHOLDER,
+                    label="Your message",
+                    lines=3
+                )
+                
                 with gr.Row():
-                    with gr.Column(scale=20):
-                        message = gr.TextArea(
-                            placeholder=PLACEHOLDER,
-                            label="Your message",
-                            lines=3,
-                            show_label=False
-                        )
-                    with gr.Column(scale=4):
-                        with gr.Row():
-                            submit = gr.Button("Send", variant="primary", size="sm")
-                            clear = gr.Button("Clear", size="sm")
+                    submit = gr.Button("Send")
+                    clear = gr.Button("Clear")
                 
                 with gr.Accordion("⚙️ Advanced Settings", open=False):
                     system_prompt = gr.TextArea(
@@ -257,40 +253,107 @@ def main():
                         value=1.2,
                         label="Repetition Penalty",
                     )
-
-        # Set up submit events for both button click and Enter key
-        submit_events = [submit.click, message.submit]
+                
+                examples = gr.Examples(
+                    examples=create_examples(),
+                    inputs=[message],
+                    outputs=[chat_history, chat_display],
+                    fn=process_example,
+                    cache_examples=False,
+                )
+        
+        # Set up event handlers
+        submit_click = submit.click(
+            chat_response,
+            inputs=[
+                message,
+                chat_history,
+                chat_display,
+                system_prompt,
+                temperature,
+                max_tokens,
+                top_p,
+                top_k,
+                penalty,
+            ],
+            outputs=[chat_history, chat_display],
+            show_progress=True,
+        )
+        
+        # Bind Enter key to submit
+        message.submit(
+            chat_response,
+            inputs=[
+                message,
+                chat_history,
+                chat_display,
+                system_prompt,
+                temperature,
+                max_tokens,
+                top_p,
+                top_k,
+                penalty,
+            ],
+            outputs=[chat_history, chat_display],
+            show_progress=True,
+        )
         
-        for event in submit_events:
-            event(
-                chat_response,
-                inputs=[
-                    message,
-                    chat_history,
-                    chatbot,
-                    system_prompt,
-                    temperature,
-                    max_tokens,
-                    top_p,
-                    top_k,
-                    penalty,
-                ],
-                outputs=[chat_history, chatbot],
-                show_progress=True,
-            ).then(
-                lambda: "",
-                outputs=message
-            )
-
-        # Clear chat functionality
         clear.click(
-            lambda: ([], []),
-            outputs=[chat_history, chatbot],
+            lambda: ([], ""),
+            outputs=[chat_history, chat_display],
             show_progress=True,
         )
-
+        
+        # Clear input after submission
+        submit_click.then(lambda: "", outputs=message)
+        message.submit(lambda: "", outputs=message)
+    
     return demo
 
 if __name__ == "__main__":
     demo = main()
-    demo.launch()
+    demo.launch()
+
+
+modify the send function and use the following asa reference : 
+
+
+
+with gr.Blocks() as iface:
+    gr.Image("Image.jpg", width=750, height=300, show_label=False, show_download_button=False)
+    gr.Markdown("# Mawared HR Assistant 3.0.0")
+    gr.Markdown('### Instructions')
+    gr.Markdown("Ask a question about MawaredHR and get a detailed answer")
+    
+    chatbot = gr.Chatbot(
+        height=750,
+        show_label=False,
+        bubble_full_width=False,
+    )
+    
+    with gr.Row():
+        with gr.Column(scale=20):
+            question_input = gr.Textbox(
+                label="Ask a question:",
+                placeholder="Type your question here...",
+                show_label=False
+            )
+        with gr.Column(scale=4):
+            with gr.Row():
+                with gr.Column():
+                    send_button = gr.Button("Send", variant="primary", size="sm")
+                    clear_button = gr.Button("Clear Chat", size="sm")
+    
+    # Handle both submit events (Enter key and Send button)
+    submit_events = [question_input.submit, send_button.click]
+    for submit_event in submit_events:
+        submit_event(
+            ask_question_gradio,
+            inputs=[question_input, chatbot],
+            outputs=[question_input, chatbot]
+        )
+    
+    clear_button.click(
+        clear_chat,
+        outputs=[chatbot, question_input]
+    )