{% extends "base.html" %}

{% block title %}Summaries{% endblock %}

{% block content %}
  {% if not_yet_generated %}
    <div class="card empty-state">
      <h2 class="empty-state-title">No summaries yet</h2>
      <p class="empty-state-body">
        <code class="mono">summaries.json</code> hasn't been generated for this
        workspace yet. Run the polish pass to create it:
      </p>
      <pre class="cmd-snippet">attune-author polish</pre>
      <p class="dim small" style="margin-top:1rem;">
        Once generated, this page will show every entry in a table you can
        edit inline. The polish command runs an LLM pass over your templates
        to produce path-keyed summaries that the RAG retriever uses for boost
        scoring.
      </p>
    </div>
  {% else %}
    <p class="banner warn">
      ⚠ <code>summaries.json</code> is fully regenerated by <code>attune-author polish</code>.
      Manual edits will be overwritten on the next run.
    </p>

    {% if error %}
      <p class="banner danger">{{ error }}</p>
    {% endif %}

    {% if summaries %}
      <div class="table-wrap">
        <table class="data-table">
          <thead>
            <tr>
              <th style="width: 38%;">Path</th>
              <th>Summary</th>
              <th style="width: 7rem;"></th>
            </tr>
          </thead>
          <tbody>
          {% for path, summary in summaries.items() %}
            <tr>
              <td><code class="mono">{{ path }}</code></td>
              <td>
                <textarea class="inline-edit" data-key="{{ path }}" rows="2">{{ summary }}</textarea>
              </td>
              <td><button class="btn ghost btn-save" data-key="{{ path }}">Save</button></td>
            </tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
    {% elif not error %}
      <p class="empty">summaries.json is empty.</p>
    {% endif %}
  {% endif %}
{% endblock %}

{% block scripts %}
<script>
  const summariesData = {{ summaries|tojson }};

  document.querySelectorAll('.btn-save').forEach(btn => {
    btn.addEventListener('click', async () => {
      const key = btn.getAttribute('data-key');
      const ta = document.querySelector(`textarea.inline-edit[data-key="${CSS.escape(key)}"]`);
      summariesData[key] = ta.value;
      btn.disabled = true;
      try {
        await AttuneUI.api(`/api/cowork/files/raw/summaries/summaries.json`, {
          method: 'PUT',
          body: JSON.stringify({ content: JSON.stringify(summariesData, null, 2) + '\n' }),
        });
        AttuneUI.toast(`Saved ${key}`, 'ok');
      } catch (e) {
        AttuneUI.toast(`Save failed: ${e.message}`, 'danger');
      } finally {
        btn.disabled = false;
      }
    });
  });
</script>
{% endblock %}