Update app.py

app.py

@@ -112,19 +112,6 @@ st.markdown("""
         padding: 15px !important;
         border-radius: 8px !important;
     }
-    .usage-metric {
-        padding: 10px;
-        background-color: #f8f9fa;
-        border-radius: 8px;
-        margin-bottom: 15px;
-        border-left: 5px solid #4CAF50;
-    }
-    .usage-metric-warning {
-        border-left: 5px solid #FFC107;
-    }
-    .usage-metric-danger {
-        border-left: 5px solid #F44336;
-    }
     .footer-text {
         font-size: 0.85rem !important;
         color: #7f8c8d;
@@ -154,60 +141,59 @@ with st.sidebar:
     st.image("https://img.icons8.com/color/96/000000/caduceus.png", width=80)
     st.markdown("### USMLE Step 1 Assistant")
     st.markdown("---")
-
-# Get user ID and remaining queries
-user_id = get_user_id()
-remaining_queries = get_remaining_queries(user_id)
-
-# Determine styling based on remaining queries
-status_color = "#4CAF50"  # Default green for good status
-if remaining_queries <= 2:
-    status_color = "#F44336"  # Red for low queries
-elif remaining_queries <= 3:
-    status_color = "#FFC107"  # Yellow/amber for warning
-
-# Create a universally visible usage indicator
-st.markdown("""
-<style>
-    .usage-container {
-        border-radius: 8px;
-        padding: 15px;
-        margin-bottom: 20px;
-        border-left: 5px solid var(--status-color);
-        background-color: rgba(240, 240, 240, 0.3);
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-    }
-    .usage-title {
-        font-weight: 600;
-        margin-bottom: 8px;
-        color: #333333;
-    }
-    .usage-value {
-        font-size: 1.2rem;
-        font-weight: 700;
-        color: #333333;
-    }
-    /* Dark mode specific styles */
-    @media (prefers-color-scheme: dark) {
+    
+    # Display remaining queries with visual indicator
+    user_id = get_user_id()
+    remaining_queries = get_remaining_queries(user_id)
+    
+    # Determine styling based on remaining queries
+    status_color = "#4CAF50"  # Default green for good status
+    if remaining_queries <= 2:
+        status_color = "#F44336"  # Red for low queries
+    elif remaining_queries <= 3:
+        status_color = "#FFC107"  # Yellow/amber for warning
+    
+    # Create a universally visible usage indicator
+    st.markdown("""
+    <style>
         .usage-container {
-            background-color: rgba(70, 70, 70, 0.2);
+            border-radius: 8px;
+            padding: 15px;
+            margin-bottom: 20px;
+            border-left: 5px solid var(--status-color);
+            background-color: rgba(240, 240, 240, 0.3);
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
         }
-        .usage-title, .usage-value {
-            color: #FFFFFF;
+        .usage-title {
+            font-weight: 600;
+            margin-bottom: 8px;
+            color: #333333;
         }
-    }
-</style>
-""", unsafe_allow_html=True)
-
-st.markdown(f"""
-<div class="usage-container" style="--status-color: {status_color}">
-    <div class="usage-title">Daily Usage</div>
-    <div class="usage-value">{remaining_queries}/{MAX_REQUESTS_PER_DAY} queries remaining</div>
-</div>
-""", unsafe_allow_html=True)
-
-# Help section in sidebar
-with st.sidebar:
+        .usage-value {
+            font-size: 1.2rem;
+            font-weight: 700;
+            color: #333333;
+        }
+        /* Dark mode specific styles */
+        @media (prefers-color-scheme: dark) {
+            .usage-container {
+                background-color: rgba(70, 70, 70, 0.2);
+            }
+            .usage-title, .usage-value {
+                color: #FFFFFF;
+            }
+        }
+    </style>
+    """, unsafe_allow_html=True)
+    
+    st.markdown(f"""
+    <div class="usage-container" style="--status-color: {status_color}">
+        <div class="usage-title">Daily Usage</div>
+        <div class="usage-value">{remaining_queries}/{MAX_REQUESTS_PER_DAY} queries remaining</div>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    # Help section in sidebar
     with st.expander("ℹ️ How to use"):
         st.markdown("""
         1. Type your USMLE Step 1 question in the chat input
@@ -361,9 +347,9 @@ It's designed to help with studying, but should not replace professional medical
 <p><strong>Performance Data</strong></p>
 <p>Our RAG-based system has been rigorously evaluated for accuracy and response quality. 
 <a href="https://github.com/Nahiyan140212/MedPrepAI-RAG" target="_blank">View detailed performance metrics on GitHub</a> 
-to learn about our testing methodology and results.</p>
+to learn about our testing methodology and benchmarking results.</p>
 
-<p>© 2025 USMLE Step 1 Assistant - Created by Nahiyan Noor</p>
+<p>© 2025 USMLE Step 1 Assistant - Created by [Your Name]</p>
 </div>
 """, unsafe_allow_html=True)