elkay frontend game xp

phase/Student_view/game.py

@@ -270,24 +270,13 @@ def show_games():
         st.session_state.xp     = total_xp
         st.session_state.streak = int(stats.get("streak", 0))
 
-        # Use server-provided per-level values when available
-        into = stats.get("into")
-        need = stats.get("need")
-
-        # Fallback if backend has not been updated yet
-        if into is None or need in (None, 0):
-            base = 500
-            level = max(1, total_xp // base + 1)
-            start = (level - 1) * base
-            into = total_xp - start
-            need = base
-            if into == need:
-                level += 1
-                into = 0
-
-        into = int(max(0, into))
-        need = int(max(1, need))
-        progress_pct = min(100, int(round((into / need) * 100)))
+        # Show progress as TOTAL XP toward the NEXT threshold
+        base = 500
+        # keep the server's level if it is sane, otherwise recompute
+        level = level if level >= 1 else max(1, total_xp // base + 1)
+
+        cap = level * base                 # Level 1 -> 500, Level 2 -> 1000, etc.
+        progress_pct = min(100, int(round((total_xp / cap) * 100)))
 
         st.write(f"Level {level} Experience Points")
         st.markdown(f"""
@@ -297,15 +286,12 @@ def show_games():
                     background:linear-gradient(135deg,#22c55e,#059669);
                     height:24px;border-radius:10px;text-align:right;
                     color:white;font-weight:bold;padding-right:8px;line-height:24px;">
-                    {into:,} / {need:,} XP
+                    {total_xp:,} / {cap:,} XP
                 </div>
             </div>
             <div style="font-size:12px;color:#6b7280;margin-top:6px;">Total XP: {total_xp:,}</div>
         """, unsafe_allow_html=True)
 
-
-
-
     st.markdown("---")
 
         # Game list