Update app.py

app.py

@@ -73,50 +73,50 @@ def render_file(file):
     return image
 
 # Gradio application setup
-with gr.Blocks() as demo:
-    with gr.Column():
-        gr.Markdown(""" 
-        <style> 
-            .image-container { height: 680px; } 
-        </style> 
-        """)  
-        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')
-
-    # Set up event handlers
-
-    # Event handler for submitting the OpenAI API key
-    enable_box.submit(fn=set_apikey, inputs=[enable_box], outputs=[disable_box]) 
-
-    # Event handler for changing the API key
-    change_api_key.click(fn=enable_api_box, outputs=[enable_box])
+# with gr.Blocks() as demo:
+#     with gr.Column():
+#         gr.Markdown(""" 
+#         <style> 
+#             .image-container { height: 680px; } 
+#         </style> 
+#         """)  
+#         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')
+
+#     # Set up event handlers
+
+#     # Event handler for submitting the OpenAI API key
+#     enable_box.submit(fn=set_apikey, inputs=[enable_box], outputs=[disable_box]) 
+
+#     # Event handler for changing the API key
+#     change_api_key.click(fn=enable_api_box, outputs=[enable_box])
 
     
-def render_first(pdf_file): 
-    # ... Logic to process the PDF 
-    # ... Generate the first image
-    return image  
+# def render_first(pdf_file): 
+#     # ... Logic to process the PDF 
+#     # ... Generate the first image
+#     return image  
 
-with gr.Blocks() as demo:
-    # ... your UI setup ...
+# with gr.Blocks() as demo:
+#     # ... your UI setup ...
 
-    pdf_upload = gr.UploadButton("📁 Upload a PDF", file_types=[".pdf"])  
+#     pdf_upload = gr.UploadButton("📁 Upload a PDF", file_types=[".pdf"])  
 
-    # ... other event handlers ... 
+#     # ... other event handlers ... 
 
-    pdf_upload.upload(fn=render_first, inputs=[pdf_upload], outputs=[show_img]) 
-    # Event handler for submitting text and generating response
-    submit_btn.click(        
-    fn=add_text,        
-    inputs=[chatbot, txt],        
-    outputs=[chatbot],        
-    queue=False)    
+#     pdf_upload.upload(fn=render_first, inputs=[pdf_upload], outputs=[show_img]) 
+#     # Event handler for submitting text and generating response
+#     submit_btn.click(        
+#     fn=add_text,        
+#     inputs=[chatbot, txt],        
+#     outputs=[chatbot],        
+#     queue=False    
 # ).success(
 #         fn=generate_response,
 #         inputs=[chatbot, txt, btn],
@@ -126,6 +126,48 @@ with gr.Blocks() as demo:
 #         inputs=[btn],
 #         outputs=[show_img]
 #     )
-demo.queue()
-if __name__ == "__main__":
-    demo.launch()
+# demo.queue()
+# if __name__ == "__main__":
+#     demo.launch()
+
+
+
+with gr.Blocks() as demo:
+    with gr.Column():
+        gr.Markdown(""" 
+        <style> 
+            .image-container { height: 680px; } 
+        </style> 
+        """)  
+        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"])  # Added
+
+        # Event handlers
+        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])  # Corrected
+
+        submit_btn = gr.Button('Submit')  # Added the Submit button
+        submit_btn.click(        
+            fn=add_text,        
+            inputs=[chatbot, txt],  # Assuming 'txt' is your textbox for query input
+            outputs=[chatbot],        
+            queue=False    
+        ).success(
+            fn=generate_response,
+            inputs=[chatbot, txt, pdf_upload],  # Changed from 'btn' 
+            outputs=[chatbot, txt]   
+        ).success(
+            fn=render_file,
+            inputs=[pdf_upload],  # Changed from 'btn'
+            outputs=[show_img]
+        )
+
+demo.launch()