{% extends "base.html" %}

{% block header_content %}
<div class="progress-bar" id="progressBar">
    <div class="progress-fill" id="progressFill" style="width: 0%"></div>
</div>
<div class="progress-message" id="progressMessage"></div>
{% endblock %}

{% block content %}
<div class="research-view">
    <div class="tree-container" id="treeContainer">
        <!-- 动态生成的研究树 -->
    </div>

    <div class="action-buttons">
        <button class="action-button" onclick="window.location.href='/'">返回</button>
        <button class="action-button primary" id="downloadBtn" style="display: none;" onclick="downloadReport()">
            📄 下载报告
        </button>
        <button class="action-button danger" id="cancelBtn" onclick="cancelResearch()">
            ✕ 取消研究
        </button>
    </div>
</div>

<!-- 详情面板 -->
<div class="detail-panel" id="detailPanel">
    <div class="panel-header">
        <h3>详细信息</h3>
        <button class="panel-close" onclick="closePanel()">×</button>
    </div>
    <div class="panel-content" id="panelContent">
        <!-- 动态内容 -->
    </div>
</div>

<script>
    const SESSION_ID = "{{ session_id }}";
</script>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/research-tree.js') }}"></script>
<script src="{{ url_for('static', filename='js/research.js') }}"></script>
{% endblock %}