Update app.py

app.py

@@ -91,32 +91,34 @@ with st.container():
     .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"])  
-
-# 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]) 
-
-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] 
-)
+
+    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"])  
+
+        # 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]) 
+
+        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] 
+        )
 
 if __name__ == "__main__":
     gr.Interface(