// Seeded so the frame shows a real exchange rather than an empty box: this
// example is RENDERED, not only read.
const chat = document.querySelector('aparte-chat');
chat.viewport.appendMessage({ id: 'u1', role: 'user', content: 'What is a transport?' });
chat.viewport.appendMessage({
id: 'a1',
role: 'assistant',
content: 'The object that talks to the model. Swap it and the UI does not change.',
});