{% extends "base.html" %}
{% block title %}Генерация — {{ pipeline.name }}{% endblock %}
{% block content %}
<h1>Генерация: {{ pipeline.name }}</h1>

{# needs_llm/llm_configured passed by generate_page; default to LLM mode for safety. #}
{% set _needs_llm = needs_llm if needs_llm is defined else true %}
{% set _llm_configured = llm_configured if llm_configured is defined else true %}

{% if _needs_llm and not _llm_configured %}
<div class="alert alert-warning">
    <i class="bi bi-exclamation-triangle"></i>
    Этот пайплайн использует LLM, но ни один провайдер не настроен.
    Превью и запуск недоступны, пока вы не добавите провайдера в
    <a href="/settings">настройках</a>.
</div>
{% endif %}

{% if _needs_llm %}
<form method="post" action="/pipelines/{{ pipeline.id }}/generate" data-busy>
    <div class="row g-3 mb-3">
        <div class="col-12 col-md-6">
            <label class="form-label">LLM model</label>
            <input class="form-control" name="model" value="{{ pipeline.llm_model or '' }}">
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Max tokens</label>
            <input class="form-control" type="number" name="max_tokens" value="256">
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Temperature</label>
            <input class="form-control" type="number" step="0.1" name="temperature" value="0.0">
        </div>
    </div>
    <button type="submit" class="btn btn-primary" {{ "disabled" if not _llm_configured }}><i class="bi bi-eye"></i> Preview</button>
    <button type="button" id="stream-btn" class="btn btn-outline-secondary" {{ "disabled" if not _llm_configured }}><i class="bi bi-arrow-repeat"></i> Stream Preview</button>
</form>
{% else %}
<p class="text-muted">Этот пайплайн не использует LLM (forward/publish/filter) — параметры модели не требуются.</p>
{% endif %}

<form method="post" action="/pipelines/{{ pipeline.id }}/run" data-busy class="mt-3">
    <button type="submit" class="btn btn-success" {{ "disabled" if _needs_llm and not _llm_configured }}><i class="bi bi-play-fill"></i> Run now</button>
</form>

<pre id="stream-output" style="white-space: pre-wrap; margin-top: 1rem;"></pre>

<script>
document.addEventListener('DOMContentLoaded', function(){
  const btn = document.getElementById('stream-btn');
  if(!btn) return;
  btn.addEventListener('click', function(){
    const model = document.querySelector('input[name="model"]').value || '';
    const max_tokens = document.querySelector('input[name="max_tokens"]').value || '';
    const temperature = document.querySelector('input[name="temperature"]').value || '';
    const out = document.getElementById('stream-output');
    out.textContent = '';
    const url = `/pipelines/{{ pipeline.id }}/generate-stream?model=${encodeURIComponent(model)}&max_tokens=${encodeURIComponent(max_tokens)}&temperature=${encodeURIComponent(temperature)}`;
    const es = new EventSource(url);
    es.onmessage = function(e){
      try {
        const d = JSON.parse(e.data);
        out.textContent = d.text || '';
      } catch (err) {
        out.textContent += e.data;
      }
    };
    es.addEventListener('done', function(e){ es.close(); });
    es.addEventListener('error', function(e){ es.close(); });
  });
});
</script>

{% if error %}
<div class="alert alert-danger mt-3">Ошибка: {{ error }}</div>
{% endif %}

{% if run %}
<div class="card mt-4">
    <div class="card-header">Preview (run id={{ run.id }})</div>
    <div class="card-body">
        <pre style="white-space: pre-wrap">{{ run.generated_text }}</pre>

        {% if run.variants and run.variants|length > 1 %}
        <h5 class="mt-3">A/B варианты ({{ run.variants|length }})</h5>
        <form method="post" action="/pipelines/{{ pipeline.id }}/auto-select-best" data-busy class="mb-3">
            <input type="hidden" name="run_id" value="{{ run.id }}">
            <button type="submit" class="btn btn-outline-primary btn-sm">
                <i class="bi bi-stars"></i> Авто-выбор лучшего
            </button>
        </form>
        <div class="list-group">
            {% for variant in run.variants %}
            <div class="list-group-item {{ 'active' if run.selected_variant == loop.index0 }}">
                <div class="d-flex justify-content-between align-items-start">
                    <div class="me-3" style="white-space: pre-wrap">[{{ loop.index0 }}]
                        {% if run.selected_variant == loop.index0 %}<span class="badge bg-light text-dark">выбран</span>{% endif %}
                        {{ variant }}</div>
                    <form method="post" action="/pipelines/{{ pipeline.id }}/select-variant" data-busy>
                        <input type="hidden" name="run_id" value="{{ run.id }}">
                        <input type="hidden" name="variant_index" value="{{ loop.index0 }}">
                        <button type="submit" class="btn btn-sm btn-outline-secondary">Выбрать</button>
                    </form>
                </div>
            </div>
            {% endfor %}
        </div>
        {% endif %}

        <h5 class="mt-3">Citations</h5>
        <ul>
            {% for c in run.metadata.citations %}
            <li>{{ c.channel_title }} id={{ c.message_id }} date={{ c.date|local_dt(fmt="date") }}</li>
            {% endfor %}
        </ul>
        <form method="post" action="/pipelines/{{ pipeline.id }}/publish" data-busy>
            <input type="hidden" name="run_id" value="{{ run.id }}">
            <button type="submit" class="btn btn-success"><i class="bi bi-send"></i> Publish</button>
        </form>
    </div>
</div>
{% endif %}

{% endblock %}