Update app.py

app.py

@@ -52,8 +52,8 @@ body {
     100% { background-position: 0% 50%; }
 }
 button {
-    background: linear-gradient(90deg, #98c1d9, #ee9ca7);
-    color: white;
+    background: linear-gradient(90deg, #a1c4fd, #c2e9fb);
+    color: #333;
     padding: 0.8rem 1.5rem;
     font-size: 1rem;
     font-weight: bold;
@@ -63,8 +63,8 @@ button {
     transition: transform 0.2s ease, background 0.2s ease;
 }
 button:hover {
-    background: linear-gradient(90deg, #ee9ca7, #98c1d9);
-    transform: scale(1.1);
+    background: linear-gradient(90deg, #c2e9fb, #a1c4fd);
+    transform: scale(1.05);
 }
 header {
     text-align: center;
@@ -101,8 +101,9 @@ with chat_interface:
         send_button = gr.Button("Send")
     with gr.Row():
         chatbot_output = gr.Chatbot(label="Chat History")
+    with gr.Row():
         copy_button = gr.Button("Copy Response")
-
+    
     # Add functionality to handle interactions
     def handle_chat(user_input, category, history):
         if not user_input.strip():
@@ -110,23 +111,28 @@ with chat_interface:
         updated_history, _ = chatbot(user_input, category, history)
         return updated_history, updated_history
 
+    # JavaScript for copying the last bot response
+    copy_js = """
+        function copyLastResponse() {
+            const responses = document.querySelectorAll('.bot-message');
+            if (responses.length > 0) {
+                const lastResponse = responses[responses.length - 1].innerText;
+                navigator.clipboard.writeText(lastResponse)
+                    .then(() => alert('Copied to clipboard!'))
+                    .catch(() => alert('Failed to copy!'));
+            } else {
+                alert('No bot response to copy!');
+            }
+        }
+    """
+
     send_button.click(
         handle_chat,
         inputs=[user_input, category_dropdown, chatbot_output],
         outputs=[chatbot_output, chatbot_output]
     )
 
-    # Copy functionality
-    def copy_last_response(history):
-        if history:
-            return history[-1][1]  # Returns the last bot response
-        return "No response to copy."
-
-    copy_button.click(
-        copy_last_response,
-        inputs=[chatbot_output],
-        outputs=[]
-    )
+    # Attach the copy button functionality
+    copy_button.click(None, _js=copy_js)
 
 chat_interface.launch()
-