Update app.py

app.py

@@ -203,30 +203,35 @@ def answer_question(question, state):
 # GRADIO UI
 # ============================================================
 
-with gr.Blocks(
-        title="PDF Q&A Chatbot",
-        css=".clear-btn button { height: 100%; min-height: 52px; }"
-    ) as demo:
-    
-    gr.Markdown("## 📄 PDF Q&A Chatbot\nUpload a PDF and ask questions about its content.")
+with gr.Blocks(title="PDF Q&A Chatbot") as demo:
+
+    gr.Markdown("## 📄 PDF Q&A Chatbot\nUpload PDFs and ask questions about their content.")
 
-    state = gr.State({"chunks": [], "index": None, 'pdf_count':0})
+    state = gr.State({
+        "chunks": [],
+        "index": None,
+        "pdf_count": 0,
+        "files": {}
+    })
 
     with gr.Row():
         with gr.Column(scale=1):
             pdf_input = gr.Files(label="Upload PDF(s)", file_types=[".pdf"])
             pdf_status = gr.Textbox(label="Status", interactive=False)
 
+            file_selector = gr.Dropdown(label="Remove a PDF", choices=[], interactive=True)
+            remove_button = gr.Button("Remove Selected PDF")
+
         with gr.Column(scale=2):
             with gr.Row():
-                question = gr.Textbox(label="Your question", lines=2, scale =4)
+                question = gr.Textbox(label="Your question", lines=2, scale=3)
                 clear_button = gr.Button("Clear", scale=1, min_width=80, elem_classes="clear-btn")
-            
+
             answer = gr.Textbox(label="Answer", lines=8)
             ask_button = gr.Button("Ask")
-            
 
-    pdf_input.upload(load_pdf, inputs=[pdf_input, state], outputs=[pdf_status, state, file_selector])
+    # Bind events AFTER components exist
+    pdf_input.upload(load_pdf, inputs=[pdf_input, state], outputs=[pdf_status, state,
 
     ask_button.click(answer_question, inputs=[question, state], outputs=answer)
     clear_button.click(lambda: "", outputs=question)