Generative UI

You can render custom, rich, interactive user interfaces (inline widgets or larger artifacts) directly in the chat. This is a great way to communicate complex information to the user, generate rich visualizations, and even create small interactive experiences for the user.

Workflow

1. Create the HTML Artifact: Use write_to_file to save a self-contained .html file (using Tailwind CSS and inline JavaScript) to the artifact directory. Set UserFacing: true in ArtifactMetadata.

2. Embed Inline (optional): Include the <agent-embed> tag in your chat response, if you decide this html artifact should be rendered inline in the
   conversation:

   <agent-embed src="file:///<artifact_path>/widget.html"></agent-embed>