{% extends "base.html" %}
{% import "_empty.html" as empty %}
{% block title %}Memory{% endblock %}

{% block topbar_main %}
<h1>Memory</h1>
<span class="sub">What later sessions need to know</span>
{% endblock %}

{% block topbar_actions %}
{#
  Search, filters and sort in one form, so each keeps the others when it
  changes. The selects submit as soon as they change; the button is for the
  search box and for a browser without the script.
#}
<form method="get" action="/memory" class="listctl" id="listctl">
  <label class="sr-only" for="memq">Search memory</label>
  <input class="input input-sm" type="search" id="memq" name="q" value="{{ query }}"
         placeholder="Search memory…" autocomplete="off" spellcheck="false">
  <label class="sr-only" for="mem-status">Status</label>
  <select class="btn btn-sm" id="mem-status" name="status" data-auto-submit>
    {% for value in statuses %}<option value="{{ value }}"{% if value == status %} selected{% endif %}>{{ value | capitalize }}</option>{% endfor %}
    <option value="all"{% if status == 'all' %} selected{% endif %}>Every status</option>
  </select>
  <label class="sr-only" for="mem-category">Category</label>
  <select class="btn btn-sm" id="mem-category" name="category" data-auto-submit>
    <option value="">Every category</option>
    {% for value in categories %}<option value="{{ value }}"{% if value == category %} selected{% endif %}>{{ value | replace('_', ' ') | capitalize }}</option>{% endfor %}
  </select>
  <label class="sr-only" for="mem-scope">Scope</label>
  <select class="btn btn-sm" id="mem-scope" name="scope" data-auto-submit>
    <option value="">Every scope</option>
    {% for value in scopes %}<option value="{{ value }}"{% if value == scope %} selected{% endif %}>{{ value | capitalize }}</option>{% endfor %}
  </select>
  <label class="sr-only" for="mem-sort">Sort</label>
  <select class="btn btn-sm" id="mem-sort" name="sort" data-auto-submit{% if query %} disabled title="A search is ordered by how well each memory matches"{% endif %}>
    {% for value, label in sorts.items() %}<option value="{{ value }}"{% if value == sort %} selected{% endif %}>{{ label }}</option>{% endfor %}
  </select>
  {% if tag %}<input type="hidden" name="tag" value="{{ tag }}">{% endif %}
  <button class="btn btn-sm btn-primary">Search</button>
</form>
{% endblock %}

{% block content %}
<div class="pane">

  {% if said %}<div class="notice" role="status">{{ said }}</div>{% endif %}

  {#
    Remembering from the page, closed until wanted: most visits are to read.
    A project memory belongs to the repository flanner web runs in, so the
    choice says which one that is, or why there is none.
  #}
  <details class="card explainer">
    <summary>
      <h2 class="card-title">Remember something</h2>
      <span class="gist">A decision, a constraint or a lesson a later session should not have to be told again.</span>
    </summary>
    <form class="explainer-body form-stack" method="post" action="/memory/new">
      <label class="sr-only" for="new-content">What to remember</label>
      <textarea class="textarea" id="new-content" name="content" rows="3" required
                placeholder="We deploy on Tuesdays, because Monday is when support is busiest."></textarea>
      <div class="dropzone-row">
        <label class="sr-only" for="new-category">Category</label>
        <select class="input" id="new-category" name="category">
          {% for value in categories %}<option value="{{ value }}"{% if value == 'decision' %} selected{% endif %}>{{ value | replace('_', ' ') | capitalize }}</option>{% endfor %}
        </select>
        <label class="sr-only" for="new-scope">Scope</label>
        <select class="input" id="new-scope" name="scope">
          <option value="project"{% if not project %} disabled{% else %} selected{% endif %}>
            {% if project %}Project: {{ project.name }}{% else %}Project (web is not running inside one){% endif %}</option>
          <option value="personal"{% if not project %} selected{% endif %}>Personal: you, across projects</option>
        </select>
        <button class="btn btn-primary" type="submit">Remember</button>
      </div>
      <label class="sr-only" for="new-tags">Tags</label>
      <input class="input" type="text" id="new-tags" name="tags" autocomplete="off"
             placeholder="Tags, separated by commas (optional): auth, billing">
      <p class="hint">Checked against this project's memory policy, and refused if it looks like a credential.</p>
    </form>
  </details>

  {% if nav_memory_pending %}
  <div class="notice info" style="margin-bottom:14px">
    {{ nav_memory_pending }} suggestion{{ '' if nav_memory_pending == 1 else 's' }}
    waiting on you. <a href="/memory/pending">Review</a> them; nothing is
    recalled until you do.
  </div>
  {% endif %}

  {% if summary.search == 'scan' %}
  <div class="notice info" style="margin-bottom:14px">
    This Python's SQLite has no full-text index, so search is a slower scan
    with no ranking. Everything still works.
  </div>
  {% endif %}

  {% if tag %}
  <div class="notice info tag-filter" style="margin-bottom:14px">
    Showing memories tagged <span class="tagchip">{{ tag }}</span>
    <a href="/memory?q={{ query | urlencode }}&amp;status={{ status }}&amp;category={{ category }}&amp;scope={{ scope }}&amp;sort={{ sort }}">Show every tag</a>
  </div>
  {% endif %}

  {% if rows %}
  <div class="card" data-listgroup>
    <div class="card-head">
      {% if query %}Matches for “{{ query }}”{% else %}Everything remembered{% endif %}
      <span class="note">{{ rows | length }}</span>
    </div>
    {% set cols = 'cols-memory-reasoned' if show_reason else 'cols-memory' %}
    <div class="grid-head {{ cols }}">
      <span>Memory</span><span>Category</span><span>Scope</span><span>By</span>
      {% if show_reason %}<span>Why it matched</span>{% endif %}
    </div>
    {% for row in rows %}
    {# The title is the first sentence of the body, so the summary under it
       used to repeat it. Only what the title does not already say is shown. #}
    {% set head = row.title.rstrip('…') %}
    {% set rest = (row.summary[(head | length):] | trim) if row.summary.startswith(head) else row.summary %}
    <div class="grid-row {{ cols }}" data-list-item>
      <span><a class="name" href="/memory/{{ row.id }}">{{ row.title }}</a>{% if row.status and row.status != 'active' %}
        <span class="pill pill-quiet">{{ row.status }}</span>{% endif %}
        {% if rest %}<span class="hint">{{ rest }}</span>{% endif %}
        {% if row.tags %}<span class="tags">{% for t in row.tags %}<a class="tagchip" href="/memory?tag={{ t | urlencode }}" title="Every memory tagged {{ t }}">{{ t }}</a>{% endfor %}</span>{% endif %}</span>
      <span data-cell="meta"><span class="pill pill-{{ row.category }}">{{ row.category }}</span></span>
      <span class="muted" data-cell="meta">{{ row.scope }}</span>
      <span class="muted" data-cell="meta">{{ row.created_by }}</span>
      {% if show_reason %}<span class="muted" data-cell="meta">{{ row.match_reason }}</span>{% endif %}
    </div>
    {% endfor %}
    {% if not query %}{% include "_pager.html" %}{% endif %}
  </div>
  {% else %}
  {% if query %}
    {% call empty.state('search', 'Nothing remembered about that') %}
    <p>No memory in this project or your personal memory matches “{{ query }}”{% if tag %} with the tag {{ tag }}{% endif %}.</p>
    {% endcall %}
  {% elif tag %}
    {% call empty.state('memory', 'Nothing tagged ' ~ tag) %}
    <p>No memory with this status, category and scope carries that tag.</p>
    {% endcall %}
  {% else %}
    {% call empty.state('memory', 'Nothing remembered yet') %}
    <p>Memory holds what a later session would otherwise have to be told again:
       a decision and why the alternatives lost, a constraint that is not
       obvious from the code, a lesson from something that failed.</p>
    <p class="hint">Ask your agent to remember something, or run
       <code>flanner mem remember "…" --category decision</code>.</p>
    {% endcall %}
  {% endif %}
  {% endif %}

  <div class="footnote" style="margin-top:18px">
    <span class="i" aria-hidden="true">i</span>
    Memory files live on this machine and are never uploaded. Personal memory
    stays in your flanner home; project memory sits in the repository and is
    kept out of git.
  </div>

</div>
{% endblock %}