Save / Download Rendered Asset #14
Description
Summary
When the agent renders a visual asset (e.g. a chart, diagram, or generated image), there is currently no way for the user to save or download it. This feature would add a download/save button to rendered assets in the generative UI.
Problem
Users who want to keep or share agent-generated visuals have no way to export them from the UI. They are forced to take screenshots or use browser dev tools.
Proposed Solution
- Add a Save / Download button to rendered asset components in the generative UI
- Clicking the button should trigger a local file download of the rendered asset
- Support common formats (PNG for charts/images, SVG where applicable)
Acceptance Criteria
- A download button appears on hover or is persistently visible on rendered assets
- Clicking the button downloads the asset to the user's local machine
- The downloaded file has a sensible default filename (e.g.
chart.png) - Works for chart components (Recharts) rendered via generative UI
- No regressions to existing generative UI rendering behavior
Additional Context
Generative UI components live in apps/app/src/components/generative-ui/. The chart rendering uses Recharts. Export could be implemented via the browser's Canvas API (toDataURL) for chart elements, or by serializing SVG nodes.