feat: improved SVG output UX

langgenius / dify

Dify is an open-source LLM app development platform. Dify's intuitive interface combines AI workflow, RAG pipeline, agent capabilities, model management, observability features and more, letting you quickly go from prototype to production.

https://dify.ai

Other

51.81k stars 7.51k forks source link

feat: improved SVG output UX #8765

Closed xuzuodong closed 1 month ago

xuzuodong commented 1 month ago

Improved SVG output UX

better size fit style

Before:

After:

better placeholder style while SVG is still outputing

Before:

https://github.com/user-attachments/assets/ae7d55de-191b-44a5-b913-60d3220f235d

After:

https://github.com/user-attachments/assets/a6126ea3-2998-4862-a3bf-6f0d845b2c81

SVG preview/source code toggle

https://github.com/user-attachments/assets/aefdcfb6-4df0-49c9-a109-52d222fa28d9