const viewport = document.querySelector('aparte-chat-viewport');
viewport.appendMessage({ id: 'u1', role: 'user', content: 'What is a transport?', timestamp: Date.now() });
viewport.appendMessage({
id: 'a1',
role: 'assistant',
content: 'The object that talks to the model. Swap it and the UI does not change.',
timestamp: Date.now(),
});