| |
| <div class="message user-message" data-message-id="{{ message_id }}"> |
| <div class="message-header"> |
| <span class="message-role">You</span> |
| <span class="message-time">{{ timestamp }}</span> |
| </div> |
| <div class="message-content"> |
| {{ content }} |
| </div> |
| </div> |
|
|
| |
| <div class="message assistant-message" data-message-id="{{ message_id }}"> |
| <div class="message-header"> |
| <span class="message-role">Eurus</span> |
| <span class="message-time">{{ timestamp }}</span> |
| </div> |
| <div class="message-content markdown-content"> |
| {{ content }} |
| </div> |
| {% if plots %} |
| <div class="message-plots"> |
| {% for plot in plots %} |
| <figure class="plot-figure"> |
| <img src="{{ plot.url }}" alt="Generated plot" loading="lazy"> |
| {% if plot.path %} |
| <figcaption>{{ plot.path }}</figcaption> |
| {% endif %} |
| </figure> |
| {% endfor %} |
| </div> |
| {% endif %} |
| </div> |
|
|
| |
| <div class="message thinking-message" data-message-id="{{ message_id }}"> |
| <div class="message-header"> |
| <span class="message-role">Eurus</span> |
| </div> |
| <div class="message-content"> |
| <span aria-busy="true">Thinking...</span> |
| </div> |
| </div> |
|
|
| |
| <div class="message code-message" data-message-id="{{ message_id }}"> |
| <div class="message-header"> |
| <span class="message-role">Executing Code</span> |
| </div> |
| <div class="message-content"> |
| <pre><code class="language-python">{{ code }}</code></pre> |
| </div> |
| </div> |
|
|
