# feat: add generated UI export and EmbeddedChat integration

[Aryan-Verma-999]

feat: add generated UI export and EmbeddedChat integration

Acceptance Criteria fulfillment

• Add an AI component generator to the Layout Editor with generation, refinement, and preview support.
• Export validated, versioned JSON through Copy Config and Download JSON.
• Accept exported configurations through EmbeddedChat’s generatedUi prop, with launchers in the composer toolbar or message toolbox.
• Support message, contextual-bar, and modal surfaces using a shared renderer.
• Expose onGeneratedUiAction for form values and room/message context, including asynchronous loading and error handling.
• Keep local Storybook sync behind Dev mode, separate from the hosted integration.
• Document host-managed JSON loading and action handling, and fix the preview parser import.

The host application stores or fetches the exported JSON and passes it to EmbeddedChat. No EmbeddedChat source checkout or Layout Editor server is required at runtime. Configurations do not contain executable callbacks or automatically post data into chat.

Video/Screenshots

2026-09-15.18-22-34.mp4

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-1371 after approval. Contributors are requested to replace <pr_number> with the actual PR number.