Update app.py

app.py

@@ -83,47 +83,56 @@ def render_first(pdf_file):
     return image
 
 # Streamlit & Gradio Interface
+ 
+
 st.title("PDF-Powered Chatbot") 
 
-with st.container():      
-    gr.Markdown("""     
-    <style>         
-    .image-container { height: 680px; }     
-    </style>     
+with st.container():          
+    gr.Markdown("""         
+    <style>             
+    .image-container { height: 680px; }         
+    </style>         
     """)      
 
-    with gr.Blocks() as demo: # Introduce a Blocks context
-        with gr.Row():        
-            enable_box = gr.Textbox(placeholder='Enter OpenAI API key', 
-                                    show_label=False, interactive=True)         
-            disable_box = gr.Textbox(value='OpenAI API key is Set', interactive=False)         
+    with gr.Blocks() as demo: # Introduce a Blocks context        
+        with gr.Row():                    
+            enable_box = gr.Textbox(placeholder='Enter OpenAI API key',                                     
+                                    show_label=False, interactive=True)                     
+            disable_box = gr.Textbox(value='OpenAI API key is Set', interactive=False)                     
             change_api_key = gr.Button('Change Key')     
 
-        with gr.Row():        
-            chatbot = gr.Chatbot(value=[], elem_id='chatbot')          
-            show_img = gr.Image(label='Upload PDF')         
-            pdf_upload = gr.UploadButton("📁 Upload a PDF", file_types=[".pdf"])  
+        with gr.Row():                    
+            chatbot = gr.Chatbot(value=[], elem_id='chatbot')                      
+            show_img = gr.Image(label='Upload PDF')  
+
+            # Create multiple PDF upload buttons
+            pdf_upload1 = gr.UploadButton("📁 Upload PDF 1", file_types=[".pdf"])  
+            pdf_upload2 = gr.UploadButton("📁 Upload PDF 2", file_types=[".pdf"]) 
+            pdf_upload3 = gr.UploadButton("📁 Upload PDF 3", file_types=[".pdf"])
+
+        # Event handlers (adjust how you use the uploads in these functions)        
+        enable_box.submit(fn=set_apikey, inputs=[enable_box], outputs=[disable_box])                 
+        change_api_key.click(fn=enable_api_box, outputs=[enable_box])                 
 
-        # Event handlers within the Blocks context
-        enable_box.submit(fn=set_apikey, inputs=[enable_box], outputs=[disable_box])         
-        change_api_key.click(fn=enable_api_box, outputs=[enable_box])         
-        pdf_upload.upload(fn=render_first, inputs=[pdf_upload], outputs=[show_img]) 
+        # Assuming you want to process the first PDF initially
+        pdf_upload1.upload(fn=render_first, inputs=[pdf_upload1], outputs=[show_img]) 
 
-        txt = gr.Textbox(label="Enter your query", placeholder="Ask a question...") 
+        txt = gr.Textbox(label="Enter your query", placeholder="Ask a question...")         
         submit_btn = gr.Button('Submit') 
 
-        submit_btn.click(
-            fn=add_text, inputs=[chatbot, txt], outputs=[chatbot], queue=False
-        ).success(
-            fn=generate_response, inputs=[chatbot, txt, pdf_upload], outputs=[chatbot, txt] 
-        ).success(
-            fn=render_file, inputs=[pdf_upload], outputs=[show_img] 
+        submit_btn.click(            
+            fn=add_text, inputs=[chatbot, txt], outputs=[chatbot], queue=False        
+        ).success(            
+            # How do you want to use the different uploads here?
+            fn=generate_response, inputs=[chatbot, txt, pdf_upload1], outputs=[chatbot, txt]         
+        ).success(            
+            fn=render_file, inputs=[pdf_upload1], outputs=[show_img]         
         )
 
 if __name__ == "__main__":    
-    gr.Interface(
+    gr.Interface(        
         [render_first, add_text, generate_response, render_file],        
-        [pdf_upload1, chatbot, txt, pdf_upload2, pdf_upload3],  # Unique names!       
+        [pdf_upload1, chatbot, txt, pdf_upload2, pdf_upload3],       
         [show_img, chatbot, txt, show_img],        
-        title="PDF-Powered Chatbot",    
+        title="PDF-Powered Chatbot"    
     ).launch()