document.querySelector('aparte-chat-bubble').setSegments([
{
id: 's1',
type: 'thinking',
// Settled: the block folds, and the reader opens it if they want the reasoning.
isStreaming: false,
label: 'Thought for 4 seconds',
content: 'The user asks which transport to use. A prototype keeps the key in the browser; production should not. So: direct for the demo, backend for the release.',
},
{ id: 's2', type: 'text', content: 'Use **AparteDirectTransport** while you prototype, and switch to **AparteBackendTransport** before you ship, so the key stays on your server.' },
]);