{% extends "base.html" %}
{% set page_title = "Memory" %}
{% block title %}Memory | Suvra{% endblock %}
{% block content %}
{% raw %}
<style>
  .memory-domain-card {
    background: var(--color-surface-raised);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 16px 20px;
    margin-bottom: 12px;
    transition: border-color var(--transition);
  }
  .memory-domain-card:hover { border-color: var(--color-accent); }
  .memory-domain-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }
  .memory-domain-name { font-weight: 600; font-size: 0.9rem; }
  .memory-domain-desc { font-size: 0.82rem; color: var(--color-text-secondary); margin: 0 0 8px; }
  .memory-domain-meta { display: flex; gap: 16px; font-size: 0.78rem; color: var(--color-text-muted); }
  .memory-agent-badge {
    display: inline-block;
    font-size: 0.72rem;
    padding: 2px 8px;
    border-radius: 100px;
    background: rgba(99,102,241,0.12);
    color: #818cf8;
    margin-left: 6px;
  }
</style>
{% endraw %}

<section class="page-head">
  <div class="page-head-text">
    <h1>Institutional Memory</h1>
    <p class="muted">Vector-backed knowledge domains and per-agent memory. Turn local signals into institutional knowledge that compounds over time.</p>
  </div>
</section>

<section class="kpi-grid kpi-grid--4">
  <article class="kpi-card">
    <h2>Domains</h2>
    <div class="kpi-main"><p class="kpi-value">{{ memory_summary.domains }}</p></div>
  </article>
  <article class="kpi-card">
    <h2>Documents</h2>
    <div class="kpi-main"><p class="kpi-value">{{ memory_summary.documents }}</p></div>
  </article>
  <article class="kpi-card">
    <h2>Chunks</h2>
    <div class="kpi-main"><p class="kpi-value">{{ memory_summary.chunks }}</p></div>
  </article>
  <article class="kpi-card">
    <h2>Index Size</h2>
    <div class="kpi-main"><p class="kpi-value">{{ memory_summary.index_size_mb }} <span style="font-size:0.9rem">MB</span></p></div>
  </article>
</section>

{% if domains %}
<section class="panel">
  <div class="panel-head"><h2>Knowledge Domains</h2></div>
  {% for domain in domains %}
  <div class="memory-domain-card">
    <div class="memory-domain-head">
      <span class="memory-domain-name">{{ domain.name }}</span>
      <span class="badge badge-allow">{{ domain.document_count }} docs · {{ domain.chunk_count }} chunks</span>
    </div>
    {% if domain.description %}<p class="memory-domain-desc">{{ domain.description }}</p>{% endif %}
    <div class="memory-domain-meta">
      <span>Created {{ domain.created_at[:10] if domain.created_at else '—' }}</span>
      {% if domain.allowed_agent_ids %}
      <span>Agents: {% for aid in domain.allowed_agent_ids %}<span class="memory-agent-badge">{{ aid }}</span>{% endfor %}</span>
      {% else %}
      <span>All agents</span>
      {% endif %}
    </div>
  </div>
  {% endfor %}
</section>
{% endif %}

{% if documents %}
<section class="panel">
  <div class="panel-head"><h2>Recent Documents</h2></div>
  <div class="table-wrap">
    <table class="data-table">
      <thead>
        <tr><th>Title</th><th>Source</th><th class="numeric">Chunks</th><th class="muted">Created</th></tr>
      </thead>
      <tbody>
        {% for doc in documents %}
        <tr>
          <td><span class="table-row-title">{{ doc.title }}</span></td>
          <td class="muted">{{ doc.source }}</td>
          <td class="numeric">{{ doc.chunk_count }}</td>
          <td class="muted">{{ doc.created_at[:10] if doc.created_at else '—' }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endif %}

{% if not domains and not documents %}
<div class="empty-state" style="text-align:center;padding:60px 20px;color:var(--color-text-muted);">
  <h3 style="font-size:1.1rem;color:var(--color-text-secondary);">No memory domains yet</h3>
  <p style="font-size:0.88rem;">Create your first domain:</p>
  <pre class="code-block" style="text-align:left;display:inline-block;">curl -X POST localhost:8000/v2/memory/domains \
  -H 'Content-Type: application/json' \
  -d '{"domain_id": "runbooks", "name": "runbooks", "description": "Ops runbooks"}'</pre>
</div>
{% endif %}

{% endblock %}