document.querySelector('aparte-chat-bubble').setSegments([{
id: 's1',
type: 'text',
content: [
'### Two transports',
'',
'Pick by **where the key lives**:',
'',
'| Transport | The key | Use it for |',
'| --- | --- | --- |',
'| `AparteDirectTransport` | in the browser | prototypes, local models |',
'| `AparteBackendTransport` | on your server | production |',
'',
'1. Start with the direct one.',
'2. Move to the backend before you ship.',
'',
'> The chat does not change between the two. See [the transports guide](https://apartejs.dev/guides/backend-transport/).',
].join('\n'),
}]);