Update app.py

app.py

@@ -259,20 +259,23 @@ class ChatDocumentQA:
 
     def gradio_interface(self) -> None:
         """Create a Gradio interface for the chatbot."""
-        with gr.Blocks(css = "style.css" ,theme="shivi/calm_seafoam") as demo:
-            
-            gr.HTML("""<center class="darkblue" text-align:center;padding:30px;'><center>
-            <center><h1 class ="center" style="color:#fff"></h1></center>
-            <br><center><h1 style="color:#fff">Virtual Assistant Chatbot</h1></center>""")     
-            
+        with gr.Blocks(css="style.css", theme="shivi/calm_seafoam") as demo:
+            gr.HTML("""
+            <center class="darkblue" style="text-align:center;padding:30px;">
+            <center>
+            <h1 style="color:#fff">Virtual Assistant Chatbot</h1>
+            </center>
+            """)
+        
             state = gr.State(self._get_empty_state())
             chatbot = gr.Chatbot()
-            
+        
             with gr.Row():
                 with gr.Column(scale=0.85):
                     msg = gr.Textbox(label="Question")
                 with gr.Column(scale=0.15):
                     file_output = gr.Textbox(label="File Status")
+        
             with gr.Row():
                 with gr.Column(scale=0.85):
                     clear = gr.ClearButton([msg, chatbot])
@@ -280,15 +283,22 @@ class ChatDocumentQA:
                     upload_button = gr.UploadButton(
                         "Browse File",
                         file_types=[".txt", ".pdf", ".doc", ".docx", ".csv"],
-                        file_count="multiple", variant="primary"
+                        file_count="multiple",
+                        variant="primary"
                     )
+        
             with gr.Row():
                 with gr.Column(scale=1):
-                    input_url = gr.Textbox(label="urls")
-
-            input_url.submit(self._get_urls_knowledge_base, input_url, [file_output, state])
-            upload_button.upload(self._get_documents_knowledge_base, upload_button, [file_output, state])
-            msg.submit(self._get_response, [msg, chatbot, state,upload_button], [msg, chatbot])
+                    input_url = gr.Textbox(label="URLs")
+        
+            # Submit button for URL input
+            input_url.submit(self._get_urls_knowledge_base, inputs=input_url, outputs=[file_output, state])
+        
+            # Upload button for file input
+            upload_button.upload(self._get_documents_knowledge_base, inputs=upload_button, outputs=[file_output, state])
+        
+            # Submit button for question input
+            msg.submit(self._get_response, inputs=[msg, chatbot, state, upload_button], outputs=[msg, chatbot])
 
         demo.launch()