{% if items %}
{% for item in items %}
<details class="feed-card{% if item.kind == 'session' %} feed-card-compact{% endif %}{% if item.stale %} is-stale{% endif %}" id="card-{{ item.id }}">
  <summary class="feed-card-header">
    <span class="feed-card-chevron">&#9654;</span>
    <span class="badge badge-{{ item.category }}">{{ item.category | upper }}</span>
    {% if item.agent_name %}
    <span class="badge badge-agent">{{ item.agent_name | upper }}</span>
    {% endif %}
    {% if item.model_name %}
    <span class="badge badge-model" title="Coding agent model">{{ item.model_name }}</span>
    {% endif %}
    {% if item.extracted_by %}
    <span class="badge badge-extractor" title="Extraction LLM — the model that built this entity">{{ item.extracted_by }}</span>
    {% endif %}
    <span class="feed-card-title-inline">{{ item.title }}</span>
    <span class="feed-project">{{ item.project_name }}</span>
    {% set primary_ts = item.event_timestamp or item.timestamp %}
    <span class="feed-card-time-inline" title="{% if item.event_timestamp %}event: {{ item.event_timestamp[:19] | replace('T', ' ') }}&#10;extracted: {{ item.timestamp[:19] | replace('T', ' ') }}{% else %}{{ item.timestamp[:19] | replace('T', ' ') }}{% endif %}">
      {{ primary_ts | relative_time }}{% if item.event_timestamp and item.event_timestamp[:19] != item.timestamp[:19] %}<span class="feed-card-extracted-at"> &middot; extracted {{ item.timestamp | relative_time }}</span>{% endif %}
    </span>
  </summary>
  {% if item.kind == 'entity' and (item.key_points or item.content) %}
  <div class="feed-card-content">
    <div class="feed-card-toggle">
      <button class="toggle-btn toggle-active" data-view="keypoints">Key Points</button>
      <button class="toggle-btn" data-view="synopsis">Synopsis</button>
    </div>
    <div class="feed-card-keypoints">
      {% if item.key_points %}
      {{ item.key_points | replace("\n", "<br>") | safe }}
      {% else %}
      {{ item.content }}
      {% endif %}
    </div>
    <div class="feed-card-synopsis" style="display:none">
      {% if item.synopsis %}
      {{ item.synopsis }}
      {% else %}
      {{ item.content }}
      {% endif %}
    </div>
  </div>
  {% elif item.content and item.kind != 'entity' %}
  <div class="feed-card-content">
    <p class="feed-card-body">{{ item.content }}</p>
  </div>
  {% endif %}
  <div class="feed-card-footer">
    <span class="feed-card-id">
      {% if item.kind == 'session' or item.kind == 'summary' %}
      <a href="/sessions/{{ item.id }}">{{ item.id[:8] }}</a>
      {% else %}
      #{{ item.id[:8] }}
      {% endif %}
    </span>
    {% if item.kind == 'entity' and item.session_id %}
    <a href="/sessions/{{ item.session_id }}#events" class="feed-card-source-link">source events</a>
    {% endif %}
    {% if item.status and item.kind == 'entity' %}
    <span class="feed-card-status status-{{ item.status }}">{{ item.status }}</span>
    {% endif %}
    {% if item.priority %}
    <span class="feed-card-priority priority-{{ item.priority }}">{{ item.priority }}</span>
    {% endif %}
    {% if item.pinned %}
    <span class="feed-card-pinned">pinned</span>
    {% endif %}
    {% if item.stale %}
    <span class="feed-card-stale" title="Hidden from briefings and default search">
      stale{% if item.staleness_reason %} · {{ item.staleness_reason }}{% endif %}
    </span>
    {% endif %}
    {% if item.files %}
    <span class="feed-card-files">
      {% for f in item.files[:3] %}
      <span class="file-tag">{{ f.file_path | replace("\\", "/") | basename }}</span>
      {% endfor %}
    </span>
    {% endif %}
    {% if item.kind == 'entity' %}
    <span class="feed-card-actions" style="margin-left:auto;display:inline-flex;gap:0.3rem">
      {% if item.stale %}
      <button class="feed-card-action"
              hx-post="/entities/{{ item.id }}/current"
              hx-swap="none"
              hx-on::after-request="document.getElementById('card-{{ item.id }}').classList.remove('is-stale'); this.outerHTML=''">
        Mark current
      </button>
      {% else %}
      <button class="feed-card-action"
              hx-post="/entities/{{ item.id }}/stale?reason=manual"
              hx-swap="none"
              hx-confirm="Mark this entity as stale? It will stop appearing in briefings and default search."
              hx-on::after-request="document.getElementById('card-{{ item.id }}').classList.add('is-stale')">
        Mark stale
      </button>
      {% endif %}
    </span>
    {% endif %}
  </div>
</details>
{% endfor %}
{% else %}
<p class="feed-empty">No memory items yet. Start a session to see entities appear here.</p>
{% endif %}