Update reaction visualization to use PIL Image with exact ReactionToImage parameters

app.py

@@ -230,10 +230,18 @@ def reaction_smiles_to_svg(reaction_smiles: str) -> str:
             for mol in product_mols:
                 reaction.AddProductTemplate(mol)
 
-        # Draw the reaction as SVG
-        svg = Draw.ReactionToImage(reaction, subImgSize=(200, 200), useSVG=True, drawOptions=None, returnPNG=False)
+        # Draw the reaction as image
+        image = Draw.ReactionToImage(reaction, subImgSize=(200, 200), useSVG=False, drawOptions=None, returnPNG=False)
         
-        return svg
+        # Convert PIL image to base64 for HTML display
+        import io
+        import base64
+        buffer = io.BytesIO()
+        image.save(buffer, format='PNG')
+        img_str = base64.b64encode(buffer.getvalue()).decode()
+        
+        # Return as HTML img tag
+        return f'<img src="data:image/png;base64,{img_str}" alt="Reaction" style="max-width:100%; height:auto;">'
 
     except gr.Error:
         raise