{% extends 'base.html' %}
{% from '_macros.html' import assistant_avatar %}

{% block title %}对话审计 - {{ assistant.title }} - {{ get_app_name() }}{% endblock %}

{% block styles %}
{{ super() }}
<style>
    .audit-actions {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.3rem;
        white-space: nowrap;
    }
    .audit-actions .btn {
        padding: 0.22rem 0.46rem;
        font-size: 0.76rem;
        line-height: 1.2;
        border-radius: 6px;
    }
</style>
{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-12">
        <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
            <div class="d-flex align-items-center gap-3">
                {{ assistant_avatar(assistant, size='lg') }}
                <div>
                    <h2 class="mb-1" style="color: var(--om-ink); font-weight: 700;">
                        <i class="bi bi-eye"></i> 对话审计
                    </h2>
                    <p class="text-muted mb-0">{{ assistant.title }} · 实时刷新（每 8 秒）</p>
                </div>
            </div>
            <div class="d-flex gap-2 flex-wrap">
                <a href="{{ url_for('assistant_detail', assistant_id=assistant.id) }}" class="btn btn-secondary btn-sm">
                    <i class="bi bi-arrow-left"></i> 返回详情
                </a>
                <a href="{{ url_for('assistant_audit_export', assistant_id=assistant.id) }}" class="btn btn-success btn-sm">
                    <i class="bi bi-download"></i> 导出全部对话 Excel
                </a>
                <button class="btn btn-primary btn-sm" id="btn-class-report">
                    <i class="bi bi-magic"></i> 生成 AI 学情报告
                </button>
                <button class="btn btn-outline-primary btn-sm" id="btn-report-history">
                    <i class="bi bi-archive"></i> 报告历史
                </button>
                <button class="btn btn-outline-primary btn-sm" id="btn-refresh">
                    <i class="bi bi-arrow-clockwise"></i> 立即刷新
                </button>
            </div>
        </div>

        <!-- 统计卡片 -->
        <div class="row g-3 mb-3">
            <div class="col-md col-sm-6">
                <div class="card text-center">
                    <div class="card-body" style="padding: 1rem;">
                        <div class="text-muted small mb-1">已对话学生</div>
                        <div style="font-family: var(--om-font-serif); font-weight: 500; color: var(--om-ink); font-size: 1.875rem;" id="stat-conv">--</div>
                    </div>
                </div>
            </div>
            <div class="col-md col-sm-6">
                <div class="card text-center">
                    <div class="card-body" style="padding: 1rem;">
                        <div class="text-muted small mb-1">消息总数</div>
                        <div style="font-family: var(--om-font-serif); font-weight: 500; color: var(--om-ink); font-size: 1.875rem;" id="stat-msg">--</div>
                    </div>
                </div>
            </div>
            <div class="col-md col-sm-6">
                <div class="card text-center">
                    <div class="card-body" style="padding: 1rem;">
                        <div class="text-muted small mb-1">满意度 <span class="text-muted small" id="stat-satis-detail" style="font-weight:400;"></span></div>
                        <div style="font-family: var(--om-font-serif); font-weight: 500; color: var(--om-success); font-size: 1.875rem;" id="stat-satis">--</div>
                    </div>
                </div>
            </div>
            <div class="col-md col-sm-6">
                <div class="card text-center">
                    <div class="card-body" style="padding: 1rem;">
                        <div class="text-muted small mb-1">黑名单触发</div>
                        <div style="font-family: var(--om-font-serif); font-weight: 500; color: var(--om-danger); font-size: 1.875rem;" id="stat-blocked">--</div>
                    </div>
                </div>
            </div>
            <div class="col-md col-sm-6">
                <div class="card text-center">
                    <div class="card-body" style="padding: 1rem;">
                        <div class="text-muted small mb-1">助学状态</div>
                        <div style="font-weight: 500; font-size: 1.0rem; padding-top: 0.6rem;" id="stat-status">--</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 学生会话列表 -->
        <div class="card">
            <div class="card-header" style="background-color: #F7F4EC; border-bottom: 1px solid #E5E0D8; font-weight: 600;">
                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
	                    <span><i class="bi bi-people"></i> 学生会话 <span id="last-update" class="text-muted small fw-normal ms-2"></span></span>
	                    <span>
	                        <span id="selected-count" class="text-muted small fw-normal me-2" style="display:none;"></span>
	                        <span id="filter-count" class="text-muted small fw-normal" style="display:none;"></span>
	                    </span>
                </div>
                <!-- B10: 筛选条（一行：搜索 + 班级 + 状态 + 清除） -->
                <div class="d-flex gap-2 align-items-center flex-nowrap mt-2" style="font-weight: 400;">
                    <div class="position-relative" style="flex: 1 1 0; min-width: 0;">
                        <i class="bi bi-search position-absolute" style="left: 0.7rem; top: 50%; transform: translateY(-50%); color: var(--om-subtle); pointer-events: none;"></i>
                        <input id="filter-q" type="search" class="form-control form-control-sm"
                               style="padding-left: 2rem;" placeholder="搜索姓名、班级或最后内容..." autocomplete="off">
                    </div>
                    <select id="filter-class" class="form-select form-select-sm" style="flex: 0 0 auto; width: 130px;">
                        <option value="">全部班级</option>
                    </select>
                    <select id="filter-status" class="form-select form-select-sm" style="flex: 0 0 auto; width: 120px;">
                        <option value="">全部状态</option>
                        <option value="active">活跃</option>
                        <option value="blocked">已封禁</option>
                        <option value="multi">多设备</option>
                    </select>
                    <button id="filter-clear" type="button" class="btn btn-link btn-sm text-muted p-0 ms-1" style="display:none; flex: 0 0 auto; white-space: nowrap;">清除</button>
                </div>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
	                    <table class="table table-hover align-middle mb-0">
	                        <thead style="background-color: #F7F4EC;">
	                            <tr>
	                                <th style="width: 42px; font-size: 0.875rem; color: #6B6760;">
	                                    <input class="form-check-input" type="checkbox" id="select-visible-students" title="全选当前筛选结果">
	                                </th>
	                                <th style="font-size: 0.875rem; color: #6B6760;">班级 / 姓名</th>
	                                <th style="font-size: 0.875rem; color: #6B6760;">消息</th>
	                                <th style="font-size: 0.875rem; color: #6B6760;">今日额度</th>
                                <th style="font-size: 0.875rem; color: #6B6760;">最近活动</th>
                                <th style="font-size: 0.875rem; color: #6B6760;">最后内容预览</th>
                                <th style="font-size: 0.875rem; color: #6B6760;">状态</th>
	                                <th style="font-size: 0.875rem; color: #6B6760; text-align: right; min-width: 138px;">操作</th>
                            </tr>
                        </thead>
                        <tbody id="conv-tbody">
	                            <tr><td colspan="8" class="text-center text-muted py-4">加载中...</td></tr>
	                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
(function () {
    const ASSISTANT_ID = {{ assistant.id }};
    const apiUrl = `/api/assistant/${ASSISTANT_ID}/audit/conversations`;
	    const tbody = document.getElementById('conv-tbody');
	    const lastUpdate = document.getElementById('last-update');
	    let allStudents = [];   // B10: 缓存当前最新一拉的学生列表，用于本地筛选
	    let currentFilteredStudents = [];
	    const selectedStudents = new Map();
	    const DEFAULT_STUDENT_REPORT_INSTRUCTION = `请基于这位学生与 AI 导师的真实对话，生成一份给老师看的学情报告。重点关注：知识盲点、提问习惯、是否过度依赖 AI 直接要答案、是否触发安全风险、下一步可以怎样辅导。请避免空泛评价，尽量引用学生原话作为依据。`;
	    const DEFAULT_GROUP_REPORT_INSTRUCTION = `请基于选中学生与 AI 导师的真实对话，生成一份给老师看的学情报告。重点关注：共性知识盲点、不同学生的典型问题、AI 使用方式是否合理、需要重点关注的学生，以及下一步教学调整建议。请避免千篇一律，尽量结合本次对话证据。`;

	    function escapeHtml(s) {
	        return (s || '').replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
	    }

	    function studentKey(cls, name) {
	        return `${cls || ''}\u001f${name || ''}`;
	    }

	    function studentPayload(s) {
	        return {
	            student_class: s.student_class || '',
	            student_name: s.student_name || '',
	            msg_count: s.msg_count || 0,
	        };
	    }

	    function selectedList() {
	        return Array.from(selectedStudents.values());
	    }

	    function selectedMsgCount() {
	        return selectedList().reduce((sum, s) => sum + (s.msg_count || 0), 0);
	    }

	    function pruneSelections() {
	        const live = new Map(allStudents.map(s => [studentKey(s.student_class, s.student_name), s]));
	        Array.from(selectedStudents.keys()).forEach(k => {
	            if (!live.has(k)) selectedStudents.delete(k);
	            else selectedStudents.set(k, studentPayload(live.get(k)));
	        });
	    }

    function getFilters() {
        return {
            q: (document.getElementById('filter-q').value || '').trim().toLowerCase(),
            cls: document.getElementById('filter-class').value || '',
            status: document.getElementById('filter-status').value || '',
        };
    }

    function applyFilters(students, f) {
        return students.filter(s => {
            if (f.cls && s.student_class !== f.cls) return false;
            if (f.status === 'active' && s.is_blocked_any) return false;
            if (f.status === 'blocked' && !s.is_blocked_any) return false;
            if (f.status === 'multi' && (s.session_count || 1) < 2) return false;
            if (f.q) {
                const hay = [s.student_name, s.student_class, s.last_content || ''].join(' ').toLowerCase();
                if (!hay.includes(f.q)) return false;
            }
            return true;
        });
    }

    function syncClassDropdown(students) {
        // 把当前数据里出现的班级填进下拉
        const sel = document.getElementById('filter-class');
        const prev = sel.value;
        const classes = Array.from(new Set(students.map(s => s.student_class).filter(Boolean))).sort();
        sel.innerHTML = '<option value="">全部班级</option>' +
            classes.map(c => `<option value="${escapeHtml(c)}">${escapeHtml(c)}</option>`).join('');
        if (classes.includes(prev)) sel.value = prev;  // 保持选中
    }

	    function renderTable() {
	        const f = getFilters();
	        const filtered = applyFilters(allStudents, f);
	        currentFilteredStudents = filtered;

	        // 计数 + 清除按钮
        const cntEl = document.getElementById('filter-count');
        const clrBtn = document.getElementById('filter-clear');
        const isFiltered = !!(f.q || f.cls || f.status);
        if (isFiltered) {
            cntEl.textContent = `筛选：${filtered.length} / ${allStudents.length} 学生`;
            cntEl.style.display = '';
            clrBtn.style.display = '';
        } else {
            cntEl.style.display = 'none';
            clrBtn.style.display = 'none';
        }

	        if (allStudents.length === 0) {
	            tbody.innerHTML = `<tr><td colspan="8" class="text-center text-muted py-4">还没有学生进入对话。让学生扫码试试吧 →</td></tr>`;
	            updateSelectionUi();
	            return;
	        }
	        if (filtered.length === 0) {
	            tbody.innerHTML = `<tr><td colspan="8" class="text-center text-muted py-4">没有匹配筛选条件的学生</td></tr>`;
	            updateSelectionUi();
	            return;
	        }
	        tbody.innerHTML = filtered.map(renderRow).join('');
	        updateSelectionUi();
	    }

	    function updateSelectionUi() {
	        const countEl = document.getElementById('selected-count');
	        const selectAll = document.getElementById('select-visible-students');
	        const selectedCount = selectedStudents.size;
	        if (selectedCount > 0) {
	            countEl.textContent = `已选 ${selectedCount} 名学生`;
	            countEl.style.display = '';
	        } else {
	            countEl.style.display = 'none';
	        }

	        if (!selectAll) return;
	        if (currentFilteredStudents.length === 0) {
	            selectAll.checked = false;
	            selectAll.indeterminate = false;
	            selectAll.disabled = true;
	            return;
	        }
	        selectAll.disabled = false;
	        const visibleChecked = currentFilteredStudents.filter(s => selectedStudents.has(studentKey(s.student_class, s.student_name))).length;
	        selectAll.checked = visibleChecked === currentFilteredStudents.length;
	        selectAll.indeterminate = visibleChecked > 0 && visibleChecked < currentFilteredStudents.length;
	    }

    function renderRow(s) {
        const blockedBadge = s.blocked_hits > 0 ? `<span class="badge bg-warning text-dark ms-1" title="该学生有 ${s.blocked_hits} 条触发黑名单"><i class="bi bi-exclamation-triangle"></i> ${s.blocked_hits}</span>` : '';
        const stuBlocked = s.is_blocked_any ? '<span class="badge bg-danger ms-1">已封禁</span>' : '';
        const deviceBadge = s.session_count > 1
            ? `<span class="badge ms-1" style="background:var(--om-clay-soft); color:var(--om-clay-deep); font-weight:500;" title="该学生在 ${s.session_count} 台设备上有独立会话"><i class="bi bi-phone"></i> ${s.session_count} 台</span>`
            : '';
        const roleIcon = s.last_role === 'user'
            ? '<i class="bi bi-person"></i>'
            : (s.last_role === 'assistant' ? '<i class="bi bi-robot"></i>' : '<i class="bi bi-info-circle"></i>');
        const lastBubble = s.last_content
            ? `<div style="font-size:0.825rem; color:#6B6760; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;" title="${escapeHtml(s.last_content)}">${roleIcon} ${escapeHtml(s.last_content)}</div>`
            : '<span class="text-muted small">—</span>';
        const detailHref = `/assistant/${ASSISTANT_ID}/audit/${s.primary_session_id}`;
	        const blockOnclick = s.session_count > 1
	            ? `toggleBlockStudentByName(${JSON.stringify(s.student_class)}, ${JSON.stringify(s.student_name)}, ${s.is_blocked_any ? 'true' : 'false'}, this)`
	            : `toggleBlockStudent(${s.primary_session_id}, this)`;
	        const key = studentKey(s.student_class, s.student_name);
	        const checked = selectedStudents.has(key) ? 'checked' : '';
	        return `
	        <tr>
	            <td>
	                <input class="form-check-input student-select" type="checkbox"
	                       data-class="${escapeHtml(s.student_class)}"
	                       data-name="${escapeHtml(s.student_name)}" ${checked}>
	            </td>
	            <td>
	                <div style="font-weight:600; color:var(--om-ink);">${escapeHtml(s.student_name)}${deviceBadge}</div>
	                <div style="font-size:0.75rem; color:var(--om-muted);">${escapeHtml(s.student_class)}</div>
            </td>
            <td><span style="font-weight:600;">${s.user_msg_count}</span> ${blockedBadge}</td>
            <td><span class="${s.daily_message_count >= s.daily_limit ? 'text-danger' : (s.daily_message_count >= s.daily_limit - 5 ? 'text-warning' : 'text-muted')}">${s.daily_message_count} / ${s.daily_limit}</span></td>
            <td><small class="text-muted">${escapeHtml(s.last_active_at || '—')}</small></td>
	            <td>${lastBubble}</td>
	            <td>${stuBlocked || '<span class="badge bg-success">活跃</span>'}</td>
	            <td style="text-align:right; white-space:nowrap;">
	                <div class="audit-actions">
	                <a href="${detailHref}" class="btn btn-outline-primary">查看</a>
	                <button class="btn btn-outline-primary student-report-btn"
	                        data-class="${escapeHtml(s.student_class)}"
	                        data-name="${escapeHtml(s.student_name)}">
	                    报告
	                </button>
	                <button class="btn btn-outline-${s.is_blocked_any ? 'success' : 'danger'}"
	                        onclick='${blockOnclick}' title="${s.is_blocked_any ? '解禁该学生' : '封禁该学生'}">
	                    ${s.is_blocked_any ? '解禁' : '封禁'}
	                </button>
	                </div>
	            </td>
        </tr>`;
    }

    async function refresh() {
        try {
            const r = await fetch(apiUrl);
            if (!r.ok) return;
            const data = await r.json();

            // 更新统计
            const stuCount = data.stats.student_count || data.stats.conversation_count || 0;
            const sessCount = data.stats.session_count || stuCount;
            const stuConv = document.getElementById('stat-conv');
            stuConv.textContent = stuCount;
            // 如果有学生在多设备上 → 旁边小字提示
            const existingHint = stuConv.parentElement.querySelector('.stat-hint');
            if (existingHint) existingHint.remove();
            if (sessCount > stuCount) {
                const hint = document.createElement('div');
                hint.className = 'stat-hint text-muted';
                hint.style.cssText = 'font-size:0.7rem; margin-top:0.2rem;';
                hint.textContent = `共 ${sessCount} 个设备会话`;
                stuConv.parentElement.appendChild(hint);
            }
            document.getElementById('stat-msg').textContent = data.stats.total_messages;
            document.getElementById('stat-blocked').textContent = data.stats.blocked_hits;
            // 满意度
            const satisEl = document.getElementById('stat-satis');
            const satisDetail = document.getElementById('stat-satis-detail');
            const up = data.stats.thumbs_up || 0;
            const down = data.stats.thumbs_down || 0;
            const pct = data.stats.satisfaction_pct;
            if (up + down === 0) {
                satisEl.textContent = '—';
                satisEl.style.color = 'var(--om-muted)';
                satisDetail.textContent = '暂无评分';
            } else {
                satisEl.textContent = (pct == null ? '—' : pct + '%');
                satisEl.style.color = (pct >= 70) ? 'var(--om-success)' : (pct >= 40 ? 'var(--om-warn)' : 'var(--om-danger)');
                satisDetail.innerHTML = `👍 ${up} / 👎 ${down}`;
            }
            const statusEl = document.getElementById('stat-status');
            const status = data.assistant.status;
            statusEl.innerHTML = status === 'active'
                ? '<span class="badge bg-success">启用中</span>'
                : (status === 'disabled' ? '<span class="badge bg-danger">已禁用</span>' : '<span class="badge bg-secondary">未知</span>');

	            // B10: 缓存最新数据 → 同步班级下拉 → 重渲染（应用当前筛选）
	            allStudents = data.students || [];
	            pruneSelections();
	            syncClassDropdown(allStudents);
	            renderTable();
            const now = new Date();
            lastUpdate.textContent = `· 更新于 ${now.toLocaleTimeString('zh-CN')}`;
        } catch (e) {
            console.error(e);
        }
    }

    window.toggleBlockStudent = function (convId, btn) {
        btn.disabled = true;
        fetch(`/assistant/${ASSISTANT_ID}/audit/${convId}/block`, {method: 'POST'})
            .then(r => r.json())
            .then(d => {
                if (d.success) refresh();
                else { alert(d.message || '失败'); btn.disabled = false; }
            })
            .catch(() => { alert('网络异常'); btn.disabled = false; });
    };

    // B8: 多设备的学生整体封禁/解禁
	    window.toggleBlockStudentByName = function (className, studentName, currentlyBlocked, btn) {
	        if (!confirm(currentlyBlocked
	            ? `确定解禁 ${className} · ${studentName} 在所有设备上的会话吗？`
            : `确定封禁 ${className} · ${studentName} 在所有设备上的会话吗？`)) return;
        btn.disabled = true;
        const fd = new FormData();
        fd.append('class_name', className);
        fd.append('student_name', studentName);
        fd.append('action', currentlyBlocked ? 'unblock' : 'block');
        fetch(`/assistant/${ASSISTANT_ID}/audit/student/block`, {method: 'POST', body: fd})
            .then(r => r.json())
            .then(d => {
                if (d.success) refresh();
                else { alert(d.message || '失败'); btn.disabled = false; }
            })
	            .catch(() => { alert('网络异常'); btn.disabled = false; });
	    };

	    tbody.addEventListener('change', function (e) {
	        const checkbox = e.target.closest('.student-select');
	        if (!checkbox) return;
	        const cls = checkbox.getAttribute('data-class') || '';
	        const name = checkbox.getAttribute('data-name') || '';
	        const key = studentKey(cls, name);
	        const source = allStudents.find(s => studentKey(s.student_class, s.student_name) === key) || {student_class: cls, student_name: name};
	        if (checkbox.checked) selectedStudents.set(key, studentPayload(source));
	        else selectedStudents.delete(key);
	        updateSelectionUi();
	    });

	    tbody.addEventListener('click', function (e) {
	        const btn = e.target.closest('.student-report-btn');
	        if (!btn) return;
	        generateStudentReportByName(btn.getAttribute('data-class') || '', btn.getAttribute('data-name') || '', btn);
	    });

	    document.getElementById('select-visible-students').addEventListener('change', function () {
	        currentFilteredStudents.forEach(s => {
	            const key = studentKey(s.student_class, s.student_name);
	            if (this.checked) selectedStudents.set(key, studentPayload(s));
	            else selectedStudents.delete(key);
	        });
	        renderTable();
	    });

	    document.getElementById('btn-refresh').addEventListener('click', refresh);

    // B10 筛选：input/select 都触发本地重渲染（不重新调 API）
    let qDebounce = null;
    document.getElementById('filter-q').addEventListener('input', () => {
        clearTimeout(qDebounce);
        qDebounce = setTimeout(renderTable, 120);
    });
    document.getElementById('filter-class').addEventListener('change', renderTable);
    document.getElementById('filter-status').addEventListener('change', renderTable);
    document.getElementById('filter-clear').addEventListener('click', () => {
        document.getElementById('filter-q').value = '';
        document.getElementById('filter-class').value = '';
        document.getElementById('filter-status').value = '';
        renderTable();
    });

	    function safeFilenameSegment(text) {
	        return String(text || 'report').replace(/[\\/:*?"<>|]/g, '_').slice(0, 80);
	    }

	    function openReportPromptModal(opts) {
	        return new Promise(resolve => {
	            var existing = document.getElementById('om-report-prompt-modal');
	            if (existing) existing.remove();
	            var wrap = document.createElement('div');
	            wrap.id = 'om-report-prompt-modal';
	            wrap.style.cssText = 'position:fixed;inset:0;background:rgba(20,17,12,0.55);z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem;';
	            wrap.innerHTML = `
	                <div style="background:var(--om-paper);border-radius:14px;max-width:720px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--om-border);">
	                    <div style="display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--om-border);gap:1rem;">
	                        <div style="min-width:0;flex:1;">
	                            <h4 style="margin:0;color:var(--om-ink);font-weight:600;font-size:1.05rem;"><i class="bi bi-magic"></i> 确认报告生成要求</h4>
	                            <p style="margin:0.25rem 0 0;color:var(--om-muted);font-size:0.82rem;" id="om-rp-subtitle"></p>
	                        </div>
	                        <button type="button" id="om-rp-close" style="background:transparent;border:none;font-size:1.4rem;color:var(--om-muted);cursor:pointer;padding:0 0.4rem;line-height:1;">×</button>
	                    </div>
	                    <div style="padding:1rem 1.25rem;overflow-y:auto;">
	                        <label class="form-label fw-semibold">本次报告要求</label>
	                        <textarea id="om-rp-instruction" class="form-control" rows="9" style="border-radius:8px;line-height:1.65;"></textarea>
	                        <div class="form-text mt-2" style="color:var(--om-muted);">这里会作为本次报告的重点要求发送给 AI。可以按课堂目标、学生表现或报告用途临时修改。</div>
	                    </div>
	                    <div style="padding:0.75rem 1.25rem;border-top:1px solid var(--om-border);display:flex;gap:0.5rem;justify-content:flex-end;">
	                        <button type="button" id="om-rp-cancel" class="btn btn-secondary btn-sm">取消</button>
	                        <button type="button" id="om-rp-confirm" class="btn btn-primary btn-sm">开始生成</button>
	                    </div>
	                </div>`;
	            document.body.appendChild(wrap);
	            document.getElementById('om-rp-subtitle').textContent = opts.subtitle || '';
	            document.getElementById('om-rp-instruction').value = opts.defaultInstruction || '';
	            const close = () => { wrap.remove(); resolve(null); };
	            document.getElementById('om-rp-close').onclick = close;
	            document.getElementById('om-rp-cancel').onclick = close;
	            wrap.addEventListener('click', e => { if (e.target === wrap) close(); });
	            document.getElementById('om-rp-confirm').onclick = () => {
	                const value = (document.getElementById('om-rp-instruction').value || '').trim();
	                wrap.remove();
	                resolve(value);
	            };
	            setTimeout(() => document.getElementById('om-rp-instruction').focus(), 50);
	        });
	    }

	    window.generateStudentReportByName = async function (className, studentName, btn) {
	        const source = allStudents.find(s => s.student_class === className && s.student_name === studentName);
	        const msgCount = source ? (source.msg_count || 0) : 0;
	        const instruction = await openReportPromptModal({
	            subtitle: `${className} · ${studentName} · ${msgCount} 条消息`,
	            defaultInstruction: DEFAULT_STUDENT_REPORT_INSTRUCTION,
	        });
	        if (instruction === null) return;

	        var origLabel = btn.innerHTML;
	        btn.disabled = true;
	        btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>生成中';
	        var fd = new FormData();
	        fd.append('student_class', className);
	        fd.append('student_name', studentName);
	        fd.append('report_instruction', instruction);
	        fd.append('stream', '1');

	        streamReport(`/assistant/${ASSISTANT_ID}/audit/student_report`, fd, {
	            scope: 'student',
	            buildTitle: (m) => `${m.student_class || className} · ${m.student_name || studentName} · 学情报告`,
	            buildSubtitle: (m) => `${m.session_count || 0} 个会话 · ${m.message_count || 0} 条消息 · 由 ${m.model_used || ''} 流式生成中...`,
	            buildFilename: (m) => `${safeFilenameSegment((m.student_class || className) + '_' + (m.student_name || studentName))}_学情报告_${new Date().toISOString().slice(0,10)}.md`,
	        }).finally(() => { btn.disabled = false; btn.innerHTML = origLabel; });
	    };

	    // B13 + B19: 生成选中学生 / 班级 / 全部 AI 学情报告（流式）
	    document.getElementById('btn-class-report').addEventListener('click', async function () {
	        var btn = this;
	        var origLabel = btn.innerHTML;
	        var classFilter = document.getElementById('filter-class').value || '';
	        var chosen = selectedList();
	        var hasSelection = chosen.length > 0;
	        var scopeLabel = hasSelection ? `已选 ${chosen.length} 名学生` : (classFilter ? `班级「${classFilter}」` : '全部学生');
	        var inScope = hasSelection ? chosen : applyFilters(allStudents, {q: '', cls: classFilter, status: ''});
	        var stuCount = inScope.length;
	        var msgCount = hasSelection ? selectedMsgCount() : inScope.reduce((s, x) => s + (x.msg_count || 0), 0);
	        if (stuCount === 0) { alert('当前范围没有可分析的学生'); return; }
	        var instruction = await openReportPromptModal({
	            subtitle: `${scopeLabel} · ${stuCount} 名学生 · ${msgCount} 条消息`,
	            defaultInstruction: DEFAULT_GROUP_REPORT_INSTRUCTION,
	        });
	        if (instruction === null) return;

	        btn.disabled = true;
	        btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>AI 生成中...';
	        var fd = new FormData();
	        if (hasSelection) {
	            fd.append('selected_students', JSON.stringify(chosen.map(s => ({
	                student_class: s.student_class,
	                student_name: s.student_name,
	            }))));
	        } else if (classFilter) {
	            fd.append('class_name', classFilter);
	        }
	        fd.append('report_instruction', instruction);
	        fd.append('stream', '1');

	        streamReport(`/assistant/${ASSISTANT_ID}/audit/class_report`, fd, {
	            scope: 'class',
	            buildTitle: (m) => `${m.assistant_title} · ${m.scope_label || scopeLabel} · 学情报告`,
	            buildSubtitle: (m) => `${m.student_count || 0} 名学生 · ${m.message_count || 0} 条消息${m.omitted_students ? ' · 已截断 ' + m.omitted_students + ' 名学生' : ''} · 由 ${m.model_used || ''} 流式生成中...`,
	            buildFilename: (m) => `${safeFilenameSegment((m.assistant_title || 'AI导师') + '_' + (m.scope_label || scopeLabel))}_学情报告_${new Date().toISOString().slice(0,10)}.md`,
	        }).finally(() => { btn.disabled = false; btn.innerHTML = origLabel; });
	    });

    // B19: 流式报告读取器（共用）
    async function streamReport(url, formData, opts) {
        var modalEl, bodyEl, subEl, modalRefs = null;
        var fullText = '';
        var meta = null;
        var done = false;
        try {
            var resp = await fetch(url, {method: 'POST', body: formData});
            if (!resp.ok || !resp.body) {
                // 服务端拒绝（如 400 / 500）→ 尝试读 JSON 错误
                var errText = '';
                try { var j = await resp.json(); errText = j.message || ('HTTP ' + resp.status); }
                catch { errText = 'HTTP ' + resp.status; }
                alert('生成失败：' + errText);
                return;
            }

            var reader = resp.body.getReader();
            var decoder = new TextDecoder('utf-8');
            var buf = '';
            while (!done) {
                var { value, done: streamDone } = await reader.read();
                if (streamDone) break;
                buf += decoder.decode(value, {stream: true});
                // 按 SSE 事件分隔（双换行）
                while (true) {
                    var i = buf.indexOf('\n\n');
                    if (i < 0) break;
                    var raw = buf.slice(0, i);
                    buf = buf.slice(i + 2);
                    handleSseEvent(raw);
                }
            }
        } catch (e) {
            if (modalRefs) modalRefs.error('网络异常：' + (e.message || e));
            else alert('网络异常：' + (e.message || e));
        }

        function handleSseEvent(raw) {
            var lines = raw.split('\n');
            var event = 'message';
            var dataStr = '';
            for (var L of lines) {
                if (L.startsWith('event: ')) event = L.slice(7).trim();
                else if (L.startsWith('data: ')) dataStr += L.slice(6);
            }
            if (!dataStr) return;
            var payload = null;
            try { payload = JSON.parse(dataStr); } catch { return; }

            if (event === 'meta') {
                meta = payload;
                modalRefs = openStreamingReportModal({
                    title: opts.buildTitle(meta),
                    subtitle: opts.buildSubtitle(meta),
                });
            } else if (event === 'delta' && payload.content) {
                fullText += payload.content;
                if (modalRefs) modalRefs.updateContent(fullText);
            } else if (event === 'done') {
                done = true;
                meta = Object.assign({}, meta || {}, payload);
                if (modalRefs) {
                    modalRefs.subtitle(`${meta.student_count != null ? meta.student_count + (opts.scope === 'class' ? ' 名学生' : ' 名学生') : ''}${meta.session_count != null ? ' · ' + meta.session_count + ' 个会话' : ''}${meta.message_count != null ? ' · ' + meta.message_count + ' 条消息' : ''} · 由 ${meta.model_used || ''} 生成 · ${meta.created_at || ''}`);
                    modalRefs.finalize(fullText, opts.buildFilename(meta));
                }
            } else if (event === 'error') {
                done = true;
                if (modalRefs) modalRefs.error(payload.message || '生成失败');
                else alert('生成失败：' + (payload.message || '未知错误'));
            }
        }
    }

    function openStreamingReportModal(opts) {
        var existing = document.getElementById('om-report-modal');
        if (existing) existing.remove();
        var wrap = document.createElement('div');
        wrap.id = 'om-report-modal';
        wrap.style.cssText = 'position:fixed;inset:0;background:rgba(20,17,12,0.55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;';
        wrap.innerHTML = `
            <div style="background:var(--om-paper);border-radius:14px;max-width:780px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--om-border);">
                <div style="display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--om-border);gap:1rem;">
                    <div style="min-width:0;flex:1;">
                        <h4 id="om-report-title" style="margin:0;color:var(--om-ink);font-weight:600;font-size:1.05rem;"></h4>
                        <p id="om-report-sub" style="margin:0.25rem 0 0;color:var(--om-muted);font-size:0.82rem;"></p>
                    </div>
                    <button type="button" id="om-report-close" style="background:transparent;border:none;font-size:1.4rem;color:var(--om-muted);cursor:pointer;padding:0 0.4rem;line-height:1;">×</button>
                </div>
                <div id="om-report-body" style="padding:1rem 1.25rem;overflow-y:auto;flex:1;line-height:1.7;color:var(--om-ink);"><div style="color:var(--om-muted);"><span class="spinner-border spinner-border-sm me-2"></span>AI 正在写报告...</div></div>
                <div id="om-report-footer" style="padding:0.75rem 1.25rem;border-top:1px solid var(--om-border);display:flex;gap:0.5rem;justify-content:flex-end;">
                    <span class="text-muted small" id="om-report-streaming">流式生成中...</span>
                </div>
            </div>`;
        document.body.appendChild(wrap);
        var titleEl = document.getElementById('om-report-title');
        var subEl = document.getElementById('om-report-sub');
        var bodyEl = document.getElementById('om-report-body');
        var footerEl = document.getElementById('om-report-footer');
        titleEl.textContent = opts.title;
        subEl.textContent = opts.subtitle;
        document.getElementById('om-report-close').onclick = () => wrap.remove();
        wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });

        return {
            updateContent(md) {
                bodyEl.innerHTML = (window.marked && window.marked.parse) ? window.marked.parse(md) : ('<pre style="white-space:pre-wrap;">' + escapeHtml(md) + '</pre>');
                window.OM_renderMath && window.OM_renderMath(bodyEl);
                bodyEl.scrollTop = bodyEl.scrollHeight;
            },
            subtitle(t) { subEl.textContent = t; },
            finalize(md, filename) {
                bodyEl.innerHTML = (window.marked && window.marked.parse) ? window.marked.parse(md) : ('<pre style="white-space:pre-wrap;">' + escapeHtml(md) + '</pre>');
                window.OM_renderMath && window.OM_renderMath(bodyEl);
                footerEl.innerHTML = '';
                var copyBtn = document.createElement('button');
                copyBtn.type = 'button'; copyBtn.className = 'btn btn-secondary btn-sm';
                copyBtn.textContent = '复制 Markdown';
                copyBtn.onclick = function() {
                    try { navigator.clipboard.writeText(md); copyBtn.textContent = '已复制 ✓'; setTimeout(() => copyBtn.textContent = '复制 Markdown', 1500); }
                    catch { alert('请手动选中复制'); }
                };
                var dlBtn = document.createElement('button');
                dlBtn.type = 'button'; dlBtn.className = 'btn btn-primary btn-sm';
                dlBtn.textContent = '下载 .md';
                dlBtn.onclick = function() {
                    var blob = new Blob([md], {type: 'text/markdown;charset=utf-8'});
                    var a = document.createElement('a');
                    a.href = URL.createObjectURL(blob); a.download = filename;
                    document.body.appendChild(a); a.click();
                    setTimeout(() => { document.body.removeChild(a); URL.revokeObjectURL(a.href); }, 100);
                };
                footerEl.appendChild(copyBtn);
                footerEl.appendChild(dlBtn);
            },
            error(msg) {
                bodyEl.innerHTML = '<div style="color:var(--om-danger);background:var(--om-danger-soft);padding:0.7rem 1rem;border-radius:6px;"><i class="bi bi-exclamation-triangle"></i> ' + escapeHtml(msg) + '</div>';
                footerEl.innerHTML = '<button type="button" class="btn btn-secondary btn-sm" onclick="document.getElementById(\'om-report-modal\').remove()">关闭</button>';
            },
        };
    }

    // B14: 报告历史列表弹窗
    document.getElementById('btn-report-history').addEventListener('click', function () {
        showReportHistoryModal();
    });

    function showReportHistoryModal(filterParams) {
        var existing = document.getElementById('om-report-history-modal');
        if (existing) existing.remove();
        var wrap = document.createElement('div');
        wrap.id = 'om-report-history-modal';
        wrap.style.cssText = 'position:fixed;inset:0;background:rgba(20,17,12,0.55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;';
        wrap.innerHTML = `
            <div style="background:var(--om-paper);border-radius:14px;max-width:720px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--om-border);">
                <div style="display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--om-border);">
                    <div>
                        <h4 style="margin:0;color:var(--om-ink);font-weight:600;font-size:1.05rem;"><i class="bi bi-archive"></i> AI 学情报告历史</h4>
                        <p style="margin:0.25rem 0 0;color:var(--om-muted);font-size:0.82rem;" id="om-rh-subtitle">加载中...</p>
                    </div>
                    <button type="button" id="om-rh-close" style="background:transparent;border:none;font-size:1.4rem;color:var(--om-muted);cursor:pointer;padding:0 0.4rem;line-height:1;">×</button>
                </div>
                <div id="om-rh-list" style="padding:0.5rem 0;overflow-y:auto;flex:1;"></div>
            </div>`;
        document.body.appendChild(wrap);
        document.getElementById('om-rh-close').onclick = () => wrap.remove();
        wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
        loadReportHistory(filterParams);
    }

    function loadReportHistory(filterParams) {
        var qs = '';
        if (filterParams) {
            var parts = [];
            for (var k in filterParams) {
                if (filterParams[k]) parts.push(encodeURIComponent(k) + '=' + encodeURIComponent(filterParams[k]));
            }
            if (parts.length) qs = '?' + parts.join('&');
        }
        fetch(`/assistant/${ASSISTANT_ID}/audit/reports${qs}`)
            .then(r => r.json())
            .then(function (d) {
                var listEl = document.getElementById('om-rh-list');
                var subEl = document.getElementById('om-rh-subtitle');
                if (!listEl) return;
                var items = d.reports || [];
                subEl.textContent = items.length === 0
                    ? '尚未生成过任何报告'
                    : `共 ${items.length} 条历史报告（最多展示最近 200 条）`;
                if (items.length === 0) {
                    listEl.innerHTML = '<div style="padding:2rem;text-align:center;color:var(--om-muted);">点击上方「生成 AI 学情报告」即可创建第一份报告</div>';
                    return;
                }
                listEl.innerHTML = items.map(function (r) {
                    var typeBadge = r.report_type === 'class'
                        ? '<span class="badge" style="background:var(--om-clay-soft);color:var(--om-clay-deep);font-weight:500;font-size:0.72rem;">班级</span>'
                        : '<span class="badge" style="background:var(--om-success-soft);color:var(--om-success);font-weight:500;font-size:0.72rem;">学生</span>';
                    return `
                    <div style="padding:0.7rem 1.25rem;border-bottom:1px solid var(--om-border);display:flex;justify-content:space-between;gap:0.75rem;align-items:center;">
                        <div style="min-width:0;flex:1;">
                            <div style="display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap;">
                                ${typeBadge}
                                <strong style="color:var(--om-ink);">${escapeHtml(r.scope_label || '—')}</strong>
                            </div>
                            <div style="color:var(--om-muted);font-size:0.78rem;margin-top:0.2rem;">
                                ${escapeHtml(r.created_at || '')} · ${r.student_count || 0} 人 / ${r.message_count || 0} 条消息 · ${escapeHtml(r.model_used || '')}
                            </div>
                        </div>
                        <div style="display:flex;gap:0.4rem;flex-shrink:0;">
                            <button type="button" class="btn btn-sm btn-outline-primary" onclick="viewHistoryReport(${r.id})">查看</button>
                            <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteHistoryReport(${r.id}, this)">删除</button>
                        </div>
                    </div>`;
                }).join('');
            })
            .catch(e => alert('加载失败：' + e));
    }

    window.viewHistoryReport = function (id) {
        fetch(`/assistant/${ASSISTANT_ID}/audit/reports/${id}`)
            .then(r => r.json())
            .then(function (d) {
                if (!d.success) { alert(d.message || '加载失败'); return; }
                var safeName = (d.scope_label || 'report').replace(/[\\/:*?"<>|]/g, '_');
                showReportModal({
                    title: `${d.assistant_title} · ${d.scope_label} · 学情报告`,
                    subtitle: `${d.created_at || ''} · ${d.student_count || 0} 人 / ${d.message_count || 0} 条消息 · 由 ${d.model_used || ''} 生成`,
                    markdown: d.content,
                    filename: `${safeName}_学情报告_${(d.created_at || '').slice(0,10)}.md`,
                });
            });
    };

    window.deleteHistoryReport = function (id, btn) {
        if (!confirm('确定删除这份历史报告？')) return;
        btn.disabled = true;
        fetch(`/assistant/${ASSISTANT_ID}/audit/reports/${id}/delete`, {method: 'POST'})
            .then(r => r.json())
            .then(function (d) {
                if (d.success) loadReportHistory();   // 刷新列表
                else { alert(d.message || '删除失败'); btn.disabled = false; }
            })
            .catch(e => { alert('网络异常：' + e); btn.disabled = false; });
    };

    function showReportModal(opts) {
        var existing = document.getElementById('om-report-modal');
        if (existing) existing.remove();
        var wrap = document.createElement('div');
        wrap.id = 'om-report-modal';
        wrap.style.cssText = 'position:fixed;inset:0;background:rgba(20,17,12,0.55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;';
        wrap.innerHTML = `
            <div style="background:var(--om-paper);border-radius:14px;max-width:780px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--om-border);">
                <div style="display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;border-bottom:1px solid var(--om-border);gap:1rem;">
                    <div style="min-width:0;flex:1;">
                        <h4 style="margin:0;color:var(--om-ink);font-weight:600;font-size:1.05rem;">${opts.title}</h4>
                        <p style="margin:0.25rem 0 0;color:var(--om-muted);font-size:0.82rem;">${opts.subtitle}</p>
                    </div>
                    <button type="button" id="om-report-close" style="background:transparent;border:none;font-size:1.4rem;color:var(--om-muted);cursor:pointer;padding:0 0.4rem;line-height:1;">×</button>
                </div>
                <div id="om-report-body" style="padding:1rem 1.25rem;overflow-y:auto;flex:1;line-height:1.7;color:var(--om-ink);"></div>
                <div style="padding:0.75rem 1.25rem;border-top:1px solid var(--om-border);display:flex;gap:0.5rem;justify-content:flex-end;">
                    <button type="button" id="om-report-copy" class="btn btn-secondary btn-sm">复制 Markdown</button>
                    <button type="button" id="om-report-download" class="btn btn-primary btn-sm">下载 .md</button>
                </div>
            </div>`;
        document.body.appendChild(wrap);
        var bodyEl = document.getElementById('om-report-body');
        bodyEl.innerHTML = (window.marked && window.marked.parse) ? window.marked.parse(opts.markdown) : ('<pre style="white-space:pre-wrap;">' + escapeHtml(opts.markdown) + '</pre>');
        window.OM_renderMath && window.OM_renderMath(bodyEl);
        document.getElementById('om-report-close').onclick = () => wrap.remove();
        wrap.addEventListener('click', e => { if (e.target === wrap) wrap.remove(); });
        document.getElementById('om-report-copy').onclick = function () {
            try { navigator.clipboard.writeText(opts.markdown); this.textContent = '已复制 ✓'; setTimeout(() => this.textContent = '复制 Markdown', 1500); }
            catch (err) { alert('请手动选中复制'); }
        };
        document.getElementById('om-report-download').onclick = function () {
            var blob = new Blob([opts.markdown], {type: 'text/markdown;charset=utf-8'});
            var a = document.createElement('a');
            a.href = URL.createObjectURL(blob);
            a.download = opts.filename;
            document.body.appendChild(a); a.click();
            setTimeout(() => { document.body.removeChild(a); URL.revokeObjectURL(a.href); }, 100);
        };
    }

    refresh();
    setInterval(refresh, 8000);
})();
</script>
<link rel="stylesheet" href="{{ url_for('static', filename='vendor/katex/katex.min.css') }}">
<script src="{{ url_for('static', filename='vendor/marked/marked.min.js') }}"></script>
<script defer src="{{ url_for('static', filename='vendor/katex/katex.min.js') }}"></script>
<script defer src="{{ url_for('static', filename='vendor/katex/contrib/mhchem.min.js') }}"></script>
<script defer src="{{ url_for('static', filename='vendor/katex/contrib/auto-render.min.js') }}"></script>
<script>
window.OM_KATEX_OPTIONS = window.OM_KATEX_OPTIONS || {
    delimiters: [
        {left: '$$', right: '$$', display: true},
        {left: '$',  right: '$',  display: false},
        {left: '\\(', right: '\\)', display: false},
        {left: '\\[', right: '\\]', display: true},
    ],
    throwOnError: false,
    ignoredTags: ['pre', 'code', 'script', 'noscript', 'style', 'textarea'],
};
window.OM_renderMath = function(el){ if (window.renderMathInElement && el) { try { window.renderMathInElement(el, window.OM_KATEX_OPTIONS); } catch(e){} } };
</script>
{% endblock %}