ui betterment

app.py

@@ -98,40 +98,49 @@ def clear_state():
 
 # UI Setup
 with gr.Blocks(
-    theme=gr.themes.Default(
-        primary_hue="green",
+    theme=gr.themes.Monochrome(
+        primary_hue="indigo",
         secondary_hue="blue",
-        font=[gr.themes.GoogleFont("Poppins")],
+        font=[gr.themes.GoogleFont("Inter"), "system-ui", "sans-serif"],
     ),
     css="footer {visibility: hidden}",
 ) as demo:
-    gr.Markdown("# Doc Q&A 🤖📃")
+    gr.Markdown("# Document Q&A 🤖📃")
+    
     with gr.Row():
-        with gr.Column(scale=1):
+        with gr.Column(scale=1, min_width=300):
+            gr.Markdown("### Controls")
             file_input = gr.File(
                 file_count="single", type="filepath", label="Upload Document"
             )
+            output = gr.Textbox(label="Status", interactive=False)
             with gr.Row():
-                btn = gr.Button("Submit", variant="primary")
-                clear = gr.Button("Clear")
-            output = gr.Textbox(label="Status")
+                btn = gr.Button("1. Process Document", variant="primary", scale=2)
+                clear = gr.Button("Clear All", scale=1)
+
         with gr.Column(scale=3):
             chatbot = gr.ChatInterface(
                 fn=respond,
-                chatbot=gr.Chatbot(height=300),
-                theme="soft",
-                show_progress="full",
+                chatbot=gr.Chatbot(
+                    height=500,
+                    label="Chat Window",
+                ),
                 textbox=gr.Textbox(
-                    placeholder="Ask questions about the uploaded document!",
+                    placeholder="2. Ask questions about the document here...",
                     container=False,
+                    scale=7,
                 ),
+                submit_btn="Ask",
+                show_progress="full",
             )
 
     # Set up Gradio interactions
     btn.click(fn=load_files, inputs=file_input, outputs=output)
+    
     clear.click(
-        fn=clear_state,  # Use the clear_state function
-        outputs=[file_input, output],
+        fn=clear_state,  # Use the clear_state function 
+        outputs=[file_input, output, chatbot],
+        queue=False 
     )
 
 # Launch the demo - ONLY CHANGE THIS LINE