{% extends "base.html" %}
{% block title %}Overview · kb-mcp admin{% endblock %}
{% block content %}
<header class="page-header">
  <div>
    <h1>Overview</h1>
    <p>Phase-one control surface for your local knowledge base.</p>
  </div>
  <div class="header-meta">
    <span class="meta-chip">DB: {{ db_path }}</span>
    <span class="meta-chip">{{ "Embeddings on" if embed_enabled else "Embeddings off" }}{% if embed_dim %} · {{ embed_dim }}d{% endif %}</span>
  </div>
</header>

<section class="stats-grid">
  <article class="stat-panel"><span>Active docs</span><strong>{{ stats.documents }}</strong></article>
  <article class="stat-panel"><span>Deleted docs</span><strong>{{ stats.deleted_documents }}</strong></article>
  <article class="stat-panel"><span>Types</span><strong>{{ stats.types }}</strong></article>
  <article class="stat-panel"><span>Links</span><strong>{{ stats.links }}</strong></article>
  <article class="stat-panel"><span>Orphans</span><strong>{{ stats.orphan_documents }}</strong></article>
  <article class="stat-panel"><span>Vectors</span><strong>{{ stats.vectors }}</strong></article>
</section>

<section class="layout-grid">
  <section class="panel">
    <div class="panel-head">
      <h2>Recent updates</h2>
    </div>
    <div class="list">
      {% for doc in recent_docs %}
      <a class="list-row" href="/documents/{{ doc.id }}">
        <div>
          <div class="row-title">{{ doc.title }}</div>
          <div class="row-meta">{{ doc.type }} · {{ doc.id }}</div>
        </div>
        <time>{{ doc.updated_at.strftime("%Y-%m-%d %H:%M") }}</time>
      </a>
      {% else %}
      <div class="empty-state">No documents yet.</div>
      {% endfor %}
    </div>
  </section>

  <section class="panel">
    <div class="panel-head">
      <h2>Type distribution</h2>
    </div>
    <div class="bar-list">
      {% for type_name, count in type_counts %}
      <div class="bar-row">
        <div class="bar-label">{{ type_name }}</div>
        <div class="bar-track"><div class="bar-fill" style="width: {{ (count / stats.documents * 100) if stats.documents else 0 }}%"></div></div>
        <div class="bar-value">{{ count }}</div>
      </div>
      {% else %}
      <div class="empty-state">No document types yet.</div>
      {% endfor %}
    </div>
  </section>

  <section class="panel">
    <div class="panel-head">
      <h2>Top tags</h2>
    </div>
    <div class="tag-cloud">
      {% for tag, count in tag_counts %}
      <span class="tag-pill">{{ tag }} <small>{{ count }}</small></span>
      {% else %}
      <div class="empty-state">Tags will show up once documents start carrying them.</div>
      {% endfor %}
    </div>
  </section>

  <section class="panel">
    <div class="panel-head">
      <h2>Doctor</h2>
    </div>
    <div class="doctor-status {{ 'ok' if doctor_report.ok else 'warn' }}">
      {{ "Healthy" if doctor_report.ok else "Needs attention" }}
    </div>
    <div class="list compact">
      {% for check in doctor_report.checks %}
      <div class="list-row">
        <div>
          <div class="row-title">{{ check.name }}</div>
          <div class="row-meta">{{ check.detail }}</div>
        </div>
        <span class="status-pill {{ 'status-ok' if check.ok else 'status-bad' }}">{{ "OK" if check.ok else "Fail" }}</span>
      </div>
      {% endfor %}
    </div>
  </section>
</section>
{% endblock %}