Update app.py

app.py

@@ -165,69 +165,151 @@ def respond_with_enhanced_streaming(
         logger.exception("Error in LangChain response generation")
         yield f"Sorry, I encountered an error: {str(e)[:150]}"
 
-# Create enhanced Gradio interface
-demo = gr.ChatInterface(
-    respond_with_enhanced_streaming,
-    title="🎓 EduBot | AI Learning Assistant",
-    description="""
-    **Your comprehensive AI tutor powered by LangChain!**
+# Your custom Glass theme with amber accent
+theme = gr.themes.Glass(
+    primary_hue="amber",
+    text_size="md",
+    radius_size="md",
+).set(
+    shadow_drop='*shadow_drop_lg',
+    shadow_drop_lg='*shadow_drop',
+    shadow_spread='*shadow_drop_lg',
+    block_info_text_weight='500',
+    button_border_width='*block_border_width'
+)
+
+# Create enhanced Gradio interface with your custom theme
+with gr.Blocks(theme=theme) as demo:
+    
+    gr.HTML("""
+    <div style='text-align: center; margin-bottom: 2rem;'>
+        <h1 style='font-size: 2.5rem; font-weight: bold; color: #d97706; margin-bottom: 0.5rem;'>
+            🎓 EduBot | AI Learning Assistant
+        </h1>
+        <p style='font-size: 1.2rem; color: #6b7280; margin-bottom: 1rem;'>
+            Your comprehensive AI tutor powered by LangChain!
+        </p>
+        <div style='background: rgba(217, 119, 6, 0.1); padding: 1rem; border-radius: 10px; margin: 1rem auto; max-width: 800px;'>
+            <p style='margin: 0; font-weight: 500;'>
+                🔧 <strong>LangChain Features:</strong> Dynamic prompt templates • Chain composition • Smart truncation • Enhanced error handling
+            </p>
+        </div>
+    </div>
+    """)
+    
+    with gr.Row():
+        with gr.Column(scale=3):
+            # Main chat interface
+            chatbot = gr.Chatbot(
+                height=500,
+                show_copy_button=True,
+                avatar_images=["👤", "🎓"],
+                placeholder="Hi! I'm EduBot. What would you like to learn today? 📚"
+            )
+            
+            msg = gr.Textbox(
+                placeholder="Ask me about math, research, study strategies, or any educational topic...",
+                container=False,
+                scale=7,
+                show_label=False
+            )
+            
+            with gr.Row():
+                clear_btn = gr.Button("🗑️ Clear Chat", variant="secondary", size="sm")
+                send_btn = gr.Button("📤 Send Message", variant="primary", size="sm")
+        
+        with gr.Column(scale=1):
+            gr.HTML("""
+            <div style='background: rgba(217, 119, 6, 0.1); padding: 1rem; border-radius: 10px; margin-bottom: 1rem;'>
+                <h3 style='margin-top: 0; color: #d97706;'>📚 Educational Modes</h3>
+                <ul style='margin: 0; padding-left: 1.2rem;'>
+                    <li><strong>🧮 Math Mode</strong> - Step-by-step solutions</li>
+                    <li><strong>🔍 Research Mode</strong> - Source finding & citations</li>
+                    <li><strong>📚 Study Mode</strong> - Learning strategies</li>
+                    <li><strong>🎓 General Mode</strong> - Comprehensive support</li>
+                </ul>
+            </div>
+            """)
+            
+            system_message = gr.Textbox(
+                value="You are EduBot, an expert AI learning assistant. Provide comprehensive, educational responses that help students truly understand concepts.",
+                label="Custom System Message",
+                placeholder="Customize how EduBot behaves...",
+                lines=3
+            )
+            
+            with gr.Accordion("Advanced Settings", open=False):
+                max_tokens = gr.Slider(
+                    minimum=1, 
+                    maximum=1024, 
+                    value=600, 
+                    step=1, 
+                    label="Max Tokens",
+                    info="Higher = longer responses"
+                )
+                
+                temperature = gr.Slider(
+                    minimum=0.1, 
+                    maximum=2.0, 
+                    value=0.7, 
+                    step=0.1, 
+                    label="Temperature",
+                    info="Higher = more creative"
+                )
+                
+                top_p = gr.Slider(
+                    minimum=0.1,
+                    maximum=1.0,
+                    value=0.9,
+                    step=0.05,
+                    label="Top-p",
+                    info="Controls diversity"
+                )
     
-    🔧 **Technical Features:**
-    • Dynamic prompt templates based on question type
-    • LangChain chain composition with `|` operator  
-    • Smart response truncation at sentence boundaries
-    • Enhanced error handling and logging
+    # Example questions section
+    gr.HTML("""
+    <div style='background: rgba(217, 119, 6, 0.05); padding: 1.5rem; border-radius: 10px; margin-top: 1rem;'>
+        <h3 style='margin-top: 0; color: #d97706; text-align: center;'>💡 Try These Example Questions</h3>
+    </div>
+    """)
     
-    📚 **Educational Modes:**
-    • 🧮 **Math Mode** - Step-by-step problem solving with detailed explanations
-    • 🔍 **Research Mode** - Source finding, evaluation, and citation guidance
-    • 📚 **Study Mode** - Learning strategies and exam preparation techniques
-    • 🎓 **General Mode** - Comprehensive educational support
+    examples = gr.Examples(
+        examples=[
+            ["Solve the quadratic equation x² + 5x + 6 = 0 with complete step-by-step explanations"],
+            ["How do I conduct a comprehensive literature review for my psychology research paper?"],
+            ["Create a detailed study schedule for my calculus and chemistry final exams"],
+            ["Explain derivatives in calculus with real-world applications and examples"],
+            ["How do I properly format citations in APA style with detailed guidelines?"]
+        ],
+        inputs=msg,
+        examples_per_page=5
+    )
     
-    💡 **Tip:** Try asking detailed questions for thorough explanations!
-    """,
-    examples=[
-        ["Solve the quadratic equation x² + 5x + 6 = 0 with complete step-by-step explanations"],
-        ["How do I conduct a comprehensive literature review for my psychology research paper?"],
-        ["Create a detailed study schedule for my calculus and chemistry final exams"],
-        ["Explain derivatives in calculus with real-world applications and examples"],
-        ["How do I properly format citations in APA style with detailed guidelines?"]
-    ],
-    additional_inputs=[
-        gr.Textbox(
-            value="You are EduBot, an expert AI learning assistant. Provide comprehensive, educational responses that help students truly understand concepts.",
-            label="Custom System Message",
-            placeholder="Customize how EduBot behaves...",
-            lines=2
-        ),
-        gr.Slider(
-            minimum=1, 
-            maximum=1024, 
-            value=600, 
-            step=1, 
-            label="Max Tokens"
-        ),
-        gr.Slider(
-            minimum=0.1, 
-            maximum=2.0, 
-            value=0.7, 
-            step=0.1, 
-            label="Temperature"
-        ),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.9,
-            step=0.05,
-            label="Top-p"
-        ),
-    ],
-    theme=gr.themes.Soft(
-        primary_hue="blue",
-        secondary_hue="green"
+    # Enhanced response function for Blocks
+    def respond_and_update(message, history, system_msg, max_tok, temp, top_p):
+        # Get the streaming response
+        for response in respond_with_enhanced_streaming(message, history, system_msg, max_tok, temp, top_p):
+            history.append([message, response])
+            yield history, ""
+        
+    # Event handlers
+    msg.submit(
+        respond_and_update,
+        [msg, chatbot, system_message, max_tokens, temperature, top_p],
+        [chatbot, msg]
+    )
+    
+    send_btn.click(
+        respond_and_update,
+        [msg, chatbot, system_message, max_tokens, temperature, top_p],
+        [chatbot, msg]
+    )
+    
+    clear_btn.click(
+        lambda: ([], ""),
+        outputs=[chatbot, msg]
     )
-)
 
 if __name__ == "__main__":
-    logger.info("Starting EduBot application...")
+    logger.info("Starting EduBot application with custom Glass theme...")
     demo.launch()