updated ui

app.py

@@ -1131,33 +1131,65 @@ def create_gradio_interface():
             
             with gr.Tab("📄 Upload Documents"):
                 gr.Markdown("""
-                    **Supported Formats:**
-                    - 📄 **PDF**: Research papers, reports, books
-                    - 📝 **Word (DOCX)**: Documents, manuscripts
-                    - 📃 **Text (TXT)**: Plain text files, code
-                    - 🖼️ **Images (JPG/PNG)**: Screenshots, scanned documents (OCR enabled)
-                    
-                    **Best Practices:**
-                    - Upload related documents together for better context
-                    - Larger documents may take 30-60 seconds to process
-                    - Images will be processed with OCR automatically
-                    - Each document gets unique tags and embeddings
+                ### 📁 Upload & Process Documents
+
+                Upload PDFs, DOCX, TXT or Images. OCR runs automatically.  
+                Once processed, the document becomes searchable and available for summaries, tagging, podcasting and RAG.
+                """)
+
+                with gr.Row(equal_height=True):
                     
-                    **Example Use Cases:**
-                    - Upload research papers → Ask questions across all papers
-                    - Upload meeting notes → Generate summary podcasts
-                    - Upload technical docs → Get explanations for concepts
-                    """)
-                
-                with gr.Row():
-                    with gr.Column():
-                        gr.Markdown("### Add Documents to Your Library")
-                        file_input_upload = gr.File(label="Select Document to Upload", file_types=[".pdf", ".txt", ".docx", ".png", ".jpg", ".jpeg"], type="filepath")
-                        upload_btn_process = gr.Button("🚀 Process & Add to Library", variant="primary", size="lg")
-                    with gr.Column():
-                        upload_output_display = gr.Textbox(label="Processing Result", lines=6, placeholder="Upload a document to see processing results...")
-                        doc_id_output_display = gr.Textbox(label="Document ID", placeholder="Document ID will appear here after processing...")
-                   
+                    # LEFT SIDE: UPLOAD PANEL
+                    with gr.Column(scale=1):
+                        with gr.Group():
+                            gr.Markdown("#### 📤 Upload File")
+                            
+                            file_input_upload = gr.File(
+                                label="Select a document",
+                                file_types=[".pdf", ".txt", ".docx", ".png", ".jpg", ".jpeg"],
+                                type="filepath"
+                            )
+
+                            gr.HTML("<div style='height:10px'></div>")  # spacing
+                            
+                            upload_btn_process = gr.Button(
+                                "🚀 Process & Add to Library",
+                                variant="primary",
+                                size="lg",
+                                elem_id="upload-btn"
+                            )
+
+                    # RIGHT SIDE: STATUS PANEL
+                    with gr.Column(scale=1):
+                        with gr.Group():
+                            gr.Markdown("#### 📦 Processing Preview")
+
+                            upload_output_display = gr.Textbox(
+                                label="Processing Status",
+                                placeholder="⏳ Waiting for upload...",
+                                lines=10,
+                                interactive=False,
+                            )
+
+                            doc_id_output_display = gr.Textbox(
+                                label="📌 Document ID",
+                                placeholder="Will appear after processing...",
+                                interactive=False
+                            )
+                            
+
+                # Optional: center button styling
+                gr.HTML("""
+                <style>
+                    #upload-btn button {
+                        width: 100%;
+                        font-size: 18px;
+                        padding: 14px;
+                    }
+                </style>
+                """)
+
+
             
             with gr.Tab("📝 Content Studio"):
                 gr.Markdown("""