How to Render Output with a Custom React UI

Support
1

Hi,
I built a custom UI for my Agent using the User Input block with the Custom Interface option. The React code works great. After collecting input, I parse it into JSON in the next block and analyze it in the following blocks.

At the end of my flow, I want to display the analyzed results to the user, but I don’t see a Custom Interface option for the Display block.

Is there a supported way or a workaround to render output using a custom React interface?

Thanks

2

Hi @Guyaros,

Thanks for the post!

You can display the output using the Custom Interface in the Generate Asset block. Set the Behavior to Display to user, and vibe code the Custom Interface the same way you would in the User Input block:

image
image762×717 59.5 KB

We also have a tutorial on the Custom Interfaces:

1 Like
3

Thank you very much !! :star_struck:
Very helpful.