Customize the embedded Angie UI

widgetConfig controls empty-state copy, starter prompts, feature toggles, close behavior, and which host MCP server Angie should feature first. Config is sent to the iframe as sdk-widget-config.

Presets

Patterns from Elementor production hosts. Pick a preset to reload with a different widgetConfig and layout.

Active: Help center sidebar

Resolved widgetConfig

Built by buildWidgetConfig() in host.js. Override copy at runtime with window.angieConfig then reload.

{}

Try in the console: window.angieConfig = { title: 'Custom', prompts: [{ label: 'Hi', value: 'Hello' }] }

Common fields

title / subtitle
Empty-state heading and supporting line
suggestions.items
Starter chips — label shown, value sent as prompt
featuredMcpServer
Matches registerServer({ name }) on the host
modeSwitcher
enabled + default: agent | plan | ask
closeButton
collapse (sidebar default) or close (floating chat default)
localServers.skipLoading
Register MCP servers yourself after waitForReady()
aiContextGuidance
Show that host.aiContext is available (enabled in help center preset)

Full widgetConfig docs