Update app.py

app.py

@@ -200,6 +200,12 @@ def update(model_id_white, model_id_black):
     move_number = 1
     result = None
 
+    # Render first image
+    svg = chess.svg.board(board=board).encode("utf-8")
+    png = cairosvg.svg2png(bytestring=svg)
+    image = PILImage.open(io.BytesIO(png))
+    yield image
+
     # Time budget
     time_budget_white = TIME_BUDGET
     time_budget_black = TIME_BUDGET
@@ -242,7 +248,6 @@ def update(model_id_white, model_id_black):
             pgn_moves += move_str
 
             # Render the board to an image
-            
             last_move = board.peek()
             svg = chess.svg.board(board=board, arrows=[(last_move.from_square, last_move.to_square)]).encode("utf-8")
             png = cairosvg.svg2png(bytestring=svg)