Update app.py

app.py

@@ -410,12 +410,15 @@ with gr.Blocks(css=custom_css, title="Document Q&A System") as demo:
     <div style='text-align:center; color:#1976D2; margin-bottom:18px;'>Upload a document, ask questions, or use your voice!</div>
     """)
 
+    # Define shared components first
+    chatbot = gr.Chatbot(height=350, elem_classes="gradio-chatbot", label=None, type="messages")
+    file_output = gr.Textbox(label="Upload Status", interactive=False, elem_classes="textbox")
+
     with gr.Row(elem_classes="centered-main"):
         with gr.Column():
             with gr.Group(elem_classes="compact-box"):
                 gr.Markdown("<div class='section-title'>1. Upload Document</div>")
                 file_input = gr.File(label="Upload Document", file_types=[".pdf", ".txt", ".doc", ".docx"], file_count="single", type="binary", elem_classes="upload-btn")
-                file_output = gr.Textbox(label="Upload Status", interactive=False, elem_classes="textbox")
                 reset_btn = gr.Button("Reset Chat & Upload New Document", elem_classes="reset-btn")
                 def reset_all():
                     rag.thread_id = None
@@ -427,7 +430,6 @@ with gr.Blocks(css=custom_css, title="Document Q&A System") as demo:
         with gr.Column():
             with gr.Group(elem_classes="compact-box"):
                 gr.Markdown("<div class='section-title'>2. Chat with your Document</div>")
-                chatbot = gr.Chatbot(height=350, elem_classes="gradio-chatbot", label=None, type="messages")
                 with gr.Row():
                     question = gr.Textbox(label="Type your question and press Enter", placeholder="Ask a question about your document...", elem_classes="textbox")
                     send_btn = gr.Button("Send", elem_classes="send-btn")