{% if memories %}
<div class="grid gap-3">
  {% for m in memories %}
  <div class="card bg-base-100 shadow-sm">
    <div class="card-body py-3 px-4">
      <div class="flex items-start justify-between">
        <div>
          <span class="badge badge-outline badge-sm mr-2">{{ m.type.value if m.type is not string else m.type }}</span>
          <span class="text-sm">{{ m.content }}</span>
        </div>
        {% if m.source %}
        <span class="text-xs text-base-content/40 whitespace-nowrap ml-4">{{ m.source }}</span>
        {% endif %}
      </div>
    </div>
  </div>
  {% endfor %}
</div>
{% else %}
<div class="text-center py-12 text-base-content/50">
  No memories stored yet.
</div>
{% endif %}