Add updated files

app.py

@@ -25,13 +25,16 @@ def generate_audio(text):
     return filepath
 
 def get_stats_html(water, energy, co2, points):
+    # Calculate percentage for the progress bar based on a 10L max
+    water_percent = max(0, min(100, (water / 10.0) * 100))
+    
     return f"""
     <div class="stats-container">
         <div class="stat-card water-card">
-            <div class="stat-label">WATER TANK</div>
+            <div class="stat-label">WATER TANK (10L MAX)</div>
             <div class="stat-value">{water:.2f}L</div>
             <div class="progress-bar-bg">
-                <div class="progress-bar-fill" style="width: {water}%;"></div>
+                <div class="progress-bar-fill" style="width: {water_percent}%;"></div>
             </div>
         </div>
         <div class="stat-card energy-card">
@@ -50,13 +53,14 @@ def get_stats_html(water, energy, co2, points):
     """
 
 def get_drip_visuals(water_level):
-    if water_level > 70:
+    # Adjusted visual thresholds for a 10L max
+    if water_level > 7.0:
         g_start, g_end = "#7dd3fc", "#0369a1"
         mouth_d = "M43 112 Q60 122 77 112"
         cracks_op, sweat_op, tear_op = "0", "0", "0"
-        mood, mood_color = "Hydrated and (barely) coping", "rgb(34, 211, 238)"
+        mood, mood_color = "Hydrated and coping", "rgb(34, 211, 238)"
         anim = "bounce 2s infinite ease-in-out"
-    elif 30 <= water_level <= 70:
+    elif 3.0 <= water_level <= 7.0:
         g_start, g_end = "#38bdf8", "#0284c7"
         mouth_d = "M43 112 Q60 110 77 112"
         cracks_op, sweat_op, tear_op = "0", "1", "0"
@@ -140,7 +144,6 @@ def format_alt_button(text):
 
 def process_query(user_input, selected_model, state):
     if state["game_over"] or not user_input.strip():
-        # Notice we are returning an extra update at the end for the user_input box
         return [state, gr.update()] + [gr.update()]*9 + [gr.update()]
 
     result = classifier(user_input, CATEGORIES)
@@ -179,7 +182,6 @@ def process_query(user_input, selected_model, state):
         state["game_over"] = True
         return (state, stats_ui, drip_ui, audio_path, impact_ui, gr.update(value="<div class='feedback-box'>Game Over! Check your score.</div>"), gr.update(visible=False), gr.update(), gr.update(), gr.update(), gr.update(), gr.update(value=""))
 
-    # The 12th return item is the empty string to clear the user_input
     return (state, stats_ui, drip_ui, audio_path, impact_ui, gr.update(value=feedback_text), gr.update(visible=show_alts), 
             gr.update(value=alt_choices[0]), gr.update(value=alt_choices[1]), gr.update(value=alt_choices[2]), gr.update(value=""), gr.update(value=""))
 
@@ -243,10 +245,8 @@ h1 { text-align: center; color: #38bdf8; text-shadow: 0 0 15px rgba(56, 189, 248
 .custom-dropdown { background: rgba(30, 41, 59, 0.8) !important; border: 1px solid #38bdf8 !important; border-radius: 12px !important; }
 """
 
-# ... (Keep all your CSS, HTML, and helper functions above exactly the same) ...
-
 with gr.Blocks(title="EcoQueryQuest") as demo:
-    # 1. Update the starting game state to 10.0 Liters
+    # Set the starting game state back to 10L
     game_state = gr.State({
         "water": 10.0, "energy": 0.0, "co2": 0.0, "points": 0, "queries": 0, 
         "history": [], "game_over": False, "current_best_alt": None, "current_shuffled_alts": []
@@ -255,12 +255,12 @@ with gr.Blocks(title="EcoQueryQuest") as demo:
     gr.Markdown("<h1>🌍 EcoQueryQuest</h1>")
     gr.Markdown("<div class='subtitle'>Select a model, type a query, and watch Drip react. Reach 500 points to win!</div>")
 
-    # 2. Update the initial stats HTML render to 10.0 Liters
+    # Set the initial UI render to 10L
     stats_html = gr.HTML(get_stats_html(10.0, 0.0, 0.0, 0))
 
     with gr.Row():
         with gr.Column(scale=1, elem_classes=["drip-pod"]):
-            # 3. Update the initial Drip visual render to 10.0 Liters
+            # Render initial Drip at 10L
             drip_html = gr.HTML(get_drip_visuals(10.0))
             drip_audio = gr.Audio(label="Drip's Voice", autoplay=True, interactive=False, elem_classes=["drip-audio"])
             drip_feedback = gr.HTML("<div class='feedback-box'>Waiting for your first query...</div>")

dialogues.py

@@ -1,17 +1,17 @@
 DIALOGUES = {
-    "energetic": {  # >70L
+    "energetic": {  # > 7.0L
         "simple factual question": "A simple fact! Look at you, saving my precious drops. Keep it up!",
         "mathematical calculation": "Math? Easy peasy! Barely broke a sweat, or, well, evaporated a drop.",
         "creative content generation": "Getting creative, are we? I'm feeling generous today, so I'll let it slide, but watch my levels!",
         "complex research query": "Deep dive! Okay, I've got the energy for this right now, but it's costing us!"
     },
-    "tired": {  # 30-70L
+    "tired": {  # 3.0L - 7.0L
         "simple factual question": "*Sigh* Fine. Here's your fact. But maybe try a book next time?",
         "mathematical calculation": "I guess I can crunch those numbers. But my reserves are dropping...",
         "creative content generation": "Oh great, another essay request! I was planning to hydrate a small village, but your creativity is clearly more important.",
         "complex research query": "You're really draining me here. Do you *really* need me for this massive search?"
     },
-    "raspy": {  # <30L
+    "raspy": {  # < 3.0L
         "simple factual question": "Barely... hanging... on... just Google it next time, please...",
         "mathematical calculation": "*Cough* Grab a calculator... I'm evaporating...",
         "creative content generation": "Evaporating... for a poem... what a cruel world...",
@@ -20,9 +20,10 @@ DIALOGUES = {
 }
 
 def get_dialogue(water_level, category):
-    if water_level > 70:
+    # Adjusted thresholds for a 10L maximum limit
+    if water_level > 7.0:
         state = "energetic"
-    elif 30 <= water_level <= 70:
+    elif 3.0 <= water_level <= 7.0:
         state = "tired"
     else:
         state = "raspy"