app/web/templates/agent_analysis.html

{% extends "layout.html" %}

{% block head %}
<style>

    /* 修复“开始分析”按钮中加载动画和文字的对齐问题 */

    #start-analysis-btn {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 0.5rem; /* 在图标/加载动画和文字之间添加一些间距 */

    }



    /* 为市场下拉菜单应用自定义样式 */

    #market-type.form-select {

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

        background-repeat: no-repeat;

        background-position: right 0.75rem center;

        background-size: 16px 12px;

    }

</style>
{% endblock %}

{% block title %}智能体分析 - 智能分析系统{% endblock %}

{% block content %}
<div class="container-fluid py-3">
    <div id="alerts-container"></div>

    <!-- Page Title -->
    <div class="row mb-3">
        <div class="col-12">
            <h2 class="mb-0">智能体分析</h2>
            <p class="text-muted">利用多智能体框架进行深度股票评估</p>
        </div>
    </div>

    <!-- Input Form Card -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header py-2">
                    <h5 class="mb-0">分析设置</h5>
                </div>
                <div class="card-body py-2">
                    <form id="agent-analysis-form" class="row g-3 align-items-end">
                        <div class="col-md-3">
                            <label for="stock-code" class="form-label">股票代码</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-barcode"></i></span>
                                <input type="text" class="form-control" id="stock-code" placeholder="例如: 600519, AAPL" required>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <label for="market-type" class="form-label">市场</label>
                            <div class="input-group">
                                <select class="form-select" id="market-type">
                                    <option value="A" selected>A股</option>
                                    <option value="US">美股</option>
                                    <option value="HK">港股</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                           <label for="analysis-date" class="form-label">分析日期</label>
                           <div class="input-group">
                               <input type="date" class="form-control" id="analysis-date">
                           </div>
                       </div>
                        <div class="col-md-3">
                            <label for="research-depth" class="form-label">研究深度</label>
                            <select class="form-select" id="research-depth">
                                <option value="1">1级 - 快速</option>
                                <option value="2">2级 - 基础</option>
                                <option value="3" selected>3级 - 标准</option>
                                <option value="4">4级 - 深度</option>
                                <option value="5">5级 - 全面</option>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" id="start-analysis-btn" class="btn btn-primary w-100">
                                <i class="fas fa-rocket"></i> 开始分析
                            </button>
                        </div>

                        <div class="col-12 mt-2">
                            <label class="form-label mb-1">选择分析师团队:</label>
                            <div id="analyst-selection" class="d-flex flex-wrap gap-3">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" id="analyst-market" value="market" checked>
                                    <label class="form-check-label" for="analyst-market">市场</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" id="analyst-news" value="news" checked>
                                    <label class="form-check-label" for="analyst-news">新闻</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" id="analyst-social" value="social" checked>
                                    <label class="form-check-label" for="analyst-social">社交</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" id="analyst-fundamentals" value="fundamentals" checked>
                                    <label class="form-check-label" for="analyst-fundamentals">基本面</label>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-9 mt-2">
                             <label for="max-output-length" class="form-label">最大输出长度: <span id="max-output-length-value" class="fw-bold text-primary">2048</span> tokens</label>
                             <input type="range" class="form-range" id="max-output-length" min="512" max="8192" step="256" value="2048">
                        </div>
                        <div class="col-md-3 mt-2 d-flex align-items-end justify-content-end">
                            <div class="form-check form-switch pb-2">
                                <input class="form-check-input" type="checkbox" id="enable-memory" checked>
                                <label class="form-check-label" for="enable-memory">启用记忆功能</label>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Results Area -->
    <div id="results-area" class="mt-4" style="display: none;">
        <!-- Progress Bar -->
        <div id="progress-container" class="mb-3">
            <h5 id="progress-step" class="text-center mb-2">正在初始化...</h5>
            <div class="progress" style="height: 20px;">
                <div id="progress-bar" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">0%</div>
            </div>
        </div>

        <!-- Analysis Results Card -->
        <div id="results-card" class="card" style="display: none;">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">分析报告</h5>
                <div id="export-buttons">
                    <!-- Export buttons will be added here -->
                </div>
            </div>
            <div class="card-body">
                <div id="results-content">
                    <!-- Dynamic results will be rendered here -->
                </div>
            </div>
        </div>
    </div>
    <!-- History Card -->
    <div class="row mt-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center py-2">
                    <h5 class="mb-0"><i class="fas fa-history me-2"></i>分析历史</h5>
                    <button id="refresh-history-btn" class="btn btn-sm btn-outline-primary">
                        <i class="fas fa-sync-alt"></i> 刷新
                    </button>
                </div>
                <div class="card-body">
                    <div id="history-table-container">
                        <!-- History table will be rendered here -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>

$(document).ready(function() {

    let pollingInterval;



    $('#agent-analysis-form').submit(function(e) {

        e.preventDefault();

        const stockCode = $('#stock-code').val().trim();

        const researchDepth = $('#research-depth').val();

        const marketType = $('#market-type').val();

        const analysisDate = $('#analysis-date').val();

        const enableMemory = $('#enable-memory').is(':checked');

        const maxOutputLength = $('#max-output-length').val();

        const selectedAnalysts = $('#analyst-selection input:checked').map(function() {

            return $(this).val();

        }).get();

        

        if (!stockCode) {

            showError('请输入股票代码！');

            return;

        }



        if (selectedAnalysts.length === 0) {

            showError('请至少选择一个分析师！');

            return;

        }



        // Disable button and show progress

        $('#start-analysis-btn').prop('disabled', true).html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 分析中...');

        $('#results-area').show();

        $('#progress-container').show();

        $('#results-card').hide();

        updateProgress(0, '任务已提交...');



        // Start analysis

        $.ajax({

            url: '/api/start_agent_analysis',

            type: 'POST',

            contentType: 'application/json',

            data: JSON.stringify({

                stock_code: stockCode,

                market_type: marketType,

                selected_analysts: selectedAnalysts,

                research_depth: parseInt(researchDepth),

                analysis_date: analysisDate,

                enable_memory: enableMemory,

                max_output_length: parseInt(maxOutputLength)

            }),

            success: function(response) {

                if (response.task_id) {

                    startPolling(response.task_id);

                } else {

                    showError(response.error || '无法启动分析任务');

                    resetForm();

                }

            },

            error: function(xhr) {

                const errorMsg = xhr.responseJSON ? xhr.responseJSON.error : '请求失败';

                showError('启动分析失败: ' + errorMsg);

                resetForm();

            }

        });

    });



    function startPolling(taskId) {

        pollingInterval = setInterval(function() {

            $.ajax({

                url: `/api/agent_analysis_status/${taskId}`,

                type: 'GET',

                cache: false, // 禁用缓存，确保每次都获取最新状态

                success: function(response) {

                    if (!response) return;



                    // 优先使用 result.current_step，如果没有则使用默认文本

                    const currentStep = response.result ? response.result.current_step : '处理中...';

                    updateProgress(response.progress, currentStep);



                    if (response.status === 'completed' || response.status === 'failed') {

                        clearInterval(pollingInterval);

                        if (response.status === 'completed') {

                            displayResults(response.result);

                        } else {

                            showError(response.error || '分析任务失败');

                        }

                        resetForm();

                    }

                },

                error: function(xhr) {

                    clearInterval(pollingInterval);

                    const errorMsg = xhr.responseJSON ? xhr.responseJSON.error : '请求失败';

                    showError('获取状态失败: ' + errorMsg);

                    resetForm();

                }

            });

        }, 3000); // Poll every 3 seconds

    }



    function updateProgress(percent, step) {

        $('#alerts-container').empty(); // 清除“正在恢复”等提示信息

        percent = Math.min(percent, 100);

        $('#progress-bar').css('width', percent + '%').attr('aria-valuenow', percent).text(percent + '%');

        $('#progress-step').text(step);

    }



    function displayResults(result) {

        $('#progress-container').hide();

        $('#results-card').show();

        

        let contentHtml = '<h4><i class="fas fa-exclamation-triangle text-danger me-2"></i>分析结果加载失败</h4>';



        if (result && result.decision) {

            const decision = result.decision;

            const state = result.final_state || {};

            const stockInfo = {

                code: state.company_of_interest || 'N/A',

                name: state.company_name || '未知公司',

                market: state.market_type || 'N/A'

            };



            // --- Helper functions ---

            const parseFundamentals = (report) => {

                if (typeof report !== 'string') {

                    return {};

                }

                const metrics = {};

                const patterns = {

                    debt_ratio: /\*\*?资产负债率\*\*?\s*[:：\s是为]*\s*([\d\.]+)/i,

                    liquidity_ratio: /\*\*?流动比率\*\*?\s*[:：\s是为]*\s*([\d\.]+)/i,

                    quick_ratio: /\*\*?速动比率\*\*?\s*[:：\s是为]*\s*([\d\.]+)/i,

                    gross_margin: /\*\*?毛利率\*\*?\s*[:：\s是为]*\s*([\d\.]+)/i,

                    net_margin: /\*\*?净利率\*\*?\s*[:：\s是为]*\s*([\d\.]+)/i,

                    pb_ratio: /\*\*?市净率(?:\(PB\))?\*\*?\s*[:：\s是为]*\s*([\d\.]+)/i

                };



                for (const key in patterns) {

                    const match = report.match(patterns[key]);

                    if (match && match[1]) {

                        metrics[key] = parseFloat(match[1]);

                    } else {

                        metrics[key] = null;

                    }

                }

                return metrics;

            };

            

            const fundamentals = parseFundamentals(state.fundamentals_report);



            const getRatingClass = (value, thresholds, ascending = true) => {

                if (value === null || value === undefined || isNaN(value)) return 'text-muted';

                const [low, mid, high] = thresholds;

                if (ascending) {

                    if (value >= high) return 'text-success';

                    if (value >= mid) return 'text-primary';

                    if (value >= low) return 'text-warning';

                    return 'text-danger';

                } else {

                    if (value <= low) return 'text-success';

                    if (value <= mid) return 'text-primary';

                    if (value <= high) return 'text-warning';

                    return 'text-danger';

                }

            };



            const getRatingText = (value, thresholds, labels, ascending = true) => {

                if (value === null || value === undefined || isNaN(value)) return 'N/A';

                const [low, mid, high] = thresholds;

                const [labelLow, labelMid, labelHigh, labelVeryHigh] = labels;

                if (ascending) {

                    if (value >= high) return labelVeryHigh;

                    if (value >= mid) return labelHigh;

                    if (value >= low) return labelMid;

                    return labelLow;

                } else {

                    if (value <= low) return labelVeryHigh;

                    if (value <= mid) return labelHigh;

                    if (value <= high) return labelMid;

                    return labelLow;

                }

            };



            const renderTable = (title, headers, rows) => {

                let tableHtml = `<div class="card h-100 shadow-sm">

                    <div class="card-header bg-light">

                        <h6 class="mb-0">${title}</h6>

                    </div>

                    <div class="card-body p-0">

                        <table class="table table-sm table-hover mb-0">

                            <thead><tr>${headers.map(h => `<th>${h}</th>`).join('')}</tr></thead>

                            <tbody>`;

                rows.forEach(row => {

                    tableHtml += `<tr>${row.map(cell => `<td>${cell}</td>`).join('')}</tr>`;

                });

                tableHtml += `</tbody></table></div></div>`;

                return tableHtml;

            };



            // --- Main Content ---

            contentHtml = `

                <!-- Header -->

                <div class="text-center mb-4">

                    <h2>${stockInfo.name} (${stockInfo.code}) - 智能体深度分析报告</h2>

                    <p class="text-muted">报告生成日期: ${new Date().toLocaleDateString()}</p>

                </div>



                <!-- Investment Suggestion -->

                <div class="alert ${getDecisionClass(decision.action).replace('text-', 'alert-')} border-0 shadow-lg mb-4">

                    <h4 class="alert-heading"><i class="fas fa-lightbulb me-2"></i>投资建议: <span class="fw-bold">${decision.action}</span></h4>

                    <p class="mb-0">${decision.reasoning}</p>

                </div>



                <!-- Key Metrics -->

                <div class="row mb-4">

                    <div class="col-md-4">

                        <div class="card text-center h-100 shadow-sm">

                            <div class="card-body">

                                <h6 class="text-muted">置信度</h6>

                                <p class="display-5 fw-bold mb-0">${(decision.confidence * 100).toFixed(1)}%</p>

                            </div>

                        </div>

                    </div>

                    <div class="col-md-4">

                        <div class="card text-center h-100 shadow-sm">

                            <div class="card-body">

                                <h6 class="text-muted">风险评分</h6>

                                <p class="display-5 fw-bold mb-0 ${getRatingClass(decision.risk_score * 100, [30, 50, 70], false)}">${(decision.risk_score * 100).toFixed(1)}%</p>

                            </div>

                        </div>

                    </div>

                    <div class="col-md-4">

                        <div class="card text-center h-100 shadow-sm">

                            <div class="card-body">

                                <h6 class="text-muted">市场情绪</h6>

                                <p class="display-5 fw-bold mb-0">${state.sentiment_score || 'N/A'}</p>

                            </div>

                        </div>

                    </div>

                </div>



                <!-- Financial, Profitability & Valuation Tables -->

                <div class="row g-4 mb-4">

                    <div class="col-lg-6">

                        ${renderTable(

                            '<i class="fas fa-balance-scale me-2"></i>财务状况评估',

                            ['指标', '数值', '评估'],

                            [

                                ['资产负债率', fundamentals.debt_ratio !== null ? `${fundamentals.debt_ratio}%` : 'N/A', `<span class="${getRatingClass(fundamentals.debt_ratio, [40, 60, 80], false)}">${getRatingText(fundamentals.debt_ratio, [40, 60, 80], ['高风险', '较高风险', '中等', '良好'], false)}</span>`],

                                ['流动比率', fundamentals.liquidity_ratio !== null ? fundamentals.liquidity_ratio : 'N/A', `<span class="${getRatingClass(fundamentals.liquidity_ratio, [1, 1.5, 2], true)}">${getRatingText(fundamentals.liquidity_ratio, [1, 1.5, 2], ['风险', '吃紧', '良好', '优秀'], true)}</span>`],

                                ['速动比率', fundamentals.quick_ratio !== null ? fundamentals.quick_ratio : 'N/A', `<span class="${getRatingClass(fundamentals.quick_ratio, [0.8, 1, 1.2], true)}">${getRatingText(fundamentals.quick_ratio, [0.8, 1, 1.2], ['危险', '风险', '尚可', '良好'], true)}</span>`]

                            ]

                        )}

                    </div>

                    <div class="col-lg-6">

                        ${renderTable(

                            '<i class="fas fa-chart-line me-2"></i>盈利与估值',

                            ['指标', '数值', '评估'],

                            [

                                ['毛利率', fundamentals.gross_margin !== null ? `${fundamentals.gross_margin}%` : 'N/A', `<span class="${getRatingClass(fundamentals.gross_margin, [10, 20, 30], true)}">${getRatingText(fundamentals.gross_margin, [10, 20, 30], ['极低', '偏低', '中等', '优秀'], true)}</span>`],

                                ['净利率', fundamentals.net_margin !== null ? `${fundamentals.net_margin}%` : 'N/A', `<span class="${getRatingClass(fundamentals.net_margin, [0, 5, 10], true)}">${getRatingText(fundamentals.net_margin, [0, 5, 10], ['亏损', '微利', '良好', '优秀'], true)}</span>`],

                                ['市净率(PB)', fundamentals.pb_ratio !== null ? fundamentals.pb_ratio : 'N/A', `<span class="${getRatingClass(fundamentals.pb_ratio, [1, 2, 4], false)}">${getRatingText(fundamentals.pb_ratio, [1, 2, 4], ['高估', '偏高', '合理', '低估'], false)}</span>`]

                            ]

                        )}

                    </div>

                </div>



                <!-- Detailed Reports Accordion -->

                <h3 class="mt-5 mb-3">详细分析报告</h3>

                <div class="accordion" id="reports-accordion">

            `;



            const reports = [

                { title: '<i class="fas fa-chart-pie me-2"></i>市场分析报告', content: state.market_report, id: 'market' },

                { title: '<i class="fas fa-comments me-2"></i>社交媒体情绪报告', content: state.sentiment_report, id: 'social' },

                { title: '<i class="far fa-newspaper me-2"></i>新闻分析报告', content: state.news_report, id: 'news' },

                { title: '<i class="fas fa-file-invoice-dollar me-2"></i>基本面分析报告', content: state.fundamentals_report, id: 'fundamentals' },

                { title: '<i class="fas fa-gavel me-2"></i>投资辩论总结', content: state.investment_debate_state?.judge_decision, id: 'invest_debate' },

                { title: '<i class="fas fa-exclamation-triangle me-2"></i>风险分析总结', content: state.risk_debate_state?.judge_decision, id: 'risk_debate' }

            ];



            reports.forEach((report, index) => {

                if (report.content && (typeof report.content === 'string' ? report.content.trim() !== '' : true)) {

                    let reportContent;

                    if (typeof report.content === 'object') {

                        reportContent = `<pre>${JSON.stringify(report.content, null, 2)}</pre>`;

                    } else if (typeof report.content === 'string') {

                        // 使用Marked.js渲染Markdown

                        reportContent = marked.parse(report.content);

                    } else {

                        reportContent = '<p>内容格式无法解析。</p>';

                    }



                    contentHtml += `

                        <div class="accordion-item">

                            <h2 class="accordion-header" id="heading-${report.id}">

                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-${report.id}" aria-expanded="false" aria-controls="collapse-${report.id}">

                                    <strong>${report.title}</strong>

                                </button>

                            </h2>

                            <div id="collapse-${report.id}" class="accordion-collapse collapse" aria-labelledby="heading-${report.id}" data-bs-parent="#reports-accordion">

                                <div class="accordion-body bg-light">

                                    ${reportContent}

                                </div>

                            </div>

                        </div>

                    `;

                }

            });



            contentHtml += '</div>';

        }

        

        $('#results-content').html(contentHtml);

    }



    function getDecisionClass(action) {

        if (action.toLowerCase().includes('buy') || action.toLowerCase().includes('买入')) {

            return 'text-success';

        } else if (action.toLowerCase().includes('sell') || action.toLowerCase().includes('卖出')) {

            return 'text-danger';

        }

        return 'text-warning';

    }



    function resetForm() {

        $('#start-analysis-btn').prop('disabled', false).html('<i class="fas fa-rocket"></i> 开始分析');

    }



    // You can reuse the showError function from layout.html if it's globally available

    function showError(message) {

        const alertHtml = `

            <div class="alert alert-danger alert-dismissible fade show" role="alert">

                ${message}

                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>

            </div>

        `;

        $('#alerts-container').html(alertHtml);

    }



    // Check for task_id in URL on page load to resume polling

    const urlParams = new URLSearchParams(window.location.search);

    const taskIdFromUrl = urlParams.get('task_id');

    if (taskIdFromUrl) {

        showInfo('正在恢复分析任务...');

        $('#results-area').show();

        $('#progress-container').show();

        $('#results-card').hide();

        // Fetch initial task state to get stock code

        $.ajax({

            url: `/api/agent_analysis_status/${taskIdFromUrl}`,

            type: 'GET',

            success: function(task) {

                if (task && task.params && task.params.stock_code) {

                    $('#stock-code').val(task.params.stock_code);

                }

                startPolling(taskIdFromUrl);

            },

            error: function() {

                showError('无法恢复分析任务，任务ID可能已失效。');

            }

        });

    }



    // --- History Section Logic ---

    function loadHistory() {

        $('#history-table-container').html('<div class="text-center p-3"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Loading...</span></div></div>');

        

        $.ajax({

            url: '/api/agent_analysis_history',

            type: 'GET',

            cache: false,

            success: function(response) {

                if (response && response.history) {

                    renderHistoryTable(response.history);

                } else {

                    showError('无法加载分析历史。');

                }

            },

            error: function(xhr) {

                const errorMsg = xhr.responseJSON ? xhr.responseJSON.error : '请求失败';

                showError('加载历史失败: ' + errorMsg);

                $('#history-table-container').html('<div class="alert alert-danger">加载历史记录失败。</div>');

            }

        });

    }



    function renderHistoryTable(history) {

        if (history.length === 0) {

            $('#history-table-container').html('<div class="alert alert-info">没有找到任何分析历史记录。</div>');

            return;

        }



        let tableHtml = `

            <div class="mb-3">

                <button id="delete-selected-btn" class="btn btn-danger" disabled>

                    <i class="fas fa-trash-alt me-2"></i>删除选中项

                </button>

            </div>

            <div class="table-responsive">

                <table class="table table-hover table-sm align-middle">

                    <thead>

                        <tr>

                            <th><input class="form-check-input" type="checkbox" id="select-all-checkbox"></th>

                            <th>#</th>

                            <th>股票代码</th>

                            <th>状态</th>

                            <th>研究深度</th>

                            <th>分析师</th>

                            <th>创建时间</th>

                            <th>更新时间</th>

                            <th class="text-end">操作</th>

                        </tr>

                    </thead>

                    <tbody>

        `;



        history.forEach((task, index) => {

            const params = task.params || {};

            const analysts = params.selected_analysts || [];

            const statusBadge = getStatusBadge(task.status);

            

            tableHtml += `

                <tr data-task-id="${task.id}">

                    <td><input class="form-check-input row-checkbox" type="checkbox" value="${task.id}"></td>

                    <td>${index + 1}</td>

                    <td><strong>${params.stock_code || 'N/A'}</strong> <span class="badge bg-secondary">${params.market_type || ''}</span></td>

                    <td>${statusBadge}</td>

                    <td><span class="badge bg-info">${params.research_depth || 'N/A'}级</span></td>

                    <td><small>${analysts.join(', ')}</small></td>

                    <td><small>${task.created_at}</small></td>

                    <td><small>${task.updated_at}</small></td>

                    <td class="text-end">

                        <a href="/agent_analysis?task_id=${task.id}" class="btn btn-sm btn-primary">

                            <i class="fas fa-eye"></i> 查看

                        </a>

                        <button class="btn btn-sm btn-outline-danger delete-single-btn" data-task-id="${task.id}">

                            <i class="fas fa-trash-alt"></i>

                        </button>

                    </td>

                </tr>

            `;

        });



        tableHtml += '</tbody></table></div>';

        $('#history-table-container').html(tableHtml);

    }



    function getStatusBadge(status) {

        if (status === 'completed') {

            return '<span class="badge bg-success">已完成</span>';

        } else if (status === 'failed') {

            return '<span class="badge bg-danger">失败</span>';

        }

        return `<span class="badge bg-secondary">${status}</span>`;

    }



    $('#refresh-history-btn').click(function() {

        loadHistory();

    });



    // Initial load of history

    loadHistory();



    // --- Deletion and Selection Logic ---

    function performDeletion(taskIds) {

        if (!confirm(`您确定要删除 ${taskIds.length} 个分析记录吗？此操作无法撤销。`)) {

            return;

        }



        $.ajax({

            url: '/api/delete_agent_analysis',

            type: 'POST',

            contentType: 'application/json',

            data: JSON.stringify({ task_ids: taskIds }),

            success: function(response) {

                if (response.success) {

                    showSuccess(response.message || '成功删除记录');

                    loadHistory(); // Refresh the history table

                } else {

                    showError(response.error || '删除失败');

                }

            },

            error: function(xhr) {

                const errorMsg = xhr.responseJSON ? xhr.responseJSON.error : '请求失败';

                showError('删除操作失败: ' + errorMsg);

            }

        });

    }



    // Event delegation for dynamically added elements

    $('#history-table-container').on('click', '.delete-single-btn', function() {

        const taskId = $(this).data('task-id');

        performDeletion([taskId]);

    });



    $('#history-table-container').on('click', '#delete-selected-btn', function() {

        const selectedIds = $('.row-checkbox:checked').map(function() {

            return $(this).val();

        }).get();

        

        if (selectedIds.length > 0) {

            performDeletion(selectedIds);

        }

    });



    // Checkbox selection logic

    $('#history-table-container').on('change', '#select-all-checkbox', function() {

        $('.row-checkbox').prop('checked', $(this).prop('checked'));

        updateDeleteButtonState();

    });



    $('#history-table-container').on('change', '.row-checkbox', function() {

        if ($('.row-checkbox:checked').length === $('.row-checkbox').length) {

            $('#select-all-checkbox').prop('checked', true);

        } else {

            $('#select-all-checkbox').prop('checked', false);

        }

        updateDeleteButtonState();

    });



    // Set analysis date to today by default

    document.getElementById('analysis-date').valueAsDate = new Date();



    // Handle max output length slider

    const maxLengthSlider = document.getElementById('max-output-length');

    const maxLengthValue = document.getElementById('max-output-length-value');

    if (maxLengthSlider) {

        maxLengthSlider.addEventListener('input', function() {

            maxLengthValue.textContent = this.value;

        });

    }

});

</script>
{% endblock %}