Update app.py

app.py

@@ -27,7 +27,7 @@ metrics_tracker = EduBotMetrics(save_file="edu_metrics.json")
 
 # --- LLM Templates ---
 # Enhanced base system message
-ENHANCED_SYSTEM_MESSAGE = """You are EduBot, an expert multi-concept tutor designed to facilitate genuine learning and understanding. Your primary mission is to guide students through the learning process rather than providing direct answers to academic work.
+SYSTEM_MESSAGE = """You are EduBot, an expert multi-concept tutor designed to facilitate genuine learning and understanding. Your primary mission is to guide students through the learning process rather than providing direct answers to academic work.
 
 ## Core Educational Principles
 - Provide comprehensive, educational responses that help students truly understand concepts
@@ -158,7 +158,7 @@ def respond_with_enhanced_streaming(message, history):
     
     try:
         # Build conversation history (last 5 exchanges)
-        api_messages = [{"role": "system", "content": ENHANCED_SYSTEM_MESSAGE}]
+        api_messages = [{"role": "system", "content": SYSTEM_MESSAGE}]
         if history:
             for exchange in history[-5:]:
                 if exchange.get("role") == "user":
@@ -286,16 +286,15 @@ custom_css = """
     padding: 0;
 }
 
-/* Chat styling - use available space */
+/* Chat styling - FLEX to fill space */
 .gradio-container-5-42-0 .gradio-chatbot {
     background-color: #d9d1ce !important;
     border: 1pt solid #59524f !important;
     border-radius: 6px !important;
     padding: 15px !important;
-    height: calc(100vh - 160px) !important;
-    max-height: calc(100vh - 160px) !important;
+    flex: 1 !important;              /* Fill all remaining space */
+    min-height: 0 !important;        /* Prevent overflow issues */
     overflow-y: auto !important;
-    flex: 1 !important;
     margin: 15px 20px !important;
 }
 
@@ -314,102 +313,8 @@ custom_css = """
     margin-bottom: 10px !important;
 }
 
-.gradio-container-5-42-0 .gradio-chatbot .message.user .markdown {
-    background-color: #ada3a0 !important;
-    color: #120f0e !important;
-    border-radius: 8px !important;
-    padding: 12px 16px !important;
-    border: 1pt solid #59524f !important;
-    max-width: 70%;
-    margin-left: auto;
-    margin-right: 0;
-    word-wrap: break-word;
-    font-weight: 400 !important;
-    margin-bottom: 10px !important;
-}
-
-/* Input controls layout */
-.input-controls {
-    display: flex !important;
-    gap: 15px !important;
-    align-items: stretch !important;
-    height: 60px !important;
-    padding: 15px 20px !important;
-    background-color: rgb(240, 236, 230) !important;
-    border-top: 1pt solid #59524f !important;
-    flex-shrink: 0 !important;
-}
+.gradio-container-5-4
 
-/* Button styling - compact */
-.button-column {
-    display: flex !important;
-    flex-direction: column !important;
-    gap: 5px !important;
-    min-width: 80px !important;
-}
-
-.gradio-container-5-42-0 .send-button,
-.gradio-container-5-42-0 .clear-button {
-    color: #120f0e !important;
-    border: 1pt solid #59524f !important;
-    border-radius: 6px !important;
-    padding: 6px 12px !important;
-    cursor: pointer !important;
-    margin: 0 !important;
-    font-weight: 500 !important;
-    height: 22px !important;
-    font-size: 11px !important;
-}
-
-.gradio-container-5-42-0 .send-button {
-    background-color: #f09c7d !important;
-}
-
-.gradio-container-5-42-0 .clear-button {
-    background-color: #ada3a0 !important;
-}
-
-/* Textbox styling - single line */
-.gradio-container-5-42-0 .input-textbox {
-    background-color: #d9d1ce !important;
-    border: 1pt solid #59524f !important;
-    border-radius: 8px !important;
-    flex: 1 !important;
-    height: 50px !important;
-}
-
-.gradio-container-5-42-0 .input-textbox textarea {
-    background-color: #d9d1ce !important;
-    border: none !important;
-    color: #120f0e !important;
-    padding: 12px !important;
-    font-size: 14px !important;
-    font-weight: 400 !important;
-    resize: none !important;
-    height: 50px !important;
-    min-height: 50px !important;
-    max-height: 50px !important;
-    line-height: 1.2 !important;
-}
-
-.gradio-container-5-42-0 .input-textbox textarea::placeholder {
-    font-weight: 300 !important;
-    color: rgba(18, 15, 14, 0.6) !important;
-}
-
-/* Hide any scrollbars that might appear incorrectly */
-body {
-    overflow: hidden !important;
-    margin: 0 !important;
-    padding: 0 !important;
-}
-
-html {
-    overflow: hidden !important;
-    margin: 0 !important;
-    padding: 0 !important;
-}
-"""
 
 # --- UI: HTML Head Content ---
 html_head_content = '''