{% extends "base.html" %}
{% block title %}Sources — LynxManager{% endblock %}

{% block content %}

<div class="flex items-baseline justify-between mb-4">
  <h1 class="text-2xl font-bold text-slate-900">Sources</h1>
  <div class="flex items-center gap-3">
    <span class="text-sm text-slate-500">
      {{ sources|length }} source{{ '' if sources|length == 1 else 's' }} configured
    </span>
    <a href="/sources/new"
       class="px-3 py-1.5 bg-indigo-600 text-white text-sm rounded font-medium hover:bg-indigo-700">
      + Add source
    </a>
  </div>
</div>

{% if not sources %}
  <div class="p-8 bg-white border border-dashed border-slate-300 rounded text-center">
    <div class="text-4xl mb-2">📚</div>
    <div class="text-slate-700 font-medium mb-1">No sources configured yet</div>
    <div class="text-sm text-slate-500 mb-4 max-w-md mx-auto">
      A source is one body of content Lynx indexes — your code, a docs site, or a
      folder of PDFs. Add one to get started.
    </div>
    <a href="/sources/new"
       class="inline-block px-5 py-2 bg-indigo-600 text-white rounded font-medium hover:bg-indigo-700">
      + Add your first source
    </a>
  </div>
{% else %}
  <div class="space-y-2">
    {% for s in sources %}
      <a href="/sources/{{ s.name }}"
         class="block p-4 bg-white border border-slate-200 rounded hover:border-indigo-400 hover:shadow-sm transition">
        <div class="flex items-center justify-between">
          <div>
            <div class="font-semibold text-slate-900">{{ s.name }}</div>
            <div class="text-xs text-slate-500 mt-0.5">
              type: {{ s.type }}
              {% if s.path %} · {{ s.path }}{% endif %}
            </div>
          </div>
          <div class="flex items-center gap-2">
            {% if s.locked %}
              <span class="badge bg-amber-100 text-amber-800" title="ChromaDB locked by another process">🔒 locked</span>
            {% endif %}
            {% if s.drift_severity == "critical" %}
              <span class="badge bg-red-100 text-red-800">drift: critical</span>
            {% elif s.drift_severity == "warning" %}
              <span class="badge bg-amber-100 text-amber-800">drift: warning</span>
            {% endif %}
            {% if s.chunk_count is not none %}
              <span class="text-sm text-slate-600">{{ s.chunk_count }} chunks</span>
            {% endif %}
            <span class="text-slate-400">→</span>
          </div>
        </div>
      </a>
    {% endfor %}
  </div>
{% endif %}

{% endblock %}