style: chart size in gradio UI

app.py

@@ -29,10 +29,10 @@ def load_db_configs():
     return configs["db_configs"]
 
 
-def image_to_base64_markdown(image_path, alt_text="Customer Status"):
+def image_to_base64_html(image_path, alt_text="Customer Status", width=600):
     with open(image_path, "rb") as f:
         encoded = base64.b64encode(f.read()).decode("utf-8")
-        return f"![{alt_text}](data:image/png;base64,{encoded})"
+        return f'<img src="data:image/png;base64,{encoded}" alt="{alt_text}" style="width:{width}px; max-width:100%; display:block; margin:0 auto 24px auto; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.08);" />'
 
 
 # ====================================== Async-compatible wrapper
@@ -56,7 +56,7 @@ async def run_agent(request, history=None):
         if generated_files:
             image_path = os.path.join(PANDAS_EXPORTS_PATH, generated_files[0])
             try:
-                image_markdown = image_to_base64_markdown(image_path)
+                image_markdown = image_to_base64_html(image_path)
                 output = f"{image_markdown}\n\n{response}"
                 os.remove(image_path)  # Clean up the image file
             except Exception as e: