{% load lyric_extras %}
{# My Scrolls applet row — room name | latest event prose | event ts.    #}
{# `item` is a Room w. `latest_event` attached by `annotate_latest_event`. #}
{# Body cell concatenates actor + prose since the row has a single        #}
{# middle column (scroll.html splits them across <strong> + prose, but    #}
{# the applet row has no room for that). Welcome events (actor=None)     #}
{# render prose alone — `to_prose` already reads "Welcome to <name>!".   #}
<li class="applet-list-entry row-3col">
    <a href="{% url 'billboard:scroll' item.id %}" class="row-title">{{ item.name|truncate_title }}</a>
    {% if item.latest_event %}
        <span class="row-body">{% if item.latest_event.actor %}{{ item.latest_event.actor|display_name }} {% endif %}{{ item.latest_event.to_prose|striptags }}</span>
        <time class="row-ts" datetime="{{ item.latest_event.timestamp|date:'c' }}">{{ item.latest_event.timestamp|relative_ts }}</time>
    {% endif %}
</li>