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
signInScreen
Signed-out screen copy — title, subtitle, buttonText
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()
statusBanner
Opt in to Angie ops/incident status messages (off by default)
quotaBanner
Show the quota-blocked banner
inChatQuotaErrorMessage
Custom in-chat message shown when the daily limit is hit

Full widgetConfig docs