{# Memory browse table + filters + pagination, included by memory.html.
   Extracted verbatim from the pre-merge Memory page so its assertions
   (rows, search empty state, hx-delete buttons, pagination) hold. #}
<form method="get" action="/dashboard/memory" class="memory-filters">
  <input type="text" name="q" value="{{ q }}" placeholder="Search memories">
  <select name="layer">
    <option value="">any layer</option>
    <option value="explicit" {% if layer == 'explicit' %}selected{% endif %}>explicit</option>
    <option value="auto" {% if layer == 'auto' %}selected{% endif %}>auto</option>
  </select>
  <select name="kind">
    <option value="">any kind</option>
    {% for k in kinds %}<option value="{{ k }}" {% if kind == k %}selected{% endif %}>{{ k }}</option>{% endfor %}
  </select>
  <button type="submit">Filter</button>
</form>

<div class="table-scroll">
<table>
  <thead><tr><th>Content</th><th>Kind</th><th>Layer</th><th>Source</th>
      <th>Saved</th><th></th></tr></thead>
  <tbody id="memtable-body">
  {% for m in memories %}
  <tr class="memory-row" data-memory-id="{{ m.id }}">
    <td class="memory-content" title="Click to expand/collapse"><div
        class="mem-preview" aria-expanded="false">{{
        m.content[:80] }}{% if m.content | length > 80 %}&hellip;{% endif
        %}</div>{% if m.content | length > 80 %}<div class="mem-full"
        hidden>{{ m.content }}</div>{% endif %}</td>
    <td>{{ m.kind }}</td>
    <td class="muted">{{ m.layer }}</td>
    <td><span class="src-pill"><span class="src-dot"
          style="background: {{ m.source | source_color }}"></span>{{
          m.source }}</span></td>
    <td class="muted" title="{{ m.created_at | absdate }}">{{ m.created_at | timeago }}</td>
    <td><button class="btn-danger-sm delete-memory"
                hx-delete="/memories/{{ m.id }}"
                hx-target="closest tr" hx-swap="delete"
                hx-confirm="Delete this memory?">Delete</button></td>
  </tr>
  {% else %}
  <tr><td colspan="6" class="empty">No memories
      {%- if q %} matching your search{% endif %}.</td></tr>
  {% endfor %}
  </tbody>
</table>
</div>

{% if not q and total > page_size %}
<p class="muted pagination">
  Showing {{ offset + 1 }}&ndash;{{ [offset + page_size, total] | min }} of {{ total }}
  {% if offset > 0 %}
  &middot; <a href="/dashboard/memory?offset={{ offset - page_size }}{% if layer %}&layer={{ layer }}{% endif %}{% if kind %}&kind={{ kind }}{% endif %}">Previous</a>
  {% endif %}
  {% if offset + page_size < total %}
  &middot; <a href="/dashboard/memory?offset={{ offset + page_size }}{% if layer %}&layer={{ layer }}{% endif %}{% if kind %}&kind={{ kind }}{% endif %}">Next</a>
  {% endif %}
</p>
{% elif q %}
<p class="muted">Search shows a single ranked page; refine terms to narrow further.</p>
{% endif %}