{# Thread children: <div class="ui-marker" data-variant="separator">Today</div> and <div class="ui-message" [data-align="end"]><div class="ui-message-avatar">…</div><div class="ui-message-content"><div class="ui-bubble" [data-variant="default"]><p>…</p></div></div></div>. #}
<div style="max-width:600px">
<.message_scroller label="Conversation with Grace Hopper" action="#" older="?before=msg_120" new_count={2} height="400px">
<div class="ui-marker" data-variant="separator">Yesterday</div>
<div class="ui-message"><div class="ui-message-avatar"><span class="ui-avatar"><span class="ui-avatar-fallback">GH</span></span></div><div class="ui-message-content"><div class="ui-bubble"><p>Can you send me the October export?</p></div></div></div>
<div class="ui-message" data-align="end"><div class="ui-message-content"><div class="ui-bubble" data-variant="default"><p>Sure, generating it now.</p></div></div></div>
<div class="ui-marker" data-variant="separator">Today</div>
<div class="ui-message"><div class="ui-message-avatar"><span class="ui-avatar"><span class="ui-avatar-fallback">GH</span></span></div><div class="ui-message-content"><div class="ui-bubble"><p>Thanks, got it.</p></div></div></div>
</.message_scroller>
</div>