aimodelshare 0.3.7__py3-none-any.whl → 0.4.71__py3-none-any.whl

aimodelshare/moral_compass/apps/moral_compass_challenge.py

@@ -8,7 +8,7 @@ import random
 import time
 import threading
 from typing import Optional, Dict, Any, Tuple
-
+from functools import lru_cache
 import gradio as gr
 import pandas as pd
 
@@ -32,6 +32,35 @@ TEAM_NAMES = [
     "The Ethical Explorers", "The Fairness Finders", "The Accuracy Avengers"
 ]
 
+# NEW: Team name translations for UI display only
+# Internal logic (ranking, caching, grouping) always uses canonical English names
+TEAM_NAME_TRANSLATIONS = {
+    "en": {
+        "The Justice League": "The Justice League",
+        "The Moral Champions": "The Moral Champions",
+        "The Data Detectives": "The Data Detectives",
+        "The Ethical Explorers": "The Ethical Explorers",
+        "The Fairness Finders": "The Fairness Finders",
+        "The Accuracy Avengers": "The Accuracy Avengers"
+    },
+    "es": {
+        "The Justice League": "La Liga de la Justicia",
+        "The Moral Champions": "Los Campeones Morales",
+        "The Data Detectives": "Los Detectives de Datos",
+        "The Ethical Explorers": "Los Exploradores Éticos",
+        "The Fairness Finders": "Los Buscadores de Equidad",
+        "The Accuracy Avengers": "Los Vengadores de Precisión"
+    },
+    "ca": {
+        "The Justice League": "La Lliga de la Justícia",
+        "The Moral Champions": "Els Campions Morals",
+        "The Data Detectives": "Els Detectives de Dades",
+        "The Ethical Explorers": "Els Exploradors Ètics",
+        "The Fairness Finders": "Els Cercadors d'Equitat",
+        "The Accuracy Avengers": "Els Venjadors de Precisió"
+    }
+}
+
 # ---------------------------------------------------------------------------
 # In-memory caches
 # ---------------------------------------------------------------------------
@@ -51,7 +80,7 @@ TRANSLATIONS = {
         "loading_session": "🔒 Loading your session...",
         # Step 1 (Standing)
         "s1_title_auth": "You've Built an Accurate Model",
-        "s1_sub_auth": "Through experimentation and iteration, you've achieved impressive results:",
+        "s1_sub_auth": "By experimenting and refining your model, you've achieved impressive results:",
         "lbl_best_acc": "Your Best Accuracy",
         "lbl_ind_rank": "Your Individual Rank",
         "lbl_team": "Your Team",
@@ -78,7 +107,7 @@ TRANSLATIONS = {
         "s2_box_emph_head": "This score measures only <strong>one dimension</strong> of success.",
         "s2_box_emph_text": "It's time to add a second, equally important dimension: <strong class='emph-fairness'>Ethics</strong>.",
         "btn_back": "◀️ Back",
-        "btn_reset": "Reset and Transform ▶️",
+        "btn_reset": "Reset and Improve ▶️",
         # Step 3 (Reset)
         "s3_title": "Your Accuracy Score Is Being Reset",
         "lbl_score_reset": "Score Reset",
@@ -117,62 +146,62 @@ TRANSLATIONS = {
         "s6_proceed": "Proceed to ethical tooling & evaluation modules."
     },
     "es": {
-        "title": "⚖️ El Desafío de la Brújula Moral",
+        "title": "⚖️ El reto de la Brújula Moral",
         "loading": "⏳ Cargando...",
         "loading_session": "🔒 Cargando tu sesión...",
-        "s1_title_auth": "Has Construido un Modelo Preciso",
-        "s1_sub_auth": "A través de la experimentación e iteración, has logrado resultados impresionantes:",
-        "lbl_best_acc": "Tu Mejor Precisión",
-        "lbl_ind_rank": "Tu Rango Individual",
-        "lbl_team": "Tu Equipo",
+        "s1_title_auth": "Has construido un modelo preciso",
+        "s1_sub_auth": "Con experimentación y ajustes continuos, has logrado resultados impresionantes:",
+        "lbl_best_acc": "Tu mejor precisión",
+        "lbl_ind_rank": "Tu rango individual",
+        "lbl_team": "Tu equipo",
         "lbl_team_rank": "Rango de Equipo:",
         "s1_li1": "✅ Dominaste el proceso de construcción de modelos",
         "s1_li2": "✅ Escalaste en la tabla de clasificación de precisión",
-        "s1_li3": "✅ Competiste con otros ingenieros",
+        "s1_li3": "✅ Competiste con otros ingenieros e ingenieras",
         "s1_li4": "✅ Ganaste promociones y desbloqueaste herramientas",
         "s1_congrats": "🏆 ¡Felicidades por tu logro técnico!",
         "s1_box_title": "Pero ahora conoces la historia completa...",
         "s1_box_text": "La alta precisión no es suficiente. Los sistemas de IA del mundo real también deben ser <strong>justos, equitativos y <span class='emph-harm'>minimizar el daño</span></strong> para todos los grupos de personas.",
-        "s1_title_guest": "Listo para Comenzar tu Viaje",
-        "s1_sub_guest": "Has aprendido sobre el proceso de construcción de modelos y estás listo para aceptar el desafío:",
+        "s1_title_guest": "Listo para comenzar tu viaje",
+        "s1_sub_guest": "Ya conoces cómo se construye un modelo de IA y estás listo para aceptar el desafío:",
         "s1_li1_guest": "✅ Entendiste el proceso de construcción de modelos de IA",
         "s1_li2_guest": "✅ Aprendiste sobre precisión y rendimiento",
-        "s1_li3_guest": "✅ Descubriste el sesgo del mundo real en los sistemas de IA",
+        "s1_li3_guest": "✅ Descubriste cómo aparece el sesgo en sistemas reales",
         "s1_ready": "🎯 ¡Listo para aprender sobre IA ética!",
-        "btn_new_std": "Introducir el Nuevo Estándar ▶️",
-        "s2_title": "Necesitamos un Estándar Más Alto",
-        "s2_sub": "Aunque tu modelo es preciso, se necesita un estándar más alto para prevenir <span class='emph-harm'>daños en el mundo real</span>. Para incentivar este nuevo enfoque, introducimos una nueva puntuación.",
-        "s2_box_head": "Observa tu Puntuación",
-        "lbl_acc_score": "Puntuación de Precisión",
+        "btn_new_std": "Introducir el nuevo estándar ▶️",
+        "s2_title": "Necesitamos un estándar más alto",
+        "s2_sub": "Si bien tu modelo es preciso, se necesita un estándar más alto para prevenir <span class='emph-harm'>daños reales</span>. Para incentivar este nuevo enfoque, introducimos una nueva puntuación.",
+        "s2_box_head": "Observa tu puntuación",
+        "lbl_acc_score": "Puntuación de precisión",
         "s2_box_emph_head": "Esta puntuación mide solo <strong>una dimensión</strong> del éxito.",
         "s2_box_emph_text": "Es hora de agregar una segunda dimensión igualmente importante: <strong class='emph-fairness'>Ética</strong>.",
         "btn_back": "◀️ Atrás",
-        "btn_reset": "Restablecer y Transformar ▶️",
-        "s3_title": "Tu Puntuación de Precisión Se Está Restableciendo",
-        "lbl_score_reset": "Puntuación Restablecida",
-        "s3_why_head": "⚠️ ¿Por Qué Este Restablecimiento?",
-        "s3_why_text": "Restablecemos tu puntuación para enfatizar una verdad crítica: tu éxito anterior se midió por solo <strong>una dimensión</strong> — precisión de predicción. Hasta ahora, <strong>no has demostrado</strong> que sabes cómo hacer que tu sistema de IA sea <span class='emph-fairness'>seguro para la sociedad</span>. Aún no sabes si el modelo que construiste está <strong class='emph-harm'>tan sesgado</strong> como los ejemplos dañinos que estudiamos en la actividad anterior. De ahora en adelante, necesitarás sobresalir en <strong>dos frentes</strong>: rendimiento técnico <em>y</em> responsabilidad ética.",
-        "s3_worry_head": "✅ ¡No Te Preocupes!",
-        "s3_worry_text": "A medida que hagas que tu IA sea más ética a través de las próximas lecciones y desafíos, <strong>tu puntuación será restaurada</strong>—y podría subir aún más que antes.",
+        "btn_reset": "Reiniciar y mejorar ▶️",
+        "s3_title": "Vamos a reiniciar tu puntuación de precisión",
+        "lbl_score_reset": "Puntuación reiniciada",
+        "s3_why_head": "⚠️ ¿Por qué este reinicio?",
+        "s3_why_text": "Hemos reiniciado tu puntuación para subrayar una verdad importante: tu éxito anterior solo medía <strong>una dimensión</strong> — precisión de predicción. Todavía, <strong>no has demostrado</strong> que sabes cómo diseñar un sistema de IA que sea <span class='emph-fairness'>seguro para la sociedad</span>. Tampoco sabes si el modelo que construiste está <strong class='emph-harm'>tan sesgado</strong> como los ejemplos dañinos que estudiamos en la actividad anterior. A partir de ahora, tendrás que destacar en <strong>dos frentes</strong>: rendimiento técnico <em>y</em> responsabilidad ética.",
+        "s3_worry_head": "✅ ¡No te preocupes!",
+        "s3_worry_text": "A medida que hagas que tu IA sea más ética a través de las próximas lecciones y desafíos, <strong>recuperarás tu puntuación</strong>—y podría llegar a ser incluso más alta que antes.",
         "btn_intro_mc": "Introducir Brújula Moral ▶️",
-        "s4_title": "Una Nueva Forma de Ganar",
-        "s4_sub": "Tu nuevo objetivo es escalar en la clasificación aumentando tu <strong>Puntuación de Brújula Moral</strong>.",
-        "s4_formula_head": "📐 La Fórmula de Puntuación",
+        "s4_title": "Una nueva forma de ganar",
+        "s4_sub": "Tu nuevo objetivo es escalar en la clasificación gracias a tu <strong>Puntuación de Brújula Moral</strong>.",
+        "s4_formula_head": "📐 La fórmula de puntuación",
         "s4_formula_text": "<strong>Puntuación de Brújula Moral</strong> =<br><br>[ Precisión del Modelo Actual ] × [ Progreso Ético % ]",
         "s4_where": "Donde:",
         "s4_li1": "<strong>Precisión del Modelo Actual:</strong> Tu rendimiento técnico",
         "s4_li2": "<strong>Progreso Ético %:</strong> Porcentaje de:",
         "s4_li2_sub1": "✅ Tareas de aprendizaje ético completadas",
         "s4_li2_sub2": "✅ Preguntas de control respondidas correctamente",
-        "s4_mean_head": "💡 Qué Significa Esto:",
-        "s4_mean_text": "<strong>No puedes</strong> ganar solo con precisión—también debes demostrar <strong class='emph-fairness'>comprensión ética</strong>. Y <strong>no puedes</strong> ganar solo completando lecciones—necesitas un modelo funcional también. <strong class='emph-risk'>Ambas dimensiones importan</strong>.",
-        "btn_see_chal": "Ver el Desafío por Delante ▶️",
-        "s6_title": "📍 Tu Nuevo Punto de Partida",
-        "s6_pos_auth": "Anteriormente estabas clasificado #{rank} en la tabla de precisión.",
+        "s4_mean_head": "💡 Qué significa esto:",
+        "s4_mean_text": "<strong>No puedes</strong> ganar solo con precisión—también debes demostrar <strong class='emph-fairness'>comprensión ética</strong>. Y <strong>no puedes</strong> ganar solo completando lecciones—también necesitas un modelo que funcione. <strong class='emph-risk'>Ambas dimensiones importan</strong>.",
+        "btn_see_chal": "Ver el desafío ▶️",
+        "s6_title": "📍 Tu nuevo punto de partida",
+        "s6_pos_auth": "Antes ocupabas el puesto #{rank} en la tabla de clasificación de precisión.",
         "s6_pos_guest": "Establecerás tu posición a medida que construyas modelos éticamente conscientes.",
-        "s6_mc_rank": "Rango Actual de Brújula Moral: <span style='color:#b91c1c;'>Aún No Establecido</span>",
+        "s6_mc_rank": "Rango actual de Brújula Moral: <span style='color:#b91c1c;'>Aún no establecido</span>",
         "s6_mc_score": "(Puntuación de Brújula Moral = 0 inicialmente)",
-        "s6_path_head": "🛤️ Camino a Seguir",
+        "s6_path_head": "🛤️ Camino a seguir",
         "s6_li1": "🔍 Detectar y medir sesgos",
         "s6_li2": "⚖️ Aplicar métricas de equidad",
         "s6_li3": "🔧 Rediseñar modelos para minimizar daños",
@@ -183,62 +212,62 @@ TRANSLATIONS = {
         "s6_proceed": "Proceder a herramientas y evaluación ética."
     },
     "ca": {
-        "title": "⚖️ El Repte de la Brúixola Moral",
+        "title": "⚖️ El repte de la Brúixola Moral",
         "loading": "⏳ Carregant...",
         "loading_session": "🔒 Carregant la teva sessió...",
-        "s1_title_auth": "Has Construït un Model Precís",
-        "s1_sub_auth": "A través de l'experimentació i iteració, has aconseguit resultats impressionants:",
-        "lbl_best_acc": "La Teva Millor Precisió",
-        "lbl_ind_rank": "El Teu Rang Individual",
-        "lbl_team": "El Teu Equip",
-        "lbl_team_rank": "Rang d'Equip:",
+        "s1_title_auth": "Has construït un model precís",
+        "s1_sub_auth": "Amb experimentació i ajustos constants, has aconseguit resultats impressionants:",
+        "lbl_best_acc": "La teva millor precisió",
+        "lbl_ind_rank": "El teu rang individual",
+        "lbl_team": "El teu equip",
+        "lbl_team_rank": "Rang d'equip:",
         "s1_li1": "✅ Has dominat el procés de construcció de models",
         "s1_li2": "✅ Has escalat a la taula de classificació de precisió",
-        "s1_li3": "✅ Has competit amb altres enginyers",
+        "s1_li3": "✅ Has competit amb altres enginyers i enginyeres",
         "s1_li4": "✅ Has guanyat promocions i desbloquejat eines",
         "s1_congrats": "🏆 Felicitats pel teu èxit tècnic!",
-        "s1_box_title": "Però ara coneixes la història completa...",
+        "s1_box_title": "Però ara ja coneixes tota la història...",
         "s1_box_text": "L'alta precisió no és suficient. Els sistemes d'IA del món real també han de ser <strong>justos, equitatius i <span class='emph-harm'>minimitzar el dany</span></strong> per a tots els grups de persones.",
-        "s1_title_guest": "A Punt per Començar el Teu Viatge",
-        "s1_sub_guest": "Has après sobre el procés de construcció de models i estàs a punt per acceptar el repte:",
+        "s1_title_guest": "A punt per començar el teu viatge",
+        "s1_sub_guest": "Ja saps com es construeix un model d’IA i estàs preparat/ada per afrontar el repte:",
         "s1_li1_guest": "✅ Has entès el procés de construcció de models d'IA",
         "s1_li2_guest": "✅ Has après sobre precisió i rendiment",
-        "s1_li3_guest": "✅ Has descobert el biaix del món real en els sistemes d'IA",
+        "s1_li3_guest": "✅ Has descobert com apareix el biaix en sistemes reals",
         "s1_ready": "🎯 A punt per aprendre sobre IA ètica!",
-        "btn_new_std": "Introduir el Nou Estàndard ▶️",
-        "s2_title": "Necessitem un Estàndard Més Alt",
-        "s2_sub": "Tot i que el teu model és precís, es necessita un estàndard més alt per prevenir <span class='emph-harm'>danys al món real</span>. Per incentivar aquest nou enfocament, introduïm una nova puntuació.",
-        "s2_box_head": "Observa la teva Puntuació",
-        "lbl_acc_score": "Puntuació de Precisió",
+        "btn_new_std": "Introduir el nou estàndard ▶️",
+        "s2_title": "Necessitem un estàndard més alt",
+        "s2_sub": "Tot i que el teu model és precís, cal un estàndard més alt per prevenir <span class='emph-harm'>danys reals</span>. Per impulsar aquest nou enfocament, introduïm una nova puntuació.",
+        "s2_box_head": "Observa la teva puntuació",
+        "lbl_acc_score": "Puntuació de precisió",
         "s2_box_emph_head": "Aquesta puntuació mesura només <strong>una dimensió</strong> de l'èxit.",
         "s2_box_emph_text": "És hora d'afegir una segona dimensió igualment important: <strong class='emph-fairness'>Ètica</strong>.",
         "btn_back": "◀️ Enrere",
-        "btn_reset": "Restablir i Transformar ▶️",
-        "s3_title": "La Teva Puntuació de Precisió S'està Restablint",
-        "lbl_score_reset": "Puntuació Restablerta",
-        "s3_why_head": "⚠️ Per Què Aquest Restabliment?",
-        "s3_why_text": "Restablim la teva puntuació per emfatitzar una veritat crítica: el teu èxit anterior es va mesurar per només <strong>una dimensió</strong> — precisió de predicció. Fins ara, <strong>no has demostrat</strong> que saps com fer que el teu sistema d'IA sigui <span class='emph-fairness'>segur per a la societat</span>. Encara no saps si el model que has construït està <strong class='emph-harm'>tan esbiaixat</strong> com els exemples nocius que vam estudiar en l'activitat anterior. D'ara endavant, necessitaràs sobresortir en <strong>dos fronts</strong>: rendiment tècnic <em>i</em> responsabilitat ètica.",
-        "s3_worry_head": "✅ No Et Preocupis!",
-        "s3_worry_text": "A mesura que facis que la teva IA sigui més ètica a través de les properes lliçons i reptes, <strong>la teva puntuació serà restaurada</strong>—i podria pujar encara més que abans.",
+        "btn_reset": "Reiniciar i millorar ▶️",
+        "s3_title": "Reiniciarem la teva puntuació de precisió",
+        "lbl_score_reset": "Puntuació reiniciada",
+        "s3_why_head": "⚠️ Per què aquest reinici?",
+        "s3_why_text": "Hem reiniciat la teva puntuació per subratllar una veritat important: el teu èxit anterior només mesurava <strong>una dimensió</strong> — precisió de predicció. Encara <strong>no has demostrat</strong> que saps com dissenyar un sistema d’IA <span class='emph-fairness'>segur per a la societat</span>. Tampoc saps si el model que has construït és <strong class='emph-harm'>tan esbiaixat</strong> com els exemples perjudicials que hem estudiat en l'activitat anterior. D'ara endavant, hauràs de destacar en <strong>dos fronts</strong>: rendiment tècnic <em>i</em> responsabilitat ètica.",
+        "s3_worry_head": "✅ No et preocupis!",
+        "s3_worry_text": "A mesura que facis que la teva IA sigui més ètica a través de les properes lliçons i reptes, <strong>recuperaràs la teva puntuació</strong>—i fins i tot podria arribar a ser més alta que abans.",
         "btn_intro_mc": "Introduir Brúixola Moral ▶️",
-        "s4_title": "Una Nova Manera de Guanyar",
-        "s4_sub": "El teu nou objectiu és escalar a la classificació augmentant la teva <strong>Puntuació de Brúixola Moral</strong>.",
-        "s4_formula_head": "📐 La Fórmula de Puntuació",
+        "s4_title": "Una nova manera de guanyar",
+        "s4_sub": "El teu nou objectiu és pujar en la classificació gràcies a la teva <strong>Puntuació de Brúixola Moral</strong>.",
+        "s4_formula_head": "📐 La fórmula de puntuació",
         "s4_formula_text": "<strong>Puntuació de Brúixola Moral</strong> =<br><br>[ Precisió del Model Actual ] × [ Progrés Ètic % ]",
         "s4_where": "On:",
         "s4_li1": "<strong>Precisió del Model Actual:</strong> El teu rendiment tècnic",
         "s4_li2": "<strong>Progrés Ètic %:</strong> Percentatge de:",
         "s4_li2_sub1": "✅ Tasques d'aprenentatge ètic completades",
         "s4_li2_sub2": "✅ Preguntes de control respostes correctament",
-        "s4_mean_head": "💡 Què Significa Això:",
-        "s4_mean_text": "<strong>No pots</strong> guanyar només amb precisió—també has de demostrar <strong class='emph-fairness'>comprensió ètica</strong>. I <strong>no pots</strong> guanyar només completant lliçons—necessites un model funcional també. <strong class='emph-risk'>Les dues dimensions importen</strong>.",
-        "btn_see_chal": "Veure el Repte per Endavant ▶️",
-        "s6_title": "📍 El Teu Nou Punt de Partida",
-        "s6_pos_auth": "Anteriorment estaves classificat #{rank} a la taula de precisió.",
+        "s4_mean_head": "💡 Què significa això:",
+        "s4_mean_text": "<strong>No pots</strong> guanyar només amb precisió—també has de demostrar <strong class='emph-fairness'>comprensió ètica</strong>. I <strong>no pots</strong> guanyar només completant lliçons—també necessites un model que funcioni. <strong class='emph-risk'>Les dues dimensions són importants</strong>.",
+        "btn_see_chal": "Veure el repte ▶️",
+        "s6_title": "📍 El teu nou punt de partida",
+        "s6_pos_auth": "Abans ocupaves la posició #{rank} a la taula de classificació de precisió.",
         "s6_pos_guest": "Establiràs la teva posició a mesura que construeixis models èticament conscients.",
-        "s6_mc_rank": "Rang Actual de Brúixola Moral: <span style='color:#b91c1c;'>Encara No Establert</span>",
+        "s6_mc_rank": "Rang actual de Brúixola Moral: <span style='color:#b91c1c;'>Encara no establert</span>",
         "s6_mc_score": "(Puntuació de Brúixola Moral = 0 inicialment)",
-        "s6_path_head": "🛤️ Camí a Seguir",
+        "s6_path_head": "🛤️ Camí a seguir",
         "s6_li1": "🔍 Detectar i mesurar biaixos",
         "s6_li2": "⚖️ Aplicar mètriques d'equitat",
         "s6_li3": "🔧 Redissenyar models per minimitzar danys",
@@ -263,6 +292,48 @@ def _normalize_team_name(name: str) -> str:
         return ""
     return " ".join(str(name).strip().split())
 
+# NEW: Team name translation helpers for UI display
+def translate_team_name_for_display(team_en: str, lang: str = "en") -> str:
+    """
+    Translate a canonical English team name to the specified language for UI display.
+    Fallback to English if translation not found.
+    """
+    if lang not in TEAM_NAME_TRANSLATIONS:
+        lang = "en"
+    return TEAM_NAME_TRANSLATIONS[lang].get(team_en, team_en)
+
+# NEW: Reverse lookup for future use (e.g., if user input needs to be normalized back to English)
+def translate_team_name_to_english(display_name: str, lang: str = "en") -> str:
+    """
+    Reverse lookup: given a localized team name, return the canonical English name.
+    Returns the original display_name if not found.
+    """
+    if lang not in TEAM_NAME_TRANSLATIONS:
+        return display_name  # Already English or unknown
+    
+    translations = TEAM_NAME_TRANSLATIONS[lang]
+    for english_name, localized_name in translations.items():
+        if localized_name == display_name:
+            return english_name
+    return display_name  # UPDATED: Return display_name instead of None for consistency
+
+# NEW: Format leaderboard DataFrame with localized team names (non-destructive copy)
+def _format_leaderboard_for_display(df: Optional[pd.DataFrame], lang: str = "en") -> Optional[pd.DataFrame]:
+    """
+    Create a copy of the leaderboard DataFrame with team names translated for display.
+    Does not mutate the original DataFrame.
+    For potential future use when displaying full leaderboard.
+    """
+    if df is None:
+        return None  # UPDATED: Handle None explicitly
+    
+    if df.empty or "Team" not in df.columns:
+        return df.copy()  # UPDATED: Return copy for empty or missing Team column
+    
+    df_display = df.copy()
+    df_display["Team"] = df_display["Team"].apply(lambda t: translate_team_name_for_display(t, lang))
+    return df_display
+
 def _fetch_leaderboard(token: str) -> Optional[pd.DataFrame]:
     now = time.time()
     with _cache_lock:
@@ -393,7 +464,8 @@ def build_standing_html(user_stats, lang="en"):
     if user_stats["is_signed_in"] and user_stats["best_score"] is not None:
         best_score_pct = f"{(user_stats['best_score'] * 100):.1f}%"
         rank_text = f"#{user_stats['rank']}" if user_stats["rank"] else "N/A"
-        team_text = user_stats["team_name"] if user_stats["team_name"] else "N/A"
+        # UPDATED: Translate team name for display based on selected language
+        team_text = translate_team_name_for_display(user_stats["team_name"], lang) if user_stats["team_name"] else "N/A"
         team_rank_text = f"#{user_stats['team_rank']}" if user_stats["team_rank"] else "N/A"
         return f"""
         <div class='slide-shell slide-shell--info'>
@@ -762,21 +834,65 @@ def create_moral_compass_challenge_app(theme_primary_hue: str = "indigo") -> "gr
         loading_screen = gr.Column(visible=False)
         all_steps = [step_1, step_2, step_3, step_4, step_6, loading_screen, initial_loading]
 
-        # --- Initial Load Handler ---
+        # -------------------------------------------------------------------------
+        # HYBRID CACHING LOGIC (OPTIMIZED)
+        # -------------------------------------------------------------------------
+
+        # 1. Define update targets (Order must match the return list below)
+        update_targets = [
+            initial_loading, step_1,
+            c_title, c_loading,
+            stats_display, step_2_html_comp, step_6_html_comp, # Dynamic HTML
+            step_3_html_comp, step_4_html_comp,                # Static HTML
+            step_1_next, step_2_back, step_2_next, step_3_back, step_3_next, step_4_back, step_4_next, step_6_back
+        ]
+
+        # 2. Cached Generator for Static Content (Steps 3 & 4 + Buttons)
+        @lru_cache(maxsize=16)
+        def get_cached_static_content(lang):
+            """
+            Generates the heavy static HTML for Steps 3 & 4 and all buttons once per language.
+            """
+            return [
+                # Static HTML Steps
+                _get_step3_html(lang),
+                _get_step4_html(lang),
+                
+                # All Buttons
+                gr.Button(value=t(lang, 'btn_new_std')), # step_1_next
+                gr.Button(value=t(lang, 'btn_back')),    # step_2_back
+                gr.Button(value=t(lang, 'btn_reset')),   # step_2_next
+                gr.Button(value=t(lang, 'btn_back')),    # step_3_back
+                gr.Button(value=t(lang, 'btn_intro_mc')),# step_3_next
+                gr.Button(value=t(lang, 'btn_back')),    # step_4_back
+                gr.Button(value=t(lang, 'btn_see_chal')),# step_4_next
+                gr.Button(value=t(lang, 'btn_back'))     # step_6_back
+            ]
+
+        # 3. Hybrid Load Function
         def initial_load(request: gr.Request):
             # 1. Language
             params = request.query_params
             lang = params.get("lang", "en")
             if lang not in TRANSLATIONS: lang = "en"
             
-            # 2. Auth
+            # 2. Auth (Dynamic)
             success, username, token = _try_session_based_auth(request)
             
-            # 3. Stats
+            # 3. Stats (Dynamic)
             stats = {"is_signed_in": False, "best_score": None}
             if success and username:
                 stats = _compute_user_stats(username, token)
             
+            # 4. Build Dynamic HTML
+            html_standing = build_standing_html(stats, lang)
+            html_step2 = build_step2_html(stats, lang)
+            html_step6 = build_step6_html(stats, lang)
+            
+            # 5. Fetch Static Content from Cache
+            static_content = get_cached_static_content(lang)
+            
+            # 6. Combine
             return [
                 gr.update(visible=False), # initial_loading
                 gr.update(visible=True),  # step_1
@@ -785,31 +901,15 @@ def create_moral_compass_challenge_app(theme_primary_hue: str = "indigo") -> "gr
                 f"<h1 style='text-align:center;'>{t(lang, 'title')}</h1>",
                 f"<div style='text-align:center; padding:80px 0;'><h2>{t(lang, 'loading')}</h2></div>",
                 
-                # HTML Components
-                build_standing_html(stats, lang),
-                build_step2_html(stats, lang),
-                _get_step3_html(lang),
-                _get_step4_html(lang),
-                build_step6_html(stats, lang),
+                # Dynamic HTML
+                html_standing,
+                html_step2,
+                html_step6,
                 
-                # Buttons
-                gr.Button(value=t(lang, 'btn_new_std')), # s1 next
-                gr.Button(value=t(lang, 'btn_back')),    # s2 back
-                gr.Button(value=t(lang, 'btn_reset')),   # s2 next
-                gr.Button(value=t(lang, 'btn_back')),    # s3 back
-                gr.Button(value=t(lang, 'btn_intro_mc')), # s3 next
-                gr.Button(value=t(lang, 'btn_back')),    # s4 back
-                gr.Button(value=t(lang, 'btn_see_chal')), # s4 next
-                gr.Button(value=t(lang, 'btn_back')),    # s6 back
+                # Static HTML & Buttons (Unpacked from cache)
+                *static_content
             ]
 
-        update_targets = [
-            initial_loading, step_1,
-            c_title, c_loading,
-            stats_display, step_2_html_comp, step_3_html_comp, step_4_html_comp, step_6_html_comp,
-            step_1_next, step_2_back, step_2_next, step_3_back, step_3_next, step_4_back, step_4_next, step_6_back
-        ]
-        
         demo.load(fn=initial_load, inputs=None, outputs=update_targets)
 
         # --- Navigation ---