{% extends 'base.html' %}
{% block title %}LLM 自动分析 - 天璇{% endblock %}
{% block content %}
<div class="card">
    <h2>LLM 自动分析</h2>
    <p style="color:#666;">LLM 将自动编排工具链完成：加载 → 检测实体 → 聚合 → 聚类 → 特征提取</p>
    {% if not llm_configured %}
    <div style="background:#fff3cd;padding:1rem;border-radius:6px;margin:1rem 0;">
        ⚠️ LLM 尚未配置。请先在 <a href="/config/">配置页面</a> 设置 base_url 和 API Key。
    </div>
    {% endif %}
</div>

<div class="card">
    <h3>选择数据集</h3>
    {% if runs %}
    <table>
        <thead><tr><th></th><th>ID</th><th>文件</th><th>实体列</th><th>状态</th></tr></thead>
        <tbody>
            {% for run in runs %}
            <tr>
                <td><input type="radio" name="auto_run_id" value="{{ run.id }}"></td>
                <td>#{{ run.id }}</td>
                <td style="max-width:200px;overflow:hidden;text-overflow:ellipsis;">{{ run.csv_glob }}</td>
                <td>{{ run.entity_column|default:"-" }}</td>
                <td><span class="badge badge-success">{{ run.status }}</span></td>
            </tr>
            {% empty %}
            <tr><td colspan="5" style="text-align:center;">暂无数据。先去 <a href="/upload/">上传 CSV</a>。</td></tr>
            {% endfor %}
        </tbody>
    </table>
    <button class="btn btn-primary" style="margin-top:1rem;" onclick="startAuto()" {% if not llm_configured %}disabled{% endif %}>开始自动分析</button>
    {% endif %}
    <div id="autoProgress" style="display:none;margin-top:1rem;">
        <p>LLM 编排中... <span id="autoStatus"></span></p>
        <div style="background:#eee;height:8px;border-radius:4px;overflow:hidden;">
            <div id="autoBar" style="background:#4361ee;height:100%;width:0%;"></div>
        </div>
        <button id="cancelBtn" class="btn" style="background:#f72585;color:white;display:none;" onclick="cancelAnalysis()">取消分析</button>
        <div id="liveLog" style="background:#1a1a2e;color:#e0e0e0;padding:1rem;border-radius:6px;margin-top:1rem;max-height:300px;overflow:auto;font-size:0.8rem;display:none;"></div>
    </div>
</div>

<script>
let logPoll = null;
let statusPoll = null;

async function startAuto() {
    const selected = document.querySelector('input[name="auto_run_id"]:checked');
    if (!selected) { alert('请先选择一个数据集'); return; }
    document.getElementById('autoProgress').style.display = 'block';
    document.getElementById('cancelBtn').style.display = 'inline-block';
    document.getElementById('liveLog').style.display = 'block';
    document.getElementById('liveLog').innerHTML = '';
    const resp = await fetch('/analyze/llm/', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'X-CSRFToken': '{{ csrf_token }}' },
        body: JSON.stringify({ run_id: parseInt(selected.value), entity_column: '' }),
    });
    const data = await resp.json();
    const runId = selected.value;

    statusPoll = setInterval(async () => {
        const r = await fetch(`/runs/${runId}/status/`);
        const s = await r.json();
        const pct = s.progress_pct || 0;
        const msg = s.progress_msg || s.status;
        document.getElementById('autoStatus').textContent = `${msg} (${pct}%)`;
        document.getElementById('autoBar').style.width = pct + '%';
        if (s.run_log) {
            document.getElementById('liveLog').innerHTML = s.run_log.split('\n').map(l => l.trim()).filter(l => l).join('\n') + '\n';
            document.getElementById('liveLog').scrollTop = document.getElementById('liveLog').scrollHeight;
        }
        if (s.status === 'completed') { clearInterval(statusPoll); clearInterval(logPoll); document.getElementById('autoStatus').textContent = '分析完成！'; }
        if (s.status === 'failed') { clearInterval(statusPoll); clearInterval(logPoll); document.getElementById('autoStatus').textContent = '失败: ' + (s.error_message || ''); }
    }, 1000);

    // Poll live logs every 3 seconds
    let lastPos = 0;
    logPoll = setInterval(async () => {
        try {
            const r = await fetch(`/logs/?pos=${lastPos}`);
            const txt = await r.text();
            const logDiv = document.getElementById('liveLog');
            // Check if response is a number (position marker) followed by new content
            const parts = txt.split('\n', 2);
            if (parts.length >= 2) {
                const newPos = parseInt(parts[0], 10);
                if (!isNaN(newPos)) { lastPos = newPos; }
                if (parts[1]) {
                    logDiv.innerHTML += parts[1] + '\n';
                    logDiv.scrollTop = logDiv.scrollHeight;
                }
            }
        } catch (e) { /* ignore fetch errors during polling */ }
    }, 3000);
}

function cancelAnalysis() {
    if (statusPoll) { clearInterval(statusPoll); statusPoll = null; }
    if (logPoll) { clearInterval(logPoll); logPoll = null; }
    document.getElementById('autoStatus').textContent = '已取消';
    document.getElementById('cancelBtn').style.display = 'none';
    document.getElementById('liveLog').innerHTML += '\n--- 分析已取消 ---\n';
}
</script>
{% endblock %}