{% load lyric_extras %}
{# My Buds applet row — bud handle | the <active title> | since <ts>.    #}
{# `item` is a User w. `active_title` select_related'd. Mirrors the      #}
{# dedicated billbuds page item shape (.bud-entry / .bud-name) so the    #}
{# duplicate-flash add-flow CSS keeps working in this surface too.       #}
<li class="applet-list-entry bud-entry row-3col" data-bud-id="{{ item.id }}">
    {# No per-bud landing page yet — the handle is a plain span until    #}
    {# the 3-col bud surface ships (next sprint).                        #}
    <span class="row-title bud-name">{{ item|at_handle }}</span>
    {% if item.active_title %}
        <span class="row-body">the {{ item.active_title_display }}</span>
        <time class="row-ts" datetime="{{ item.active_title.earned_at|date:'c' }}">since {{ item.active_title.earned_at|relative_ts }}</time>
    {% endif %}
</li>