{% extends "setup/_base.html" %}
{% block step_content %}
<h1>Step 6 &mdash; Concepts <span class="pill optional-pill">Optional &mdash; accelerator</span></h1>
<p>Theme vocabulary for paper tagging. Generated by
<code>lit-monitor build-vocabulary</code>; stored at <code>config/concepts.yaml</code>.</p>
<div class="card warning">
  <p><strong>Optional.</strong> Building vocabulary front-loads the theme labels using
  your existing Zotero library. <strong>Costs real LLM tokens</strong> (one cluster + remediation +
  refinement run against all your Zotero keywords). Skipping this is fine &mdash; the
  embedding index that powers relevance ranking grows on every <code>lit-monitor run</code>
  regardless, and paper tagging defaults to Zotero's own keywords when no concepts
  vocabulary exists.</p>
  <p class="field-note">Use this if you want a curated set of theme tags
  surfaced in your Obsidian notes from day one.</p>
</div>

{% if source %}
  <p class="field-note">Showing: <code>config/{{ source }}.yaml</code>{% if source == "concepts_draft" %}
  (draft — copy to <code>concepts.yaml</code> after human review){% endif %}</p>
{% endif %}

{% if not themes and not unclustered %}
<div class="card warning">
  <h3>Not yet built</h3>
  <p>No vocabulary exists. Click "Regenerate" below to generate one from your Zotero keywords.</p>
</div>
{% endif %}

{% if themes %}
<h2>Themes ({{ themes | length }})</h2>
<ul class="concepts-tree">
  {% for theme in themes %}
  <li>
    <details>
      <summary><strong>{{ theme.name }}</strong> ({{ theme.keywords | length }})</summary>
      <ul>
        {% for kw in theme.keywords %}<li>{{ kw }}</li>{% endfor %}
      </ul>
    </details>
  </li>
  {% endfor %}
</ul>
{% endif %}

{% if unclustered %}
<h2>Unclustered ({{ unclustered | length }})</h2>
<details>
  <summary>{{ unclustered | length }} keywords didn't fit into any theme</summary>
  <ul>
    {% for kw in unclustered %}<li>{{ kw }}</li>{% endfor %}
  </ul>
</details>
{% endif %}

<hr>
<form hx-post="/setup/api/build-vocabulary/start" hx-target="#result" hx-swap="innerHTML">
  <p>Build vocabulary from Zotero keywords. This calls the LLM many times
  and can take a long time (minutes to tens of minutes).</p>
  {% if is_running %}
    <button type="submit" disabled>Build in progress…</button>
    <a href="/setup/step-6/progress" class="button">View live progress →</a>
  {% else %}
    <button type="submit" class="button">Regenerate</button>
  {% endif %}
</form>
<div id="result"></div>

<p><a href="/setup">← Back to setup overview</a></p>
{% endblock %}