google
Support for Rendering Images in ADK Web Interface
Is your feature request related to a problem? Please describe. Currently, the ADK web interface does not support rendering image outputs generated by agents. This limits the usability for cases where visual content (such as generated images, charts, or visualizations) is needed as part of the agent’s response. Also I don't see much documentation around this. Search results point me to change the code for the ADK Web interface itself which I think is counter productive.
Describe the solution you'd like I would like to have built-in support for displaying images in the ADK web interface. Ideally, the interface should be able to detect when an agent returns an image (or a URL/path to an image) and render it directly in the chat or output area, rather than showing a file link or raw data.
Describe alternatives you've considered Currently am uploading the image to Google Cloud Storage and having the agent return a short lived signed URL to the user in the interface.
Additional context I've built a Streamlit application to check for images and rendering the same in my custom UI.
This still doesn't work for me with the most recent ADK version (1.8.0). I'm using after_model_callback to transform part of a model's response to PNG (as inline_data) like this:
parts.append(Part(inline_data=Blob(display_name='schedule.png', mime_type="image/png", data=image_bytes)))
adk web only displays an empty dialogue, and I'm getting this in the logs:
2025-07-26 09:19:01,557 - WARNING - types.py:5176 - Warning: there are non-text parts in the response: ['function_call'], returning concatenated text result from text parts. Check the full candidates.content.parts accessor to get the full model response.
Can you let me know if this is specific to using after_model_callback or if it's because the most current version of ADK web hasn't been integrated with ADK? Can I update adk web independently of ADK?
Let me know if I should file this as a separate issue.
