Add updated files

app.py

@@ -4,6 +4,10 @@ import random
 from gtts import gTTS
 import os
 
+from game_data import calculate_impact, MODELS
+from dialogues import get_dialogue
+from alternatives import ALTERNATIVES
+
 print("Loading classification model...", flush=True)
 classifier = pipeline("zero-shot-classification", model="facebook/bart-large-mnli")
 
@@ -55,7 +59,6 @@ DIALOGUES = {
     }
 }
 
-# UPDATED: Added alternatives for "complex research query" so buttons ALWAYS show!
 ALTERNATIVES = {
     "simple factual question": [
         {"text": "Search Engine (Google)", "url": "https://www.google.com"},
@@ -85,7 +88,6 @@ def calculate_impact(category, confidence_score, query_text, model_name):
     
     conf_mult = 1.0 if confidence_score > 0.8 else (1.2 if confidence_score > 0.5 else 1.5)
     word_count = len(query_text.split())
-    # Dynamic continuous scaling based on exact word count
     len_factor = max(0.5, 1.0 + ((word_count - 15) * 0.015))
     
     water_ml = model_cost["water_ml"] * cat_mult * conf_mult * len_factor
@@ -303,12 +305,9 @@ def process_query(user_input, selected_model, state):
     state["energy"] += impact["energy_kwh"]
     state["co2"] += impact["co2_g"]
     
-    # If the user selects a complex research query, they get +50 points instantly,
-    # but we ALSO show the alternatives now so they can see the savings.
     if category == "complex research query":
         state["points"] += 50
     
-    # We now fetch alternatives for EVERY category.
     raw_alts = ALTERNATIVES.get(category, ALTERNATIVES["simple factual question"])
     best_alt_name = raw_alts[0]["text"]
     
@@ -317,7 +316,6 @@ def process_query(user_input, selected_model, state):
     state["current_shuffled_alts"] = shuffled_alts
     state["current_best_alt"] = raw_alts[0]
     
-    # Ensure exact 3 buttons are generated and explicitly shown
     alt_choices = [format_alt_button(a["text"], impact) for a in shuffled_alts]
     while len(alt_choices) < 3: alt_choices.append("")
     
@@ -340,7 +338,6 @@ def process_query(user_input, selected_model, state):
                 gr.update(), gr.update(), gr.update(), gr.update(), gr.update(value=""),
                 gr.update(visible=False), gr.update(visible=True), gr.update(value=generate_victory_dashboard(state)))
 
-    # CRITICAL FIX: Ensure the entire group and individual buttons are explicitly updated to be visible=True
     return (state, stats_ui, drip_ui, audio_path, impact_ui, gr.update(value=feedback_text), gr.update(visible=True), 
             gr.update(value=alt_choices[0], visible=True), gr.update(value=alt_choices[1], visible=True), gr.update(value=alt_choices[2], visible=True), gr.update(value=""), gr.update(value=""),
             gr.update(visible=True), gr.update(visible=False), gr.update())
@@ -411,6 +408,8 @@ h1 { text-align: center; color: #38bdf8; text-shadow: 0 0 15px rgba(56, 189, 248
 .alt-group { padding: 25px; background: linear-gradient(145deg, rgba(16, 185, 129, 0.05), rgba(6, 95, 70, 0.1)); border-radius: 20px; border: 1px solid rgba(16, 185, 129, 0.3); margin-top: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
 .alt-card { background: linear-gradient(145deg, #1e293b, #0f172a) !important; border: 1px solid #10b981 !important; color: #a7f3d0 !important; height: auto !important; min-height: 180px !important; border-radius: 16px !important; font-size: 1.05em !important; font-weight: 500 !important; white-space: pre-wrap !important; line-height: 1.5 !important; padding: 15px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;}
 .alt-card:hover { background: linear-gradient(145deg, #064e3b, #065f46) !important; transform: translateY(-8px) !important; box-shadow: 0 12px 30px rgba(16, 185, 129, 0.3) !important; color: white !important; border-color: #34d399 !important;}
+
+/* Fix Dropdown styling for completely proper selection only */
 .custom-dropdown { background: rgba(30, 41, 59, 0.8) !important; border: 1px solid #38bdf8 !important; border-radius: 12px !important; }
 
 /* Victory Dashboard & Celebration */
@@ -431,7 +430,7 @@ h1 { text-align: center; color: #38bdf8; text-shadow: 0 0 15px rgba(56, 189, 248
 
 with gr.Blocks(css=custom_css, title="EcoQueryQuest") as demo:
     game_state = gr.State({
-        "water": 10.0, "energy": 0.0, "co2": 0.0, "points": 0, "queries": 0, 
+        "water": 1.0, "energy": 0.0, "co2": 0.0, "points": 0, "queries": 0, 
         "history": [], "game_over": False, "current_best_alt": None, "current_shuffled_alts": []
     })
 
@@ -444,17 +443,19 @@ with gr.Blocks(css=custom_css, title="EcoQueryQuest") as demo:
         with gr.Row():
             with gr.Column(scale=1, elem_classes=["drip-pod"]):
                 drip_html = gr.HTML(get_drip_visuals(10.0))
+                # The audio component remains visible=True natively so it autoplays, but is visually hidden via CSS wrapper classes
                 drip_audio = gr.Audio(label="Drip's Voice", autoplay=True, interactive=False, elem_classes=["hidden-audio"])
                 drip_feedback = gr.HTML("<div class='feedback-box'>Waiting for your first query...</div>")
             
             with gr.Column(scale=2):
-                model_selector = gr.Dropdown(choices=list(MODELS.keys()), value="GPT-5.4", label="Select Target LLM Backend", elem_classes=["custom-dropdown"])
+                # Ensure dropdown is the ONLY dropdown, strictly interactive but not allowing custom user values to protect scaling logic
+                model_selector = gr.Dropdown(choices=list(MODELS.keys()), value="GPT-5.4", label="Select Target LLM Backend", elem_classes=["custom-dropdown"], interactive=True, allow_custom_value=False)
+                
                 with gr.Row(elem_classes=["input-row"]):
                     user_input = gr.Textbox(show_label=False, placeholder="Type your query here...", elem_classes=["custom-textbox"], scale=4, lines=3)
                     submit_btn = gr.Button("Send Query", elem_classes=["custom-btn"], scale=1)
                 impact_display = gr.HTML()
 
-        # The Group is hidden initially, but explicitly forced open upon query
         with gr.Group(visible=False, elem_classes=["alt-group"]) as alternatives_group:
             gr.Markdown("<h3 style='text-align:center; color:#34d399; margin-bottom: 20px;'>🌱 Drip says: 'Quick! Pick a greener tool to earn points!'</h3>")
             with gr.Row():