{# Dated-event feed drawn as a rail of dots.

   The dots are absolutely positioned against the <ol>, which owns the
   rail (border-l); -left-[4.5px] centers a 2-unit (8px) dot over that
   1px border. #}
{% if widget_data.entries %}
<ol class="relative ml-1 space-y-4 border-l border-border">
  {% for entry in widget_data.entries %}
  <li class="ml-4">
    <span class="absolute -left-[4.5px] mt-1.5 h-2 w-2 rounded-full bg-border ring-2 ring-background"></span>
    {% if entry.time %}<time class="text-xs text-muted-foreground">{{ entry.time }}</time>{% endif %}
    <p class="text-sm font-medium text-foreground">{{ entry.title }}</p>
    {% if entry.description %}
    <p class="mt-0.5 text-sm text-muted-foreground">{{ entry.description }}</p>
    {% endif %}
  </li>
  {% endfor %}
</ol>
{% else %}
<p class="text-sm text-muted-foreground">{{ _("No recent activity.") }}</p>
{% endif %}