Update app.py

app.py

@@ -515,62 +515,62 @@ def clear_chat():
 
 # --- UI: Interface Creation ---
 def create_interface():
-   """Creates and configures the complete Gradio interface."""
-   
-   with gr.Blocks(
-       css=custom_css, 
-       title="EduBot", 
-       fill_width=True, 
-       fill_height=True,
-       theme=gr.themes.Base()
-   ) as demo:
-       # Add head content and MathJax
-       gr.HTML(html_head_content)
-       gr.HTML('<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>')
-       gr.HTML(mathjax_config)
-       
-       # Force full height container with aggressive CSS
-       gr.HTML('<style>.main-container { height: 100vh !important; display: flex !important; flex-direction: column !important; }</style>')
-       
-       with gr.Column(elem_classes=["main-container"]):
-           # Title Section
-           with gr.Row(height="10vh"):
-               gr.HTML('<div class="title-header"><h1>🎓 EduBot</h1></div>')
-           
-           # Chat Section
-           with gr.Row():
-           chatbot = gr.Chatbot(
-               type="messages",
-               show_copy_button=True,
-               show_share_button=False,
-               avatar_images=None,
-               elem_id="main-chatbot",
-               container=False,  # Remove wrapper
-               scale=1,
-               height="70vh"  # Explicit height instead of min_height
-           )
-           
-           # Input Section - fixed height
-           with gr.Row(elem_classes=["input-controls"]):
-               msg = gr.Textbox(
-                   placeholder="Ask me about math, research, study strategies, or any educational topic...",
-                   show_label=False,
-                   lines=4,
-                   max_lines=6,
-                   elem_classes=["input-textbox"],
-                   container=False,
-                   scale=4
-               )
-               with gr.Column(elem_classes=["button-column"], scale=1):
-                   send = gr.Button("Send", elem_classes=["send-button"], size="sm")
-                   clear = gr.Button("Clear", elem_classes=["clear-button"], size="sm")
-
-       # Set up event handlers
-       msg.submit(respond_and_update, [msg, chatbot], [chatbot, msg])
-       send.click(respond_and_update, [msg, chatbot], [chatbot, msg])
-       clear.click(clear_chat, outputs=[chatbot, msg])
-       
-       return demo
+    """Creates and configures the complete Gradio interface."""
+    
+    with gr.Blocks(
+        css=custom_css, 
+        title="EduBot", 
+        fill_width=True, 
+        fill_height=True,
+        theme=gr.themes.Base()
+    ) as demo:
+        # Add head content and MathJax
+        gr.HTML(html_head_content)
+        gr.HTML('<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>')
+        gr.HTML(mathjax_config)
+        
+        # Force full height container with aggressive CSS
+        gr.HTML('<style>.main-container { height: 100vh !important; display: flex !important; flex-direction: column !important; }</style>')
+        
+        with gr.Column(elem_classes=["main-container"]):
+            # Title Section
+            with gr.Row(height="10vh"):
+                gr.HTML('<div class="title-header"><h1>🎓 EduBot</h1></div>')
+            
+            # Chat Section
+            with gr.Row():
+                chatbot = gr.Chatbot(
+                    type="messages",
+                    show_copy_button=True,
+                    show_share_button=False,
+                    avatar_images=None,
+                    elem_id="main-chatbot",
+                    container=False,  # Remove wrapper
+                    scale=1,
+                    height="70vh"  # Explicit height instead of min_height
+                )
+            
+            # Input Section - fixed height
+            with gr.Row(elem_classes=["input-controls"]):
+                msg = gr.Textbox(
+                    placeholder="Ask me about math, research, study strategies, or any educational topic...",
+                    show_label=False,
+                    lines=4,
+                    max_lines=6,
+                    elem_classes=["input-textbox"],
+                    container=False,
+                    scale=4
+                )
+                with gr.Column(elem_classes=["button-column"], scale=1):
+                    send = gr.Button("Send", elem_classes=["send-button"], size="sm")
+                    clear = gr.Button("Clear", elem_classes=["clear-button"], size="sm")
+
+        # Set up event handlers
+        msg.submit(respond_and_update, [msg, chatbot], [chatbot, msg])
+        send.click(respond_and_update, [msg, chatbot], [chatbot, msg])
+        clear.click(clear_chat, outputs=[chatbot, msg])
+        
+        return demo
 
 # ===============================================================================
 # END UI CONFIGURATION SECTION